@charset "utf-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,img,table,tr,th,td { margin:0; padding:0; }
ul,li { list-style:none;}
img { border: 0; vertical-align: bottom;}

/* LAYOUT */
.clr { clear: both; }

html{font-size: 62.5%;}
body {
	color:#000;	 background:#333;
	font-size:14px; font-size:1.4rem; line-height:1.8; min-width:1000px;
	-webkit-text-size-adjust: 100%;
	*font-size: small;
	*font: x-small;
	font-family: Arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


.fsb{	font-weight:bold;	font-size:16px;	font-size:1.6rem; /*color:#000; C00;*/}
.fsb0{	font-weight:bold;	font-size:12px;	font-size:1.2rem; /*color:#e60012;*/}
.fs0{ font-size:11px; font-size:1.1rem;}
.fs12{ font-size:12px; font-size:1.2rem; line-height:2; }
.fsred { font-weight:bold;	font-size:20px; font-size:2rem; line-height:2.6; color:#e60012;}

.ls {letter-spacing:-5px;}
.piclight{ float:right; margin:0 0 0 10px;}
.pt10 { padding-top:10px;}
.mt20 { margin-top:20px;}
.mt50 { margin-top:50px!important;}

.pc { display:block;}
.sp { display:none;}

ul.list li { margin-left:30px; list-style-type:disc;}
#container{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	background:url(images/bg.jpg?2) no-repeat center top #2f007b;
	position:relative;
}
h1 { margin:0px auto; padding:0; }

/*購入はこちら*/
.buybox {
	width:840px;
	padding:10px;
	margin:0px auto 10px auto;
	background:#ddd; /*;fef0dd; */
}
.buybox h3{ margin:0 auto; text-align:center;}
.buybox h4{ clear:both; margin:0 0 0 15px; padding:0; text-align:left; color:#000; font-size:14px; font-size:1.4rem; line-height:none;}
.buybox h3 img {margin:0 auto; padding:5px 0 0 0;}
.buybox ul{ padding:0px 8px; } /*0 4px */
.buybox li { float:left; padding:5px 16px;} /*5px 8px */
.buybox li img { border:1px solid #999; }
.buybox li img.shop { border:none; margin:0 0 2px 2px;} 


#snsbtn { width:180px; min-height:20px; /*padding:10px 0 0 40%;*/ padding:30px 0 0 0; margin:0 auto;}
#snsbtn #fb { margin:0 10px 0 0; float:left;}
#snsbtn #tw { margin:0px 0 0 0; float:left;}
#snsbtn::after {  content: "";  display: block;  clear: both;}

.btn { position:relative; width:150px; background:#888; color:#fff; /*background:#e3d9ce;*/ border:1px solid #444; display: inline-block; padding:10px 20px; margin:10px auto; text-align:center; font-weight:bold;	font-size:16px;	font-size:1.6rem; text-decoration:none; }
.btn:hover  { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)";  }
.btn:after {
    content: "";    width: 15px;  height: 15px;
    position: absolute;
    top: 0;    bottom: 0;    right: 5px;
    margin: auto;    box-sizing: border-box;
    border: 8px solid transparent;    border-left: 10px solid #FFF;
}
/*-------------------
DVD
------------------------*/
.bigimg{
	width:100%; margin:0 auto; 	text-align:center;}
#picarea{ width:100%; max-width:1200px; margin:0 auto; text-align:center; background:url(images/pic1.jpg) no-repeat center top; height:196px;}

#dvd,#dvd2{ width:100%; margin:0; padding:0; max-width:1200px;}

#dvd .contents,#dvd2 .contents {
	width:902px; margin:0px auto;/*20 auto*/ padding:0 0 10px 0; position:relative; background:#ffffff; color:#000;
	text-align:left;
	}
#dvd2 { padding:10px 0;  margin:0; padding-top:0px; padding-bottom:10px; position:relative;*/}

#dvd h2,#dvd2 h2{ margin:0 auto  padding:0 0 10px 0;}
#dvd h3,#dvd2 h3{ margin:0 auto; background:#000; /*background:#ff5193;url(images/bg2.jpg) no-repeat center bottom #f2f3f4;*/  padding:10px 0; text-align:center; text-shadow: 2px 2px 2px #ff5193;}
#dvd h4,#dvd2 h4{ margin:5px 0; font-size:20px; font-size:2.0rem; line-height:1.4; font-weight:bold;}
#dvd h5,#dvd2 h5 { margin:5px 0; padding:0; font-size:18px; font-size:1.8rem; line-height:1.2; font-weight:bold;  color:#023680; }

#dvd .txt{ width:640px; float:left; margin:0; padding:0;}
#dvd .txt2{ width:510px; float:left; margin:0; padding:0;}
#dvd .txt3{ width:420px; float:left; margin:0 0 0 65px; padding:0;}

#dvd .pic{ float:right; padding:0; text-align:center;}
#dvd .pic img{ /* border:1px solid #ddd;*/}
#dvd .in_txt,#dvd2 .in_txt{ margin:0 auto; width:860px; padding:10px 0 0 0; text-align:left;　}
#dvd .in_txt p { width:620px; margin:0 10px 0 0; }	
#dvd .in_txt .youtube,#dvd2 .in_txt .youtube { float:right; padding:5px 0 0 10px;}
#dvd .in_txt h4{  font-size:18px; font-size:1.8rem; color:#fff; background:#424242; display:inline-block; padding:3px 5px; font-weight:normal;}
/*#dvd2 .in_txt { color:#fff;}*/
h3.rental{ /*background:#ffcdda!important;;d759ff*/ margin:0 auto; color:#fff; font-size:24px; font-size:2.4rem; padding:0 0 10px 0; margin-bottom:10px; text-align:center;}
h4.rental { padding:10px 0 10px;  text-align:center; font-size:20px; font-size:2.0rem; line-height:1.4; font-weight:bold; color:#fff; background:#d759ff;}
#dvd2 .in_txt p { width: 580px;}

#dvd .in_txt h6 { font-size:13px; line-height:none; margin:0; padding:5px; background:#666; color:#fff; display:inline;}
#dvd .contents .tsutayabnr{ position:absolute; top:-30px; left:-10px;}

#dvd a:link { color:#000; text-decoration:none;}
#dvd a:visited { color:#000; text-decoration:none;}
#dvd a:hover { color:#000; text-decoration:none;}
#dvd a:active { color:#000; text-decoration:none;}

#dvd dt,#dvd2 dt { float:left;}
#dvd dd,#dvd2 dd { margin:0 0 0 70px; /*70px;*/}

/*.staff{ margin:10px; text-align:center; }
.rental{ margin:10px ; background:#fff000; color:#000; font-size:12px; font-size:1.2rem; line-height:1; padding:10px; text-align:center; }
.rental h3{  margin:0 auto; color:#ff0000; background:transparent!important;font-size:24px; font-size:2.4rem;  text-align:center;}*/

/*映像特典
#spbox { width:800px; margin:10px auto 0px auto; padding:10px 10px 0 10px; color:#fff;
}
	#spbox ul { padding:0; text-align:left; display:inline-block;}
	#spbox li{ list-style-type:disc; margin:0px 0 0 10px; color:#fff;}
	#spbox li ul.sub {  padding:0 0 0 10px; text-align:left; display:block; }
	#spbox li ul.sub li {list-style-type:circle;}
	#spbox h4 { margin:0 0 5px 0; padding:0; color:#ffe100; font-size:20px; font-size:2.0rem; line-height:1.4; }
	#spbox h5{ margin:0 0 5px 0; padding:0; color:#000;
		font-size:18px; font-size:1.8rem; line-height:1.5; font-family:Arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
	#spbox h6{ 	margin:10px auto 0 auto; padding:0; padding:0 0 0 20px;
		font-size:16px; font-size:1.6rem; line-height:1.8; color:#fff; } 
*/

#dvdonline{ width:100%; margin:20px 0 0 0; padding:0; max-width:1200px;}
#dvdonline .contents {
	width:902px; margin:20px auto; padding:0 0 20px 0; position:relative; background:#efbdff;  color:#000;
	/*border-radius: 20px;          
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;*/
	}
#dvdonline .in_top{ text-align:center; font-size:18px; font-size:1.8rem; line-height:1.4; }
#dvdonline .in_txt{ margin:0 auto; width:840px; padding:10px; text-align:center; background:#fff; font-size:16px; font-size:1.6rem;}
#dvdonline  h3 { padding:10px 0; font-size:24px; font-size:2.4rem; color:#000;}
#dvdonline  h4 { padding:5px 0 ; margin:0; 
	text-decoration: underline; text-decoration-thickness: 10px;  text-decoration-color: #ffff00; 
	text-underline-offset: -5px; text-decoration-skip-ink: none; } 

#dvdonline  h5 { padding:5px 0; font-size:18px; font-size:1.8rem; margin:0; color:#d759ff; }
#dvdonline  h5:not(:first-of-type){ border-top:1px solid #d759ff;}
#dvdonline  img { padding-bottom:10px;}
#dvdonline  p { padding:10px 0;  margin:0 auto;}
#dvdonline  p img { float:left;}
#dvdonline  .btn { margin:10px auto;}
#dvdonline .info { font-size:14px; font-size:1.4rem; text-align:center; color:#000; }
#dvdonline .chu { margin:5px auto 0 auto; padding:0 0 10px 0; font-size:12px; font-size:1.2rem; line-height:1.5; text-align:center; color:#333;}

/*
#presentbox{ width:800px; background:#fff; margin:20px auto 10px auto; padding:10px;color:#000; font-size:18px; font-size:1.8rem; line-height:1.4; border:5px solid #ffe100; 
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
#presentbox h3 { padding-top:10px; font-size:22px; font-size:2.2rem; color:#cb0815;} 
#presentbox img { padding-bottom:10px;}
	#presentbox p { padding:10px 0; width:500px; margin:0 auto;}
	#presentbox p img { float:left;}
	#presentbox .btn { margin:10px auto;}
*/
/*copy*/
.chu{ margin:5px auto 0 auto; padding:0 0 10px 0; font-size:11px; font-size:1.1rem; line-height:1.5; text-align:center; color:#ccc;}
.chu1 { margin:0; padding:0 0 10px 0; font-size:12px; font-size:1.2rem; text-align:center; color:#ccc;}

#futter { padding:10px 0 0 0;}
#gaga-futter { padding:10px 0 20px 0; margin:0 auto; width:424px;} 
#gaga-futter p { float:left; margin:0 10px 0 0;}

/*========================================*/
@media screen and (max-width: 640px) {
	body { width:100%; min-width:inherit; 
		font-size:14px; font-size: 1.4rem; line-height: 1.5;}
	.pc { display:none;}
	.sp { display:block; }
	.img100 { width:95%; height:auto; margin:0 auto;}

	h3 { color:#fff;  }
	h4 { clear:both; margin:10px auto; font-size:17px; font-size:1.7rem;  }
	#container { background:#2f007b; /*#fff6e4;d3c49c;*/ max-width:inherit; margin-top:0; }
	#container h1 img{ width:100%; height:auto; margin:0;}
	#container h1 {margin:0 auto 5px auto; padding:0;}
	#container h3{ font-size:18px; font-size:1.8rem; font-weight:bold;}
	#sppic img { border:none; width:100%; height:auto;}
	
	#dvd,#dvd2{ max-width:inherit; margin:0; padding:0;}
	#dvd { background:#2f007b; }
	#dvd2{ background:transparent; }
	#dvd h4,#dvd2 h4 { font-size:16px; font-size:1.6rem;}
	#dvd h5,#dvd2 h5 { font-size:16px; font-size:1.6rem; }
	#dvd .contents,#dvd2 .contents { width:auto; padding:0 0 10px 0; margin:0 auto; color:#000; /*background:#d3c49c;*/
		  border-radius: 0px;          
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px; }
	#dvd2 { background:#2f007b;}
	#dvd2 .contents { padding-top:10px; color:#000; }
	#dvd .txt,#dvd .txt2,#dvd .txt3,#dvd .in_txt,#dvd2 .in_txt { width:95%; margin:0 auto;}
	#dvd2 .in_txt p {width:100%; margin:5px auto;}
	.buybox { width:95%; padding:5px;}
	.buybox li img { width:90px;}
	#dvd .in_txt p {width:auto;}
	#dvd .in_txt .pic { float:none; margin:0 auto; }

	#dvd .in_txt .youtube,#dvd2 .in_txt .youtube { float:none; marign:0 auto; padding:0; width:100%; height:auto;}
	h3.rental{ padding:10px 0; margin:0px auto; background:#00a2ff;}
	.bnr468 { width:90%; height:auto;}
	#dvd .contents .tsutayabnr{ position:absolute; top:-50px; left:0px;}

	#dvdonline { padding:0; margin:0 0 10px 0; max-width:inherit; width:100%; background:#133f8a;}
	#dvdonline  .contents {width:auto;  padding:10px; margin:0 auto 5px auto;}
	#dvdonline .in_top,#dvdonline .in_txt{ width:95%; margin:0 auto;}
	#dvdonline img {  width:100%;}
	#dvdonline p { width:100%;}
	.imgauto{ width:auto!important; float:none;}
/*	#spbox { width:auto; height:auto; margin:10px auto 0 auto; padding:2px 5px 3px 5px; text-align:left; }
	#spbox h4 { margin:10px 0; font-size:16px; font-size:1.6rem; line-height:1.6;}
	#spbox h5 { font-size:16px; font-size:1.6rem;}
	#spbox ul { padding:0 0 0 10px;}
	#presentbox{ width:90%; margin:10px auto; padding:5px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0;}
		#presentbox p { padding:10px 0 0 0; width:90%; }
		#presentbox p img { float:none;}
		#presentbox img { width:100%;}
	*/
/*	.chu1 { color:#333;}*/
	#gaga-futter { width:90%;}
	#gaga-futter p { float:none; margin:0 auto 5px auto;}
	#snsbtn { padding:5px 0 0 0; }
	#futter {  padding:10px 0 0 0;}
	
}