@charset "UTF-8";

h1 img {
	width:100%;
}

@media screen and (max-width: 768px) { 
h1 img {
	width:100%;
	height:85vw;
	object-fit:cover;
}
}

#pspLogo {
	position:absolute;
	top:20px;
	left:20px;
}

#seibuLogo {
	position:absolute;
	top:20px;
	right:20px;
}

@media screen and (max-width: 768px) { 
#pspLogo {position:absolute; top:10px; left:50%; transform: translateX(-50%);}
/*#pspLogo img { width:70%;}*/
}

@media screen and (max-width: 768px) { 
.pcOnly {display:none;}
}
@media screen and (min-width: 769px) { 
.spOnly {display:none;}
}

#content {
	margin:0 auto;
	padding:70px 0 30px;
	text-align:center;
	background:#000;
	color:#FFF;
}
#content .bargain {
	padding:0 0 90px;
}
#content h2 {
}
#content p.preTxt01 {
	font-size:1.8rem;
}
#content p.preTxt01 span {
	color:#fff23f;
	font-size:1.6rem;
	text-decoration:underline;
}
#content p.preTxt02 {
	font-size:1.6rem;
}
#content ul.preUl {
	padding:0 0 50px 0;
	line-height:1.6;
}
#content ul.preUl li {
	font-size:2.0rem;
	display:inline-block;
	margin:0 20px 0 0;
}
#content ul.preUl li span {
	font-size:2.0rem;
	color:#F00;
}

#content section {
	width:700px;
	margin:0 auto 50px;
}
#content section h3 img {
	width:100%;
}
#content section ul.appQr li {
	display:inline-block;
	margin:0 25px 20px 0;
}
#content section ul.appQr li:last-child {
	margin:0 0px 20px 0;
}
#content section p.appQrTxt01 {
	font-size:1.2rem;
	text-align:left;
	padding:0 0 10px 0;
}
#content section p.appQrTxt02 {
	font-size:1.5rem;
	text-align:left;
}

#content section div.orIcon {
	font-size:2.5rem;
	width:75px;
	height:75px;
	border-radius:50%;
	background:#fff125;
	color:#000;
	line-height:75px;
	display:inline-block;
	margin:20px 0;
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
}
#pageTop a {
	color: #999;
	font-size:2.4rem;
	text-decoration:none;
}

@media screen and (max-width: 768px) { 
#content {padding:30px 20px 30px;}
#content .bargain {padding:0 0 30px; margin:0 auto; width:90%;}
#content ul.preUl li {
	display:block;
}
#content section ul.appQr li {
	display:block;
	margin:0 0 20px 0;
}
#content section ul.appQr li img {
	max-width:70%;
}
#content section {
	width:100%;
}
}

footer {
	text-align:center;
	padding:30px 0;
	background:#000;
	color:#fff;
}
footer p {
	font-size:1.5rem;
}
footer div.ftrBox {
	width:1040px;
	margin:0 auto 30px;
	padding:20px 25px;
	text-align:left;
	/*background:#fff125;*/
	color:#fff125;
	border:1px solid #fff125;
}
footer p.ftrTxt1 {
	font-size:1.5rem;
	color:#fff;
	text-align:left;
	width:1040px;
	margin:0 auto;
}
footer p.ftrTxt2 {
	font-size:1.8rem;
	font-weight:bold;
	/*color:#000;*/
}
footer p.ftrTxt3 {
	font-size:1.5rem;
	/*color:#000;*/
}

@media screen and (max-width: 768px) { 
footer {padding:0px 20px 30px;}
footer p {font-size:1.0rem;}
footer div.ftrBox {
	width:100%;
}
footer p.ftrTxt1 {
	width:100%;
}
}

footer ul {
	margin:20px 0;
}

footer ul li {
	display:inline-block;
	margin-right:20px;
}

footer ul li:last-child {
	margin-right:0px;
}

.fade{
  opacity : 0;
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
}
 
.fade.view{
  opacity: 1;
  transform: translateY(0);
}

/*@media screen and (max-width: 768px) { 
.fade{
  opacity : 1;
}
}*/