@charset "utf-8";

/*
Theme Name: Katawara Child
Theme URI:
Template: katawara
Description:
Author:
Tags:
Text Domain: katawara
Version: 0.0.1
*/

@media screen and (max-width: 1199.98px) {
  .p-site-header-brand_logo a img {
    max-height: 55px;
  }
}

.vk-mobile-nav-menu-btn {
	width: 60px;
	height: 60px;
	line-height: 9.8;
	background-size: 80%;
	background-position: center 0px;
}

.home .l-container_inner {
	padding-top:0 !important;
}

.vk-mobile-nav {
  padding-top: 100px;
}

/*PCナビゲーション下部ウィジェット*/
@media screen and (min-width: 1200px) {
  .p-widget {
    margin-bottom: 15px;
  }
}

/***投稿の抜粋***/
.vk_post .vk_post_excerpt {
	font-size: 15px;
	line-height: 1.8;
}

/***table***/
table td, table th {
	font-size: 15px;
	padding: 20px !important;
}


/* Contact Form 7のチェックボックスを縦並びにする */
span.wpcf7-list-item {
    display: block;
    margin-bottom: 0px; /* 項目間の余白（お好みで数字を調整してください） */
    margin-left: 0;
}

/* --- PC表示の時（画面幅768px以上）は横並び --- */
@media screen and (min-width: 768px) {
    .cf7-custom-row {
        display: flex; /* 横並びにする魔法のコード */
        align-items: flex-start; /* 上で揃える */
        margin-bottom: 25px; /* 項目同士の縦のすき間 */
    }
    .cf7-custom-label {
        width: 30%; /* 項目名の横幅 */
        padding-right: 20px;
        padding-top: 8px; /* 入力欄と文字の高さを合わせる微調整 */
        font-weight: bold;
    }
    .cf7-custom-input {
        width: 70%; /* 入力欄の横幅 */
    }
}

/* --- スマホ表示の時（画面幅767px以下）は縦並び --- */
@media screen and (max-width: 767px) {
    .cf7-custom-row {
        margin-bottom: 20px;
    }
    .cf7-custom-label {
        margin-bottom: 8px;
        font-weight: bold;
    }
}

/* 送信ボタンを中央に配置 */
.cf7-submit-wrap {
        text-align: center;
        margin-top: 40px;
}

input[type="email"], 
input[type="tel"], 
input[type="text"]{
	max-width: 80%;
	width: 80%;
}

.cf7-custom-row {
	margin-bottom: 25px;
	border-bottom: 1px dotted #ccc;
}

/***次の記事へ***/
.p-prev-next {
	margin-top: 100px;
}

/***TOPページ***/
.topnews .vk_post .vk_post_title a,
.topnews .vk_post .vk_post_date,
.topnews .vk_post .vk_post_excerpt {
  color: #fff;
}
.topnews .vk_post.media {
	border: none;
}
.topnews .btn.btn-sm.btn-primary.vk_post_btn {
  margin-top: -30px;
}
.topnews .is-style-vk-heading-solid_bottomborder_black {
	border-bottom: solid 1px #fff;
}


/***/
.p-global-menu > li a {
	color: #444;
	/*font-weight: bold;*/
	font-size: 1rem;
}

/*アーカイブリストの下部余白*/
.media {
	margin-bottom: 10px;
}

.p-entry_meta {
  margin-bottom: 1em;
  display: none;
}

/***TOPページ以外の広告（下部）***/
.home .addArea {
	display: none;
}