@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

a, 
button, 
.c-btn,
.p-article a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05) !important; 
}

/* グローバルメニューの調整 */
.c-gnav > .menu-item > a .ttl {
  font-size: 15px;
	font-weight: bold
}

/* パンくずリストの文字を大きくする */
.p-breadcrumb__list {
   font-size: 14px !important;
}

/* 記事下部のカテゴリを非表示にする */
.p-articleMetas .c-catList,
.p-articleFoot {
    display: none !important;
}

/* 固定記事のカテゴリを非表示にする
.p-articleMetas__termList  {
    display: none !important;
}
*/


/* タイトルを縦中央構えにする */
.c-pageTitle__inner {
    display: flex !important;
		align-items: baseline !important;
    padding-top: 0em !important;
}

/* TOP以外のページタイトル下の余白調整 */
.l-mainContent__inner>.post_content {
    margin-top: 3em !important;
}

/* ヘッダーのシャドウ */
[data-scrolled=true] .l-fixHeader[data-ready] {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}
	
/* メインビジュアル下の余白を狭く */
.top #content {
	padding-top: 0em
}

/* メインビジュアルを角丸に 
.p-mainVisual__slide {
	border-radius: 12px !important;
}
*/

.-type-simple .p-postList__link {
    padding: 1em !important;
}

.-type-simple .p-postList__link:hover {
	background-color: rgba(255, 114, 152, 0.05) !important;
}

/* タレント詳細ページの最上部にあるアイキャッチ画像を非表示にする */
.single-talent_list .p-articleThumb {
    display: none !important;
}

/* タレント詳細ページのタイトル部分に出る日付を非表示にする */
.single-talent_list .c-postTitle__date {
    display: none !important;
}


/* グループ詳細ページのタイトル部分に出る日付を非表示にする */
.single-group_list .c-postTitle__date {
    display: none !important;
}

/* 「もっと見る」ボタン全体の見た目をカスタム */
.is-style-more_btn a.btn_text {
    background-color: #ff7298 !important;
    color: #fff !important;
    border: 1px solid #ff7298 !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    padding: 12px 36px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* ボタンにマウスを乗せたとき（ホバー時）の変化 */
.is-style-more_btn a.btn_text:hover {
    background-color: #fff !important;
    color: #ff7298 !important;
}


/* 記事一覧のアイキャッチ画像ホバー時にピンクのグラデーションにする */
.p-postList__link:hover .p-postList__thumb::before {
    background: linear-gradient(45deg, #ffa5a5, #ff7979) !important;
}

/* メインビジュアルの最大幅を1600pxにする */
.p-mainVisual {
    max-width: 1620px;
    margin-left: auto;
    margin-right: auto;
}


/* カード型リストのサムネイルを無理やり縦長（3:4）にする */
.talent-3col .p-postList.-type-card .c-postThumb {
    padding-top: 133.33% !important; /* 16:9の枠を3:4（4÷3×100）に上書き */
}

.talent-3col .p-postList.-type-card .c-postThumb__figure {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
　　/* 元の16:9の余白をリセット */
}

.talent-3col .p-postList.-type-card .c-postThumb__figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
　　/* どんな比率の画像でも縦長3:4に綺麗に収める */
}


/* 記事一覧カードの上下の余白を調整 */
.p-postList .p-postList__item {
    margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
    .p-postList .p-postList__item {
        margin-bottom: 8px;
}
	
	
/* 記事一覧のカテゴリーバッジからフォルダアイコンを消す */
}
.icon-folder::before {
	display: none !important;
}



/* 【タレント一覧】PC・スマホどちらも強制的に3列にする */
.talent-3col .p-postList.-type-card {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 8px 8px !important; /* タレント同士の隙間 */
}

/* カード1枚ずつの横幅を列幅いっぱいに広げる */
.talent-3col .p-postList__item {
    width: 100% !important;
    max-width: 100% !important;
}


/* 【スマホ用設定】画面幅が767px以下のときだけ3列に上書き */
@media screen and (max-width: 767px) {
    .talent-3col .p-postList.-type-card {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 4px 4px !important;
    }
}


/* 【タレント / グループ一覧】 
カードのテキストをセンターに寄せる
*/

.talent-3col .p-postList__body {
    text-align: center;
}


/* 【タレント/グループ一覧】 
カードのテキストをセンターに寄せる
*/

.group-3col .p-postList__body {
    text-align: center;
}