@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:0px 0 0px;
	text-align:center;
	background:#35A40B;
	color:#000;
}
#content .bargain {
	padding:0 0 90px;
}
#content .mvBtmCopy {
	 font-size:2.7rem; 
	 padding:2em 0;
	 color:#fff;
}
#content h2 {
	margin-bottom:0px;
}
#content section {
	width:100%;
	margin:0 auto 0px;
}
#content section#sec01 {
	background:url(../img/tea-bg01.png) center repeat;
}
#content section#sec02 {
	background:url(../img/tea-bg02.png) center repeat;
}
#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 10px 30px;*/
}
#content .mvBtmCopy {
	 font-size:1.8rem; 
	 margin-bottom:0em;
}
#content section {
	width:100%;
	margin:0 auto 0px;
}
#content h2 img {
	width:95%;
}
}

footer {
	text-align:center;
	padding:30px 0;
	background:#35A40B;
	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 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:15px 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;
}
}*/

