#body{
	  /*padding-top: 70px;*/
	  width:100vw;
	  overflow-x:hidden;
}
.navbar{
	width:100vw;
}
.head-menu{
	width:100%;
	height:100%;
	margin-bottom: 0px;
	padding: 0 0 0 0;
}
.head-menu > li > a{
	font-size:15px;
}
.head-menu > li{
	margin: 15px 0 15px 0;
}
.navbar{
	border-style:none;
}
#panel-btn:hover{
  background: #fafafa;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top:50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: black;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 2px;
  background: black;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#panel {
    display: none;
    position:fixed;
    z-index:98;
    width: 100%;
    margin: 0;
    padding: 9.5vh 0 0 0;
    background: #fff;
    /*opacity:0.9;*/
    text-align: center;
}

.picture_top{
	margin-top: 4vh;
}
.test_top{
	padding-top: 2vh;
}
.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border:none;
}
.img-responsive{
	/*848 445*/
	background-size: contain;
	background-position: top left;
	width: 200vw;
	height: auto;
}
.navbar-brand{
	padding: 0px;
	position: absolute;
}
.pants{
	position: relative;
}
.img-responsive-hedder{
	background: url("/picture/name_web.png") no-repeat;
	background-size: contain;
	background-position: top left;
	width: 100%;
    height: auto;
	max-width: 150px;
	max-height: auto;
}
.container{
	margin-top:-30px;
	padding-top:30px;
}
.container:after{
	padding-bottom: 30px;
}
/*.row{
	padding-top: 10px;
}*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.kokodakeyo{
	padding-left:0px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited { color: #000000; }
a:hover { color: #747474; }
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
a:active { color: #747474; }

.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:bottom;
float:none !important;
}


#gnavi > .col-*{
	font-size: 14.6286px;
	letter-spacing: .04em;
	height: 14.6286px;
	padding: 0,0,0,0;
}
.contents > div > a > h1,.contents > div > a > p{
	font-size: 1.2571428571rem;
    line-height: 0.6166666667;
    letter-spacing: .03em
}
.footer{
	padding-top: 20px;
}
/*col-xs-12 col-sm-6 col-md-4 col-lg-4*/
@media screen and (min-width: 1200px){
	.jumbotron {
		height: 100vh;
		background:url(/picture/pickup/1.jpg) center no-repeat;
		background-size: cover;
	}
	.contents > div:nth-child(n+4){
		padding-top: 30px;
	}
	.main-header{
		margin-top:5vh;
		padding-top:0px;
	}
	#panel-btn{
	  display: inline-block;
	  position: fixed;
	  z-index:99;
	  right: 6%;
	  width: 30px;
	  height: 30px;
	  margin: 5vh 0 10px;
	  border-radius: 50%;
	  background: #fff;
	}
	.jumbotron{
		margin-bottom: 85px;
	}
	.img-adjust{
		width:135px;
		height:auto;
		vertical-align:bottom;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.jumbotron {
		height: 100vh;
		background:url(/picture/pickup/1.jpg) center no-repeat;
		background-size: cover;
	}
	.contents > div:nth-child(n+4){
		padding-top: 30px;
	}
	.main-header{
		margin-top:5vh;
		padding-top:0px;
	}
	#panel-btn{
	  display: inline-block;
	  position: fixed;
	  z-index:99;
	  right: 6%;
	  width: 30px;
	  height: 30px;
	  margin: 5vh 0 10px;
	  border-radius: 50%;
	  background: #fff;
	}
	.jumbotron{
		margin-bottom: 85px;
	}
	.img-adjust{
		width:135px;
		height:auto;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.contents > div:nth-child(n+3){
		padding-top: 25px;
	}
	.jumbotron {
		height: 100vh;
		background:url(/picture/pickup/m1.jpg) center no-repeat;
		background-size: cover;
	}
	.main-header{
		margin-top:5vh;
		padding-top:0px;
	}
	#panel-btn{
	  display: inline-block;
	  position: fixed;
	  z-index:99;
	  right: 6%;
	  width: 30px;
	  height: 30px;
	  margin: 5vh 0 10px;
	  border-radius: 50%;
	  background: #fff;
	}
	.jumbotron{
		margin-bottom: 30px;
	}
	.img-adjust{
		width:135px;
		height:auto;
		max-width:135px;
	}
}
@media screen and (max-width:767px){
	.contents > div:nth-child(n+2){
		padding-top: 30px;
	}
	.jumbotron {
		height: 100vh;
		background:url(/picture/pickup/m1.jpg) center no-repeat;
		background-size: cover;
	}
	.main-header{
		margin-top:4vh;
		padding-top:0px;
	}
	#panel-btn{
	  display: inline-block;
	  position: fixed;
	  z-index:99;
	  right: 6%;
	  width: 30px;
	  height: 30px;
	  margin: 4vh 0 10px;
	  border-radius: 50%;
	  background: #fff;
	}
	.jumbotron{
		margin-bottom: 30px;
	}
	.img-adjust{
		width:100%;
		height:auto;
		max-width:135px;
		min-width:102px;
	}
}

.navbar-header {
  float: none;
  transition
}
.anenowagamama{
	border-top:solid 0.1px;
}
.pulldown-logo{
	width:100%;
	height:21px;
	position: relative;
}
.pulldown-logo > a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
}
.pulldown-logo > img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
}
.head-inline{
	display:inline-block;
}
.head-iti{
	display:inline-block;
	vertical-align:top;
	margin: 0 0 0 0;
}
.head-iti > a{
	vertical-align:middle;
	/*width:auto;*/
	height: 16px;
}
.head-iti > a > img{
	height:100%;
	position: absolute;
}
.head-link{
	left:15px;
}
.background-fb{
	background:url(/picture/fb.png) center no-repeat;
	width:16px;
	height:16px;
	vertical-align:middle;
	-moz-background-size:16px 16px;
	background-size:16px 16px;
	/*display:block;*/
}
.background-fb:link {
	color: #000000;
	text-decoration: none;
}
.background-fb:visited { color: #000000; }
.background-fb:hover { color: #747474; }
.background-fb:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
.background-fb:active { color: #747474; }
.background-fb>span{
	visibility: hidden;
	display:inline-block;
	height: 16px;
	width: 16px;
}
.second-navbar{
	margin-bottom:0px;
}
.second-contents{

}
/*for-utyujin*/
.load {
	width: 50px;
	height: 50px;
	background: #1aa;
      -webkit-animation: spin 1.5s linear infinite;
      -moz-animation: spin 1.5s linear infinite;
      -ms-animation: spin 1.5s linear infinite;
      -o-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.text_title_1st,.text_title_1st>h1{
	margin:0 0 0 0;
	font-weight: bold;
	text-align: left;
	font-size: 14px; /*日本語タイトルのフォントサイズ*/
	letter-spacing: 0.1em;/* 字間*/
}
.text_title_1st{
	margin-top: 6vh;
}
.text_title_2nd,.text_title_2nd>h1{
	margin:0 0 0 0;
	font-weight: bold;
	text-align: left;
	font-size: 14px; /*英語タイトルのフォントサイズ*/
	letter-spacing: 0.1em;/* 字間*/
}
.text_title_2nd{
	margin-top:22px; /*日本語と英語の間*/
}
.text_top{
	padding-top:14px; /*日本語の説明とタイトル*/
	width:100%;
}
.text_top > p{
	line-height:1.7em; /*日本語の行間*/
	letter-spacing: 0.05em;/* 字間*/
	text-align:justify;
}
.text_mid{
	padding-top:11px; /*英語の説明とタイトル*/
	width:100%;
}
.text_mid > p{
	line-height:1.6em; /*英語の行間*/
	letter-spacing: 0em;/* 字間*/
	/*text-align:justify;*/
}
.text_bot{
	margin-top:22px; /*英語説明と年の間*/
}
.text_bot > p{
	line-height:1.6em; /*年の行間*/
	letter-spacing: 0em;/* 字間*/
	text-align:justify;
}
.video {
  position: relative;
  height:0;
  overflow: hidden;
  margin-top:4vh;
  padding:0 15px 56.25% 15px;
  margin:0px 0px 0px 0px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contents-pic {
	position: relative;
	width:100%;
}
.contents-pic>img{
	height:auto;
	width:100%;
	max-width:100%;
	/*max-height:90vh;*/
	/*overflow:hidden;*/
	bottom:0px;
}

.contents-mov{
	width:100%;
}
.about_nav{
	margin-bottom:0px;
}
#container-jump > div > div > a > h1{
	margin-top:12.5px;
}
@media screen and (min-width: 0px) and (max-width : 767px){
    * {
        font-size:12px;
    }
    h1,h2 {
        font-size: 1.5em;
    }
    h3,h4 {
        font-size: 1.3em;
    }
    p,div, .panel-title, .form-control {
        font-size: 1em;
    }
    p.story  {
        font-size: 1.0em;
    }
    .copyright{
        font-size: 0.7em;
    }
}

@media screen and (min-width: 768px) and (max-width : 991px){
    .copyright{
        font-size:14px;
    }
    p.story  {
        font-size:14px;
        line-height: 1.8;
    }

}

@media screen and (min-width : 992px) {
    .copyright{
        font-size:18px;
    }
    p.story  {
        font-size:18px;
        line-height: 1.8;
    }

}
.small-footer-real{
	position:absolute;
	bottom:0;
	width:100%;
}
.small-footer{
	height:100%;
}
.close{
	opacity:.9;
}
.close:hover,
.close:focus {
	opacity:.9;
}