@charset "UTF-8";

/* イベント、英検への道固有のスタイル */

#sp-header {
	display: none;
}
#sp-footer{
	display: none;
}

.link,
.pdf {
  text-align: right;
  text-decoration: underline;
}
.pdf a {
  text-decoration: underline;
}

.pdf-list {
	margin-top: 1em;
	margin-bottom: 1em;
}

.video-list {
margin-top: 3em;
}
.youtube {
  width: 90%;
  text-align: center;
  margin-bottom: 20px;

  display: block;
  text-align: center;
  /*width: 80%;*/
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  /*padding-bottom: 45%;*/
  padding-bottom: 49%;
  position: relative;

}
.youtube iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}


@media (max-width: 1019px) {

	* {
		font-family: 'Hiragino Kaku Gothic ProN',meiryo,MS PGothic,Arial,sans-serif;
	}


	#header {
		display: none;
	}
	#footer {
		display: none;
	}
	#sp-header {
		display: block;
	}
	#sp-header img {
		float:	left;
		/*width: 100%;*/
	}
	#sp-footer {
		display: block;
	}

	#contents {
		margin-top: 60px;
	}

	.list-contents .msg img {

	}
	#contents-infomedia2 {
		width: 100%;
	}

	#contents-infomedia a.img img, #contents-infomedia2 a.img img {
		max-height: unset;
		max-width: unset;
		width: 100%;
		border: none;
	}

	#contents-infomedia a.img img:hover, #contents-infomedia2 a.img img:hover {
		border: none;
	}

	#contents-infomedia a.img, #contents-infomedia2 a.img {
		max-height: unset;
		max-width: unset;
	}

	#contents-inner {
		width: 100%;
	}
	p.pagetop {
		width: 100%;
	}
	#wrap {
		background: none;
	}
	.page-title-event {
		 background-position-y: 20px;
	}
	div.page-title-event {
		background: url('../topics/sp-pt-event.gif') no-repeat;
		background-size: contain;
		background-position-y: 30px;
	}
	div.page-title-eiken {
		background: url('../topics/sp-pt-eiken.gif') no-repeat;
		background-size: contain;
		background-position-y: 30px;
	}

	.msg img {
		width: 100%!important;
		height: auto!important;
	}

	#sp-footer {
		text-align: center;
	}
	#sp-footer img {
		width: 100%;
	}
	#sp-footer ul {
		width: 100%;
		margin: 0 auto;
	}
	#sp-footer ul li {
		border-bottom: 1px solid #ffa500;
		text-align: left;
		line-height: 1.4;
		padding: 10px;
		background: url('../img/common/li-arrow-right1.png') no-repeat right;
	}
	#sp-footer ul li:first-child {
		border-top: 1px solid #ffa500;
		margin-top: 10px;
	}
	#sp-footer ul li a {
		font-family: 'Hiragino Kaku Gothic ProN',meiryo,MS PGothic,Arial,sans-serif;
		font-size: 16px;
		color: #a02d1f;
		display: block;
	}
	#sp-footer ul li a:hover {
		text-decoration: none;
	}
}

@media (max-width: 480px) {

	div.page-title-event {
		background-position-y: 50px;
	}

}