@charset "UTF-8";

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6, address, strong, em {
  font-size: 100%;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: bottom;
}

/*
  *  ----------------------------------- base
  */
body {
  background: #fff;
  color: #535353;
  font-size: 16px;
  line-height: 1.5;
  font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  position: relative;
}

/*
 *  ----------------------------------- a:link
 */
a,
a:link,
a:visited {
  color: #fff;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #fff;
  text-decoration: none;
}

a:hover img {
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
  zoom: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}

a:hover .imgover {
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  zoom: 1;
  -webkit-transition: 0;
  -moz-transition: 0;
  transition: 0;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}

.nolink img {
  -moz-opacity: 0.25;
  opacity: 0.25;
  -ms-filter: "alpha(opacity=25)";
  filter: alpha(opacity=25);
  zoom: 1;
}

.soon{
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

.clearfix {
	min-height: 1%;
	_height: 1%;
}

.f_left{
	float:left;
}

.f_right{
	float:right;
}

.c_both{
	clear:both;
}



/*
 *  ----------------------------------- header-paramount
 */
#header-paramount {
	min-width:980px;
  width: 100%;
  height: 27px;
  background: url(../images/header_paramount_bg.gif) repeat-x left top
}

.header-paramount_logo {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}


#container{
  width: 100%;
	background: url(../images/main_bg.jpg) no-repeat center top #000;
	min-width:980px;
}

.wrapper {
  width: 980px;
  margin: 0 auto;

}

#main {
  width: 980px;
	height:695px;
  position: relative;
  overflow: hidden;
}

#main h1 {
  position: absolute;
  left: 0px;
  top: 370px;
}

#main h2 {
  position: absolute;
  left: 0px;
  top: 0px;
}

#main h3 {
  position: absolute;
  right: 0;
  top: 45px;
}

#main h4 {
  position: absolute;
  right: 0;
  top: 375px;
}

#main h5 {
  position: absolute;
  right: 0;
  top: 465px;
}

#main #caution {
  position: absolute;
  left: 0;
  bottom: 0;
}

#movie {
  position: absolute;
  right: 0;
  top: 145px;
}

.sns {
	width:170px;
  height:40px;
  text-align: left;
  right: 12px;
  top: 10px;
  position: absolute;
}

.sns ul{
	margin:0 auto;
	padding:2% 0 4%;
  justify-content: center;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sns ul li:nth-child(1){
	width:75px;
	position:relative;
	margin-right:15px;
}

.sns ul li:nth-child(2){
	width:80px;
	position:relative;
}

/* fbのいいねが見切れるのを回避 */
.fb-like > span {
	width: 80px !important;
}
.fb-like iframe {
	width: 80px !important;
}

.ec {
  width: 384px;
  padding: 8px;
  background: #e9e9e9;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 540px;
}

.ec_title {
	background-color:#000;
	color:#FFF;
	text-align:center;
	padding:2px 0;
	letter-spacing:2px;
	width:374px;
	margin:0 auto 10px;
}

.ec_block {
  width: 374px;
  /*height: 82px;*/
  overflow: hidden;
	margin:0 auto;
}

.ec_block::after {
  clear: both;
  content: "";
  display: table;
}

.ec_block li {
  margin-right: 10px;
  margin-bottom: 6px;
  line-height: 1;
  float: left;
	width:118px;
}

.ec_block li:nth-child(3){
  margin-right: 0px;
}


#navi{
	width:100%;
	height:80px;
	background-color:#5f5e5e;
}

#navi ul{
	width:980px;
	height:80px;
	margin:0 auto;
	background: url(../images/navi_bg.png) no-repeat center top;
}

#navi ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

#bnr{
	width:866px;
	margin:0 auto;
	padding-bottom:20px;
}

/*--------------------------------------
introduction
----------------------------------------*/

#introduction{
	width:100%;
	background: -moz-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: -webkit-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	padding-bottom:40px;
}

#introduction h2{
	padding:20px 0 10px;
}

#introduction p{
	font-size:22px;
	color:#e50014;
	font-weight:bold;
	padding-bottom:3px;
}

#introduction ul li {
  list-style-type: none;
  /*text-indent: -1em;*/
	padding-bottom:5px;
	text-align:left;
  padding-left: 1em;
  text-indent: -1em;
	font-feature-settings: "palt" 1;
}
/*
#introduction ul.dot li:before {
  display: inline;
  content: "★";
}
*/
#introduction ul{
	display:block;
	padding-bottom:20px;
}

#introduction span{
	padding-bottom:20px;
	display:block;
	text-align: justify;
  text-justify: inter-ideograph;
}

#intro_img{
	width:980px;
	padding-top:20px;
}

#intro_img ul li{
	float:left !important;
	/*width:320px !important;*/
	margin-right:10px !important;
}

#intro_img ul li:last-child{
	margin-right:0px !important;
}

/*--------------------------------------
dvd
----------------------------------------*/

#dvd{
	width:100%;
	background: -moz-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: -webkit-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
}

#dvd h2{
	padding-bottom:15px;
}

.sell_rental{
	width: 140px;
	height: 30px;
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background: #e50014;
	color:#FFF;
	text-align:center;
	line-height:30px;
	letter-spacing:4px;
	font-size:20px;
	margin-bottom:20px;
	margin-left:5px;
}


.p_bdset {
  background: url(../images/product-bdset_bg.png) right 10px no-repeat;
}

.package {
  width: 220px;
  margin-bottom: 15px;
  float: left;
}

.package p {
  margin-bottom: 15px;
}

.package a{
  text-decoration:none;
}

.info_btn{
	margin:20px 0 30px;
}

.info_btn a{
	text-decoration:none;
}

.btn_sell{
	position: relative;
	display: inline-block;
	width:220px;
	height:50px;
	line-height:50px;
	font-size:16px;
	text-align:center;
	color:#FFF;
	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
	text-decoration:none;
	background-color:#e50014;
}	

.btn_sell::before,
.btn_sell::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn_sell::before{
	left: 200px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn_sell:hover{
	background: #CCC;
	color:#000;
}

.btn_sell:hover::before{
	left: 200px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.info {
  width: 720px;
  float: right;
}

.info_release{
	font-size:24px;
	padding-top:10px;
	line-height:24px;
}

.info_title {
  color: #000;
  font-size: 30px;
	line-height:38px;
	padding-top:5px;
}

.info_text {
  margin-bottom: 10px;
	font-size:16px;
	padding-top:10px;
}

.affiliate {
  clear: both;
  width: 650px;
  position: relative;
	background-color:#fff;
	border:2px solid #000;
	box-sizing: border-box;
	/*padding:10px;*/
	/*margin-top:20px;*/
}

.affiliate h5 {
  background-color:#000;
	color:#FFF;
	text-align:center;
	padding:4px 0;
}

.affiliate ul {
  width: 630px;
	margin:0 auto;
  padding:8px 0;
}

.affiliate ul li{
	list-style-type:none;
	margin-right:10px;
	padding:0;
	float:left;
	width:118px;
}

.affiliate ul li:last-child{
	margin-right:0px;
}

#box{
	width:938px;
	background-color:#f0f3f1;
	padding:20px;
	margin-bottom:40px;
}

#box .info {
  width: 680px;
  float: right;
}

.pt40{
	padding-top:40px;
}

#tokusen{
	width:980px;
	margin:0 auto;
	background:#eeebeb;
	padding:50px 0;
}

#tokusen .wrapper{
	width:920px;
	margin:0 auto;
}

#tokusen .info {
  width: 650px;
  float: right;
}

#rental ul{
	width:980px;
	margin:0 auto;
	padding:2% 0 4%;
  justify-content: center;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#rental ul li:nth-child(1),
#rental ul li:nth-child(3){
	width:190px;
	margin-right:30px;
}

#rental ul li:nth-child(2),
#rental ul li:nth-child(4){
	width:270px;
}

#rental ul li .info_release{
	line-height:1.6 !important;
}



/*--------------------------------------
story
----------------------------------------*/

#story{
	width:100%;
	background: -moz-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: -webkit-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	padding-bottom:20px;
}

#story h2{
	padding-bottom:5px;
}
/*
#story p{
	font-size:16px;
	color:#303030;
	padding-bottom:20px;
	line-height:28px;
	text-align: justify;
  text-justify: inter-ideograph;
	padding-top:10px;
}

#story p img{
	float:right;
	padding:0 0 10px 10px;
}
*/

#story ul{
	width:980px;
	margin:0 auto;
  justify-content: center;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-top:10px;
}

#story ul li:nth-child(1){
	width:650px;
	margin-right:30px;
	font-size:16px;
	color:#303030;
	line-height:28px;
	text-align: justify;
  text-justify: inter-ideograph;
}

#story ul li:nth-child(2){
	width:300px;
}

#story ul li:nth-child(2) p{
	padding-bottom:20px;
}


/*--------------------------------------
cast
----------------------------------------*/

#cast{
	width:100%;
	background: -moz-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: -webkit-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	padding-bottom:20px;
}

#cast h2{
	padding-bottom:5px;
}

#cast .f_left{
	font-size:16px;
	color:#303030;
	padding-bottom:20px;
	line-height:28px;
	text-align: justify;
  text-justify: inter-ideograph;
	width:600px;
	padding-top:10px;
}

#cast .f_right{
	font-size:16px;
	color:#303030;
	padding-bottom:20px;
	line-height:28px;
	text-align: justify;
  text-justify: inter-ideograph;
	width:380px;
	padding-top:10px;
}

/*--------------------------------------
banner
----------------------------------------*/

#banner{
	width:100%;
	margin:0 auto;
	padding:40px 0;
	background: -moz-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: -webkit-linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
	background: linear-gradient(to right,#dddddd,#fff 20%,#fff 80%,#dddddd); 
}

#banner ul{
	width:960px;
	margin:0 auto;
}

#banner ul li{
	width:465px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}

#banner ul li:last-child, #banner ul li:nth-child(even){
	margin-right:0px;
}

/*--------------------------------------
footer
----------------------------------------*/

#btn_gototop {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 120px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: right;
  display: none;
}

#btn_gototop a {
  display: inline-block;
}

#footer {
  width: 100%;
  padding: 25px 0 10px;
  background: #320101;
  text-align: center;
	margin:0;
}

.footer_banner {
  display: inline-block;
  /*margin-bottom: 30px;*/
  overflow: hidden;
	width:980px;
}

.footer_banner li {
  margin-left: 15px;
  float: left;
	width:180px;
}

.footer_banner li:first-child {
  margin-left: 0;
}

.copyright {
	width:980px;
	margin:0 auto;
	text-align:center;
  color: #FFF;
  font-size: 12px;
  padding: 20px 0 0;
}