/*	lower_header
============================== */
div.lower_header h1 span {
	background-image: url(../img/intro_h2.png);
}
@media all and (min-width: 768px) {
	div.lower_header h1 span {
		width: 400px;
	}
}
/*	img
============================== */
@media all and (min-width: 768px) {
	div.intro_img {
		background-image:url(../img/intro.jpg);
		width: 960px;
		background-position:  center;
		border-radius: 10px 10px 0 0;
		height: 1355px;
		margin: 0 -110px 60px;
		text-indent: 999%;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media all and (max-width: 767px) {
	div.intro_img {
		background-image: url(../img/intro_smp.jpg);
		background-position: center;
		margin-bottom: 10px;
		background-size:cover;
		height:0;
		padding-top: 192.21875%;
		position: relative;
		margin: -15px -15px 20px;
		border-radius: 10px 10px 0 0;
		text-indent: 999%;
		white-space: nowrap;
		overflow: hidden;
	}
	div.intro_img span {
		height:100%;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		text-indent: 110%;
		overflow: hidden;
		white-space: nowrap;
	}
}
/*	end
============================== */
@media all and (min-width: 768px) {
	div.end {
		background-image:url(../img/intro_end.png);
		width: 960px;
		background-position:  center;
		border-radius: 10px;
		height: 325px;
		margin: -10px -110px 30px;
		text-indent: 999%;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media all and (max-width: 767px) {
	div.end {
		background-image: url(../img/intro_endsmp.png);
		margin-bottom: 10px;
		background-size:cover;
		height:0;
		padding-top: 78.911458%;
		position: relative;
		margin: -15px -15px 20px;
		border-radius: 10px;
		text-indent: 999%;
		white-space: nowrap;
		overflow: hidden;
	}
	div.end span {
		height:100%;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		text-indent: 110%;
		overflow: hidden;
		white-space: nowrap;
	}
}
/*	link
============================== */
div.link ul {
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

div.link ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

div.link ul li:before {
  content: "\f138";
  position: absolute;
  left : 1em;
  color: skyblue;
}
@media all and (min-width: 768px) {
	div.link ul li {
		font-size: 17px;
		padding-left: 10px;
	}
}

/* banner_area
============================== */
div.banner_area div.inner ul li a {
	display: block;
	white-space: nowrap; overflow: hidden; text-indent: 110%;
	background-size: 100%;
	box-shadow:5px 5px 5px 5px hsla(209, 97%, 30%, 0.2);
}
div.banner_area div.inner ul li.paravi a,
div.banner_area div.inner ul li.comment a {
	margin-right: 38px;
}
div.banner_area div.inner ul li.paravi a.lazy_done,
div.banner_area div.inner ul li.interview a.lazy_done,
div.banner_area div.inner ul li.comment a.lazy_done,
div.banner_area div.inner ul li.extra a.lazy_done {
	-webkit-animation: zoomInDown 700ms;
	animation: zoomInDown 700ms;
}

@media all and (min-width: 768px) {
	div.banner_area {
		margin-bottom: 50px;
		margin: 0 -50px;
	}
	div.banner_area div.inner {
		width: 980px;
		margin: 0 auto;
	}
	div.banner_area div.inner ul li.l_banner a {
		width: 470px;
		height: 165px;
		float: left;
		border-radius: 20px;
		margin-bottom: 30px;
	}
	div.banner_area div.inner ul li.s_banner a {
		width: 213px;
		height: 165px;
		float: left;
		border-radius: 20px;
		margin-bottom: 30px;
	}
	/*
	div.banner_area div.inner ul li.interview a {
		margin: 0 auto;
		float: none;
	}
	*/
}
@media all and (max-width: 767px) {
	div.banner_area div.inner {
		margin: 0 5%;
	}
	div.banner_area div.inner ul li.l_banner a {
		width: 100%;
		border-radius: 10px;
		margin-bottom: 15px;
		transition: opacity 0.3s ease 0s;
		background-size:100%;
		height:0;
		padding-top:35.1063829787234%;
		position: relative;
	}
	div.banner_area div.inner ul li.s_banner a {
		width: 100%;
		border-radius: 10px;
		margin-bottom: 15px;
		transition: opacity 0.3s ease 0s;
		background-size:100%;
		height:0;
		padding-top:77.4647887323944%;
		position: relative;
	}
	div.banner_area div.inner ul li a span {
		height:100%;
		position:absolute;
		left:0;
		top:0;
		width:100%;
	}
}
div.banner_area div.inner {
	background: none;
}