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

ul.inpage li {
	list-style-type:none;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16px" height="16px"><path d="M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM127 297c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l71 71L232 120c0-13.3 10.7-24 24-24s24 10.7 24 24l0 214.1 71-71c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 409c-9.4 9.4-24.6 9.4-33.9 0L127 297z"/></svg>');
	background-position: left top 4px;
	background-repeat:no-repeat;
	padding-left:20px;
}

/*
もともとの文字サイズ14pxだと、スマホで見た時の横幅が23文字→小さすぎる
16pxだと、スマホで見た時の横幅が21文字→ちょうど良い大きさ
*/
body {
	font-size: 16px;
}


/*
ハンバーガーメニューボタンのデザイン画像
*/
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url("https://staging.katurawith.com/wp-content/uploads/2025/03/humb.png");
	  background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("https://staging.katurawith.com/wp-content/uploads/2025/03/humb-open.png");
	  background-size: cover;
}

/*
公開日・更新日・投稿者 非表示
*/
.entry-meta-item-updated {
	display:none;
}
.entry-meta-item-author {
	display:none;
}
.entry-meta-item-date {
	display:none;
}


/* フッターのPowered by を非表示 */
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/* スマホの場合、パンくずリストを非表示 */
@media screen and (max-width: 979px) {
body.single .breadcrumb {
    display: none;
}
	body.page .breadcrumb {
    display: none;
}
	}


/* 固定ページヘッダーを非表示 */
body.page .page-header {
    display: none;
}

/* 備品通販（固定）ページヘッダーを非表示 */
.page-title{
    display:none;
}

/* 投稿ページヘッダーを非表示 */
body.entry-body {
margin-top: -20px;
}


/* TOPスライドショー画像の文字の背景透過 オリジナルrgba(222, 222, 222, 0.7) */
.to_ka {
	background-color: rgba(255, 255, 255, 0.7); /* 70%透過 */
    font-weight: bold; /* フォントを太く */
	font-size: 1.1em; /* フォントサイズを大きく */
}


/*上に戻るボタン（右下）位置調整*/
.page_top_btn {
	right: 10px;
	bottom: 55px;
	width: 35px;
	height: 35px;
}


/*お問い合わせボタンの色（赤・みどり）*/
.vk_button-cb26d9c0-6d87-42c0-b8c5-9cb05c0ed33f .has-background {
				background-color: #b30000cc;
				border: 1px solid #b30000cc;
			} 
.vk_button-7a609e73-bf1f-4632-bede-6536ae620b1f .has-background {
				background-color: #249d00cc;
				border: 1px solid #249d00cc;
			}


/*月桂樹のバナー　業界No.1*/
/* ── Banner layout ───────────────────────────── */
.banner-table{
  margin:0 auto;
  width:80%;
  border:none!important;
  border-collapse:collapse;
  border-spacing:0;
  font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro",
              "Yu Mincho","YuMincho","Times New Roman",serif;
  text-align:center;
  line-height:1.4;
  white-space:nowrap;
}
.banner-table td{
  border:none!important;
  padding:0;
  vertical-align:middle;
}

/* ── Laurel images ───────────────────────────── */
.laurel{display:block;height:auto;max-width:none;}

/* ── Typography (PC) ─────────────────────────── */
.lead-msg {font-weight:700;font-size:clamp(20px,2.2vw,30px);}
.catch-msg{font-weight:700;font-size:clamp(26px,3vw,44px);
           background:#ffff66;padding:0 .2em;margin:.3em 0;
           border-radius:2px;display:inline-block;}
.sub-msg  {font-weight:700;font-size:clamp(24px,2.8vw,40px);}
.small    {font-size:.8em;}

/* ── Mobile (≤768 px) ────────────────────────── */
@media (max-width:768px){
  .banner-table{width:100%;}
  .lead-msg {font-size:16px;}
  .catch-msg{font-size:26px;}
  .sub-msg  {font-size:22px;}
  .laurel   {width:14vw;max-width:40px;}
  /* 中央セルの余白を少しだけ確保 */
  .banner-table td:nth-child(2){padding:0 .3vw;}
}






/*カードブロック(インテキスト)振り分けメニュー*/
.like-card-intext .vk_post-btn-display .vk_post_body.card-body {
transition: all .5s ease-out;
height: 2.4em;
position: absolute;
overflow: hidden;
bottom: 0;
left: 0px;
background-color: rgba(0, 0, 0, 0.7);
padding: 0.4rem;
width: 100%;
}

.like-card-intext .vk_post_imgOuter {
border-bottom: none;
}

.like-card-intext .vk_post-btn-display.card .vk_post_btnOuter {
position: relative;
display: block;
width: auto;
bottom: auto;
}

.like-card-intext .vk_post-btn-display.card .vk_post_body {
padding-bottom: 0;
}

.like-card-intext .vk_post .vk_post_title {
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.like-card-intext .vk_post .vk_post_excerpt {
font-size: 10px;
color: #fff;
}

.like-card-intext .vk_post .vk_post_btn {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
color: #fff;
}

.like-card-intext .wp-block-vk-blocks-card-item:hover .card-body {
transition: all .3s ease-out;
height: 100%;
}
.like-card-intext .wp-block-vk-blocks-card-item:hover .vk_post_title {
margin-top: 0.01em;
}