BODY {
	margin:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	background-image: none;
	font-family: 'Meiryo UI',sans-serif; font-size: 100%;
}

a{/*リンクされた文字*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:none;
}

a:hover {/*マウスをのせたとき*/
    color:#FFFFFF;
    font-style:normal;
    text-decoration:none;
}



/*pc用cssここから*/
@media screen and (min-width:900px){

#video-background,
#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
 
#video-background {
  z-index: -2;
}
 
#video-overlay {
  z-index: -1;
  background-color: #000000;
  background-image: url("../line2.png");
  opacity:0.4;
}

h1.title {
  font-size: 100%; /* 文字サイズを15px */
  font-weight: bold;
  color: #FFFFFF;/* 文字色を#FF99CC */
  text-shadow: 2px 5px 5px #e94f1a; /* 横・縦・ぼかし・色 */
}


h2 {
  font-size: 100%; /* 文字サイズを12px */
  color: #FFFFFF;;/* 文字色を#FFFFFF */
  padding-top:0.5%;
  padding-bottom:0.5%;

}


h3 {
  font-size: 100%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
}

img.slide{
width:900px; height:505px;
}

img.top{
  WIDTH: 100px;
  height:auto;
  bottom:0;
  right:0;
  position:fixed;
}


img.spacer{
  WIDTH: auto;
  height:1px;
}

img.spacer2{
  WIDTH: auto;
  height:1px;
}

a.linklink{
MARGIN:auto;
display:block;
width:700px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
border:3px solid;
border-color:#e94f1a;
color:#e94f1a;
background:#FFFFFF;
text-decoration:none;
MARGIN-TOP:10px;
}

a.linklink:hover{
border:5px solid;
border-color:#FFFFFF;
color:#FFFFFF;
background:#000000;
}

.big_box{
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
}


.box_line {
	clear: both;
	WIDTH: 100%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	BORDER-TOP: #e94f1a 1px solid;
}

#pan {
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
}

#box_header {
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	opacity: 0.7;
}



.contents01 {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:10px;
	float: none;
	width: 100%;
	height:auto;
	padding:10px;
	line-height:150%;
	background-color: #e94f1a;
}

.contents02 {
	clear: both;
	float: none;
	width: 900px;
	line-height:150%;
	MARGIN:auto;
	text-align:center;
}

.contents03 {
	clear: both;
	float: none;
	width: 700px;
	line-height:150%;
	MARGIN:auto;
	text-align:left;
	line-height:200%;
}


.contents022 {
	clear: both;
	float: none;
	width: 700px;
	height: 100vh;
	line-height:150%;
	MARGIN:auto;
	position:relative;
}

.contents023 {
	clear: both;
	float: none;
	width: 700px;
	height: auto;
	line-height:150%;
	MARGIN:auto;
	position:absolute;
	bottom: 0;
	border:1px solid;
	border-color:#FFFFFF;
	MARGIN-bottom:10px;
	line-height:200%;
}


.contents0v {
	clear: both;
	float: none;
	width: 900px;
	line-height:150%;
	MARGIN:auto;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}



#box_footer {
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM:0px;
	font-size: 100%; color: #001a43;
	line-height:150%;
}


.navi1{
  WIDTH:auto;
  height:auto;
  top:0;
  right:0;
  position:fixed;
  border:0px solid;
  border-color:#e94f1a;
  color:#e94f1a;
  padding:10px;
}

.btn{
border:1px solid;
border-color:#FFFFFF;
color:#FFFFFF;
writing-mode: vertical-rl;
padding:10px;
text-decoration:none;
font-size: 80%;
}

.btn:hover{
border:1px solid;
border-color:#e94f1a;
color:#FFFFFF;
background:#e94f1a;
}

}

/*pc用cssここまで*/

/*モバイルcssここから*/

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

#video-background,
#video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
 
#video-background {
  z-index: -2;
}
 
#video-overlay {
  z-index: -1;
  background-color: #000000;
  background-image: url("../line2.png");
  opacity:0.4;
}

.big_box{
	clear: both;
	WIDTH: 95%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	back-ground-color:#000000;
}

video#bgvid {
  position: fixed; right: 0; top: 0;
  min-width: 100%; min-height: auto;
  width: 100%; height: auto; z-index: -1;
  background: url(11_kumasaka_naiagara02_2018.png) no-repeat;
  background-size: cover;
  opacity: 0.6;
}

h1.title{
  font-size: 80%; /* 文字サイズを15px */
  font-weight: bold;
  color: #FFFFFF;/* 文字色を#FF99CC */
  text-shadow: 2px 5px 5px #e94f1a; /* 横・縦・ぼかし・色 */
}


h2 {
  font-size: 80%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
  padding-top:0.5%;
  padding-bottom:0.5%;

}


h3 {
  font-size: 80%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
}

img {
width:100%;
height:auto;
}

img.slide{
width: 95%;
height: auto;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}

img.top{
  WIDTH: 15%;
  height:auto;
  bottom:0;
  right:0;
  position:fixed;
  z-index: 1;
}

img.spacer{
  WIDTH: auto;
  height:5px;
  MARGIN:0px;
}

img.spacer2{
  WIDTH: auto;
  height:5px;
  MARGIN:0px;
}


video {
width:100%;
height:auto;
}

a.linklink{
MARGIN:auto;
MARGIN-Top:10px;
display:block;
width:80%;
padding-top:10px;
padding-bottom:10px;
text-align:left;
border:1px solid;
border-color:#e94f1a;
color:#e94f1a;
background:#FFFFFF;
text-decoration:none;
font-size: 70%;
}

a.linklink:hover{
border:3px solid;
border-color:#FFFFFF;
color:#FFFFFF;
background:#000000;
}



.box_line {
	clear: both;
	width:90%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	BORDER-TOP: #e94f1a 2px solid;
}

#pan {
	clear: both;
	width:95%;
	MARGIN:auto;
}

#box_header {
	width:95%;
	MARGIN:auto;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 10px; 
	opacity: 0.9;
}



.contents01 {
	clear: both;
	width:100%;
	MARGIN:auto;
	MARGIN-TOP:0px;
	float: none;
	padding:5px;
	background-color: #e94f1a;
}

.contents02 {
	clear: both;
	float: none;
	width:100%;
	line-height:150%;
	MARGIN:auto;
	text-align:center;
}

.contents03 {
	clear: both;
	float: none;
	width:80%;
	line-height:150%;
	MARGIN:auto;
	MARGIN=TOP:10px;
	text-align:left;
}


.contents022 {
	clear: both;
	float: none;
	width: 100%;
	height: 100vh;
	line-height:150%;
	MARGIN:auto;
	position:relative;
	text-align:center;
}

.contents023 {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	line-height:150%;
	MARGIN:auto;
	position:absolute;
	bottom: 0;
	border:1px dashed;
	border-left:0px solid;
	border-right:0px solid;
	border-color:#FFFFFF;
	MARGIN-bottom:10px;
}

.contents0v {
	clear: both;
	float: none;
	width: 95%;
	line-height:150%;
	MARGIN:auto;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}

.navi1{
  WIDTH:auto;
  height:auto;
  top:0;
  right:0;
  position:fixed;
  border:0px solid;
  border-color:#e94f1a;
  color:#e94f1a;
  padding:5px;
    z-index: 1;
}

.btn{
border:1px solid;
border-color:#ffffff;
color:#FFFFFF;
writing-mode: vertical-rl;
padding:5px;
text-decoration:none;
font-size: 70%;
margin:0px;
}

.btn:hover{
border:1px solid;
border-color:#FFFFFF;
color:#FFFFFF;
background:#e94f1a;
}

#box_footer {
	clear: both;
	width:95%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM:0px;
	font-size: 100%; color: #001a43;
	line-height:150%;
}

}/*モバイルcssここまで*/