@charset 'UTF-8';
body.pc,
body.tablet {
	background: #000000 url(/applause/operaza/gallery/images/bg.jpg) top center no-repeat;
}

.section {
	padding: 57px 0 0;
}

body.sp .section p {
	width: 100%;
	background: rgba(0,0,0,0.1);
}

body.sp .section {
	padding: 0;
	background: #000000 url(/applause/operaza/gallery/images/s/bg.jpg) top center no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

body.pc .section h1,
body.tablet .section h1 {
	margin-bottom: 63px;
}

body.sp .section h1 {
	width: 22.4%;
	padding: 5.7% 0 0;
	margin: 0 auto 6.3%;
}

body.sp .section h1 img {
	width: 100%;
}

.threeColumnsType2,
body.sp .threeColumnsType2 {
	margin: 75px auto;
}

/* photoGallery
-------------------------------------------------- */
body.pc #photoGallery {
	width: 990px;
	padding: 0;
	margin: 0 -30px 25px 0;
}

body.pc #photoGallery li {
	padding: 0;
	margin: 0 30px 30px 0;
	display: block;
	float: left;
	border: 1px solid #726450;
	background: #000000;
	line-height: 0;
}

body.tablet #photoGallery li img {
	width: 166px;
	padding: 0;
	margin: 0;
}

body.tablet #photoGallery,
body.sp #photoGallery {
	width: 100%;
	padding: 0 0 25px 1%;
	margin: 0;
	box-sizing: border-box;
}

body.tablet #photoGallery li,
body.sp #photoGallery li {
	width: 30%;
	padding: 0;
	margin: 0 1% 2%;
	display: block;
	float: left;
	border: 2px solid #726450;
	background: #000000;
	line-height: 0;
}

body.tablet #photoGallery li img,
body.sp #photoGallery li img {
	width: 100%;
	padding: 0;
	margin: 0;
}

#photoGallery a {
	display: block;
}

/* pv
-------------------------------------------------- */
body.pc #pv {
	width: 990px;
	padding: 0;
	margin: 0 -30px 25px 0;
}

body.pc #pv .youtube {
	width: 465px;
	padding: 0;
	margin: 0 30px 30px 0;
	float: left;
}


body.tablet .section h3.title3,
body.sp .section h3.title3 {
	margin: 0 2% 8px;
}

body.tablet #pv,
body.sp #pv {
	width: 100%;
	padding: 0 0 25px 1%;
	margin: 0;
	box-sizing: border-box;
}

body.tablet #pv .youtube,
body.sp #pv .youtube {
	width: 47%;
	padding: 0;
	margin: 0 1% 2%;
	float: left;
}

.youtube iframe{
	width: 100%;
	border: 1px solid #726450;
	box-sizing: border-box;
}

#pv h3 {
	color: #f8ea86;
	margin-bottom:0.5em;
}

body.pc #pv h3 {
	font-size: 18px;
}
body.tablet #pv h3,
body.sp #pv h3 {
	font-size: 190%;
}