/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* 独自カスタムプロパティ（header.phpにgoogleフォント記述あり） */
:root{
  --font-kiwi:'Kiwi Maru', serif; 
}

/* ブログタイトル */
.vk_post .vk_post_title{
	font-size:18px;
}

/* facebook埋め込み設定 */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
/* ヘッダーナビゲーションの設定 */
.nav li a, nav li a{
	color: #fff;
	letter-spacing: 1px;
	transition: .3s;
}
.nav li a:hover{
	color: #fff487;
	transition: .3s;
	transform: translateY(-5px);
}
.global-nav-list>li .global-nav-name{
	font-size: 17px;
}
body .global-nav, body .footer-nav{
	font-family: var(--font-kiwi);
}

/* プロフィールエリア #profile の設定 */
#profile {
    background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)) ,url(images/ikedakazusa_03_rgb.png) no-repeat right bottom;
    background-size: contain!important;
}
/* 政策 #policy の設定 */
@media screen and (min-width:559px){
	#policy .wp-block-cover img.wp-block-cover__image-background {
    object-fit: contain;
	}
	#policy .wp-block-cover .has-background-dim:not([class*=-background-color]){
		background-color:transparent;
	}
}
@media screen and (min-width:600px){
	.vk-cols--fit.vk-cols--grid.vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover, .vk-cols--fit.vk-cols--grid:not(.is-not-stacked-on-mobile).vk-cols--grid--alignfull>.wp-block-column:nth-child(2)>.wp-block-cover{
		height: 50vh;
	}
	body div[class*="radius-box"]{
	background:#fff;
	padding: 1em 1em 0;

}
}

/* -------------------
池田かずささん独自設定
----------------------- */
.font-kiwi{
	font-family: var(--font-kiwi);
}

body ul.onpu-list{
	list-style: none;
	font-size: 18px;
    line-height: 1.8;
	
}
body ul.onpu-list li{
	text-indent: -1.6em;
	z-index: 100;
	position: inherit;
}
body ul.onpu-list li::before{
	content: "♪";
	color: #E985DC;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 0.4em;
}
body div[class*="radius-box"]{
	background:#fff;
	border-radius: 15px;
	padding: 3em 3em 0;
	overflow:hidden;
}
@media screen and (max-width:781px){
	div.radius-box1 img, div.radius-box6 img{
		margin-bottom: -3em;
	}
	div.radius-box4 img{
		margin-top: -3em;
	}
}