/*
Theme Name: acalino-child
Template: acalino
*/


/*  */

.f_info {
      display: flex;
      float: none;
      max-width: fit-content;
      padding-left: 80px;
}

.f_info dl {
  display: flex;
  align-items: center;
}

.f_info dt {
  padding: 0 40px;
  justify-items: center;
  border-right: none;
  width: auto;
}

.f_info h3 {
  margin-bottom: 8px;
}

.f_info h4 {
    padding-top: 16px;
}

/*  fotter   */


.f_info02 {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.f_info02_left {
    display: flex;
    flex-direction: row;
    padding-right: 72px;
    max-width: none;
}

.f_info02_left h3 {
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Icon_Title {
    font-size: 9px;
    padding-top: 24px;
    text-align: center;
}

/* 🌸 SNSアイコン全体の共通スタイル */
.footer-sns a i,
.f_info02_left h3 a i {
  background-color: #fff6f9;
  border-radius: 50%;
  padding: 10px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-shadow: 0 3px 6px rgba(255, 128, 170, 0.25);
  font-size: 18px;
}

/* 🖤 Xアイコン（暗めでクール可愛い） */
.footer-sns a .fa-x-twitter,
.f_info02_left h3 a .fa-x-twitter {
  background-color: #222;  /* ダークグレー背景 */
  color: #fff;  /* 白いX */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.footer-sns a .fa-x-twitter:hover,
.f_info02_left h3 a .fa-x-twitter:hover {
  background-color: #000; /* ホバー時は真っ黒に */
  transform: translateY(-2px) scale(1.1);
}

/* 🌈 インスタアイコンをInstagram公式っぽいグラデに */
.f_info02_left h3 a .fa-instagram,
.footer-sns a .fa-instagram {
  background: radial-gradient(circle at 30% 107%, 
    #fdf497 0%, 
    #fdf497 5%, 
    #fd5949 45%, 
    #d6249f 60%, 
    #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  transition: all 0.3s ease;
}

.f_info02_left h3 a .fa-instagram:hover,
.footer-sns a .fa-instagram:hover {
  transform: scale(1.1);
  filter: brightness(1.2);
}

.footer-sns a .fa-instagram:hover,
.f_info02_left h3 a .fa-instagram:hover {
  background-color: #ffbcd0;
  color: white;
  transform: translateY(-2px) scale(1.1);
}

/* 図鑑のアイコンを白に */
.f_info02_left h3:nth-child(3) i,
.f_info02_left h3:nth-child(4) i {
  color: #fff !important;
}


.f_info02_left h3 a {
  border: none;
  padding-top: 8px;
}

.f_info02_left h3 a:hover {
    background: none; 
}


/* TALENT CATEGORY */

.talent_cat_wrap h2 {
    margin-bottom: 32px;
}


.talent_cat_in {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/* ハンバーガーメニュー  */

.header02 {
    border-top: none;
}


.h_sns {
display: none 
}


/*  HEADER LOGO   */

.header_logo {
  display: none;
}


/*  TOP WOMEN MEN fontsize  */

.top_main_left_text {
  width: 32%;
  top: 50%;
  left: 16%;
}

.top_main_right_text  {
  width: 20%;
  top: 50%;
  right: 24%;
}


/* 女性・男性　下画像リンク */


.top03 {
  /* background: linear-gradient(to right, rgba(202,128,128,0.4), rgba(35,86,117,0.4)); */
background: linear-gradient(
 135deg,
  rgba(202,128,128,0.4) 0%,
  rgba(220,170,170,0.3) 35%,
  rgba(180,190,200,0.3) 65%,
  rgba(35,86,117,0.4) 100%
 ); 
  /* ↓グラデの強さを少しやわらげたい場合はこれを追加 */
  color: #fff; /* 文字がある場合は白にすると映える */
  transition: background 0.5s ease, filter 0.5s ease;
}

 .top03_bnr a img:hover {
  filter: brightness(0.85) contrast(1.05) saturate(0.9);
} 


/* NEWS */

.sec_title01 span {
  color: #333;
  border-bottom: solid 1px #235675;
}


/* CONTACT */

.entry-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact01_box {
    width: 100%;
    padding: 40px;
}

.contact01_in {
  margin: 64px 0;
}


  /* タレント詳細 */

  .about01_in dd br {
    display: none;
  }


@media screen and (max-width: 768px) {

  /* Header Menu */

  .header_logo {
    display: none;
  }

  .header02.fixed {
    transition: none;
    background: none;
    box-shadow: none;
    height: auto;
 }

 .header02 {
    transition: none;
    height: auto;
 }


  /* footer　あかりの情報 */

  .f_info {
    padding-left: 0;
    width: 100%;
  }

  .f_info dt {
    padding-left: 0;
    padding-right: 16px;
  }

  .f_info dt:nth-of-type(3) {
   padding-right: 0;
  }


  /* Footer */

  .footer_in {
    display: flex;
    flex-direction: column;
  }

  .f_info02 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }

  .f_info02_left {
    padding-right: 0;
  }

  .f_info02_left h3 a {
    width: auto;
    height: auto;
  }

  .f_info02_left h3 {
    margin-right: 0;
  }

  .Icon_Title {
    padding-top: 16px;
  }

  .f_copy {
    text-align: center;
    padding-top: 40px;
  }

}



@media screen and (max-width: 480px) {

  /*  top画像  */
    /* .top_main_left,
    .top_main_right {
      height: 80vh;
    } */

    .top_main_left_text {
      top: 45%;
      left: 8%;
      /* width: 56%; */
    }

    .top_main_right_text {
      top: inherit;
      bottom: 40%;
      right: 8%;
      /* width: 36%; */
    }

  /* footer　あかりの情報　 */

      .f_info dt {
        padding-right: 0;
        width: 88%;
    }

    .f_info dt:nth-of-type(2) {
      padding-bottom: 8px;
    }

    .f_info dt:nth-of-type(3) {
        padding: 32px 0;
        border-bottom: none;
    }


  /* footer X Instagram アイコン */

  .top03{
    background: linear-gradient(
  to bottom,
  rgba(202,128,128,0.4) 0%,
  rgba(220,170,170,0.3) 35%,
  rgba(180,190,200,0.3) 65%,
  rgba(35,86,117,0.4) 100%
   );
  }

  .f_info02 {
   max-width: none;
   flex-direction: column-reverse;
  }

  .f_info02_left {
    display: flex !important;
    flex-wrap: wrap !important; /* 折り返しON */
    justify-content: center !important; /* 中央寄せ */
    gap: 8px; /* 間隔調整 */
    width: 88%; /* ← max-widthを撤廃して画面幅いっぱいに */
    margin: 0 auto;
    padding-top: 32px;
  }

  .f_info02_left h3 {
    flex: 0 0 calc(50% - 16px); /* ← 2列にする */
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .f_info02_left h3 i {
    margin-bottom: 4px;
    font-size: 20px;
  }

  .f_info02_right {
    max-width: none;
    width: auto;
  }

      .f_copy {
        text-align: center;
        padding: 24px 0;
    }

    /*  footer */

  .f_info dl {
    flex-direction: column;
  }

  .f_info dt {
    border-bottom: solid .5px #66666642;
    padding-bottom: 40px;
  }

  .Zukan {
    width: 72%;
  }

  .f_info p {
    text-align: left;
  }


  /* タレント詳細 */

  .about01_in dl {
    display: flex;
  }

  .about01_in dt {
    width: 40%;
  }

  .about01_in dd br {
    display: none;
  }

  /* タレントカテゴリー */

  .talent_cat_in {
    flex-direction: column;
  }

    /* Header Menu */

  .header02.fixed {
    transition: none;
    background: none;
    box-shadow: none;
    height: auto;
 }

 .header02 {
    transition: none;
    height: auto;
    background: none;
    box-shadow: none;
 }


}