@charset "utf-8";
/* CSS Document */

#heading {
  padding-bottom: 0;
  margin-bottom: 100px;
  background-color: #f5f5f5;
}
#heading ul.breadcrumb {
  padding: 10px 0;
  margin-bottom: 0;
}
.contentIn {
  /* max-width: 860px; */
  max-width: 960px;
}

/*** ヘディング ***/
div.category-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 90px 0;
}

div.category-heading-contents {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #0052A5;
}

div.category-heading-ttl {
  font-size: 72px;
}

div.category-heading-ruby {
  font-size: 21px;
  border-bottom: 2px solid;
  padding-bottom: 0.5em;
  margin-left: 1em;
  margin-bottom: -1em;
}
/*** ヘディング ***/

h2.style01 {
  position: relative;
  padding: 0 0 0.5em 0.25em;
  margin-bottom: 60px;
  border-bottom: solid 1px #bdd9ff;
}
h2.style01::after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 4px #5e91c6;
  bottom: -2px;
  left: 0;
  width: 50px;
}
.announcer ul.clearfix {
  display: flex;
  flex-wrap: wrap;
}
.list ul li.picarea {
  width: 22%;
  margin: 0 4% 4% 0;
  position: relative;
}
.list .personality ul li {
	background: #e6f5cb;
}
.list ul li:nth-child(4n+4) {
	margin-right: 0%;
}
.list ul li span.new {
  position: absolute;
  top: 0;
  left: 0;
  background: #ff0000;
  color: #fff;
  border-radius: 10px 0 0 0;
  padding: 0.25em 0.5em;
}
.list ul li img {
	display: block;
  border-radius: 10px;
}
.list ul li .name-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 15px 0;
}
.list ul li p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list ul li p.cat {
	font-size: 1.4rem;
	line-height: 30px;
	color: #fff;
	padding: 0 5% 0 19%;
}
.list ul li p.name {
	font-size: 1.6rem;
	font-weight: bold;
  color: #09529e;
}
.list ul li p.name span {
	display: block;
	font-size: 1.2rem;
}
.list ul li div.blog-instagram-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list ul li p.blog {
	font-size: 1.3rem;
	margin: 0 0.5em 0 0;
	line-height: 30px;
}
.list ul li p.blog img,
.list ul li p.acount_instagram img {
  border-radius: 0;
  width: 30px;
  height: auto;
}

/*** 2018/08/30 メディア戦略部　加藤　公式アカウント（instagram）対応 ***/
.list ul li p.acount_instagram {
	font-size: 1.3rem;
	line-height: 30px;
}
.list ul li p.blog a,
.list ul li p.acount_instagram a {
	display: block;
	/* padding: 0 5% 0 19%; */
  padding: 0;
	color: #000;
}
/*** ここまで ***/

.list .announcer ul li p.cat {
	background: url(../img/common/icon_tv01.png) no-repeat center left 7%, #2EB8DD;
}
.personality {
	margin: 60px 0;
}
.list .personality ul li p.cat {
	background: url(../img/common/icon_radio01.png) no-repeat center left 7%, #8CC91F;
}

.anaBlogBanner {
	background: none;
	height: 100%;
}

.anaBlogBanner a {
	height: 100%;
	display: block;
	background: url(../img/announcer/bnr_announcer_blog_225x420.png) no-repeat center center;
	background-size: cover;
	text-indent:110%; white-space:nowrap; overflow:hidden; /* text hidden set */
	box-sizing: border-box;
	border: solid 2px #0052A5;
}


/* ==============================
*  プロフィールページ
============================== */
.announcer.announcerProfile {
	margin-top: 0;
	margin-bottom: 40px;
	margin-right: 320px;
	/*background: #eee;*/
	padding: 20px;
	border-radius: 15px;
	border: solid 3px #eee;
}
.announcer.announcerProfile ul li {
	width: 27%;
	margin-right: 3%;
	border: solid 3px #fff;
}
.announcer.announcerProfile .picareaImg {
  margin: 0 0 30px;
}
.announcer .announcerProfileText {
	float: left;
	font-size: 1.1em;
	width: 69%;
}
.announcer .announcerProfileText h6 {
	color: #fff;
	background: #0052A5;
	display: inline-block;
	border-radius: 15px;
	font-weight: bold;
	padding: 2px 10px;
	margin-bottom: 10px;
}
.announcer.personality .announcerProfileText h6 {
	background: #8CC91F;
}
.announcer .announcerProfileText p {
	margin-bottom: 10px;
}
.announcer .announcerProfileText a {
	color: #0052A5;
}

@media screen and (max-width : 899px) {
  body {
    min-width: auto;
  }
  #div-gpt-ad-1627601907778-0 {
    display: none;
  }
  #heading {
    height: 35px;
    margin-bottom: 50px;
  }
  #heading ul.breadcrumb {
    margin: 0;
  }
  .contentIn {
    padding: 0 15px;
  }
  .clearfix:after {
    content: none;
  }

  /*** ヘディング ***/
  div.category-heading {
    padding: 15px 0 30px;
  }

  div.category-heading-contents {
    display: block;
    text-align: center;
  }

  div.category-heading-ttl {
    font-size: 48px;
  }

  div.category-heading-ruby {
    font-size: 16px;
    border-bottom: 2px solid;
    padding-bottom: 0.25em;
    margin-left: 0;
    margin-bottom: 0;
    display: inline-block;
  }
  /*** ヘディング ***/

  h2.style01 {
    margin-bottom: 6vw;
    border-bottom: solid 2px #bdd9ff;
    font-size: 4.5vw;
  }
  h2.style01::after {
    border-bottom: solid 5px #5e91c6;
    bottom: -3px;
  }
  div.announcer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .list ul li.picarea {
    width: 47%;
    margin: 0 6% 6% 0;
    text-align: center;
  }
  .list ul li img {
    margin: auto;
  }
  .list ul li:nth-child(2n+2) {
    margin-right: 0%;
  }
  .list ul li .name-link {
    display: block;
    margin: 0.5em 0.5em 0;
  }
  .list ul li p.name {
  	font-size: 1rem;
    margin: 0;
  }
  .list ul li p.name span {
  	font-size: 0.5rem;
    letter-spacing: 1px;
    padding-left: 1px;
  }
  .list ul li div.blog-instagram-wrap {
    display: flex;
    justify-content: center;
    margin: 0.5em 0 0;
  }
  .list ul li p.blog img,
  .list ul li p.acount_instagram img {
    border-radius: 0;
    width: 6vw;
    height: auto;
  }

  .announcer.announcerProfile .picareaImg {
    margin: 0 0 4vw;
  }
}