@charset "utf-8";
/* CSS Document */
/* top_slider */
body {
  /*
  background-image: url("/jp/charagumin/image/top/cgm_bg.png");
  background-repeat: repeat;
  background-attachment: fixed;
  */
}
#wrapper {
  background: #fff;
  overflow: hidden;
}
.slick-slide img {
  width: 900px;
}
.slick-slider {
  background: #d6f2ff;
}
.slick-dots {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.slick-dots button {
  position: relative;
  text-indent: -9999px;
}
.slick-dots li button:before{
  content: ''!important;
  height:100%!important;
  width: 100%!important;
}
.slick-dots li{
  width: 170px!important;
  height: 86px!important;
  margin: 0!important;
}
.slick-dots li button{
  width:100%!important;
  height:100%!important;
}
.slick-dots{
  bottom: initial!important;
}
.slick-dots > li > button {
  border: none;
}
.slick-dots > .slick-active {
  opacity: 0.6;
}
/* MAIN */
.txt_color.topic_title {
  font-size: 200%;
  font-family: 'Noto Serif JP', serif;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  float:inherit;
  margin: 0 0 5px;
}
.txt_color span:nth-child(1) {
  color: #009f40;
}
.txt_color span:nth-child(2) {
  color: #f61276;
}
.txt_color span:nth-child(3) {
  color: #070707;
}
.txt_color span:nth-child(4) {
  color: #00a7f4;
}
.txt_color span:nth-child(5) {
  color: #ffbc2e;
}
.txt_color span:nth-child(6) {
  color: #070707;
}
.txt_color span:nth-child(7) {
  color: #00a0e9;
}
.txt_color span:nth-child(8) {
  color: #0b0b0b;
}
.txt_color span:nth-child(9) {
  color: #930985;
}
.txt_color span:nth-child(10) {
  color: #009a6e;
}
.txt_color span:nth-child(10) {
  color: #009a6e;
}
.topnavi {
  display: flex;
  align-items: baseline;
  padding: 10px 0 0;
}
.topics_container {
  display: flex;
  gap: 10px;
}
.topics_left {
  flex: 1 1 auto;
  border: 1px solid #b6b5b5;
  border-radius: 10px;
  padding: 15px 20px 10px;
}
.topics {
  width: 100%;
  border: none;
  display: flex;
  align-items: baseline;
  padding: 10px 0;
}
.topics + .topics {
  border-top: 1px dotted #999;
}
.topics_right {
  flex-basis: 205px;
}
.web_link {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.out_box {
  border: 1px solid #3399c9;
  border-radius: 10px;
  padding: 15px 10px 10px;
  text-align: center;
}
.out_box div {
  width: 175px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 5px;
}
.out_box p {
  font-size: 10px;
}
.new {
  margin-left: 1em;
}
.after_txt {
  padding-top: 10px;
}
.after_txt + .after_txt {
  border-top: 1px dotted #999;
}
/*TOPICS*/
.topics dd img.itmpic {
  width: 70px;
  margin: 5px;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.news_thum {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: none;
  overflow: visible;
}
dl.news_thum {
  border-bottom: none;
  overflow: hidden;
}
.news_thum dt {
  display: none;
}
.news_thum dd.topics_thum {
  flex: 0 1 calc(100% / 5 - 10px);
  margin: 5px;
}
.news_thum dd.topics_thum.col_4 {
  flex: 0 1 calc(100% / 4 - 10px);
}
.news_thum dd.topics_thum:hover {
  opacity: 0.6;
}
img.thum_img {
  width: 100%;
}
.topics dl:not(:last-of-type) {
  border-bottom: 1px dotted #999!important;
}
.topm .topbn a {
  display: inline-block;
  position: relative;
}
.topm .topbn a.newIc:after {
  content: "";
  background: url(/jp/charagumin/image/top/main/t_thum_New.png) no-repeat;
  width: 46px;
  height: 16px;
  position: absolute;
  bottom: 22px;
  right: 3px;
  z-index: 100;
}
.topm .topbn .t_thum img {
  width: 75px;
  height: 75px;
}
.blogs--hr {
  padding: 10px;
  margin: 0 0 10px;
  border:none;
  border-bottom: 1px dotted #ccc;
}
.blogs--img {
  width: 100%;
}
/*水着祭り*/
#eveLineup {
  margin: 20px auto;
  background: #D7F1FF;
}
#eveLineup dt {}
#eveLineup dd {
  text-align: center;
  padding: 10px 0;
}
#eveLineup dd > a {
  display: inline-block;
  position: relative;
  overflow: visible;
}
#eveLineup dd img.itmpic {
  display: inline-block;
  border: 1px solid #fff;
  margin: 5px;
  width: 80px;
}
#eveLineup a:hover > img.itmpic {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  transition: all .1s; /* Animation Effect */
  border-color: #24a9f6;
  box-shadow: 0 6px 3px -3px rgba(50, 50, 50, 0.4);
}