/* spn */
@media (max-width: 769px){
	header{
	display: block;
	background-image:url("../images/main_img.png");
	background-size: cover;
	background-position: center;
	max-width: 100%;
	height: 650px;
	position: relative;
}

header h1 {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* award */

header .awards{
  width: 100%;
  background:rgba(255,255,255,0.5);
  height: 30%;
  position: absolute;
  top: 70%;
  left: 0%;
}

.awards_box{
	margin: 0 auto;
	padding: 1.0em;
	text-align: center;
	width: 85%;
}

.awards_box ul:after {
	content: "",
	clear:both;
	display: block;
}

.awards_box li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width: 50%;
}


/* comment */
#comment img{
	max-width: 100%;
	height: auto;
}

.comment_desc {
	width: 90%;
    margin: 0 auto;
	padding: 2em;
  	background-color: #eee;
 }
.clear {
  clear: both;
}

#comment .author{
  font-weight: bold;
  text-align: right;
}

.staff_box{
	margin-bottom: 10%;
}
.staff_img p{
	font-size: 80%;
}

}


/* tab */
@media (max-width: 1020px) and (min-width: 768px) {
header{
	display: block;
	background-image:url("../images/koge_kv.jpg");
	background-size: cover;
	background-position: center;
	max-width: 100%;
	height: 672px;
	position: relative;
}
header h1 {
	position: absolute;
	top: 45%;
	left: 60%;
}

/* awards */

header .awards{
  width: 100%;
  background:rgba(255,255,255,0.5);
  height: 20%;
  position: absolute;
  top: 80%;
  left: 0%;
}

.awards_box{
	margin: 0 auto;
	padding: 1.5em;
	text-align: center;
	width: 80%;
}

.awards_box ul:after {
	content: "",
	clear:both;
	display: block;
}

.awards_box li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width: 25%;
}

/*comment*/
#comment{
  max-width: 90%;
  margin: 0 auto 20%;
}

#comment .comment_img img{
  width: 100%;
}
#comment .comment_desc{
  padding: 2em;
  background-color: #eee;
  width: 80%;
  float: right;
}
.clear {
  clear: both;
}

#comment .author{
  font-weight: bold;
  text-align: right;
}

p.desc{
	width: 80%;
	margin: 0 auto;
}
.staff_box{
	margin-bottom: 10%;
}

}

/* pc */
@media (min-width: 1021px) {
header{
	display: block;
	background-image:url("../images/koge_kv.jpg");
	background-size: cover;
	background-position: center;
	max-width: 100%;
	height: 672px;
	position: relative;
}
header h1 {
	position: absolute;
	top: 45%;
	left: 60%;
}

header .awards{
  width: 100%;
  background:rgba(255,255,255,0.5);
  height: 20%;
  position: absolute;
  top: 80%;
  left: 0%;
}

.awards_box{
	width: 55%;
	margin: 0 auto;
	padding: 1.5em;
	text-align: center;
}

.awards_box ul:after {
	content: "",
	clear:both;
	display: block;
}

.awards_box li {
	display: block;
	float: left;
	list-style-type: none;
	text-align: center;
	width: 25%;
}

.container{
	width: 1080px;
	margin: 0 auto;
}

.sp_br{
	display: none;
	margin-right: 2em;
}

#news ul{
	text-align: center;
}

#yokoku{
	width: 626px;
}
p.desc{
	width: 626px;
	margin: 0 auto;
}

/*comment*/
#comment{
  max-width: 90%;
  margin: 0 auto 20%;
}

#comment .comment_img{
  float: left;
  width: 44%;
}
#comment .comment_img img{
  width: 100%;
}
#comment .comment_desc{
  width: 55%;
  float: left;
  padding: 7em 2em 1em;
  background-color: #eee;
}
.clear {
  clear: both;
}

#comment .author{
  font-weight: bold;
  text-align: right;
}

#cast{
	width: 87%;
}

.cast_img img,.cast_img_r img{
	width: 44%;
}

.staff_img img {
    width: 100%;
}


.cast_img p{
	position: absolute;
	top:80%;
	left: 40%;
	background: #fff;
	width: 60%;
	text-align: center;
	padding: 0.5em;
}

.cast_img_r p{
	position: absolute;
	top:80%;
	left: 0;
	background: #fff;
	width: 60%;
	text-align: center;
	padding: 0.5em;
}
.staff_box{
	position: relative;
	clear: both;
}

.staff_img{
	float: left;
	position: relative;
}

.staff_prof{
	float: left;
	width: 55%;
}


.staff_img p{
	position: absolute;
    top: 10%;
    left: 90%;
    background: #fff;
    width: 600px;
    text-align: center;
    padding: 0.5em;
}

#staff .staff_text{
	box-sizing: border-box;
	padding: 1em 2em;
	margin: 70px 0 70px 0;
}

.staff_list_box{
	width: 626px;
	margin:0 auto 10%;
	text-align: center;
}

footer .footer_contain{
	background: url("../images/img_background_pc.png") no-repeat ;
	background-size: cover;
	max-width: 100%;
	height: 373px;
}
}