@charset "utf-8";

a {
	transition: 0.3s;
}

body {
	position: relative;
	width: 100%;
	background: #000;
}

#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	min-width: 1920px;
	min-width: 1680px;
}

/*---------------------
メニュー上書き
-----------------------*/
.bt_he {
	pointer-events: none;
}

.bt_he {
	opacity: 0.6;
}

.open {
	z-index: 5;
}

/*top*/
.pc_bg {
	position: absolute;
	max-width: 1920px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 720px;
}

#top_area {
	position: relative;
	width: 1920px;
	height: 888px;
	margin: 0 auto;
}

.top {
	position: relative;
	z-index: 1;
}

.copy {
	position: absolute;
	width: 794.5px;
	bottom: 12px;
	left: 50%;
	margin-left: -211px;
	z-index: 2;
}

.border_1 {
	position: absolute;
	width: 1920px;
	bottom: 0;
	z-index: 2;
}

.wolf {
	position: absolute;
	width: 300px;
	right: 0;
	top: 562px;
	z-index: 1;
}

#main_inner {
	background-size: 1920px auto;
	max-width: 1920px;
	margin: 0 auto;
}

/*Video(Youtube)*/
#yt_area {
	position: relative;
	padding:85px 0 72px 0;
	background: url(../img/bg_1.jpg) no-repeat center top;
	background-size: 1920px auto;
}

.video_area_wrap {
	display: flex;
	width: 960px;
	margin: 0 auto;
	justify-content: space-between;
}

.video_area_m {
	position: relative;
	width: 960px;
	height: 550px;
	margin: 0 auto;
	/*動画3個以上 */
}

.video_area {
	position: relative;
	width: 960px;
	height: 550px;
	margin: 0;
}

/* .video_area_wrap:first-child {
	margin-top: 60px;
} */
/* .video_area_wrap:nth-child(2) {
	margin-top: 30px;
} */
.main_video {
	position: relative;
	width: 960px;
	height: 550px;
	margin: 0 auto;
	box-sizing: border-box;
	box-sizing: border-box;
}

.sub_video {
	position: relative;
	width: 600px;
	height: 337px;
	margin: 0 auto;
}

iframe {
	width: 100%;
	height: 100%;
}

/*digital*/
#digital_area {
	position: relative;
	background: url(../img/bg_2.jpg) no-repeat center top;
	background-size: 1920px auto;
	padding-bottom: 170.5px;
}

.border_2 {
	position: relative;
	width: 1920px;
	padding-bottom: 73.5px;
}

#digital {
	position: relative;
	background: url("../img/bnr_bg.png") no-repeat center top;
	background-size: calc(2202px / 2) auto;
	width: calc(2200px / 2);
	height: calc(2360px / 2);
	margin: 0 auto;
}

.digital_wrap {
	position: absolute;
	width: 960px;
	margin: 0 auto;
	background: #000;
	left: 0;
	right: 0;
	bottom: 90px;
	padding: 43px 0 22px;
}

.sicho_txt {
	width: 620px;
	margin: 0 auto;
}

.digital_bnr {
	position: relative;
	top: 0px;
	margin-top: 30px;
	left: 50%;
	margin-left: -310px;
	width: 620px;
	z-index: 10;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.digital_bnr img {
	border: solid 1px #666;
	box-sizing: border-box;
	width: 100%;
}

.digital_bnr li {
	margin-bottom: 2%;
	width: 116px;
}

.digital_wrap p {
	text-align: center;
	color: #fff;
	margin-top: 15px;
}

/*appletvバナーのみ枠線カット*/
.dvd_link0 img {
	border: none;
}

/*dvd1*/
#dvd1 {
	position: relative;
	background: url("../img/dvd_1.jpg") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: calc(2440px / 2);
	margin: 40px auto 0;
}

#dvd1 .more_btn {
	position: absolute;
	width: calc(440px / 2);
	left: -445px;
	top: 285px;
	transition: 0.2s;
}

.more_btn:hover {
	opacity: 0.8;
}

.dvd_bnr_wrap {
	position: absolute;
	width: 420px;
	background: #fff;
	top: 823.5px;
	right: 121.5px;
	padding: 26px 22px 10px;
	box-sizing: border-box;
}

.dvd2 .dvd_bnr_wrap {
	top: 733.5px;
}

.buy_txt {
	width: calc(754px / 2);
	height: calc(35px / 2);
	margin: 0 auto;
}

.dvd_bnr {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 22px;
}

.dvd_bnr img {
	border: solid 1px #666;
	box-sizing: border-box;
	width: 100%;
}

.dvd_bnr li {
	margin-bottom: 4%;
	margin-right: 5%;
	width: 30%;
}

.dvd_bnr li:nth-of-type(3n) {
	margin-right: 0;
}

/*dvd2*/
.dvd2 {
	position: relative;
	background: url("../img/dvd_2.png") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: calc(2170px / 2);
	margin: 35px auto 0;
}

.dvd2 .more_btn {
	position: absolute;
	width: calc(440px / 2);
	left: -444px;
	top: 238px;
	transition: 0.2s;
}

/*dvd3*/
.dvd3 {
	position: relative;
	background: url("../img/dvd_bg3.jpg") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: calc(2150px / 2);
	margin: 40px auto 0;
}

.dvd3 .dvd_bnr_wrap {
	top: 666px;
}

.dvd3 .more_btn {
	position: absolute;
	width: calc(404px / 2);
	left: -448px;
	top: 308px;
	transition: 0.2s;
}

/*dvd4*/
.dvd4 {
	position: relative;
	background: url("../img/dvd_bg4.jpg") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: calc(2150px / 2);
	margin: 40px auto 0;
}

.dvd4 .dvd_bnr_wrap {
	top: 666px;
}

.dvd4 .more_btn {
	position: absolute;
	width: calc(404px / 2);
	left: -448px;
	top: 260px;
	transition: 0.2s;
}

/*dvd4*/
/* .dvd4{
	position: relative;
	background: url("../img/dvd_bg4_1.png") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: 1536px;
	margin: 40px auto 0;
} */

.drama_bnr_wrap {
	position: absolute;
	width: 620px;
	background: none;
	top: 660px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.drama_bnr {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
}

.drama_bnr img {
	border: solid 1px #666;
	box-sizing: border-box;
	width: 100%;
}

.drama_bnr li {
	margin-bottom: 2%;
	margin-right: 2%;
	width: 18.4%;
}

.drama_bnr li:nth-of-type(5n) {
	margin-right: 0;
}

.drama_bnr li:nth-of-type(3n) {
	margin-right: 2%;
}

.drama_bnr_buy_wrap {
	top: 1330px;
}

/*dvd5*/
.dvd5 {
	position: relative;
	background: url("../img/dvd_bg4_2.png") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: 621px;
	margin: 0px auto;
}

.dvd5 .drama_bnr_wrap {
	position: absolute;
	width: 620px;
	background: none;
	top: 420px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

/*dvd6*/
.dvd6 {
	position: relative;
	background: url("../img/dvd_bg4_3.png") no-repeat center top;
	background-size: 1099px;
	width: calc(2200px / 2);
	height: 740px;
	margin: 0px auto;
}

.dvd6 .drama_bnr_wrap {
	position: absolute;
	width: 620px;
	background: none;
	top: 530px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

.dvd_hash {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 161.5px;
	margin-bottom: 53px;
	transition: .3s;
}

.dvd_hash:hover {
	opacity: 0.5;
}

.border_3 {
	position: relative;
	width: 1920px;
}

/*---------------------
swiper.js
-----------------------*/
.swiper {
	width: 1100px;
	height: 755px;
}

.swiper-wrapper {
	/* wrapperのサイズを調整 */
	width: calc(1858px / 2);
	height: calc(1008px / 2);
	margin: 0 auto;
	top: 210.5px;
}

.swiper-slide {
	/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	width: calc(1858px / 2);
	height: calc(1008px / 2);
}

.swiper-pagination {
	bottom: 22.5px !important;
}

.swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
	margin: 0 0 0 10px !important;
	background: #090703 !important;
}

.swiper-pagination-bullet:first-child {
	margin: 0 !important;
}

.swiper-button-prev,
.swiper-button-next {
	width: 33.5px;
	/* ボタンの幅 */
	height: 43px;
	/* ボタンの高さ */
	background-size: 33.5px auto;
	/* 表示したいサイズ */
	transform: translateY(-50%);
	margin-top: 74.5px;
	margin-left: 30px;
	margin-right: 30px;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(../img/right.png);
}

/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(../img/right.png);
	transform: translateY(-50%) scale(-1, 1);
	/* 左右反転 */
}

/* 押せない矢印を非表示 */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

/* 疑似要素を非表示 */
.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

/*---------------------
アニメーション
-----------------------*/
.zoom {
	transform: scale(1.2);
	transition: 0.6s ease;
	opacity: 0;
}

.slide_up {
	transform: translate(0, 50px);
	transition: 0.6s ease;
	opacity: 0;
}

.opacity {
	transition: 0.6s ease;
	opacity: 0;
}

.zoom.active {
	transform: scale(1);
	opacity: 1;
}

.slide_up.active {
	transform: translate(0, 0px);
	opacity: 1;
}

.opacity.active {
	opacity: 1;
}