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

/* ==================================================================== */

/*   サイト全体のベースを作る設定　 */

/* ==================================================================== */

/* スムーズスクロール */
html {
  scroll-behavior: smooth;
	font-family: "Zen Kaku Gothic New", serif;
  font-style: normal;
	font-size: 100%;
}


/* 既存のデザインの打ち消し */
.h2, .h3, .h4, .h5, .h6, .mainSection-title, h2, h3, h4, h5, h6{
	margin:0;
	background: none;
}
.carousel{
	border-bottom:none;
}

.site-body{
	padding-top: 0.5rem;
}

/*カスタムプロパティ*/
:root{
	--color-text:#4d4d4d; 
	--color-main:#ee6c8a;
	--color-accent: #6882c1;
}

/*フォントの指定*/
p,a,li,dt,dd,time,div{
	font-family: "Zen Kaku Gothic New", serif,'游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:var(--color-text); 
	letter-spacing:0.0075rem;
	line-height: 2;
	font-size: 1rem;
}

/*タイトル周りの設定*/
/*編集画面の見出し左右線を選択した時のスタイル*/
.style-vk-heading-both_ends{
	  margin-left: 6rem;
    margin-right: 6rem
}

.is-style-vk-heading-both_ends::before,
.is-style-vk-heading-both_ends::after{
	border-bottom:0.5px solid currentColor;
}
.is-style-vk-heading-both_ends::before {
    margin-right:1.8rem;}
.is-style-vk-heading-both_ends::after {
    margin-left:1.8rem;}


/*Google Mapのレスポンシブ化*/
.google-map {
    position: relative;
    padding: 20%;
    height: 0;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*YouTube動画のレスポンシブ化*/
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;    /*9:16=x:100*/
    margin-bottom: 2rem;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.wp-embed-responsive .wp-has-aspect-ratio iframe{
	border-radius: 10px;
}

/*リンク周りの設定*/
.hvr-td-none a,
.hvr-td-underline a {
	text-decoration: none;
	color: var(--color-text);
}
.hvr-td-underline a:hover {
	text-decoration: underline;
	/*background: #9FC;*/
}


/* ==================================================================== */


















/* ==================================================================== */

/* 共通パーツの設定 */

/* ==================================================================== */

/* //////グローバルナビゲーション*/

/* ロゴサイズ調整 */

@media (min-width: 992px) {
    .site-header--layout--nav-float .site-header-logo {
        margin-right: 0em;
    }
}

/* ヘッダーのボックスシャドウを消す*/
.site-header{
	box-shadow:none;
}

/*メニュー文字サイズ*/
.device-mobile .global-nav-list>li .global-nav-name,
.global-nav-list>li .global-nav-name{
    font-size: 16px;
	font-weight:normal;
/* 	font-family:"Hannari", "Shippori Mincho B1",sans-serif; */
}

/*メニュー文字色*/
.nav li a, nav li a {
    color: var(--color-text);
}


/* ロゴ画像サイズ */
	.site-header-logo img{
		padding:3px;
		max-height: 120px;
	}


/*  ///////メインビジュアル*/
.swiper-wrapper img{
	max-width: 1100px;
	margin: 0 auto;
}

/*  ///////フッター*/


/*  lighntningのクレジットを消す*/
.site-footer-copyright p:last-child{
	display:none;
}

/*  footer-navigationを消す*/
.footer-nav{
	display:none;
}

/* //////お問い合わせセクション */
.contact-button div{
/*     color: var(--vk-color-custom-4); */
	color:#ffffff;
	font-size:21px;
}

/* //////区切り線*/

hr.wp-block-separator{
	border: dotted 1px var(--color-main);
}

/* /////下層ページヘッダー */
.page-header-title,
h1.page-header-title {
	color:#ffffff;
	font-weight:normal;
	letter-spacing:0.5rem;
}

.page-header{
	background: linear-gradient(19deg, #ee6c8a 0%, #f7b7c5 100%);
	margin-top:30px;
	min-height: 10rem;
}


/* ///// 続きを読むボタン */
a.wp-block-post-excerpt__more-link {
	margin-left:15px;
}

.vk_button-color-custom i,
.vk_button-color-custom .vk_button_link_txt{
	color: #fff;
}

/*  ////////テーブルの設定*/
.wp-block-table{
	border-color: #ccc;
}
.wp-block-table table tr {
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
    background-color: #FFFFFF;
}

.wp-block-table table tr td{
	padding:20px 15px;
	font-size:1rem;
	border-color: #ccc;
}

.wp-block-table table td:nth-child(odd) {
    width: 30%;
    color: var(--color-text);
    font-weight: 600;
	background-color: #f5f4f2;
}

.single-policies .wp-block-table table td:nth-child(odd) {
    width: 7%;
	writing-mode: vertical-rl;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 16px;
}


/* PC画面とスマホで横幅を変えたい場合 */
	.block-responsive{
		max-width: 760px;
		margin: 0 auto;
	}

@media (min-width: 1200px){
	
	/* //////グローバルナビゲーション*/
	/*メニュー文字サイズ*/
	.ltg-slide-text-title {
		font-size: 38px;
	}
	
	.wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-14.wp-block-group-is-layout-constrained	{
		max-width: 800px;
		margin: 0 auto;
	}

}


@media screen and (max-width: 782px){	
	.wp-block-table table tr{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		border-collapse:collapse;
	}
	.single-policies .wp-block-table table td:nth-child(odd),
	.wp-block-table table tr td,
	.wp-block-table table td:nth-child(odd) {
		width: 100%;
	}
	
	.wp-block-table table td:nth-child(odd) {
		letter-spacing: 16px;
	}
	
	
	
		/* PC画面とスマホで横幅を変えたい場合 */
	.block-responsive{
		max-width: 100%;
	}

}
	
	/* ==================================================================== */

/*   サイト全体のベースを作る設定　 */

/* ==================================================================== */
/*タイトル周りの設定*/
/*編集画面の見出し左右線を選択した時のスタイル*/
.style-vk-heading-both_ends{
	  margin-left: 2rem;
    margin-right: 2rem
}

/* flexboxの間隔の調整 */
:root :where(.is-layout-flex){
/* 	gap: 24px; */
}

	/* //////グローバルナビゲーション*/
	/* ロゴ画像サイズ */	
	.site-header-logo img{
		padding:8px;
	}
	
	/* スマホメニューボタン */
	.vk-mobile-nav-menu-btn,
	.vk-mobile-nav-menu-btn.menu-open{
		border:none;
		box-shadow:	0 1px 3px rgba(0,0,0,.05);
	}
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(55px + 5px);
		left: 10px;
	}
	/* スマホメニューの余白調整	 */
	.vk-mobile-nav{
		padding: 63px 10px;
	}
	/* スマホメニューの罫線を消す */
	.vk-mobile-nav nav>ul{
		border-top:none;
	}
	.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a{
		border-bottom:none;
/* 		font-family:"Hannari", "Shippori Mincho B1",sans-serif; */
	}
	
/* 親子階層のデザイン */

.global-nav-list>li>ul.sub-menu{
	background-color:#5c7cba;
    margin-left: -60px;
    width: 150px;
}
.global-nav-list>li>ul.sub-menu li a:hover{
	background-color:#a6b7d9;
}
	

/* ==================================================================== */

/* ページ、セクションごとの設定 */

/* ==================================================================== */


/*/////ホーム画面のカスタマイズ*/

/* スライダーをふわっと出現 */

/* その場で */

.home .ltg-slide picture{
animation-name:fadeInAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
	transition:ease-in-out;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 幅の調整 */

.margin-adjustment{
	margin:0 10px;
}
/* タグの余白 */
.entry-footer{
	margin-top:4rem;
}

/*/////  ページタイトル周りのカスタマイズ  */

.site-body{
	padding-top: 3rem;
}

/* パンクズリストを非表示にする */
.breadcrumb{
	display: none;
}



/*/////投稿記事画面のカスタマイズ*/

/*  投稿者を非表示にする　*/
span.vcard.author {
    display: none;
}

/*/////投稿の一覧画面のカスタマイズ*/
/*  newを非表示にする*/
.vk_post_title_new{
	display: none;
}

/* 投稿のアイキャッチ画像のサイズを指定する */
.vk_post_imgOuter{
    height: 200px;
    width: 200px;	
}

/* アイキャッチ画像のアスペクト比を変更 */
.vk_post .vk_post_imgOuter:before{
	padding-top:100%;
}

/*/////投稿の記事画面のカスタマイズ*/

/*  投稿メタ情報を非表示にする　*/
.single-okyakusama-no-koe .entry-meta {
    display: none;
}


/* 前後の投稿ボタンを非表示にする */
.next-prev{
	display:none;
}


/*/////  お問い合わせフォームのカスタマイズ　*/
 .required::after {
	 content: "必須";
	 background-color: #ee6c8a;
	 color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.contact-block .label{
	font-weight:bold;
	margin-bottom: 2px;
}

.contact-block .notice{
	font-size: 13px;
	margin-bottom: 2px;
}

input.postcode-style{
	width:auto;
}

/* ///flexboxの幅の調整 */
.wp-block-columns-is-layout-flex{
	gap: 1em!important; 
}



/* 政策と実績ページの調整 */
.home .taxonomy-progress,
.page-id-2040 .taxonomy-progress{
	display:inline-block;
}

/* 政策ページの投稿日時を非表示にする */
.single-policies .entry-meta{
	display:none;
}

.post-type-policies .vk_post .vk_post_date,
.post-type-policies .vk_post_excerpt,
.post-type-policies .vk_post_btnOuter
{
	display:none;
}

/* 政策一覧ページの投稿タイトルを大きくする */

.post-type-policies .media-title a{
	font-size: 20px;
}