@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: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%);}
}*/

@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:#fff;
	color:#000;
}
#content .mvBtmCopy {
	 font-size:2.6rem; 
	 padding:2em 0;
	 color:#005D2D;
}
#content .date {
	 font-size:7.8rem; 
	 /*padding:2em 0;*/
	 color:#005D2D;
	 font-weight:bold;
	 letter-spacing:0.03em;
}
#content .date span {
	 font-size:5.4rem; 
	 font-weight:bold;
}
#content dl.place {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 width: 100%;
	 padding-bottom:7em;
	 align-items: center;
	 color:#005D2D;
}
#content dl.place dt {
	width:10%;
	background:#005D2D;
	color:#fff;
	font-size:2.0rem;
	padding:0.5em;
}
#content dl.place dd {
	width:35%;
	font-size:3.0rem;
	padding:0.5em;
}
ul#gnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}
#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 10px;
}
#content .mvBtmCopy {
	 font-size:1.8rem; 
	 margin-bottom:0em;
}
#content .date {
	 font-size:3.9rem; 
}
#content .date span {
	 font-size:2.7rem; 
}
#content dl.place dt {
	width:20%;
	font-size:1.5rem;
}
#content dl.place dd {
	width:70%;
	font-size:2.0rem;
}
ul#gnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
}
ul#gnav li {
	width:43%;
}
}

p.ftrTxt1 {
	font-size:1.6rem;
	text-align:center;
	padding:3em 1em;
}
footer {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
	font-size:1.2rem;
}
footer a {
	color:#fff;
}
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;
}
}*/