@charset "utf-8";

#main-contents .announcer .ttl-h {
	background: url(../../../img/ttl_a.png) no-repeat center bottom / 118px auto;
}
#main-contents .article .ttl-h .woman {
	width:80px;
	left:255px;
	top:35px;
}
#main-contents .article .ttl-h .ray {
	width:40px;
	right:290px;
	top:45px;
}
.blog .new-blog, .ann-bloglist .new-blog {
  display: inline-block;
  padding: 4px 7px;
  border-radius: 2px;
  background: #d70c19;
  color: #fff;
  font-size: 12px;
}

/* bnr */
#main-contents .bnr ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
#main-contents .bnr li {
  width: 49.2%;
  margin: 0 1.5% 1.5% 0;
  border-radius: 4px;
  overflow: hidden;
}
#main-contents .bnr li:nth-child(2n) {
  margin-right: 0;
}

/* channel */
#main-contents article.channel {
	margin-top:70px;
}
#main-contents .channel .ttl-h {
	background:url(../../../img/ttl_c.png) no-repeat center top / 113px auto;
}
#main-contents .channel .ttl-h .star_orange1 {
	width:23px;
	left:210px;
	top:68px;
}
#main-contents .channel .ttl-h .star_orange2 {
	width:23px;
	left:240px;
	top:40px;
}
#main-contents .channel .ttl-h .channel {
	width:90px;
	left:250px;
	top:60px;
}
#main-contents .channel .ttl-h .staff {
	width:80px;
	right:245px;
	bottom:-13px;
}
#main-contents .channel .common-block-inner {
	padding:45px 40px 25px;
}
#main-contents .channel .common-block-inner ul li {
	float:left;
	width:calc(33.3% - 17px);
	margin: 0 25px 20px 0;
}
#main-contents .channel .common-block-inner ul li:nth-child(3n) {
	margin-right:0;
}
#main-contents .channel .common-block-inner ul li a {
	display:block;
	padding:20px 0;
	border-radius:4px;
	background:#d70c19;
	color:#fff;
	text-align:center;
}


@media all and (max-width: 812px) {
  #main-contents .announcer .ttl-h {
    background:url(../../../img/ttl_a.png) no-repeat center 10px / auto 100%;
  }
  #main-contents .article .ttl-h .woman {
    width:50px;
    left:-8px;
    top:52px;
  }
  #main-contents .article .ttl-h .ray {
    width:28px;
    right:0;
    top:30px;
  }

  /* bnr */
  #main-contents .bnr ul {
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  #main-contents .bnr li {
    width: 100%;
    margin: 0 0 10px 0;
  }


  /* channel */
  #main-contents article.channel {
    margin-top:60px;
  }
  #main-contents .channel .ttl-h {
    background:url(../../../img/ttl_c.png) no-repeat center 10px / auto 100%;
  }
  #main-contents .channel .ttl-h .star_orange1 {
    width:20px;
    left:-5px;
    top:65px;
  }
  #main-contents .channel .ttl-h .star_orange2 {
    width:20px;
    left:18px;
    top:40px;
  }
  #main-contents .channel .ttl-h .channel {
    width:70px;
    left:3px;
    top:70px;
  }
  #main-contents .channel .ttl-h .staff {
    width:60px;
    right:0;
    bottom:-10px;
  }
  #main-contents .common-block {
    padding-bottom: 0;
  }
  #main-contents .channel .common-block-inner {
    padding:8% 5% 5%;
  }

  #main-contents .channel .common-block-inner ul li,
  #main-contents .channel .common-block-inner ul li:nth-child(3n) {
    float:none;
    width:100%;
    margin:0 0 3% 0;
  }
}


















































@media all and (max-width: 812px) {
.common-block-inner {
	padding:45px 15px;
}	
}