*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
margin:0px;
}

body {
  font: 16px/1.5em 'Open Sans', 'Open Sans', sans-serif;
margin:0;
padding:0;
height:100%;
width:100%;
overflow-x:hidden;
position:relative;
z-index:0;
}
.logo {display:block;width:180px;margin:0 auto;margin-top:130px;margin-bottom:30px;}
img.fit {width:100%;}
#wrapper-shadow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:calc(100% + 60px);
	background-color:rgba(0,0,0,0.5);
z-index:1;
}
.wnone {font-weight:normal;}
.row5 {width:calc(20% - 10px);margin:0px;height:auto;padding:5px;display:block;float:left;border:5px solid transparent;margin:5px;}
.row5:before {
    content:"";
    display: block;
    padding-top: 55%; /* 高さを幅の75%に固定 */
}
.row5 a {display:block;width:100%;height:auto;}

#home { 
  height: 1400px; 
  margin: 0 auto; 
  width: 100%;
  position: relative; 
}
 #message { 
  height: 1400px; 
  margin: 0 auto; 
margin-top:-25px;
  width: 100%; 
  position: relative; 
  background: url(../img/bg/message.jpg)  no-repeat fixed;  
background-position:center top;
background-size:cover;
-moz-background-size: cover;
background-attachment:fixed;
}
#history { 
  height: 1400px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
  background: url(../img/bg/history.jpg) no-repeat fixed; 
background-position:right top;
background-size:cover;
-moz-background-size: cover;

}
#about { 
  background: url(../img/bg/about.jpg) no-repeat fixed; min-height: 100vh; 
background-size:cover;
background-position:center bottom;
  height: 1500px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
}
#school { 
  background: url(../img/bg/school.jpg) no-repeat fixed; min-height: 100vh; 
background-size:cover;
background-position:left center;
  height: 1500px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
}
#contact { 
  background: url(../img/bg/contact.jpg)  no-repeat fixed; min-height: 100vh; 
background-size:cover;
background-position:center bottom;
  height: 1400px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
}
 #minpaku { 
background: url(../img/bg/message.jpg)  no-repeat fixed; min-height:100vh; 
background-size:cover;
background-position:center center;
  height: 1400px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
}
 #home { 
background: url(../img/bg/home.jpg)  no-repeat fixed; min-height:100vh; 
background-size:cover;
background-position:right bottom;
  height: 1400px; 
  margin: 0 auto; 
  width: 100%; 
  position: relative; 
}
#contact article { background-color: rgba(0,0,0,0.5); }
#history article { background-color: rgba(0,0,0,0.5); }
#message article { background-color: rgba(0,0,0,0.5); }
#about article { background-color: rgba(0,0,0,0.5); }
article { 
  min-height: 100%; 
height:100%;
  position: absolute; 
  text-align: center; 
  top: 0px; 
  width: 100%; 
z-index:1;
color:white;
}
header {
  line-height: 60px;
  text-align: center;
  width: 100%;
display:block;
height:60px;
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
z-index:10;
  left: 0; /* 左から0の位置に固定 */

}
.cb-header {
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
z-index:10000;
  left: 0; /* 左から0の位置に固定 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(1.00, #ffffff), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff 100%);
background: linear-gradient(top, #ffffff 0%, #ffffff 100%, #ffffff 100%);

width:100%;
/*  display: none; /* ヘッダーバーを非表示 */
}
.cb-header .menu {display:block;float:left;font-size:14px;text-align:center;}
.cb-header .menu a {padding:0 20px;display:block;height:60px;text-decoration:none;color:#777777;}
.cb-header .menu a:hover {display:block;height:60px;border-bottom:4px solid red;color:#000000; }
.menuhome {display:block;height:60px;font-size:12px;float:left;}
.menuhome a:hover {display:block;opacity:0.7;}

.menu a.now{
border-bottom:4px solid red;
}

#navToggle {
    position:absolute; /*bodyに対しての絶対位置指定です*/
    margin-top:12px;margin-left:10px;
    width:40px;
    height:25px;
	z-index:10;
    }
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;text-align:center;
    border-bottom:solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}

#mobicon {
width:60px;
height:60px;
background-color:#000000;
display:none;
position:fixed;
top:0;
left:0;
z-index:10;
color:white;
font-size:12px;
font-weight:bold;
cursor:pointer;
}






.mob-header {display:none;position:fixed;top:60px;left:0;z-index:10;width:100%;text-align:center;}
.mob-header li {list-style:none;height:50px;background-color:#aaaaaa;border-bottom:1px solid gray;line-height:30px;width:100%;}
.mob-header li a {text-decoration:none;color:#ffffff;display:block;height:50px;padding:10px 0px;width:100%;}
.mob-header li a:hover {background-color:#444444;display:block;height:50px;padding:10px 0px;width:100%;}
.contentbody {min-height:100%;overflow-y:hidden;padding-top:100px;max-width:100%;max-width:1000px;overflow-x:hidden;position:relative;transition: .8s;transform: translate(-200px,0);-webkit-transform: translate(-200px,0);opacity:0;}
.toplogo {width:100%;transition:1.0s;opacity:0;color:#555555;}
.toplogo2 {opacity:1;}
h2 {padding:20px;font-size:25px;}
h2 .title {border-bottom:solid 1px white;display:block;width:100%;text-align:right;}
.bodytext {display:block;font-size:15px;padding:20px;width:100%;text-align:left;}
.bodytext a{color:#555555;}
.bodytext a:hover{color:#111111;}
.mv02{
transform: translate(0,0);-webkit-transform: translate(0,0);
opacity:1;
}
.earth {width:30%;overflow-x:hidden;transition: .8s;transform: translate(200px,0);-webkit-transform: translate(200px,0);opacity:0;position:absolute;top:150px;right:0;z-index:10;}
.mv03{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity:1; }
section {overflow-x:hidden;padding-top:100px;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:.5;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:.5;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:.5;}
}
#footer {
	width:100%;
height:200px;
	padding:20px;
text-align:left;
position:absolute;
left:0;
bottom:0px;
background-color:#333333;
z-index:10;
}
.memimg {width:20%;float:left;padding:5px;display:block;}
.memtext {width:80%;float:right;padding:5px;display:block;}
.memtext a {color:white;}
form {float:right;}
form .textarea {width:100%;font-size:20px;line-height:20px;}
form textarea {width:100%;font-size:20px;line-height:20px;height:200px;}
form .btn {padding:10px 30px;font-size:20px;line-height:20px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6b6c6a), color-stop(1.00, #6b6c6a), color-stop(0.00, #f5f5f5));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #6b6c6a 100%, #6b6c6a 100%);
background: -moz-linear-gradient(top, #f5f5f5 0%, #6b6c6a 100%, #6b6c6a 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #6b6c6a 100%, #6b6c6a 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #6b6c6a 100%, #6b6c6a 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #6b6c6a 100%, #6b6c6a 100%);
}
input:focus, textarea:focus {
outline: 2px red solid;
}
.catch {
font-family: 'Playfair Display', serif;
display:block;
	font-size:30px;
line-height:40px;
padding:20px;
width:100%;
text-align:center;
}
#topnewsbox {width:40%;line-height:1.5em;font-size:14px;border:1px solid white;padding:10px;text-align:left;display:block;background-color:rgba(0,0,0,0.5);position:absolute;top:10px;height:70%;left:-30%;z-index:100;}
#topnewsbox .newsinner {
  overflow: auto;
  overflow-x: hidden;
}
#topnewsbox .newsinner::-webkit-scrollbar {
  background:#555;
  width:10px;
}
#topnewsbox .newsinner::-webkit-scrollbar-thumb {
  background:#aaa;
}
#pressbtnimg {Display:block;transform: rotate( -90deg );position:absolute;top:60px;right:-100px;width:150px;background-color:#ffffff;color:black;text-align:center;cursor:pointer;padding:10px;z-index:100;}

#pressbtnimg2{display:none;} 
#topnewsbox a {color:#cccccc;}
.langbox {border:1px solid yellow;padding:5px;Display:block;text-align:right;font-size:18px;float:right;width:150px;text-align:center;}
.langbox a{color:yellow;}
.mapphoto {Display:block;position:absolute;top:0;right:0;width:30%;z-index:10;}
.newsbox {Display:block;width:25%;padding:10px;height:250px;float:right;position:relative;margin-top:10px;}
.newsbox-inner {display:block;width:100%;position:relative;height:250px;background-color:rgba(0,0,0,0.5);padding:10px;font-size:14px;}
.newsbox-inner a{color:#dddddd;}
.nextbtn {text-align:center;width:120px;height:30px;font-size:14px;line-height:30px;border:1px solid gray;float:right;display:block;}
.nextbtn a{text-decoration:none;display:block;}
.nextbtn a:hover{background-color:#cccccc;;display:block;height:28px;}
.prevbtn {text-align:center;width:120px;height:30px;font-size:14px;line-height:30px;border:1px solid gray;float:left;display:block;}
.prevbtn a{text-decoration:none;display:block;}
.prevbtn a:hover{background-color:#cccccc;display:block;height:28px;}
.rebtn {text-align:center;width:220px;height:30px;font-size:14px;line-height:30px;display:block;background-color:#555555;}
.rebtn a{width:220px;height:30px;display:block;text-decoration:none;color:#ffffff;}
.rebtn a:hover{width:220px;height:30px;display:block;background-color:#888888;}
img.pp {
    max-width: 100%;
     height: auto;
}
img.thumb {
    max-width: 100%;
     height: auto;
}
#newsdetail {display:block;width:100%;height:1000px;}
	.close{
		position:absolute;
		display:inline-block;
		top:0px;
		right:0px;
		width:50px;
		height:50px;
		border:0;
		background-color:black;
		border-radius:32px;
		margin:0;
		padding:0;
		transform:scale(0.5);
		cursor:pointer;
	}
	.close:before{
		content:"";
		position:absolute;
		display:inline-block;
		top:5px;
		left:21px;
		width:6px;
		height:40px;
		border:0;
		margin:0;
		padding:0;
		background-color:white;
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.close:after{
		content:"";
		position:absolute;
		display:inline-block;
		top:5px;
		left:21px;
		width:6px;
		height:40px;
		border:0;
		margin:0;
		padding:0;
		background-color:white;
		-moz-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.close:hover{
		background-color:red;
	}
.langboxmenu {display:block;position:fixed;right:0px;top:0px;z-index:100000;}
.langtext{font-size:12px;height:50px;display:block;margin:5px;float:left;line-height:50px;text-align:center;background-color:#dddddd;color:black;}
.langtext a{height:50px;display:block;border:1px solid white;text-decoration:none;padding:0 20px;}
.langtext a:hover{height:50px;border:1px solid red;display:block;}
.on {border:2px solid red;}
.righttext {Display:block;width:100%;text-align:right;}

/*-------------------responsive-----------------------------*/
@media only screen and (max-width: 1050px) {
#topnewsbox {width:100%;line-height:1.5em;font-size:12px;padding:0px;border:1px solid white;padding:10px;text-align:left;display:block;background-color:rgba(0,0,0,0.5);position:relative;top:50px;height:200px;z-index:10000;left:0%;padding-top:50px;padding-bottom:20px;}
#pressbtnimg {display:none;}
#pressbtnimg2 {Display:block;transform: rotate( 0deg );position:absolute;top:0px;right:0px;width:150px;padding:10px;background-color:#ffffff;color:black;text-align:center;}
header {display:none;}
section#message {height:1600px;}
.contentbody {width:100%;}
h2 {padding:20px 10px;}
.bodytext {display:block;font-size:14px;padding:20px;width:100%;text-align:left;}
#mobicon {display:block;}
.memtext {width:70%;float:right;padding:5px;}
.memimg {width:30%;float:left;padding:15px;display:block;}
.mv03{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity:1; }
.newsbox {width:50%;}
#home { 
background-attachment:scroll;
}
 #message { 
background-attachment:scroll;
}
#history { 
background-attachment:scroll;
}
#about { 
background-attachment:scroll;
}
#school { 
background-attachment:scroll;
}
#contact { 
background-attachment:scroll;
}
#minpaku { 
background-attachment:scroll;
}



}/*1000px*/

@media only screen and (max-width: 700px) {

section#message {height:1900px;}
.memtext {width:60%;float:right;padding:5px;}
.memimg {width:40%;float:left;padding:15px;display:block;}
.mv03{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity:1; }
.newsbox {width:50%;}
}


@media only screen and (max-width: 500px) {

.mapphoto{width:50%;}
form textarea {width:100%;}
section#message {height:1900px;}
section#about {height:1900px;}
.memtext {width:100%;float:none;padding:5px;}
.memimg {width:40%;float:left;padding:15px;display:block;}
.mv03{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity:1; }
.newsbox {width:100%;}
}