@charset "UTF-8";

h1 {

}

h1 img {
	width:100%;
	padding:0;
	margin:0px 0;
}
#pspLogo {
	position:absolute;
	top:20px;
	left:20px;
}
#seibuLogo {
	position:absolute;
	top:20px;
	right:20px;
}

@media screen and (max-width: 768px) { 
h1 img {
	/*height:80vw;*/
	/*object-fit:cover;*/
}
#pspLogo {
	position:absolute; 
	top:10px; 
	left:50%; 
	transform: translateX(-50%);
}
#seibuLogo { 
	display:none;
}
}

#content {
	margin:0 auto;
	padding:0;
	text-align:center;
	/*background:#000;*/
	/*background:url(../img/bg.jpg) top center / 100%;*/
}
#saleBnr {
	margin:0px 0 50px; 
	text-align:center;
}
p#mvCopy {
	color:#000; 
	margin:30px 0 40px; 
	font-size:2.5rem;
	text-align:center;
	font-weight:bold;
}
nav {

}
nav ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
nav ul li {
	margin:30px 30px;
}
nav ul li img {
	max-width:100%;
}
section {
	position:relative;
	padding:50px 0 50px;
}
section ul {
	display:flex;
	justify-content:center;
}
section#sec08 ul {
	display:flex;
	justify-content:center;
	flex-direction:column;
}
section ul li {
	margin:10px 10px 10px;
}
/*section a.btn {
	position: absolute;
	bottom:180px;
	left:50%;
	transform: translateX(-50%);
	background:#5e1f7c;
	padding:14px 110px;
	color:#fff;
	text-decoration:none;
	font-size:1.8rem;
	line-height:1.3;
	border-radius:5px;
}
section a.btn::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg); 
}*/

section#sec01 {
}
section#sec02 {
	background:#F3EFE8;
}
section#sec03 {
}
section#sec04 {
}
section#sec05 {
}
section#sec06 {
	background:url(../img/bg01.png) center / cover;
}
section#sec07 {
}
section#sec08 {
	background:#F3EFE8;
}
section#sec09 {
}
section#sec10 {
	background:#F3EFE8;
}

@media screen and (max-width: 768px) { 
p#mvCopy {
	margin:30px 15px 30px; 
	font-size:1.5rem;
}
nav ul {
	display:flex;
	justify-content:center;
	flex-wrap:nowrap;
}
nav ul li {
	margin:10px 10px 30px;
}
nav ul li img {
	max-width:100%;
}
section {
	position:relative;
	padding:30px 10px 30px;
}
section ul a.btn01 img {
	max-width:80%;
}
}

#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
}
#pageTop a {
	color: #CCC;
	font-size:2.4rem;
	text-decoration:none;
}
footer {
	text-align:center;
	padding:70px 0 30px;
	/*background:linear-gradient(rgba(0,0,0,0),rgba(207,18,27,1));*/
	color:#333;
	/*background: url(../img/footer_bg.png) top center / 100% no-repeat;*/
}
footer p.ftrTxt1 {
	width:1040px;
	margin:0 auto;
	text-align:center;	
	font-size:1.6rem;
}
footer p.ftrTxt2 {
	font-size:2.1rem;
	font-weight:bold;
	color:#fff;
}
footer p.ftrTxt3 {
	font-size:1.8rem;
	color:#fff;
}
footer div.ftrBox {
	width:1040px;
	margin:0 auto 30px;
	padding:20px 25px;
	text-align:center;
	/*background:#1cb7cc;*/
	border:solid 1px #fff;
}

@media screen and (max-width: 768px) { 
footer {padding:20px 10px 30px;}
footer p.ftrTxt1,div.ftrBox p.ftrTxt2,div.ftrBox p.ftrTxt3 {font-size:1.0rem;}
footer p.ftrTxt1 { width:100%;}
footer div.ftrBox { width:100%;}
}

footer ul {
	margin:40px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
footer ul li {
	margin:0 10px;
}

@media screen and (max-width: 768px) { 
.pcOnly {
	display:none;
}
}
@media screen and (min-width: 768px) { 
.spOnly {
	display:none;
}
}

.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) { 
.button-toggle { padding:30px; font-size:18px;}
}
@media screen and (min-width: 768px) { 
.button-toggle { display:none;}
}

.menu,.menu2 { margin:30px auto;}
@media screen and (max-width: 768px) { 
.menu { width:90%;}
.menu2 { display:none;}
}

.menu ul,.menu2 ul {text-align:center; }
.menu ul li,.menu2 ul li { display: inline-block; margin-right:10px; padding-right:10px;}
@media screen and (max-width: 768px) { 
.menu ul li { display: block; padding:5px 10px; background:#FFF; margin-bottom:2px; }
}

.menu ul li a,.menu2 ul li a { font-size:18px; text-decoration:none;}*/
