@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
*/

/* カテゴリー名が "カテゴリー1" の場合の色設定 */
.cat-experience {
    color: #FF0000; /* 赤色 */
}








/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 20251128追加 */
/* ここから大学カード部分 */
.grad-card-v{
  max-width: 680px;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 6px 20px rgba(10,20,50,0.06);
  border: 1px solid rgba(0,0,0,0.04);
  margin: 20px auto;
  font-family: "Noto Sans JP", system-ui, -apple-system;
  --accent: #4261EE;
}

/* ヘッダー */
.grad-card-v .gcv-header{
  display:flex;
  gap:12px;
  align-items:flex-start; /* バッジと文字を上揃え */
}

/* メタ */
.gcv-meta{
  display:flex;
  flex-direction:column;
  flex:1; /* これで左側いっぱいに伸びる */
  min-width:0;
}

/* 1.大学名 */
.gcv-univ{
	  font-weight:700;
	  font-size:18px;
	  color:#222;
	  line-height: 1.5;      /* 行の高さを詰める */
}
/* 2.研究科・専攻名 */
.gcv-facmaj{
	color:#333;
	font-size:13px;
	margin-top:0px;
	line-height: 1.2;      /* 行の高さを詰める */
	border-bottom: 2px solid #4261EE; /* 文字幅いっぱいに線 */
    padding-bottom: 4px;
    margin-bottom: 4px;
    box-sizing: border-box; /* パディング分も含める */ 
}

/* 3.偏差値バッジ */
.gcv-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 12px; /* 上下の余白を詰め、左右は少し広め */
    border-radius: 12px;
    min-width: 60px; /* 横長に見せるための最小幅 */
    height: auto;
    color: #fff;
}

.gcv-badge-label {
    font-size: 0.6em; /* 「偏差値」を小さめに */
    line-height: 1;
}

.gcv-badge-number {
    font-size: 1.2em; /* 数字を大きめに */
    font-weight: bold;
    line-height: 1;
}

/* 4.1偏差値バー */
.gcv-vertical{
  flex: 1;
  position:relative;
  width:12px;
  height:160px;
  background: rgba(0,0,0,0.06);
  border-radius:8px;
}


/* 4.2偏差値の丸 */
.gcv-hen-dot{
  position:absolute;
  left:50%;
  transform:translate(-50%,-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  border:3px solid var(--accent);
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  top: var(--hensachi-pos);
}


/* 4.3偏差値の灰色丸 */
.gcv-center-mark{
  position:absolute;
  left:50%;
  transform: translate(-50%, -50%); /* 横も縦も中央 */
  width:18px;
  height:18px;
  border-radius:50%;
  background:#222;
  opacity:0.12;
  top:50%;
}


/* 4.4偏差値のスケール */
.gcv-stats-and-scale{
  display:flex;
  gap:0px;
}
.gcv-stats{ flex:1; }

.gcv-scale{
  width:60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.gcv-scale-label{ font-size:12px; color:#666; }




/* 5.メッセージ */
.gcv-msg1{
  margin:0;
  font-weight:600;
  line-height: 1.4;        /* 行間を調整 */
}
.gcv-msg2{
  margin:0;
  font-weight:600;
}
.gcv-msg1::before,
.gcv-msg2::before {
    content: "\f00c";       /* FontAwesome のチェックマーク */
    font-family: "Font Awesome 6 Free"; /* 使用するFontAwesomeのファミリ */
    font-weight: 900;       /* Free の Solid アイコンは900 */
    margin-right: 6px;      /* アイコンとテキストの間隔 */
    color: '#4261EE'
}


/* 6.表 */
.gcv-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center !important;; /* 中央揃え */
}

.gcv-table td {
    padding: 6px 8px;
    border: 1px solid #ddd;
    vertical-align: middle !important;;
}

.gcv-header-row td {
    background-color: #f2f2f2; /* 薄い灰色 */
    color: #222;
    font-weight: 600;
}
.gcv-subtext {
    font-size: 10px;   /* 小さめに */
    color: #555;       /* 見やすい濃さに調整 */
    display: inline-block; /* 文字の高さ制御 */
}
.gcv-num {
    font-size: 16px;    /* 数字は大きく */
    font-weight: 600;   /* 見やすく */
}





/* 7.1下のボタン（応募or解答リンク） */
/* =========================================
   ▼ ボタンの共通基礎スタイル（全ボタン共通）
========================================= */
.gcv-main-btn{
    display: inline-flex;
    flex-direction: column; /* 2行対応 */
    justify-content: center;
    align-items: center;
	
    flex:1; /* 左いっぱいに広げる */
	height: 48px;  /* ← 大きさ統一はココ！ */
    padding:10px 16px;

    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    line-height: 1.1;
}

/* -------------------------------------
   ▼ 過去問がある場合（青ボタン）
------------------------------------- */
.gcv-main-btn.has-answer {
    background: #2A4FFF;
    color: #fff;
    border: 1px solid rgba(0,0,0,0.06);
}

/* -------------------------------------
   ▼ リクエスト状態（黄色ボタン）
------------------------------------- */
.gcv-main-btn.no-link {
    background-color: #F7D13D;
    color: #222;
    border: 1px solid #ED9235;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.gcv-main-btn.no-link:hover {
    background-color: #ED9235;
}

/* クリック後 */
.gcv-main-btn.no-link.completed {
    background-color: #ED9235;
    color: #222;
}

/* -------------------------------------
   ▼ ボタン内部の2行テキスト
------------------------------------- */
.gcv-main-btn .gcv-btn-top {
    font-size: 0.72rem;
    opacity: 0.95;
    display: block;
    margin: 0;
    padding: 0;
}

.gcv-main-btn .gcv-btn-main {
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    margin-top: 2px;
}




/* 虫眼鏡ボタン全体 */
.gcv-search-btn{
    display:flex;
    align-items:center;
    gap:6px;             /* アイコンと文字の間隔 */
    padding:8px 12px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.06);
    font-size:13px;
    color:#222;
    text-decoration:none;
}

/* テキスト */
.gcv-search-text{
    font-size:13px;
}


/* 8.フットノート */
.gcv-btn-note {
	margin-top:8px;
    font-size: 0.6em; /* 小さい文字 */
    color: #666;      /* 薄めのグレー */
    line-height: 1.2;
}



/* body */
.gcv-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:12px;
}


.gcv-tick{
  position:absolute;
  left:20px;
  font-size:12px;
  color:#888;
}
.gcv-tick.top{ top:0px; }
.gcv-tick.mid{ top:50%; transform:translateY(-50%); }
.gcv-tick.bot{ bottom:0px; }



/* footer */
.gcv-footer{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
}
.gcv-detail-btn{
  padding:8px 12px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,0.06);
  font-size:14px;
  color:var(--accent);
  text-decoration:none;
}



/* ポップアップ */
gcv-modal {
    display: none; /* 初期非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* 背景暗転 */
    z-index: 9999; /* 他要素より前面に */
    justify-content: center;
    align-items: center;
}

.gcv-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px;
    width: 90%;
    max-height: 90%;
    overflow: auto;
    position: relative;
}

.gcv-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}



/* ===============================
   院試スペックカード（exam_spec）
   =============================== */
.exam-spec-card {
    border: 1px solid #ddd;
    border-radius: 12px;                   /* 角丸 */
    padding: 15px;
    margin: 15px 0;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* 影 */
    font-family: sans-serif;
}


/* カード全体を相対位置に */
.exam-spec-card {
    position: relative;  
    border: 1px solid #ddd;
    border-radius: 12px;                   
    padding: 15px;
    margin: 15px 0;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15); 
    font-family: sans-serif;
}

/* 右上バッジ */
.esc-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 12px;
    background-color: #f0f0f0; /* バッジ背景色 */
    text-align: center;
}

/* 年度ラベル（上段） */
.esc-badge-label {
    font-size: 0.6em;
    line-height: 1;
    color: #555;
}

/* 合否（下段） */
.esc-badge-result {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    margin-top: 2px;
}

/* 合否色分け（文字色） */
.esc-badge-result.合格 {
    color: #dc3545; /* 赤 */
}
.esc-badge-result.不合格 {
    color: #0073ff; /* 青 */
}

/* ヘッダー（大学名・研究科） */
.esc-header {
    margin-bottom: 8px;
}
.esc-title {
	  font-weight:700;
	  font-size:18px;
	  color:#222;
	  line-height: 1.5;      /* 行の高さを詰める */
}
.esc-subtitle {
	color:#333;
	font-size:13px;
	margin-top:0px;
	line-height: 1.2;      /* 行の高さを詰める */
    padding-bottom: 4px;
    margin-bottom: 4px;
    box-sizing: border-box; /* パディング分も含める */ 
}



/* 区切り線 */
.esc-divider {
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #0055ff 0%, #1a1a1a 100%);
  border-radius: 2px;
  margin: 4px 0 8px;
}

/* 出身大学をボックスにする */
.esc-from-univ-box {
    text-align: center;               /* 中央揃え */
    background-color: #0C2783;        /* 青 */
	color: #ffffff;
    border-radius: 2px;              /* 角丸 */
    padding: 2px 12px;                /* 上下左右の余白 */
    margin-bottom: 12px;              /* 下に余白 */
    font-weight: 600;                 /* 少し太め */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 軽い影で浮かせる */
}

/* TOEIC/GPA 表 */
.esc-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
	table-layout: fixed; /* 固定幅にして均等に */
}
.esc-table th, .esc-table td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: center;
    font-size: 14px;
	width: 50%; /* 列を均等に */
}

/* Font Awesomeを使った箇条書き */
.esc-messages {
    list-style: none !important;       /* デフォルトの黒丸は消す */
    padding-left: 0;
    margin-top: 8px;
}

.esc-messages li {
    position: relative;
    padding-left: 24px;    /* アイコン分の余白 */
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
}

/* Font Awesome アイコンをリストマーカーに */
.esc-messages li::before {
    content: "\f00c";      /* 例: fa-check (チェックマーク) */
    font-family: "Font Awesome 6 Free"; /* または "Font Awesome 6 Free" */
    font-weight: 900;       /* Solidアイコン用 */
    position: absolute;
    left: 0;
    top: 0;
    color: #0055ff;        /* アイコン色 */
    font-size: 14px;
}


































/* /////////////////// */
/* =========================
   院試 商品ページ（無印風）
========================= */
/* =====================
   商品コンテナ
===================== */
.gs-product {
  display: flex;
  gap: 40px;
  max-width: 1000px;
  margin: 40px auto;
  padding: 0 16px;
}

/* ===== ギャラリー ===== */
.gs-gallery {
  display: flex;
  gap: 12px;
  flex: 1;
}

.gs-thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gs-thumbs img {
  width: 60px;
  cursor: pointer;
  border: 1px solid #ddd;
  opacity: 0.6;
}

.gs-thumbs img.active {
  border-color: #000;
  opacity: 1;
}

.gs-main img {
  width: 100%;
  max-width: 420px;
  border-radius: 4px;
}

/* ===== 情報エリア（★最重要） ===== */
.gs-info {
  flex: 1;

  /* ↓ ここが決定打 */
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  text-align: left !important;
}

/* gs-info 配下をすべて左寄せ */
.gs-info * {
  text-align: left !important;
}

/* ===== タイトル ===== */
.gs-title {
  font-size: 22px;
  margin-bottom: 24px;
}

/* ===== セクション ===== */
.gs-section {
  margin-bottom: 20px;
  width: 100%;
}

.gs-label {
  font-size: 13px;
  color: #666;
  margin-bottom: 6px;
}

/* ===== ボタン群 ===== */
.gs-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gs-options button {
  border: 1px solid #ccc;
  background: #fff;
  padding: 6px 12px;
  font-size: 13px;
  cursor: pointer;
}

.gs-options button.active {
  border-color: #000;
  background: #f5f5f5;
  font-weight: 600;
}

/* ===== 価格（★ここも左固定） ===== */
.gs-price {
  font-size: 20px;
  font-weight: 600;
  margin: 4px 0 20px; /* ← 下だけ余白を増やす */
}

.gs-price-unit {
  font-size: 13px;   /* ← 単位を小さく */
  font-weight: 400;
  margin-left: 3px;  /* 数字との余白 */
  color: #666;       /* 少し薄くすると上品 */
}

/* ===== 購入ボタン ===== */
.gs-buy-wrap {
  display: flex;
  gap: 12px;
}

.gs-buy-btn {
  background: #3c3c43;
  color: #fff;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
}

/* ===== スマホ ===== */
@media (max-width: 768px) {
  .gs-product {
    flex-direction: column;
  }

  .gs-gallery {
    flex-direction: column;
  }

  .gs-thumbs {
    flex-direction: row;
    order: 2;
  }

  .gs-main {
    order: 1;
  }

  .gs-thumbs img {
    width: 70px;
  }
}


















/* //////////////////////////////////////////////////////////////////////////////////// */
/* page-id-1630 だけヘッダー・フッター・サイドバー非表示 */
.page-id-1630 header,
.page-id-1630 footer,
.page-id-1630 #sidebar {
  display: none;
}

/* infoBar と パンくずリストを非表示 */
.page-id-1630 .c-infoBar,
.page-id-1630 #breadcrumb,
.page-id-1630 .p-breadcrumb {
  display: none !important;
}

/* =========================================
  大学院 解答リクエストフォーム
========================================= */
/* =========================================
  大学院 解答リクエストフォーム
========================================= */

.grad-request-form {
	max-width: 420px;
	margin: 40px auto;
	padding: 24px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fafafa;
	box-sizing: border-box;
}

.grad-request-form .gr-form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.grad-request-form label {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	margin-bottom: 0;
}

.gr-label {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 2px 6px;
	border-radius: 3px;
	margin-bottom: 4px;
	width: fit-content;
}

.gr-label.required { background-color: #e74c3c; }
.gr-label.optional { background-color: #3498db; }

.grad-request-form select,
.grad-request-form input,
.grad-request-form textarea {
	width: 100%;
	padding: 12px;
	margin-bottom: 6px;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.grad-request-form textarea {
	resize: vertical;
}

.grad-request-form button {
	width: 100%;
	padding: 12px;
	font-size: 15px;
	font-weight: bold;
	background: #0073aa;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.grad-request-form button:hover {
	opacity: 0.85;
}

.gr-note {
	font-size: 12px;
	color: #666;
	text-align: center;
	margin-top: 12px;
	line-height: 1.6;
}

.gr-desc {
	font-size: 14px;
	color: #555;
	margin-bottom: 12px;
	line-height: 1.5;
}

/* レスポンシブ */
@media (max-width: 480px) {
	.grad-request-form {
		padding: 16px;
		margin: 20px;
	}
	.grad-request-form button {
		font-size: 14px;
		padding: 10px;
	}
}