@charset "utf-8";

@import url("common.css");

#main-contents .announcer {
	margin-bottom:70px;
}
#main-contents .announcer .common-block-inner {
	padding:45px 40px 25px;
}
#main-contents .announcer .blog {
	margin-bottom:100px;
}
#main-contents .announcer .blog .inner {
	margin: 0 -20px 30px 0;
}
#main-contents .announcer .blog .block {
  width: 100%;
	background:#f5f2ef;
}
#main-contents .announcer .blog .slick-slide {
  margin-right: 20px;
}
#main-contents .announcer .blog .common-slider .slick-arrow {
	width: 65px;
  top: 28%;
}
#main-contents .announcer .blog .prev {
	left: -40px;
  border-radius: 0 4px 4px 0;
  z-index: 1;
}
#main-contents .announcer .blog .next {
	right: -20px;
  border-radius: 4px 0 0 4px;
}
#main-contents .announcer .blog .ttl-grounp .date {
	color:#d70c19;
}
#main-contents .announcer .blog .ttl-grounp .ttl {
	margin-bottom:0;
	outline:none;
}

/* webcast */
#main-contents .announcer .webcast {
  margin-bottom: 100px;
}
#main-contents .announcer .webcast  .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#main-contents .announcer .webcast li {
  /*width: 48.9%;*/
  width: 700px;
  margin: 0 1.1% 1.1% 0;
  border-radius: 8px;
  overflow: hidden;
}
@media all and (min-width: 812px) {
  #main-contents .announcer .webcast li:nth-child(2n),
  #main-contents .announcer .webcast li:last-child {
    margin-right: 0;
  }
}

/* sns bnr */
#main-contents .announcer .sns-bnr {
  margin-bottom: 100px;
}
#main-contents .announcer .sns-bnr .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#main-contents .announcer .sns-bnr li {
  width: calc(33.3% - 16px);
  margin: 0 8px 16px;
  border-radius: 8px;
  overflow: hidden;
}
#main-contents .announcer .sns-bnr li a {
  height: 80px;
  padding-right: 10px;
  color: #fff;
  font-size: 25px;
}
#main-contents .announcer .sns-bnr li.instagram a {
  background: #ff2490;
}
#main-contents .announcer .sns-bnr li.tiktok a {
  background: #000;
}
#main-contents .announcer .sns-bnr li .icon-sns {
  width: 40px;
  margin-right: 15px;
}


/* ann-member */
#main-contents .announcer .ann-member {
  display: flex;
  flex-wrap: wrap;
}
#main-contents .announcer .ann-member .block {
	position:relative;
	float:left;
	width:calc(33.3% - 20px);
	margin:0 30px 40px 0;
  border-radius:10px;
	border:1px #f5f2ef solid;
	overflow:hidden;
}
#main-contents .announcer .ann-member .announcersblock {
	/*border-radius:10px;
	border:1px #f5f2ef solid;*/
  height: auto !important;
  overflow: hidden;
}
#main-contents .announcer .ann-member .block:nth-child(3n) {
	margin:0 0 40px 0;
}
#main-contents .announcer .ann-member .block .trim {
	padding-top:82.75%;
}
#main-contents .announcer .ann-member .block .trim img {
	width:134%;
	height:auto;
}
#main-contents .announcer .ann-member .block h2 {
	position:relative;
	width:240px;
	margin:-17px auto 10px;
	padding:7px 0;
	border-radius:17px;
	font-size:125%;
	color:#fff;
	text-align:center;
}
#main-contents .announcer .ann-member .block .male {
	background:url(../../img/bg_name_m.jpg) no-repeat center center / 100% 100%;
}
#main-contents .announcer .ann-member .block .female {
	background:url(../../img/bg_name_f.jpg) no-repeat center center / 100% 100%;
}
#main-contents .announcer .ann-member .block .belong {
  margin:-31px auto 10px;
  border-radius:38px;
}
#main-contents .announcer .ann-member .block .belong:after {
  display: block;
  content: "FBSエンタープライズ所属";
  margin-top: 3px;
  font-size: 11px;
}
#main-contents .announcer .ann-member .block .prof {
	padding:0 40px 8px;
}
#main-contents .announcer .ann-member .block .prof li {
	border-bottom:1px #e1d9d2 solid;
  padding:15px 0;
}
#main-contents .announcer .ann-member .block .prof li:last-child {
	border-bottom:0;
}
#main-contents .announcer .ann-member .block .prof li a {
	display:block;
	position:relative;
  outline: none;
}
#main-contents .announcer .ann-member .block .prof li a:after {
	display:block;
	content:"";
	position:absolute;
	right:10px;
	width:5px;
	height:5px;
	border-top:2px solid #d70c19;
	border-right:2px solid #d70c19;
}
#main-contents .announcer .ann-member .block .sns {
	display:inline-block;
	position:absolute;
	top:10px;
	right:10px;
}
#main-contents .announcer .ann-member .block .sns li {
	display:inline-block;
	width:30px;
  margin-left: 3px;
}
#main-contents .announcer .ann-member .block .sns li a {
	display:inline-block;
}


@media all and (max-width: 812px) {
  #main-contents .announcer {
    margin-bottom:70px;
  }
  #main-contents .announcer .common-block {
    padding-bottom: 0;
  }
  #main-contents .announcer .common-block-inner {
    padding:6% 5%;
  }
  #main-contents .announcer .blog .inner {
    margin: 0 -10px 20px 0;
  }
  #main-contents .announcer .blog .slick-slide {
    margin-right: 10px;
  }
  #main-contents .announcer .blog .common-slider .slick-arrow {
    top: 28vw;
    width: 11%;
  }
  #main-contents .announcer .blog .prev {
    left: -5.5%;
    border-radius: 0 4px 4px 0;
  }
  #main-contents .announcer .blog .next {
    right: calc(-5.5% + 10px);
    border-radius: 4px 0 0 4px;
  }
  #main-contents .announcer .blog {
    margin-bottom:70px;
  }

  /* webcast */
  #main-contents .announcer .webcast {
    margin-bottom: 70px;
  }
  #main-contents .announcer .webcast  .flex {
    display: block;
  }
  #main-contents .announcer .webcast li {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 10px;
  }


  /* sns bnr */
  #main-contents .announcer .sns-bnr {
    margin-bottom: 70px;
  }
  #main-contents .announcer .sns-bnr li {
    width: 31%;
    margin: 0 1% 2%;
    border-radius: 4px;
  }
  #main-contents .announcer .sns-bnr li a {
    height: 9vw;
    padding-right: 0;
    font-size: 3vw;
  }
  #main-contents .announcer .sns-bnr li .icon-sns {
    width: 15%;
    margin-right: 5%;
  }


  /* ann-member */  
  #main-contents .announcer .ann-member .block,
  #main-contents .announcer .ann-member .block:nth-child(3n) {
    width:48.5%;
    margin:0 3% 5% 0;
    border-radius:5px;
  }
  #main-contents .announcer .ann-member .block:nth-child(2n) {
    margin:0 0 5% 0;
  }
  #main-contents .announcer .ann-member .block h2 {
    width:80%;
    margin:-12px auto 5px;
    padding:5px 0;
    border-radius:12px;
    font-size:93.7%;
  }
  #main-contents .announcer .ann-member .block .belong {
    margin:-24px auto 3px;
  }
  #main-contents .announcer .ann-member .block .prof {
    padding:0 10% 5px;
  }
  #main-contents .announcer .ann-member .block .prof li {
    padding:12px 5px 12px 0;
    font-size:81.3%;
  }
  #main-contents .announcer .ann-member .block .prof li a span {
    display:inline-block;
    margin:3px 0;
  }
  #main-contents .announcer .ann-member .block .prof li a:after {
    right:2px;
  }
  #main-contents .announcer .ann-member .block .sns {
    top:5px;
    right:5px;
  }
  #main-contents .announcer .ann-member .block .sns li {
    display:block;
    width:25px;
    margin-bottom:5px;
  }	
}



@media all and (max-width: 480px) {
  /* sns bnr */
  #main-contents .announcer .sns-bnr li {
    width: 48%;
  }
  #main-contents .announcer .sns-bnr li a {
    height: 12vw;
    font-size: 4.3vw;
  }
  #main-contents .announcer .sns-bnr li .icon-sns {
    width: 12%;
  }

  /* ann-member */
  #main-contents .announcer .ann-member .block .belong {
    width: 97%;
  }
  #main-contents .announcer .ann-member .block .belong:after {
    content: "FBSｴﾝﾀｰﾌﾟﾗｲｽﾞ所属";
    font-size: 10px;
  }
  #main-contents .announcer .ann-member .block .prof li a:after {
    right:-5px;
  }
}