@charset "UTF-8";

body{
	background :url(../images/stripe.png) ;
}
.cf:after {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}

a:hover img{
	opacity:0.7;
	}
#wrapper{
	overflow:hidden;
}


/* 色指定 */
/* ------------------------------------------------------------ */
body,#content01,#contentpre,#content02 .onebox:nth-of-type(odd) .bnrs li:first-child {
	background-color:#d3db23;
}
#contentpre .onebox{
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #f0e87a 25%, #f0e87a 50%,
    #fff 50%, #fff 75%,
    #f0e87a 75%, #f0e87a
  );
}
#contentpre .inbox{
	border-color:#f0e87a;
}
#content02{
	background:#d3db23;
}
#content02 .onebox:nth-of-type(odd) {
	background-color:#fff;
}
#content02 .onebox:nth-of-type(even) {
	background-color:#fff;
}
#content02 .onebox:nth-of-type(odd) .bnrs li:first-child,#content03 .onebox:nth-of-type(odd) .bnrs li:first-child {
	background-color:#00a4ac;
}
#content02 .onebox:nth-of-type(even) .bnrs li:first-child,#content03 .onebox:nth-of-type(even) .bnrs li:first-child {
	background-color:#90c31f;
}
#content02 .Contact {
	color:#00a4ac;
	background:#fff;
}
#content02 .Contact h2 {
	border-bottom-color: #5aa821;
}
#content03 {
	background-color:#fff;
}

/**/
#content01 h3 {
	width:260px;
	height:40px;
	padding:10px 0 0 15px;
}
#content01 h3 img {
	display: block;
	width: 100%;
	height: 100%;
}
#content02 .item08txt1 {
	font-size: 11.2px;
}

/* ------------------------------------------------------------ */

/* 画像指定 */
/* ------------------------------------------------------------ */
/* ラインナップ */
#item01 h3 {
	background-image:url(../images/h3_dvdtitle01.png);
}
#item01 .jk {
	background-image:url(../images/dvd_image01.jpg);
}
#item01 .Rblock {
	background-image:url(../images/dvd_comment01.png);
}
#item02 h3 {
	background-image:url(../images/h3_dvdtitle02.png);
}
#item02 .jk {
	background-image:url(../images/dvd_image02.jpg);
}
#item02 .Rblock {
	background-image:url(../images/dvd_comment02.png);
}
#item03 h3 {
	background-image:url(../images/h3_dvdtitle03.png);
}
#item03 .jk {
	background-image:url(../images/dvd_image03.jpg);
}
#item03 .Rblock {
	background-image:url(../images/dvd_comment03.png);
}
#item04 h3 {
	background-image:url(../images/h3_dvdtitle04.png);
}
#item04 .jk {
	background-image:url(../images/dvd_image04.jpg);
}
#item04 .Rblock {
	background-image:url(../images/dvd_comment04.png);
}
#item05 h3 {
	background-image:url(../images/h3_dvdtitle05.png);
}
#item05 .jk {
	background-image:url(../images/dvd_image05.jpg);
}
#item05 .Rblock {
	background-image:url(../images/dvd_comment05.png);
}
#item06 h3 {
	background-image:url(../images/h3_dvdtitle06.png);
}
#item06 .jk {
	background-image:url(../images/dvd_image06.jpg);
}
#item06 .Rblock {
	background-image:url(../images/dvd_comment06.png);
}
#item07 h3 {
	background-image:url(../images/h3_dvdtitle07.png);
}
#item07 .jk {
	background-image:url(../images/dvd_image07.jpg);
}
#item07 .Rblock {
	background-image:url(../images/dvd_comment07.png);
}
#item08 h3 {
	background-image:url(../images/h3_dvdtitle08.png);
}
#item08 .jk {
	background-image:url(../images/dvd_image08.jpg);
}
#item08 .Rblock {
	background-image:url(../images/dvd_comment08.png);
}

/* 新作 */
#content03 h3.cinema01{
	background-image :url(../images/h3_b_dvdtitle01.png);
}
#content03 p.cine01{
	background-image :url(../images/dvd_b_img01.jpg);
}
#content03 h3.cinema02{
	background-image :url(../images/h3_b_dvdtitle02.png);
}
#content03 p.cine02{
	background-image :url(../images/dvd_b_img02.jpg);
}

/* ------------------------------------------------------------ */




/*********************
*header
**********************/

header{
	background :url(../images/main_bg.png) ;
	width:960px;
	height:466px;
	margin:0 auto;	
}

header h1{
	background :url(../../images/h1_title_header.png) no-repeat left top;
	width:382px;
	height:112px;
	position:relative;
	top:68px;
	left:52px;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header p.txt{
	background :url(../images/icon.png) no-repeat left top;
	width:75px;
	height:75px;
	position:relative;
	top:90px;
	left:208px;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


header p.txt2{
	background :url(../../images/icon_filmarks.png) no-repeat left top;
	width:248px;
	height:35px;
	position:relative;
	top:160px;
	left:120px;	
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header h2{
	background :url(../images/ribbon_title01.png) no-repeat left top;
	width:1065px;
	height:99px;
	position:relative;
	top:210px;
	left:-53px;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
}

/*
#btnList{
	position:absolute;
	top:130px;
	left:30%;
	margin-left:260px;
	}
*/
	
#btnPre01{
	position:absolute;
	top:60px;
	left:50%;
	margin-left:260px;
	}
	
/*
#btnPre02{
	position:absolute;
	top:180px;
	left:50%;
	margin-left:280px;
	}
*/


/*********************
*content01
**********************/

#content01{
	width:960px;
	margin:0 auto;
	padding: 60px 0;
	overflow:hidden;
}


#content01 .conbox{
	margin:0 20px 0 85px;
}


#content01 .leftbox{
	float:left;
/*	padding:0 0 0 90px; */
	width:500px;
}

#content01 .ytubeIn{
    border:5px solid #000;
	background:#fcffe6;	
	display: block;
	padding:3px 3px 1px 3px;
	width:470px;
}

#content01 .rightbox{
	float:right;
	width:350px;
	position:relative;
}

#content01 h1{
	background :url(../images/ichioshi.png) no-repeat left top;
	width:304px;
	height:92px;
	position:absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap; 
}

#content01 .border{
	background :url(../images/line_short.png) no-repeat left top;
	width:259px;
	height:6px;
	margin:70px 0 0 15px;
}

#content01 .border2{
	background :url(../images/line_short.png) no-repeat left top;
	width:259px;
	height:6px;
	margin:10px 0 0 15px;
}

#content01 ul.bnrs{
	font-size:0.8rem;
	margin:10px 0 0 0;
}

#content01 li{
	width:260px;
	text-align:center;
	margin: 0 0 5px 12px;
	height:32px;
	border-radius:4px;
	line-height:2.5;
}

#content01 li.pink{
	background:#d40e54;
	color:#fff;
/*	padding:5px; */
	font-weight:bold;
}

#content01 li.blue{
	background:#227ab7;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	width:260px;
}

#content01 li.blue a{
	color:#fff;
	text-decoration:none;
}

#content01 li.blue a:hover{
	background:#81022e;
	display:block;
	border-radius:4px;
	height:32px;
}

#content01 .banner{
	text-align:center;
	margin:30px 0 0 0;
}

#content01 .links{
	display:inline-block;
	margin:0 0 0 10px;
}




/*********************
*contentpre
**********************/

#pre{
	margin:-30px 0 0 0;
	padding:30px 0 0 0;	
}

#contentpre{
	width:960px;
	margin:0 auto;
	/*padding: 0 0 60px 0;*/
	padding:60px 0 60px 0;	
	position:relative; 
}

#contentpre h2.titlepre{
	background :url(../images/ribbon_titlepre.png) no-repeat center top;
	width:1065px;
	height:99px;
	position:absolute;
	top:-40px;
	left:-53px;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
}

#contentpre .conbox{
	padding:0 18px;
}

#contentpre .onebox{
	padding:7px;
	margin:0 0 20px 0;
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 8px 8px
}

#contentpre .inbox{
	border-width: 1px;
	border-style: solid;
	padding:20px 20px 20px 25px;
	background:#fff;
	font-size:0.8rem;
	text-align:center;
}


#contentpre .filbox {
	background:url(../../images/QR.gif) no-repeat 700px 10px #dec97b;
	height:120px;
	position:relative;
	margin:30px 0 0 0;
	padding-bottom: 15px;
	color:#000;
	text-align:left;
}

#contentpre .mark{
	background:url(../../images/filmarks_logo.png) no-repeat 20px 40px;
	padding:20px 170px 0 150px;
	height:80px;
}

#contentpre .smaho{
	position: absolute;
	left: 806px;
	top: -66px
}

#contentpre .small{
	font-size:12px;
	line-height:36px;
/*	padding:10px 0px 0 0px;  */
}

.mt10{
	margin:30px 0 0 0;
}

.pt10{
	padding:10px 0 0 0;
}


/*********************
*content02
**********************/

#content02{
	width:960px;
	margin:0 auto;
	padding:60px 0 60px;
	position:relative;
}

#content02 h2.title02{
	background :url(../images/ribbon_title02.png) no-repeat center top;
	width:1065px;
	height:99px;
	position:absolute;
	top:-40px;
	left:-53px;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
}
#content02 .conbox{
	padding:0 18px;
}

#content02 .onebox{
	padding:7px;
	margin:0 0 20px 0;
}

/* --------------------------------- */

#content02 .inbox{
	border:1px #000 solid;
	padding:14px 15px 14px 25px;
}

#content02 .Lblock{
	display:inline-block;
	width:690px
}

#content02 .Rblock{
	display:inline-block;
	width:160px;
	vertical-align:top;
	margin:0 0 0 5px;
}

#content02 .leftbox{
	float:left;
	width:182px;
}

#content02 .rightbox {
	float:right;
	width:470px;
	margin:0 20px 0  10px;
}
#content02 .rightbox li {
	width: 48%;
}
#content02 .rightbox li:first-child {
	margin-right: 2%;
}

#content02 .txt{
	font-size:0.8rem;
	line-height:1.2rem;	
	margin:0 0 10px 0;
}

#content02 .Stxt{
	font-size:0.7rem;
	line-height:0.9rem;	
	margin:0 0 10px 0;
}

#content02 h3 {
	height:49px;
	width:674px;
	padding:0 0 10px 0;
	margin:0 0 17px 0;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px #000 solid;
}
#content02 p.jk{
	height:260px;
	width:182px;
	background-repeat:no-repeat;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#content02 ul.bnrs{
	font-size:0.8rem;
}
#content02 li{
	width:200px;
	text-align:center;
	margin: 0 0 5px 0;
	border-radius:4px;
	display:inline-block;
	font-size:0.85rem;
}

.bnrs li:first-child {
	color:#fff;
	font-weight:bold;
	margin:0 5px 0 0;
}
.bnrs li:nth-child(2) {
	background:#227ab7;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.bnrs li:nth-child(2) a{
	display:block;
	height: 17px;
	color:#fff;
	text-decoration:none;
}

.bnrs li:nth-child(2) a:hover{
/*	background:#81022e;
	border-radius:4px;*/
}

/*Rblock*/
#content02 .Rblock {
	padding-top:165px;
	background-position:center top;
	background-repeat:no-repeat;
}

#content02 .Rblock li{
	width:157px;
	text-align:center;
	margin: 0 0 5px 0;
	/*height:32px;*/
	/*line-height:2.5;*/
	font-size:0.85rem;
}


#content02 .Rblock li.blue{
	background:#227ab7;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#content02 .Rblock li.blue a{
	color:#fff;
	text-decoration:none;
}

#content02 .Rblock li .blue a:hover{
	background:#81022e;
	display:block;
	border-radius:4px;
	/*height:32px;*/
}

.Rblock li.red {
	background:#8d1d38;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	width:157px;
	margin:5px 0 0 0;
}

.Rblock li.red a{
	color:#fff;
	text-decoration:none;
}

.Rblock li.red a:hover {
	background:#e73177;
	border-radius: 4px;
}

.Rblock li.txt {
	text-align:center;
	margin: 10px 0 0 0;
	height:0;
	border-radius:none;
	line-height:1rem;
	display:inline-block;
	color:#000;
	font-size:0.8rem;
	font-weight:normal;
}

.Rblock li.txt em {
	font-weight:bold;
	color:#8d1d38;
	font-size:0.9rem;
	font-style: normal;
}
/* リリース */
#content02 ul.release li {
	padding: 0.3em 0;
}
/* 購入ボタン */
ul.price li.red a {
	display: block;
	padding: 0.3em 0;
}

 
/*commentbox*/
.comm {
	box-sizing: border-box;
    position: relative;
	min-height: 75px;
    padding: .2em 0.8em 0 80px;
    font-size: 0.7em;
    color: #000;
    box-shadow: 12px 0 0 0 #fff, 0 12px 0 0 #fff, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 12px 0 0 0 #fff, 0 12px 0 0 #fff, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 12px 0 0 0 #fff, 0 12px 0 0 #fff, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -o-box-shadow: 12px 0 0 0 #fff, 0 12px 0 0 #fff, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -ms-box-shadow: 12px 0 0 0 #fff, 0 12px 0 0 #fff, 1px 15px 4px -3px rgba(0,0,0,0.2);
    background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.comm::before {
    content: " ";
    position: absolute;
	right: 0;
	bottom: 0;
    width: 0;
    height: 0;
    border-width: 12px 12px 0 0;
    border-style: solid;
	border-color: rgba(255, 255, 255, 0); /* 追加した部分 */
    border-top-color: #ed7a94;
}
.comm h4{
	color:#e73177;
    font-size: 0.8rem;
	margin:0 0 5px 0;
}
.comm p {
	padding-top: 5px;
	font-size: 1.1em;
}
.comm p strong {
	display: block;
	margin-bottom: .5em;
	color: #e72e77;
	border-bottom:1px solid #e73177;
}

#content02 .Contact{
	border:1px dotted #fff;
	text-align:center;
	font-size:0.8rem;
	padding:20px;
}

#content02 .Contact h2{
	font-size:1rem;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	display: inline-block;
	margin:0 0 10px 0;
}


/*********************
*content03
**********************/

#content03{
	width:960px;
	margin:0 auto 0;
	padding:60px 0 10px 0;	
	position:relative; 
}

#content03 h2.title03{
	background :url(../images/ribbon_title03.png) no-repeat center top;
	width:1065px;
	height:99px;
	position:absolute;
	top:-40px;
	left:-53px;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
}
#content03>h3 {
	margin-bottom: 1rem;
	text-align: center;
	line-height: 1.3em;
	font-size: 1.1em;
}
#content03 .conbox{
	padding:0 18px;
}

#content03 .onebox{
/*	background:#f4e1b3; */
	padding:7px;
	margin:0 0 20px 0;
}


#content03 .inbox{
	padding:0 0 20px 0;
	border-bottom:1px dashed #fff;
}

#content03 .inbox02{
	padding:0 0 20px 0;
}

#content03 .Lblock{
	display:inline-block;
	width:700px
}

#content03 .Rblock {
	display:inline-block;
	width:193px;
	margin:0 0 0 5px;
	text-align: center;
}
#content03 .Rblock li {
	width:193px;
}
#content03 .Rblock li span {
	font-weight: bold;
	color: #8d1d38;
}

#content03 .leftbox {
	float:left;
	width:182px;
	margin:0 0 0 20px;
}

#content03 .rightbox {
	float:right;
	width:470px;
	margin:0 5px 0 5px;
}
#content03 .rightbox li {
	width: 47%;
}
#content03 .txt {
	font-size:0.8rem;
	line-height:1.2rem;	
	margin:0 0 10px 0;
}
#content03 .Stxt {
	font-size:0.7rem;
	line-height:0.9rem;	
	margin:0 0 10px 0;
}

#content03 .onebox h3 {
	background-position: 0 0;
	background-repeat: no-repeat;
	height:75px;
	width:470px;
	padding:0 0 10px 0;
	overflow: hidden;
	text-indent:-9999px;
	white-space: nowrap;
}
#content03 p.jk {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	height:260px;
	width:182px;
}



#content03 li {
	text-align:center;
	margin: 0 10px 5px 0;
	text-decoration:none;
	display:inline-block;
	font-size:0.85rem;
	border-radius:4px;
}
#content03 li.red {
	display:block;
	border-radius:4px;
}

#content03 li.blue {
	background-color: #227ab7;
}

#content03 li.blue a,#content03 .btn a {
	color:#fff;
	text-decoration:none;
}
#content03 .rightbox li,#content03 .btn {
	height: 32px;
}
#content03 .rightbox li span,#content03 .rightbox li a,#content03 .btn a {
	height: 100%;
	line-height: 32px;
}
#content03 .rightbox li:nth-child(2):hover, #content03 .btn:hover {
	opacity: .6;
}

#content03 h4{
	margin:0 0 5px 0;
}


/*********************
*content04
**********************/

#content04{
	width:960px;
	margin:0 auto;
	padding:60px 0 60px 0;	
	position:relative; 
}

#content04 .main{
	background :url(../images/menu.png) no-repeat center top;
	height:920px;

}

/*********************
*footer
**********************/

#footer{
	background:#000;
	padding:20px 0;
	color:#fff;
	font-size:0.7rem;
	text-align:center;
}


/*ページトップ*/

#pagetop{
    position:fixed;
    right:50px;
    bottom:0px;
    cursor:pointer;
}