@charset "UTF-8";

h1 img {
	width:100%;
}

/*@media screen and (max-width: 768px) { 
h1 img {
	width:100%;
	height:61vw;
	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:#FEC6D3;*/
	background:#44AF35 url(../img/bg01.png) no-repeat top center / 100%;
}

#content .bargain {
	padding:0 0 70px;
}

#content .youtube {
  /*max-width: 100%;*/
  /*aspect-ratio: 16 / 9;*/
}
#content .youtube iframe {
  max-width: 100%;
  /*height: 100%;*/
}

@media screen and (max-width: 768px) { 
#content {padding:30px 0 30px;}
#content .bargain {padding:0 0 30px; margin:0 auto; width:90%;}
#content .youtube iframe {width:90%; height: 50vw;}
}

footer {
	text-align:center;
	padding:30px 0;
	background:#44AF35;
	color:#fff;
}

footer p {
	font-size:1.5rem;
}

@media screen and (max-width: 768px) { 
footer {padding:0px 10px 30px;}
footer p {font-size:1.0rem;}
}

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;
}
}