/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:Aki Saito
Tags:
Version: 0.6.1
*/

/*文字色*/
body,
.global-nav-list>li .global-nav-name{
	color:#3A3A38 !important;
}
/*リンク*/
a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1.5px;
}
a:hover {
	color:#a98e65;
}

/* ロゴ表示を「あきんこ」→「Akinco」に見た目だけ差し替え */
.site-header-logo span{
	display:none;
}
.site-header-logo a{
  position:relative;
  display:inline-block;
}
.site-header-logo a::after{
  content:"Akinco";
  font-family:"Noto Serif JP", serif;
  font-weight:500;
  letter-spacing:0.08em;
  color:#3A3A38;
}
/*サイトヘッダー */
.site-header {
    box-shadow: none;
}
@media (min-width: 992px) {
    .header_scrolled .site-header .global-nav {
        display: block;
		margin: 0.5em 0;
        margin-left: auto;
        margin-right: auto;
    }
}
/*パンクズリスト ボーダー*/
.breadcrumb {
    border-top:none;
    border-bottom:none;
	margin-top:1.5em;
}

/*フッター*/
.site-footer,.footer-nav {
    border: none !important;
}
.site-footer-copyright {
	padding-top:0;
	padding-bottom:10rem;
	color:#8A857E;
}
.nav li a:hover {
  color:#3A3A38;
}

/* =========================
   service-grid
   フッターサービス案内
   区切り線
========================= */
/* PC：縦線 */
@media (min-width: 992px){

  .service-grid .vk_gridColumn_item:not(:last-child){
    position: relative;
  }

  .service-grid .vk_gridColumn_item:not(:last-child)::after{
    content:"";
    position:absolute;

    /* 長さ調整 */
    top:22px;
    bottom:32px;

    right:0;
    width:1px;
    background:#D9D4CB;
  }

}

/* md以下：横線 */
@media (max-width: 991.98px){

  .service-grid .vk_gridColumn_item:not(:last-child){
    position:relative;
  }

  .service-grid .vk_gridColumn_item:not(:last-child)::after{
    content:"";
    position:absolute;

    left:22.5%;
    right:22.5%;

    bottom:0;
    height:1px;
    background:#D9D4CB;
  }

}

/* =========================
   上に戻るボタン
========================= */
.page_top_btn {
	/*ボタンの大きさ*/
	width: 45px;
	height: 45px;
	/*ボーダーの種類と色*/
	border: solid #fff;
	/*ボタンの背景色*/
	background:#6f6a63;
	/*ボタンの丸み*/
	border-radius: 10%;
	/*ボタンの中の画像（デフォルトのもの）*/
	background-image: var(--ver_page_top_button_url);
	/*ボタンの中の画像サイズと位置など*/
	background-size:50%;
	background-repeat: no-repeat;
	background-position: center;
	/*シャドウ効果なし*/
	box-shadow: none;
}


/*======== ブログヘッダー ========*/
/* Story（例：slug = story） */
body.category-story .page-header,
body.single-post.category-story .page-header{
  background: #8a837a !important; /* 好きな色に */
}
/*======== 投稿下：次/前の記事を非表示 ========*/
.single-post .vk_posts.next-prev{
  display: none !important;
}
/*======== ブログカード関係 ========*/
/* 右上のカテゴリラベル */
.vk_post .vk_post_imgOuter_singleTermLabel{
  background-color:#6F6A63 !important; /* inline style上書き */
  color:#fff !important;

  font-size:12px;
  line-height:1;
  padding:6px 10px;
  border-radius:4px;

  letter-spacing:0.03em;
  opacity:0.92;
}

/* ラベルの置き位置がズレる場合の保険（基本不要なら消してOK） */
.vk_post .card-img-overlay{
  padding:10px;
}
/* NEWラベル */
.vk_post_title_new{
  font-size:11px;
  margin-left:8px;
  padding:2px 6px;
  border-radius:4px;

  color:#fff;
  background:#A98E65;

  font-weight:600;
  letter-spacing:0.05em;
}
/* カード hover */
.vk_post.card{
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.vk_post.card:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
}

/* 画像ズーム */
.vk_post .vk_post_imgOuter{
  overflow: hidden;
}

.vk_post .vk_post_imgOuter_img{
  transition: transform 0.4s ease;
}

.vk_post.card:hover .vk_post_imgOuter_img{
  transform: scale(1.04);
}