@charset "UTF-8";

/* format css =================================================================================== */

/* reset css */
html, body, h1, h2, h3, h4, h5, h6, a, p, blockquote, img, dl, dt, dd, ol, ul, li, form, label, caption, table, tbody, tr, th, td, figure, figcaption { border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: normal; text-decoration: none; list-style: none; background: transparent; }
html, body { width:100%; height:100%; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; min-width: 320px; font-family: sans-serif; word-break: break-all; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input,select { vertical-align: middle; }
img { vertical-align: bottom; }
hr { display: none; }

/* a:link set */
a:link    { color: rgb(0,0,255); }
a:visited { color: rgb(102,0,153); }
a:hover   { color: rgb(51,51,255); }
a:active  { color: rgb(51,51,255); }

/* text rule */
h1 { font-size: 4.000em; font-weight: 600; }
h2 { font-size: 2.828em; font-weight: 600; }
h3 { font-size: 2.000em; font-weight: 600; }
h4 { font-size: 1.414em; font-weight: 600; }
h5 { font-size: 1.160em; font-weight: 600; }
h6 { font-size: 1.000em; font-weight: 600; }
.big, big { font-size: 1.16em; }
.small, small { font-size: 0.80em; }
.i, i { font-style: italic; }
.b, b { font-weight: bold; }

/* clearfix (modern) */
.cl:after { content: ""; clear: both; display: block; }

/* common style */
.distxt { overflow: hidden; text-align: left; text-indent: -100%; font-size: 0em; }

/* common css =================================================================================== */

html { font-size: 62.5%; line-height: 1.66; color: rgb(0,0,0); background-color: rgb(255,255,255,) }
#container { position: relative; }
.slick-dots li button::before { content: "?" !important; font-size: 16px !important; }

/* common */
body{
	background: url("../img/bg.png");
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.wrapper{
	width: 1080px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 33px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	box-shadow:0px 3px 10px 1px #cccccc;
	-moz-box-shadow:0px 3px 10px 1px #cccccc;
	-webkit-box-shadow:0px 3px 10px 1px #cccccc;
}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
/* header */
header {
	height: 520px;
	background: url("../img/header_bg.jpg") no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
header .headwrapper{
	width: 1080px;
	margin: 0 auto;
}
header h1 span{
	font-size: 0;
}
header h1{
	width: 1080px; height: 368px;
	background: url("../img/head_title.png") no-repeat 0 0;
	-webkit-background-size: 1080px 368px;
	background-size: 1080px 368px;
	text-align: center;
}

/* #art01 */
#art01 {
	margin-top: -104px;
}

#art01 li span{
	font-size: 0;
}
#art01 .list01{
	background: url("../img/lovelive.png");
	width: 1080px; height: 477px;
	-webkit-background-size:1080px 477px;
	background-size: 1080px 477px;
}
#art01 .list02{
	background: url("../img/cyaron.png");
	width: 1080px; height: 602px;
	-webkit-background-size:1080px 602px;
	background-size: 1080px 602px;
}
#art01 .list03{
	background: url("../img/azalea.png");
	width: 1080px; height: 465px;
	-webkit-background-size:1080px 465px;
	background-size: 1080px 465px;
}
#art01 .list04{
	background: url("../img/guiltykiss.png");
	width: 1080px; height: 477px;
	-webkit-background-size:1080px 477px;
	background-size: 1080px 477px;
}
#art01 .textArea .price{
	background: url("../img/playticket.jpg");
	width: 1080px; height: 290px;
	-webkit-background-size:1080px 290px;
	background-size: 1080px 290px;
}
#art01 .text ul{
	font-size: 14px;
	padding: 30px 0 63px 0;
	margin: 0 auto;
	width: 480px;
}

/* #art02 */
#art02{
	margin-top: 64px;
}
#art02 .wrapper{
	padding-bottom: 32px;
}
#art02 h2 span{
	font-size: 0;
}
#art02 h2{
	background: url("../img/touken.png");
	width: 1080px; height: 1086px;
	-webkit-background-size:1080px 1086px;
	background-size: 1080px 1086px;
}
#art02 .btn{
	width: 548px;
	margin: 0 auto;
	padding-bottom: 42px;
}
#art02 .btn a{
	display: block;
	background: url("../img/btn01.png");
	width: 548px; height: 54px;
	-webkit-background-size:548px 54px;
	background-size: 548px 54px;
	font-size: 0;
}
#art02 .bgfef0ff{
	background: #fef0ff;
}
#art02 .bgfef0ff p span{
	font-size: 0;
}
#art02 .bgfef0ff p{
	background: url("../img/touken_price.png");
	width: 1080px; height: 131px;
	-webkit-background-size:1080px 131px;
	background-size: 1080px 131px;
}
#art02 .bgfef0ff ul{
	width: 420px;
	margin: 0 auto;
	font-size: 14px;
	padding: 25px 0 48px 0;
}

/* #art03 */
#art03{
	margin-top: 64px;
}
#art03 h2 span,
#art03 .ttl span{display: none;}
#art03 .ttl{
	background: url("../img/art03_ttl.png");
	width: 1080px; height: 102px;
	-webkit-background-size:1080px 102px;
	background-size: 1080px 102px;
}
#art03 .fl,#art03 .fr{width: 540px;}
#art03 .fl h2{
	background: url("../img/present_01.jpg");
	width: 540px; height: 476px;
	-webkit-background-size:540px 476px;
	background-size: 540px 476px;
}
#art03 .fr h2{
	background: url("../img/present_02.jpg");
	width: 540px; height: 476px;
	-webkit-background-size:540px 476px;
	background-size: 540px 476px;
}
#art03 .text{
	font-size: 18px;
	text-align: center;
	width: 460px;
	margin: 0 auto;
}
#art03 .text .red{
	color: #ff0000;
}
#art03 .text a{
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#art03 .text a:hover{
	text-decoration: none;
}
#art03 .coutionArea{
	padding: 26px 0 46px;
	border-top: 2px #969696 solid;
	width: 1010px;
	margin: 44px auto 0;
	font-size: 14px;
}
#art03 .coutionArea ul{
	width: 505px;
	margin: 0 auto;
}
#art04{
	margin-top: 64px;
}
#art04 .maxArea{
background:url("../img/bg2.png")
}
#art04 h2 span{
	font-size: 0;
}
#art04 .innner{
	width: 1080px;
	margin: 0 auto;
}
#art04 h2{
	background: url("../img/art04_ttl.png");
	width: 1080px; height: 145px;
	-webkit-background-size:1080px 145px;
	background-size: 1080px 145px;
}

#art05{
	margin: 48px auto 10px;
}
#art05 h2 span{
	display: none;
}
#art05 h2{
	background: url("../img/art05_ttl.png");
	width: 1080px; height: 102px;
	-webkit-background-size:1080px 102px;
	background-size: 1080px 102px;
}
#art05 h3{
	width: 700px;
	margin: 42px auto 0;
	font-size: 24px;
}
#art05 .dlWrap{
	width: 700px;
	margin: 0 auto;
	border-bottom: 1px solid #969696;
}
#art05 .dlWrap:last-child{
	border-bottom: none;
}

#art05 tr th{
	font-size: 18px;
	font-weight: bold;
	width: 230px;
	height: 76px;
	text-align: left;
	vertical-align: middle;
}
#art05 tr td{
	font-size: 16px;
	width: 466px;
	height: 76px;
	vertical-align: middle;
}

#art05 .dlWrap a{
	color: #fda00a;
	text-decoration: underline;
	font-weight: bold;
}
#art05 .dlWrap a:hover{
	text-decoration: none;
}
footer{
	height: 520px;
	background: url("../img/foot_bg.jpg") no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: -5;
	margin-top: -170px;
}
footer div{
	padding-top: 273px;
	overflow: hidden;
	width: 1080px;
	margin: 0 auto;
}
footer .prizeLogo{margin-left: 268px;}
footer .minkujiLogo{margin-right: 359px;}
footer .prizeLogo a{
	font-size: 0;
	display: block;
	background: url("../img/prise_logo.png");
	width: 162px; height: 76px;
	-webkit-background-size:162px 76px;
	background-size: 162px 76px;
}
footer .minkujiLogo a{
	font-size: 0;
	display: block;
	background: url("../img/minkuji_logo.png");
	width: 80px; height: 80px;
	-webkit-background-size:80px 80px;
	background-size: 80px 80px;
}
/*
footer .footerLogo span{font-size: 0;}
footer .footerLogo{
	background: url("../img/footer_logo.png");
	width: 1080px; height: 84px;
	-webkit-background-size:1080px 84px;
	background-size: 1080px 84px;
	margin: 0 auto;
}
*/
footer .copy{
	font-size: 12px;
	text-align: center;
	padding-top: 50px;
}

/* media queries ================================================================================ */

/* media queries - smartphone */
@media screen and (max-width: 768px) {
	body{
		background: url("../img/bg_sp.png");
	}
	.wrapper{
		width: 312px;
	}
	/* header */
	header {
		height: 205px;
		background: url("../img/header_bg_sp.jpg") no-repeat 0 0;
		-webkit-background-size: cover;
		background-size: cover;
	}
	header .headwrapper{
		width: 319px;
		margin: 0 auto;
	}
	header h1 span{
		font-size: 0;
	}
	header h1{
		width: 319px; height: 111.5px;
		background: url("../img/head_title_sp.png") no-repeat 0 0;
		-webkit-background-size: 319px 111.5px;
		background-size: 319px 111.5px;
		margin-top: 26px;
	}
	#art01{margin-top: -75px;}
	#art01 .list01{
		background: url("../img/lovelive_sp.png");
		width: 312px; height: 175px;
		-webkit-background-size:312px 175px;
		background-size: 312px 175px;
	}
	#art01 .list02{
		background: url("../img/cyaron_sp.png");
		width: 312px; height: 283px;
		-webkit-background-size:312px 283px;
		background-size: 312px 283px;
	}
	#art01 .list03{
		background: url("../img/azalea_sp.png");
		width: 312px; height: 264px;
		-webkit-background-size:312px 264px;
		background-size: 312px 264px;
	}
	#art01 .list04{
		background: url("../img/guiltykiss_sp.png");
		width: 312px; height: 242.5px;
		-webkit-background-size:312px 242.5px;
		background-size: 312px 242.5px;
	}
	#art01 .textArea .price{
		background: url("../img/playticket_sp.png");
		width: 312px; height: 182.5px;
		-webkit-background-size:312px 182.5px;
		background-size: 312px 182.5px;
	}
	#art01 .text ul{
		font-size: 12px;
		padding: 16px 0;
		width: 290px;
	}


	#art02{
		margin-top: 32px;
	}
	#art02 h2{
		background: url("../img/touken_sp.png");
		width: 312px; height: 591px;
		-webkit-background-size:312px 591px;
		background-size: 312px 591px;
	}
	#art02 .btn{
		width: 271px;
		margin: 0 auto;
		padding-bottom: 32px;
	}
	#art02 .btn a{
		display: block;
		background: url("../img/btn01_sp.png");
		width: 271px; height: 49px;
		-webkit-background-size:271px 49px;
		background-size: 271px 49px;
		font-size: 0;
	}
	#art02 .bgfef0ff{
		background: #fef0ff;
	}
	#art02 .bgfef0ff p span{
		font-size: 0;
	}
	#art02 .bgfef0ff p{
		background: url("../img/touken_price_sp.png");
		width: 312px; height: 160px;
		-webkit-background-size:312px 160px;
		background-size: 312px 160px;
	}
	#art02 .bgfef0ff ul{
		display: none;
	}

	#art03{
		margin-top: 32px;
	}
	#art03 .ttl{
		background: url("../img/art03_ttl_sp.png");
		width: 312px; height: 48px;
		-webkit-background-size:312px 48px;
		background-size: 312px 48px;
	}
	#art03 .fl,#art03 .fr{
		width: 312px;
		float: none;
	}
	#art03 .fl h2{
		background: url("../img/present_01_sp.png");
		width: 312px; height: 211px;
		-webkit-background-size:312px 211px;
		background-size: 312px 211px;
	}
	#art03 .fr h2{
		background: url("../img/present_02_sp.png");
		width: 312px; height: 212px;
		-webkit-background-size:312px 212px;
		background-size: 312px 212px;
	}
	#art03 .text{
		font-size: 12px;
		width: 287px;
		margin-top: 12px;
	}

	#art03 .coutionArea{
		padding: 12px 0 24px;
		border-top: 2px #969696 solid;
		width: 300px;
		margin: 12px auto 0;
		font-size: 12px;
	}
	#art03 .coutionArea ul{
		width: 289px;
	}
	#art04{
		margin-top: 24px;
	}
	#art04 .innner{
		width: 312px;
		margin: 0 auto;
	}
	#art04 h2{
		background: url("../img/art04_ttl_sp.png");
		width: 312px; height: 111px;
		-webkit-background-size:312px 111px;
		background-size: 312px 111px;
	}
	#art05{
		margin-top: 25px;
	}
	#art05 .wrapper{
		padding-bottom: 27px;
	}
	#art05 h2{
		background: url("../img/art05_ttl_sp.png");
		width: 312px; height: 45.5px;
		-webkit-background-size:312px 45.5px;
		background-size: 312px 45.5px;
	}
	#art05 h3{
		width: 290px;
		margin: 17px auto 0;
		font-size: 12px;
	}
	#art05 .dlWrap{
		width: 290px;
	}


	#art05 tr th{
		font-size: 12px;
		width: 77px;
		height: auto;
		padding: 0 0;
		vertical-align: middle;
		line-height: 100%;
	}
	#art05 tr td{
		font-size: 12px;
		width: 209px;
		height: auto;
		padding: 0px 0;
		vertical-align: middle;
	}
	#art05 .dlWrap a{
		color: #fda00a;
		text-decoration: underline;
		font-weight: bold;
	}
	#art05 .dlWrap a:hover{
		text-decoration: none;
	}
	footer{
		height: 228.5px;
		background: url("../img/foot_bg_sp.jpg") no-repeat 0 0;
		-webkit-background-size: cover;
		background-size: cover;
		margin-top: -44px;
	}
	footer div{
		padding-top: 73px;
		overflow: hidden;
		width: 312px;
		margin: 0 auto;
	}
	footer .prizeLogo{margin-left: 49px;}
	footer .minkujiLogo{margin-right: 60px;}
	footer .prizeLogo a{
		font-size: 0;
		display: block;
		background: url("../img/prise_logo_sp.png");
		width: 81px; height: 39px;
		-webkit-background-size:81px 39px;
		background-size: 81px 39px;
	}
	footer .minkujiLogo a{
		font-size: 0;
		display: block;
		background: url("../img/minkuji_logo_sp.png");
		width: 43px; height: 43px;
		-webkit-background-size:43px 43px;
		background-size: 43px 43px;
	}

	/*
	footer .footerLogo{
		background: url("../img/footer_logo_sp.png");
		width: 312px; height: 43.5px;
		-webkit-background-size:312px 43.5px;
		background-size: 312px 43.5px;
	}
	footer .copy{
		font-size: 10px;
		text-align: center;
		padding-top: 22px;
	}
	*/
}
#art03 .fr .text{
	text-align: left;
}



/* media queries - pc */
@media screen and (min-width: 769px) {
	.pcHide{display: none;}
	}

/* animation */
@keyframes flash { 0% { opacity: 0.1; } 100% { opacity: 1; } }

/* end */