/*youtube*/
#youtube iframe{
position: relative;
display: block;
margin: 0 auto;
/*max-width: 420px;*/
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

/* campaign */
#camp{
	position: relative;
	width: 100%;
	max-width:1280px;
	margin: 0 auto;
}
#camp img{
	width: 100%;
	max-width:1280px;
	height: auto;
}
#camp a{
	display: block;
	background: #fff;
	color:#CB7461;
	border: 1px solid #CB7461;
	position: relative;
	width:100%;
	padding: 0.5em 1em;
	text-decoration: none;
	font-weight: 900;
	font-size: 2em;
	text-align: center;
	margin-top: 0;
}

#camp a:hover{
	background:#CB7461;
	color:#fff;
	border: 1px solid #fff;
}

/*youtube*/
#youtube {
  background: #000; }

#youtube .youtube {
  display: block;
  width: 100%;
  max-width: 640px;
margin: 0;}

iframe.youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; }



#kv {
  opacity: 0;
  margin-top: 30px;
  transition: all 1s; }

#kv.kvDisp {
  opacity: 1;
  margin-top: 0; }




/*NEWS*/
#news {
  margin: 1em 0;
  display: flex;
  flex-wrap: wrap; }

#kv {
  width: 30%; }

#kv img {
  width: 100%; }

#news section {
  width: 70%; }
#news ul{
	height: 12em;
	overflow-y: scroll;
	line-height: 2em;
}
#news section time {
  font-style: italic; 
	display: inline-block;
	width:6em;
}
#news a:link{
	color:#CB7461;
}
#news a:visited{
	color:#999;
}

#about{
    padding:4em 1em 0; 
    font-size: 1.6rem;
    color: #333;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    line-height: 1.8;
}
#about h1{
}
#about h2{
    font-size: 1.2em;
    color:#6AA2D1;
    text-decoration: underline;
    text-underline-offset:8px;
    margin: 0.5em 0;
}


/*footer*/
#about2 {
  position: relative;
  padding: 1em;
  background: #eee;
  color: #333;
  font-size: 0.6em; }



#about2 dt {
  margin-top: 1em;
  padding: 0em 1em;
  line-height: 2em;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  background: #333; }

#about2 h1 {
  border-bottom: 1px solid #333; }

#about2 figure {
  display: block;
  position: absolute;
  right: 0;
  top: 5em;
  width: 30%;
  max-width: 200px;
  text-align: center; }




@media screen and (min-width: 780px) {
	#camp a{
	display: block;
	background: #fff;
	color:#CB7461;
	border: 1px solid #CB7461;
	position: absolute;
	bottom: -1em;
	right:1em;
	padding: 0.5em 1em;
	text-decoration: none;
	font-weight: 900;
	font-size: 2em;
		width: auto;
}

#news ul{
	height: 22em;
	}
}