html, body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	height: 100%;
  background-color:#FFF;
  /*background-color:#252E30;*/
 }
/*body {background: #f9f9f9 url(../img/page-bg-1.jpg);}*/
body {/*background:#FFF url(../img/index/body-bg.png) no-repeat center top; background-size:contain;*/}
  .pc{ display:block;}
  .phone{ display:none;}

/* Mobile Portrait and Landscape Size */
/*@media (min-width: 480px) and (max-width: 767px) {*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 1) {
	/*  html, body {
	  font-size:18px;
	  line-height:1.8;
	  height: 100%;
	  width:768px;
	  margin:0 auto;
  }*/
}
@media only screen and (max-device-width: 767px) and (-webkit-device-pixel-ratio: 2) {
	/*  html, body {
	  font-size:18px;
	  line-height:1.8;
	  height: 100%;
	  width:480px;
  }*/
}

#mobile-bar {
	height:20px;
	width:45px;
	padding:10px;
	line-height:0;
	font-size:0;
  background-color:#FFF;
}
#mobile-bar img{
	padding:0;
	margin:0;
	outline:none;
	border:none;
}
header {
	padding:0;
	margin:0;
	border:none;
  background-color:#FFF;
}

#contents-area { background:#FFF; padding:0 0 10px 0;}

section {
	padding:0;
	margin:0;
	border:none;
	background-color:#FFF;
	color:#545454;
}


.swiper-container {
	padding:0;
	margin:0;
	border:none;
  background-color: #fff;
}
.swiper-wrapper {
	padding:0;
	margin:0;
	border:none;
}
.swiper-slide {
	padding:0;
	margin:0;
	border:none;
}

h1{
	padding:2px 10px;
	margin:0;
	border:none;
  background-color:transparent;
}

div.title {
	text-decoration:none;
}
nav p { padding:10px; border:none;}
li { list-style:none; margin:10px 0;}



#build-menu {
	padding:14px 0 24px 0;
	background: #000 url(../img/nav_bg-pc.png) no-repeat bottom right;
}
#build-menu ul{
	padding-top:45px;
	padding-left:10px;
	margin:0;
	background: url(../img/h1_logo-pc.png) no-repeat 10px top;
	/*border-top:1px solid #EEE;*/
}
#build-menu ul li{padding:0 5px 0 0; list-style:none; margin:0 10px 0 0; float:left; line-height:1.0;}
#build-menu ul li.lastnav{padding:0; list-style:none; margin:0; float:left;}
#build-menu ul li a ,#build-menu li span{font-family: 'Oswald', sans-serif; font-weight:400; color:#FFF; line-height:1.0; font-size:14px; text-decoration:none;}
#build-menu ul li a:hover {color:#CA7DAA;}
#build-menu ul li span {color:#999;}
#build-menu ul li.logo3line{
	display:none;
	}
img.trailer-thumb {width:640px; margin:0 auto; display:block;}
img#logo-1line { display:none;}
p#package-cover { line-height:0;margin:0; padding:0 0 0 0; float:none; width:100%; min-width:580px; max-height:630px; overflow:hidden; background:#B1B1B1;}
p#package-cover img {width:100%; max-width:1702px;}
p {font-size:14px; line-height:1.8;  background:none; margin:0; padding:10px;}
p.top-topic {font-size:22px;}
p.maincatch {font-size:36px; line-height:1.25; margin:0; padding:20px 10px 10px 10px; font-weight:bold;}
p.headline {font-size:27px; line-height:1.25; margin:0; padding:10px;}
.headline-top-topic{background: url(../img/dvd-package-bg.png) no-repeat 10px top; padding-left:200px;}
h1.pagetitle {font-size:45px; line-height:1.0; font-family:Oswald; font-weight:300; background:none; margin:0 0 10px 0; padding:20px 10px 10px 10px; border-bottom:1px solid #545454;}
p.page-sub-title {font-size:32px; line-height:1.25; font-family:Oswald; font-weight:700; margin:0; padding:20px 10px 10px 10px; border-bottom:1px dotted #545454; color:#222;}
p.page-sub-title span{font-size:14px; line-height:1.25; background:none; margin:0; padding:0 10px 10px 10px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.notes{font-size:12px; line-height:1.25; margin:0; padding:0 10px 10px 10px;}
.tileimage{ padding:0; margin:0; border:none; outline:none; float: left; width: 25%; }
div.gallery-row { margin-top:-5px;}
div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 10%; }
div.gallery-item-m { float: left; width: 25%; }
div.gallery-item a,div.gallery-item-m a  { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img, div.gallery-item-m img { display: block; width: 100%; height: auto; }
div.large-thumb-box {margin:0 auto;}

footer {
	padding:190px 10px 10px 10px;
	margin:0;
	border:none;
  /* background-color:transparent; */
  color:#666;
  background:#B0B0B0 url(../img/footer-bg.png) repeat-x center top;
  height:auto;
  min-height:60px;
}
footer div{
	float:none;
	background:url(../img/footer-logo-mini.png) no-repeat left top;
	padding:20px 0 0 0;
}
footer p.txt1{
	float:none;
	line-height:1.8;
	font-size:12px;
	color:#fff;
	margin:-25px 0 0 140px; padding:0;
	display:block;
	font-weight:bold;
}
footer p.txt2{
	float:left;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
}
footer p.txt3{
	float:left;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
	/*position: absolute;*/
}
footer p.links{
	clear:both;
	float:left;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
}
footer p.links a{
	color:#E4007F;
}
footer p.links a:hover, footer p.links a:active,footer p.links a:visited{
	color:#E4007F;
}
footer p.marks{
	clear:both;
	float:left;
	/*float:right;*/
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
	height:80px;
	margin-top:10px;
	/*margin-top:-210px;*/
}
footer p.copyright{
	clear:both;
	line-height:1.3;
	font-size:9px;
	color:#EEE;
	margin: 0; padding:10px;
	display:block;
	text-align:center;
}

section#about {
	background:url(../img/about-bg.jpg) repeat -600px -340px;
	color:#FFF;
	padding-bottom:40px;
}

section#photo {
	background:url(../img/photo-bg.jpg) repeat -400px center;
	color:#FFF;
	padding-bottom:40px;
}

section#trailer {
	background:url(../img/trailer-bg.jpg) repeat -100px -650px;
	color:#FFF;
	padding-bottom:40px;
}

section#press {
	background:url(../img/press-bg.jpg) repeat -400px center;
	color:#FFF;
	padding-bottom:40px;
}

section#press-contents {
	padding:0;
	margin:0;
	border:none;
	outline:none;
}
section#press-contents dl{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEDEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #EFEDEF 80%);
}
section#press-contents dl dt{
	font-size:16px; line-height:1.25; font-family:Oswald; font-weight:400; margin:0; padding:20px 10px 0 10px; border:none; color:#222;
}
section#press-contents dl dd{
	font-size:14px; line-height:1.25; margin:0; padding:10px 10px 20px 10px; border-bottom:1px dotted #545454; color:#222;
}
section#press-contents dl dd a{color:#E4007F;}
section#press-contents dl dd .right-txt{margin-top:10px;display:block;text-align:right;}
section#press-contents dl dd .left-img{margin:0 10px 10px 0; float:left;}
section#press-contents dl dd .right-img{margin:0 0 10px 10px; float:right;}

section#news {
	background:url(../img/news-bg.jpg) repeat -300px -1100px;
	color:#FFF;
	padding-bottom:40px;
}

section#news-contents {
	padding:0;
	margin:0;
	border:none;
	outline:none;
}
section#news-contents dl{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEDEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEDEF 80%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFFFFF 0%, #EFEDEF 80%);
}
section#news-contents dl dt{
	font-size:16px; line-height:1.25; font-family:Oswald; font-weight:400; margin:0; padding:20px 10px 0 10px; border:none; color:#222;
}
section#news-contents dl dd{
	font-size:14px; line-height:1.25; margin:0; padding:10px 10px 20px 10px; border-bottom:1px dotted #545454; color:#222;
}
section#news-contents dl dd a{color:#E4007F;}
section#news-contents dl dd .right-txt{margin-top:10px;display:block;text-align:right;}
section#news-contents dl dd .left-img{margin:0 10px 10px 0; float:left;}
section#news-contents dl dd .right-img{margin:0 0 10px 10px; float:right;}

.social-tw { position: absolute; top: 10px; right: 70px; line-height:1.0; width:70px; margin-top:0px; margin-left:0; display: block; }
.social-fb { position: absolute; top: 10px; right: 10px; line-height:1.0; width:55px; margin-top:0px; margin-left:0; display: block; }


	

@media (min-width: 768px) and (max-width: 1023px) {
}

@media (max-width: 580px) {
header{
  background-color:#000;
}
#mobile-bar{
  background-color:#000;
}
#build-menu-page{
  background-color:#000;
}
h1{
	padding:10px;
	margin:0;
	border:none;
  background-color:#000;
}
#build-menu {
  background:#000 url(../img/Vinil_by_marazmuser.jpg) no-repeat center left;
}
#build-menu ul{
	padding-top:10px;
	padding-left:10px;
	background:none;
}

	#build-menu ul{
		padding-top:70px;
		padding-left:10px;
		background:#000 url(../img/logo-3line.png) no-repeat 10px top;
		background-size: 180px 68px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:2),
					  (min-resolution: 2dppx){
	  #build-menu ul{
		background:#000 url(../img/logo-3line@2x.png) no-repeat 10px top;
		background-size: 180px 68px;
	  }
	}
	
#build-menu ul li{
	padding:0; list-style:none; margin:10px 0; float:none;}
#build-menu ul li a, #build-menu li span {font-family: 'Oswald', sans-serif; font-weight:300; color:#FFF; font-size:18px; text-decoration:none;}
#build-menu ul li a:hover {color:#CA7DAA;}
#build-menu ul li span {color:#666;}
#build-menu ul li.logo3line{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	display:block;
	height:68px;
	text-indent:0px;
	}
img.trailer-thumb {width:100%;}
img#logo-1line {width:100%; display:block;}
p#package-cover {width:100%;margin:0; padding:0; float:none; min-width:100%; max-width:100%; max-height:819px; overflow:hidden;}
p#package-cover img {width:100%;}
p {font-size:14px; line-height:1.8; background:none; margin:0; padding:10px;}
p.top-topic {font-size:16px;}
p.maincatch {font-size:24px; line-height:1.25; margin:0; padding:10px 10px 10px 10px;}
.headline-top-topic{background:none; padding-left:0;}
p.headline {font-size:18px; line-height:1.25; margin:0; padding:10px;}
h1.pagetitle {font-size:27px; line-height:1.0; font-family:Oswald; font-weight:300; background:none; margin:0; padding:20px 10px 10px 10px; border-bottom:1px solid #545454;}
p.page-sub-title {font-size:18px; line-height:1.25; font-family:Oswald; font-weight:700; margin:0; padding:20px 10px 10px 10px; border-bottom:1px dotted #545454; color:#222;}
p.page-sub-title span{font-size:14px; line-height:1.25; white-space:nowrap; margin:0; padding:0 10px 10px 10px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.swiper-container {width:100%;}
.swiper-slide {width:100%;padding:0;}
.swiper-slide img{width:100%;}
.notes{font-size:12px; line-height:1.25; background:none; margin:0; padding:0 10px 10px 10px;}
.tileimage{ padding:0; margin:0; border:none; outline:none; float: left; width: 50%; }
div.gallery-row { margin-top:5px;}
div.gallery-item { float: left; width: 33.33333333%; }
div.gallery-item-m { float: left; width: 50%; }
div.large-thumb-box {}

section#about {
	background:url(../img/about-bg.jpg) repeat-y center center;
	color:#FFF;
	}

section#about {
	background:url(../img/about-bg.jpg) repeat -1100px -400px;
	color:#FFF;
	padding-bottom:40px;
}

section#photo {
	background:url(../img/photo-bg.jpg) repeat -450px -250px;
	color:#FFF;
	padding-bottom:40px;
}

section#trailer {
	background:url(../img/trailer-bg.jpg) repeat -100px top;
	color:#FFF;
	padding-bottom:40px;
}

section#press {
	background:url(../img/press-bg.jpg) repeat -1100px -650px;
	color:#FFF;
	padding-bottom:40px;
}

section#news {
	background:url(../img/news-bg.jpg) repeat -400px -1150px;
	color:#FFF;
	padding-bottom:40px;
}	
	
footer {
	padding:100px 10px 0 10px;
	margin:0;
	border:none;
  /* background-color:transparent; */
  color:#666;
  background:#B0B0B0 url(../img/footer-bg-mini.png) repeat-x center top;
  height:auto;
  min-height:60px;
}
footer div{
	float:none;
	background:url(../img/footer-logo-mini.png) no-repeat left top;
	padding:20px 0 0 0;
}
footer p.txt1{
	float:none;
	line-height:1.8;
	font-size:12px;
	color:#fff;
	margin:0; padding:0;
	display:block;
	font-weight:bold;
}
footer p.txt2{
	float:none;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
}
footer p.txt3{
	float:none;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
	/*position: absolute;*/
}
footer p.links{
	float:left;
	line-height:1.5;
	font-size:11px;
	color:#fff;
	margin:0; padding:0;
	display:block;
}
footer p.links a{
	color:#E4007F;
}
footer a:hover, footer a:active,footer a:visited{
	color:#E4007F;
}
footer p.copyright{
	float:none;
	line-height:1.3;
	font-size:9px;
	color:#EEE;
	margin: 0; padding:10px;
	display:block;
}
.social {margin-top:10px;}
    #cboxOverlay{background: none;}
  .phone{ display:block;}
  .pc{ display:none;}
}