@charset "UTF-8";

h1 img {
	width:100%;
}

@media screen and (max-width: 768px) { 
h1 img {
	width:100%;
	height:70vw;
	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:#fff;
	color:#FFF;
}
#content .bargain {
	padding:0 0 90px;
}
#content h2 {
	margin-bottom:30px;
}

#content section#sec01 {
	width:800px;
	margin:0 auto 30px;
}
#content section#sec02 {
	width:100%;
	background:url(../img/bg01.png) top center / cover;
}






#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 0px 30px;}
#content .bargain {padding:0 20px 30px; margin:0 auto;}

#content section#sec01 {
	width:90%;
}
}

footer {
	text-align:center;
	padding:30px 0;
	background:#fff;
	color:#333;
}
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 50px;
}
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;
}
}*/