@charset "utf-8";
.jumbotron {
	background: url("../images/main_img.png") center no-repeat;
	background-size: cover;
	position: relative;
	height: 600px;
	margin-bottom: 0px;
}
.bg_background_movie {
	background: #ddd url(../images/movie_back.png) no-repeat center center;
	background-size: cover;
	padding-top: 75px;
	padding-bottom: 75px;
	height: auto;
}
.box01 {
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  overflow: hidden;  /* はみ出した部分は表示しないようにする */
  height: 600px; /* 高さは固定値を入れる */
}
.box01 img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1920px;
  height: 600px;
  margin-top: -300px;
  margin-left: -960px;
}
.box02 {
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  overflow: hidden;  /* はみ出した部分は表示しないようにする */
  height: 776px; /* 高さは固定値を入れる */
}

.box02 img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1920px;
  height: 776px;
  margin-top: -388px;
  margin-left: -960px;
}

.description {
  font-size: clamp(18px, 3vw, 21px);
  line-height: 2em;
}

.movie_name {
	color: white;
	font-size: 18px;
	margin-bottom: 60px;
	margin-top: 10px;
}

.product_title {
	margin-top: 100px;
	margin-bottom: 50px;
}


/*ナビ背景*/
.naviback {
	background-color: #b3a9a3;
	width: 100%;
}
/*ナビ基本*/
li.pill {
	vertical-align: middle;
}
li.pill a {
	color: white;
	border-radius: 0px;
	font-size: 16px;
}
li.pill a:hover {
	background-color: #f8b62d;
}
/*ナビアクティブ時*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #000000;
	background-color: #f8b62d;
	border-radius: 0px;
}
/*ナビホバー時*/
.pill:hover, .pill li:focus {
	color: #000000;
	background-color: #f8b62d !important;
}
/*ここまで*/

.borderwhite {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.bg_black {
	background-color: #000000;
}
.bg_gray {
	background-color: #b3a9a3;
}
.bg_yellow {
	background-color: #f8b62d;
}

.bg_padding {
	padding-bottom: 110px;
	padding-top: 75px;
}

.bg_padding_tubu {
	padding-bottom: 45px;
	padding-top: 45px;
}

.description_padding{
	padding-bottom: 55px;
	padding-top: 45px;
}

.bg_grid_gray {
	width: 100%;
	background-color: black;
	background-image: linear-gradient(#333333 1px, transparent 0), linear-gradient(90deg, #333333 1px, transparent 0);
	background-size: 26px 26px;
	padding-bottom: 105px;
	padding-top: 105px;
}
.btnimage {
	display: inline-block;
}

.textimg_margin {
	margin-bottom: 25px;
}
a:hover img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
}
.contact_text {
	margin-bottom: 30px;
}
footer {;
	background-color: black;
	color: white;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 15px;
	border-top: 2px solid white;
}
.copyright {
	font-size: 14px;
	padding-top: 15px;
}
/* ページトップへ戻るボタン */
#page-top{
	position:fixed;
	display:none;
	width:100%;
	height: 0;
	bottom: 200px;
	z-index:2;
	margin: auto;
}
#page-top a{
	position:absolute;
	display:block;
	right:40px;
	width:60px;
	height:150px;
	background-size: 60px 150px;
	-moz-background-size: 60px 150px;
	background-image:url('../images/top_btn.png');
	background-repeat: no-repeat;
/*	bottom:110px;*/
}
#page-top a:hover{
	opacity:0.5;
}
@media screen and (max-width:768px) {
/*　画面サイズが768px以下の場合読み込む　*/
	#page-top {
	display: none !important;
	}
	.bg_background_movie {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.bg_padding {
		padding-bottom: 60px;
		padding-top: 45px;
	}
}