@charset "utf-8";
/*
Theme Name: Lightning 非日常屋ver.
Template: lightning
Author: Vektor,Inc. / arranged by たけぽん
Version: 0.0.1
*/

/* ===== 全体 ============================== */

/* h2 h3 を少しいじりたい的な */
h2, h2.mainSection-title{
	background-color: #F9F9F9;
	padding: 0.8em 0.7em 0.7em;
	clear: both;
}
h2:not(:first-of-type){
	margin-top: 3em;
}
.type-post h3{
	margin-top: 2.5em;
}

/* リストのマージン調整 */
li{
	margin-bottom: 0.6em;
}

/* Q&Aのマージン調整 */
dl.veu_qaItem{
	padding-bottom: 15px;
}
dl.veu_qaItem dd{
	margin-bottom: 10px;
}

/* タクソノミーが複数ある時用の調整 */
.entry-meta_items_term {
	margin-left:4px;
}

/* 打ち消し線スタイルをやや目立たなくする */
del{
	color: #CCCCCC;
	font-size: 85%;
}

/* リードテキスト */
p.lead{
	font-size: 125%;
	font-weight: bolder;
}

/* 注釈テキスト */
span.annotation {
	padding-left: 0.5em;
	font-size: 85%;
	font-weight: lighter;
}

/* 画像に沿えるテキスト */
p.img-txt{
	margin-top: -0.75em;
	margin-bottom: 1.5em;
	font-size: 85%;
	text-align: center;
}

/* ===== テキストボックス関連 ============================== */

/* 古い紙っぽい囲み */
.memo{
	position: relative;
	padding: 1.5em;
	margin: 1.5em auto 3em;
	width: 85%;
	font-family: 'Kaisei Opti', serif;
	font-weight: 500;
	color: #4b2216;
	background-color: #e8ddbd;
	box-shadow: inset 0 0 40px rgba(204, 186, 136, 1), 5px 5px 5px #ccc;
}
.memo p:last-child{
	margin-bottom: 0;
}

/* 吹き出しのみ */
.balloon{
	position: relative;
	padding: 1em;
	margin: 1.5em auto 3em;
	width: 95%;
	border: 2px solid #80D6FB;
	border-radius: 1.5em;
}
.balloon:before, .balloon:after{
	content: "";
	position: absolute;	
	left: 2em;
	border: 12px solid transparent;
}
.balloon:before{
	top: -31px;
	border-bottom: 24px solid #fff;
	z-index: 2;
}
.balloon:after{
	top: -36px;
	border-bottom: 24px solid #80D6FB;
	z-index: 1;
}
.balloon p:last-child{
	margin-bottom: 0;
}

/* 顔あり吹き出し */
.talk-bln{
	width: 100%;
	display: flex;
	flex-direction: left;
	overflow: hidden;
}
.talk-bln img{
	max-height: 3.5em;
	width: auto;
	margin: 0;
}
.talk-bln .says{
	display: inline-block;
	position: relative;
	padding: 1em;
	margin: 0em 1em 1.2em 1.5em;
	background: #A3D5FE;
	border-radius: 1em;
}
.talk-bln .says:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 1em;
	left: -2em;
	border: 0.75em solid transparent;
	border-right: 1.5em solid #A3D5FE;
}
.talk-bln .says p:last-child{
	margin-bottom: 0;
}

/* スマホ画面風 */
.phone{
	position: relative;
	margin: 1.5em auto 3em;
	padding: 1.8em 0.5em 1em;
	width: 18em;
	height: 36em;
	background-color: #FFF;
	border: solid 5px #111;
	border-radius: 2em;
	box-shadow: 0 0.5em 1em -0.2em #333;
}
.phone-top{
	position: relative;
	margin: 1.5em auto 3em;
	padding: 1.8em 0.5em 0;
	width: 18em;
	background-color: #FFF;
	border: solid 5px #111;
	border-bottom: none;
	border-radius: 2em 2em 0 0;
	box-shadow: 0 0.5em 1em -0.2em #333;
}
.phone-bottom{
	position: relative;
	margin: 1.5em auto 3em;
	padding: 0.5em 0.5em 1em;
	width: 18em;
	background-color: #FFF;
	border: solid 5px #111;
	border-top: none;
	border-radius: 0 0 2em 2em;
	box-shadow: 0 0.5em 1em -0.2em #333;
}
.phone::before,
.phone-top::before{
	content: "";
	position: absolute;
	left: 6.5em;
	right: 6.5em;
	top: 0.5em;
	width: 5em;
	height: 1.2em;
	background-color: #111;
	border-radius: 0.6em;
}
.phone-content{
	overflow: auto;
	height: 100%;
	padding: 0.5em;
}

/* アコーディオン */
.ac-parent{
	margin: 1.2em 0;
	padding: 0.2em 0.5em;
	border-radius: 5px;
	background-color: #A3D5FE;
}
.ac-parent::before{
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 free";
	content: "\f078";
	font-weight: 900;
	margin-right: 0.5em;
	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
	color: #000;
}
.ac-parent.open::before{
	transform: rotate(180deg);
}
.ac-child{
	margin-bottom: 1.2em;
}

/* ===== 画像関連 ============================== */

/* PCだと横、モバイルだと縦に並ぶ画像とテキスト */
@media (max-width: 767px){
	.left-img{
		width: 100%;
		display: block;
	}
	.left-img img{
		max-width: 300px;
		margin: 0px auto 20px;
	}
	.right-txt{
		width: 100%;
	}
}
@media (min-width: 768px){
	.left-img{
		width: 30%;
		padding: 0px 20px;
		float: left;
		display: block;
	}
	.left-img img{
		width: 100%;
		max-width: 300px;
	}
	.right-txt{
		width: 70%;
		float: left;
		display: block;
	}
}

/* メインエリアに横並びで画像を配置する */
.inline-img img,
.inline-img .img-box{
	max-width: 35%;
	margin-right: 1.5em;
	margin-bottom: 2em;
	display: inline;
}

/* メインエリアに2つ横並びで画像を中央配置する */
.twin-img{
	text-align: center;
}
.twin-img img,
.twin-img .img-box{
	max-width: 35%;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}

/* LINE@ ボタンの大きさ */
img.btn-line{
	height: 36px;
}


/* ===== テーブル関連 ============================== */

/* テーブルの見出しセルの装飾 */
table th{
	font-weight: bold;
}

/* ストライプのテーブル */
table.ver-stripe tr td:nth-child(2n+0){
	background-color: #F0F0F0;
}
table.hor-stripe tr:nth-child(2n+0){
	background-color: #F0F0F0;
}

/* モバイルでは縦積みに変わるのがデフォ */
@media (max-width: 767px){
	table th, table td{
		width: 100%;
		display: block;
		border-top: none !important;
	}
}


/* ===== 目次関連 ============================== */

#toc_container{
	padding: 0;
	margin-top: 3em;
}
#toc_container p.toc_title{
	background-color: #337ab7;
	padding: 0.2em 1em;
	min-width: 10em;
	text-align: left;
}
#toc_container p.toc_title a{
	color: #fff;
}
#toc_container ul.toc_list{
	margin: 0.8em 1em 0.6em;
}
#toc_container ul.toc_list a{
	color: #464646;
}
#toc_container li{
	margin-bottom: 0.5em;
}
#toc_container .toc_number{
	margin-right: 0.6em;
}

/* ===== サイトマップ関連 ============================== */

/* テキスト関連 */
.veu_sitemap ul{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.veu_sitemap ul li{
	margin-bottom: 0.5em;
}
.veu_sitemap h4{
	padding: 0.5em 1em;
	margin-bottom: 0.75em;
	background-color: #f0f0f0;
	border-radius: 0.5em;
}
.veu_sitemap h5{
	margin: 0.5em 1em;
}

/* 要らないものを消す */
.sitemap-taxonomy-post_tag{
	display: none;
}


/* ===== ウィジェット関連 ============================== */

/* 『最新イベント』のデザイン */
.widget_newest_event_widget h1{
	margin-bottom: 0;
}
.event_list_item{
	padding: 15px 0;
}
.event_list_item:nth-child(n+2){
	border-top: 1px dotted #666;
}
.event_list_item::after{
  content: "";
  display: block;
  clear: both;
}
.event_list_thumb{
	margin-bottom: 10px;
	display: block;
	text-align: center;
}
@media (min-width: 501px) and (max-width: 991px){
	.event_list_thumb{
		margin-right: 20px;
		float: left;
	}
	.event_list_body{
		float: left;
	}
}
.event_list_body{
	margin-bottom: 0;
}
.event_list_body .event-date{
	font-size: 14px;
	display: block;
}
.event_list_body .event-title{
	margin-top: 3px;
	display: block;
}
.event_more{
	margin: 10px 5px 0 0;
	text-align: right;
}


/* ===== その他 ============================== */

/* イベントの日付にフラッグマークを追加 */
span.event-date::before,
.entry-meta_items.entry-meta_event-date::before{
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f024";
}

/* メンバー紹介のナビゲーション */
.member-nav img{
	margin-left: 1em;
	margin-right: 1em;
}

/* 前後のイベントの記事投稿日を非表示に */
.postNextPrev .vk_post-postType-event .vk_post_date{
	display: none;
}

/* Insert Pages 内でのSNSボタンを非表示に */
.insert-page .veu_socialSet{
	display: none;
}

/* reCAPTCHA v3の非表示 */
.grecaptcha-badge {
    opacity: 0;
}

/* 表示・非表示が切り替わる要素の非表示状態 */
.ac-child,
.click-toggle-hidden,
.display-toggle-hidden{
	display: none;
}


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