@charset "UTF-8";

header {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
}
h1 img {
	width:100%;
}

@media screen and (max-width: 768px) { 
header img { width:70%;}
h1 img {
	width:100%;
	height:100vw;
	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%);}
}*/

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

#content {
	margin:0 auto;
	padding:0px 0 0px;
	text-align:center;
	background:#66A23E;
	color:#000;
}
nav#gnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}
#content .bargain {
	padding:0 0 90px;
}
#content .mvBtmCopy {
	 font-size:2.6rem; 
	 padding:2em 0;
	 color:#005D2D;
}
#content h2 {
	margin-bottom:0px;
}
#content section {
	width:100%;
	margin:0 auto 0px;
	padding:2em 0;
}
#content section#sec01 {
	margin-top:-10rem;
	/*background:#EDE78A;*/
}
#content section#sec04 img {
	width: 1000px;
}
#sideNav ul {
	position:fixed;
	right:20px;
	top:20px;
	z-index:9999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
#sideNav ul li {
	margin-bottom: 10px;
}
#pageTop {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
}
#pageTop a {
	color: #999;
	font-size:3.4rem;
	text-decoration:none;
}

@media screen and (max-width: 768px) { 
#content {
	padding:0px 0px;
}
#content .mvBtmCopy {
	 font-size:1.8rem; 
	 margin-bottom:0em;
}
#content section {
	width:100%;
	margin:0 auto 0px;
}
#content section img {
	/*width:95%;*/
}
#sideNav ul li {
	width: 60%;
}
}

p.ftrTxt1 {
	font-size:1.6rem;
	text-align:center;
	padding:3em 1em;
	color:#fff;
}
footer {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
	font-size:1.2rem;
}
footer a {
	color:#fff;
	font-size:1.6rem;
}
footer ul.sns {
	display:flex; 
	justify-content:center; 
	gap:20px; 
	margin:30px 0;
}
footer p {
	color:#FFF; 
	font-style:normal; 
}

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

.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;
}
}*/