@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/* ===== RC-LAYOUT START (recruitgroup-style) ===== */
:root{
  --rc-navy:#1b3a4b; --rc-navy-d:#142c39;
  --rc-gold:#ffe34d; --rc-green:#06c755; --rc-green-d:#029740;
}
/* Hero (home_header) */
.rc-hero{padding:10px 0 6px;}
.rc-hero__title{font-size:1.75rem;line-height:1.75;font-weight:800;margin:0 0 20px;}
.rc-marker{background:linear-gradient(transparent 58%, var(--rc-gold) 58%);padding:0 .12em;}
.rc-hero__lead{font-size:1rem;line-height:2;color:#333;margin:0 0 14px;}
.rc-linebox{margin-top:22px;text-align:center;}
.rc-linebox__catch{font-weight:700;margin:0!important;color:#333;}
.rc-linebtn{display:inline-flex;align-items:center;gap:.5em;justify-content:center;
  background:var(--rc-green);color:#fff!important;font-weight:800;font-size:1.15rem;
  padding:15px 34px;border-radius:4px;text-decoration:none;box-shadow:0 8px 0 var(--rc-green-d);
  transition:transform .1s, box-shadow .1s;}
.rc-linebtn:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--rc-green-d);color:#fff!important;}
.rc-linebtn__ico{background:#fff;color:var(--rc-green);font-weight:900;font-size:.72em;
  padding:2px 7px;border-radius:6px;}
.rc-linebtn--block{display:flex;width:100%;}
/* Section bar */
.rc-secbar{position:relative;background:#0649b5;color:#fff;font-size:1.45rem;font-weight:700;margin:6px 0 30px;padding:.72em 1em;}
.rc-secbar::before{position:absolute;display:block;pointer-events:none;content:"";top:-4px;left:0;width:100%;height:calc(100% + 4px);box-sizing:content-box;border-top:solid 2px #0649b5;border-bottom:solid 2px #0649b5;}
/* Post cards: 3 columns on desktop */
@media (min-width:768px){
  .catpost-cards.catpost-cards--column-2{grid-template-columns:repeat(3,1fr)!important;}
}
.c_linkto{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .12s, box-shadow .12s;height:100%;}
.c_linkto:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.12);}
.c_linkto_text{padding:12px 14px 14px;}
.pubdate.sng-link-time{color:#8a8a8a;font-size:.8rem;}
/* Sidebar widget titles -> navy bar */
.sidebar .widgettitle,.sidebar .widget-title,.sidebar h4.title,.sidebar1 .widgettitle,.sidebar1 .widget-title,.sidebar1 h4.title{
  background:#0649b5!important;color:#fff!important;font-size:1rem;font-weight:800;
  padding:11px 15px!important;border-radius:4px;border:none!important;margin-bottom:14px;}
/* Profile card */
.rc-profile{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.rc-profile__cover{height:120px;background:linear-gradient(135deg,#cfe0e8,#eef3f4);}
.rc-profile__head{display:flex;align-items:flex-end;gap:10px;padding:0 16px;margin-top:-26px;}
.rc-profile__avatar{width:54px;height:54px;border-radius:50%;background:#f3c6c6;border:3px solid #fff;display:block;flex:0 0 auto;}
.rc-profile__name{font-weight:800;padding-bottom:4px;}
.rc-profile__bio{font-size:.85rem;line-height:1.9;color:#555;padding:12px 16px 0;margin:0;}
.rc-profile__btn{display:block;text-align:center;background:var(--rc-gold);color:#333!important;font-weight:800;
  text-decoration:none;margin:14px 16px 16px;padding:12px;border-radius:8px;}
/* Sidebar LINE box */
.rc-lineside{text-align:center;padding:2px 0 6px;}
.rc-lineside__catch{font-weight:700;font-size:.9rem;margin:0!important;color:#333;}
@media (max-width:767px){ .rc-hero__title{font-size:1.35rem;line-height:1.7;} }
/* Header -> white base with navy text (recruitgroup-style) */
header.header{background:#fff!important;border-top:3px solid #0649b5;
  border-bottom:1px solid #ececec;box-shadow:0 1px 5px rgba(0,0,0,.05);}
header.header .header-logo__link,header.header .desktop-nav a,header.header a,
header.header .header-search,header.header .fa,header.header .fas{color:var(--rc-navy)!important;}
header.header .desktop-nav a:hover{color:#0649b5!important;}
/* Retint SANGO default blue (#009EF3) -> navy for palette cohesion */
:root{--sgb-main-color:#1b3a4b;--sgb-widget-title-color:#1b3a4b;--wp--preset--color--sango-blue:#1b3a4b;}
.cat-name,.catpost-cards .cat-name{background:var(--rc-navy)!important;}
.searchform__submit,.wp-block-search__button,.header-search__modal .searchform__submit{background:var(--rc-navy)!important;border-color:var(--rc-navy)!important;color:#fff!important;}
/* main (left column) -> white panel */
#main{background:#fff;padding:24px;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.05);}
@media (max-width:767px){ #main{padding:16px;border-radius:8px;} }
/* 角丸なし（スクエア） */
#main,.c_linkto,.c_linkto_img_wrap,.c_linkto_img_wrap img,
.rc-secbar,.rc-secbar::before,.rc-profile,.rc-profile__cover,.rc-profile__btn,
.rc-linebtn__ico,
.sidebar1 .widgettitle,.sidebar1 .widget-title,.sidebar1 h4.title,
.searchform__submit,.wp-block-search__button,.wp-block-search__input,.searchform__input{border-radius:0!important;}
/* カラム間の余白 */
@media (min-width:768px){
  #inner-content.wrap{column-gap:32px;}
  #main{min-width:0;}
}
.sidebar1 .widget{border-radius:0!important;}
.rc-profile__avatar{border-radius:50%!important;}
/* サイト全体フォント（游ゴシック系） */
body,input,button,select,textarea,
h1,h2,h3,h4,h5,h6,.dfont,.header-logo,.rc-hero__title,.rc-secbar,.entry-content{
  font-family:"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif !important;
}
/* フッター（参考サイト風・白背景・中央メニュー） */
.footer{background:#fdfdfd!important;color:#333!important;padding:38px 20px 42px;}
.footer .footer-menu__btn{display:none!important;}
.footer .footer-menu{background:transparent!important;padding:0!important;}
.footer .privacy-policy-link{display:none!important;}
.footer nav{display:block!important;width:100%!important;text-align:center;}
.footer .footer-links{display:block!important;width:100%!important;text-align:center;float:none!important;}
.footer-links ul.nav{display:inline-block!important;width:auto!important;list-style:none;padding:0;margin:0 auto 14px;}
.footer-links ul.nav li{display:inline-block!important;float:none!important;border-left:1px solid #d5d5d5;line-height:1;vertical-align:middle;margin:4px 0;}
.footer-links ul.nav li:last-child{border-right:1px solid #d5d5d5;}
.footer-links ul.nav li a{display:inline-block!important;width:auto!important;padding:2px 16px!important;font-size:13px!important;color:#333!important;text-decoration:none;}
.footer-links ul.nav li a:hover{color:#0649b5!important;}
.footer .copyright{text-align:center;color:#8a8a8a!important;font-size:12px;margin:6px 0 0;}
/* 吹き出しの色バリエーション（[say col="..."]） */
.say[class*="say-"] .sc{background:var(--fk-bg)!important;border-color:var(--fk-bd)!important;}
.say[class*="say-"]:not(.right) .sc:after{border-right-color:var(--fk-bg)!important;}
.say[class*="say-"]:not(.right) .sc:before{border-right-color:var(--fk-bd)!important;}
.say[class*="say-"].right .sc:after{border-left-color:var(--fk-bg)!important;}
.say[class*="say-"].right .sc:before{border-left-color:var(--fk-bd)!important;}
/* 記事本文の見出し装飾（参考記事風） */
.entry-content h2{position:relative;background:#0649b5;color:#fff!important;font-size:1.45em;font-weight:700;line-height:1.5;margin:2.6em 0 1.2em;padding:.7em 1em;border:none;border-radius:0;}
.entry-content h2::before{content:"";position:absolute;display:block;pointer-events:none;top:-4px;left:0;width:100%;height:calc(100% + 4px);box-sizing:content-box;border-top:solid 2px #0649b5;border-bottom:solid 2px #0649b5;}
.entry-content h2::after{content:none!important;}
/* ヘッダーロゴ画像（テキスト非表示・サイズ調整） */
.header-logo__link{font-size:0!important;line-height:0!important;}
.header-logo__img{width:250px!important;height:auto!important;max-width:250px!important;max-height:none!important;vertical-align:middle;object-fit:contain;}
/* 追尾サイドバーの見出し・ブロックウィジェット見出しも #0649b5 */
.fixed-sidebar .widgettitle,
.fixed-sidebar .widget_block .wp-block-group>h2,
.sidebar .widget_block .wp-block-group>h2,
.fixed-sidebar .widget-title{background:#0649b5!important;color:#fff!important;font-size:1rem!important;font-weight:800!important;padding:11px 15px!important;margin:0 0 14px!important;border:none!important;border-radius:0!important;line-height:1.4!important;}
/* プロフィール背景（カバー）非表示＋アバター位置調整 */
.my_profile .profile-background{display:none!important;}
.my_profile .yourprofile .profile-img{margin-top:24px!important;}
/* ボックス内リストの上下余白を詰める */
.sng-box > .wp-block-list:first-child,.sng-box > ul:first-child,.sng-box > ol:first-child{margin-top:0!important;}
.sng-box > .wp-block-list:last-child,.sng-box > ul:last-child,.sng-box > ol:last-child{margin-bottom:0!important;}
/* ロゴをナビと垂直中央に揃える */
.inner-header{align-items:center!important;}
.header-logo{display:flex!important;align-items:center!important;}
.header-logo__link{display:inline-flex!important;align-items:center!important;}
/* SP時はロゴ幅200px */
@media (max-width:768px){
  .header-logo__img{width:180px!important;max-width:180px!important;}
}
/* LINEアイコンを画像に置き換え */
.rc-linebtn__ico{
  font-size:0!important;
  width:35px!important;height:35px!important;
  padding:0!important;border-radius:6px!important;
  background:transparent url(https://soft-meadow.com/wp-content/uploads/2026/08/LINE.png) center/contain no-repeat!important;
  flex:0 0 auto;
}
/* LINEボックスの配置（左中右） */
.rc-linebox--left{text-align:left!important;}
.rc-linebox--center{text-align:center!important;}
.rc-linebox--right{text-align:right!important;}
/* 著者ボックスをサイト風（白基調・角なし・青アクセント） */
.author-info.pastel-bc{background:#fafbfc!important;border:1px solid #e5e8ec!important;border-top:3px solid #0649b5!important;border-radius:0!important;box-shadow:none!important;padding:26px 30px!important;}
.author-info .author_label{color:#0649b5!important;font-weight:700!important;letter-spacing:.02em;}
.author-info .avatar{border:3px solid #fff!important;box-shadow:0 1px 5px rgba(0,0,0,.12)!important;}
.author-info a.Website,.author-info .sns-btns a{color:#0649b5!important;}
/* Websiteの表示テキストをプロフィールに */
.author-info a.Website{font-size:0!important;}
.author-info a.Website::before{font-size:.9rem!important;}
.author-info a.Website::after{content:"プロフィール";font-size:.9rem!important;font-family:inherit!important;}
/* rc-lineside内のpタグ余白を0に */
.rc-lineside p{margin:0!important;}
/* ===== RC-LAYOUT END ===== */