/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.header_logo{
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.mailForm{
  position:relative;
      width:100%;
      height:0;
      padding-top:75%;
}

.mailForm iframe{
  position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.testPhoto{
  position:relative;
}

.testPhoto button{
  position:absolute;
  top: 95%;
  left: 75%;
}
.play_main {
  max-width: 50%;
  margin: 0 auto;
}

.bg_common{
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(105,105,210,1) 16%, rgba(7,174,208,1) 100%);
}

.photo_cover{
  background:url('photo/IMG_3145.JPG'),linear-gradient( 135deg, rgba(246, 255, 0, 0.8), rgba(255, 0, 161, 0.8));
}

.navbar-brand,.nav-link{
  color: #ffff88;
}
.navbar-brand:hover,.nav-link:hover,.nav-link:focus,.navbar-brand:focus{
  color: #ffffff;
}
.navbar-toggler {
  border-color: #ffff88;
  background-color: linear-gradient(#483D8B, #7B68EE);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#page_top{
  width: 50px;
  height: 50px;
  position: sticky;
  position: -webkit-sticky;
  left: 100%;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.content_fade {
 opacity: 0;
 transform : translate(0, 50px);
 transition : all 1500ms;
}

.content_fade.fade{
 opacity: 1;
 transform: translate(0, 0);
}

.fadein {
 opacity: 0;
 transform : translate(0, 50px);
 transition : all 1500ms;
}

.fadein.fade{
 opacity: 1;
 transform: translate(0, 0);
}

.memberPhoto{
  width: 300px;
}

.memberPhoto-center{
  text-align:center;
}
.photo2{
  height: 300px;
}
.youtube {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.border{
  border: 1px solid #888888;
}