/* CSS Document */
/* ヘッダー */
.headertype{
    width:100%;
	height:auto;
	margin:0;
	float:left;
	opacity:0.9;
	position:fixed;
	top:0;
	right:0;
	z-index:99;
}
.header00{
    width:100%;
	height:auto;
	float:left;
	background-image:url("img/001230.png");
}
.header01{
    width:80px;
	height:80px;
	float:left;
}
.header02{
    width:300px;
	height:80px;
	float:left;
}
.header02 img{
    width:100%;
}
.header03{
    max-width:450px;
	width:96%;
	height:auto;
	float:right;
	margin-left:2%;
	margin-right:2%;
}
.header03top{
	width: calc(100% - 380px);
	height:25px;
	float:right;
}
.header03aitem{
    max-width:150px;
	width:33%;
	height:auto;
	float:left;
}
.header03aitem img{
    width:100%;
}
/* バナー画面コマ割り */
.bannersp00 {
  z-index:10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  font-size:2vmax;
  line-height: 1.2em;
  background-color:rgba(0,0,0,0.3);
  background-image: radial-gradient(#000000 3%, transparent 3%);/* ドット */
  background-size: 3px 3px;
}
/* バナー画面コマ割り */
/* navi */
.header00b{
    width:100%;
	height:44px;
	float:left;
	background-image:url("img/wback.png");
}
/* navi */
/* 動画 */
.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(./img/banner/00.jpg) no-repeat center center/cover;
}
.bg-video-wrap video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
  object-fit:cover;
  object-position: rihgt bottom;
}
.overlay {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-image: ar-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.5) 50%);
  background-size: 4px 4px;
  color:#FFFFFF;
}
.overlayc {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-image: ar-gradient(45deg, rgba(95,158,160,.1) 50%, rgba(95,158,160,.3) 50%);
  background-size: 4px 4px;
  color:#FFFFFF;
}
/* 動画 */
/* pure */
.pure-drawer a { text-decoration: none; }
.pure-drawer a:link {color:#FFFFFF;}
.pure-drawer a:visited{color:#FFFFFF;}
.pure-drawer a:hover{color:#FFFFFF;} 
.pure-drawer a:active{color:#FFFFFF;}
.pure-drawer ul{
margin-top:160px;
}
.pure-drawer li{
margin-top:15px;
font-size:1.5vh;
line-height: 1.5em;
font-family: 'YuGothic M', sans-serif;
list-style-type: none;
}
img {
    border: 0;
}
/***********
## Drawer ##
***********/
.pure-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  visibility: hidden;
  background-color: #374c5d;/***********## メニューガイドの背景色 ##***********/
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-drawer {
    width: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-drawer {
    width: 300px;
  }
}

.pure-drawer[data-position='right'] {
  left: auto;
  right: 0;
}

.pure-drawer[data-position='top'] {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .pure-drawer[data-position='top'] {
    height: 100%;
  }
}

@media only screen and (min-width: 64.063em) {
  .pure-drawer[data-position='top'] {
    height: 100px;
  }
}

/* pure */
/* 地域色 */
.ciiklink00 {
  font-size:1.5vh;
  line-height: 2em;
  font-family: 'YuGothic M', sans-serif;
  color:#FFFFFF;
}
.ciiklink00 a:link {
  color:#FFFFFF;
  text-decoration: none;
}
.ciiklink00 a:visited {
  color:#FFFFFF;
  text-decoration: none;
}
.ciiklink00 a:hover {
color:#FFFFFF;
text-decoration: none;
}
.ciiklink00 a:active {
color:#FFFFFF;
text-decoration: none;
}
.ciiklink00 ul {
list-style: none;
}

.chiikicolor {
  width: 100%;
  height:auto;
  float:left;
  background:#47546A;
  color:#FFFFFF;
}
.chiikicolor02 {
  width: 100%;
  height:auto;
  float:left;
  background:#47546A;
  color:#FFFFFF;
}
/* 地域色 */