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

/*****************************************************
  　　　　　　デフォルトのコンテンツ幅
*******************************************************/
.main-section {
	padding-left: 10%!important;
	padding-right: 10%!important;
    }
@media (max-width: 768px) {
.main-section {
	padding-left: 5%!important;
	padding-right: 5%!important;
    }
}

.page-header{
	min-height: auto!important;
	height:5em!important;
	background:#fce0af;
/*	line-height: 50px;*/
}
@media (max-width: 768px){h1.page-header-title{
	font-size:22px !important;
	}}

/**************************************************************************
  　　　　　　　　　　　　　　　　　WEBフォント指定
***************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500&display=swap');

*{
	font-family: 'Noto Sans JP', sans-serif;
}

p , body{
/*  font-family: kozuka-gothic-pro, sans-serif;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	 font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-family: 'Noto Sans JP', sans-serif;*/
	font-weight:400;
	font-size:15px;
	letter-spacing :0.1em;
	line-height:1.8em;
	text-align: justify;
/*	color:#333333 !important;*/
	color:#202020 !important;
	margin-block-end: 0.3em;
}
.just{
	text-align:justify;
	word-break:break-all; 
	text-justify:inter-ideograph;
	text-justify:inter-character;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
/* フッター　コピーライト*/
/*コピーライト 非表示 */

.site-footer-copyright p:nth-child(2) {
    display:none;
}
/*******************************************************************
  　　　　　　　　　　　　　　　Hタグの装飾を変更
*******************************************************************/
h1{
	font-size:28px !important;
	font-weight:500 !important;
}

h2 {
    padding: 0.5em 0;
	border-top: none;
    border-bottom: none;
	margin-bottom: 0;
}
 h3 {
	 position: static;
     border-bottom:none;
	 background: 0 0;
	 padding: 0 0 0 0.5em;
	 font-size:22px;
	 font-weight:500;
}

/**************************************************************************************
　　　共通　各ページで利用する画面サイズ幅　 hr幅 文字サイズ　文字色　他
****************************************************************************************/
/*基本の文章*/
.comon-s{
	font-size:15px;
	font-weight:400;
	line-height:27px;
}

/*画面横幅いっぱい　*/
.full-width {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
/* .full-width 内の　一般コンテンツの幅*/
.content-width{
	padding-left:15% !important;
	padding-right:15% !important;
	}
@media (max-width: 768px){
	.content-width{
	padding-left:8% !important;
	padding-right:8% !important;
	}
}

/*背景色　ユアライトオレンジ*/
.bg-yl{
	background:#fef8ed;
}



/*スマホ・タブレットで表示する*/
@media (max-width: 768px) {.only_pc {display:none}} /*スマホでのみ表示する　 （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 769px) {.only_mb {display:none}} /*PCでのみ表示する　（only_mb クラスを非表示）*/

/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}

/*左寄せ*/
.left{
	text-align:left;
} 
/*右寄せ*/
.right {
	text-align:right;
}
/*センタリング*/
.center{
	text-align:center;
}
/*太文字*/
.bold{
	font-weight:500 !important;
}
/*色*/
.yl-color{
	color:#fce0af;
}
.red{
	color:red;
}

/*文字サイズ*/
.f-14{
	font-size:18;
}
.f-18{
	font-size:18;
}
.f-20{
	font-size:20;
}
.f-22{
	font-size:22!important;
}
/*スペーサー*/
.space{padding-top:40px;}
@media (max-width: 768px) {
	.space{padding-top:25px;}
}
/*スマホのスペーサー*
@media (max-width: 768px) {.mb-space {padding-top:1em;}} 
/*PCのスペーサー*
@media (min-width: 769px) {.pc-space {padding-top:20em;}} 


	
/*楕円形のボタン*/
a.oval-button, .oval-button{
	justify-content: center;
	align-items: center;
/*	width: 100%;*/
	display:inline-block;
	position: relative;
	border-radius: 30px;
	box-sizing: border-box;
	padding:10px 45px 10px 45px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-decoration: none;
	opacity:1!important;
}
a.oval-yellow ,.oval-yellow{
	border: 1px solid #ffe100;
	background: #f8da00;
	color:black !important;
	opacity:1!important;
}

a.oval-yellow:hover {
	background: #fce0af ;
	border: 3px solid #fce0af;
	color:#000 !important;
}

/**************************************************************************************
　　　フォーム
****************************************************************************************/
.smf-item:has([data-validations~="required"]) .smf-item__label__text::after {
    content: "必須";
    padding: 3px 6px;
    margin-left: 10px;
    background-color: #dd3234;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
}
/*
.smf-item:has([data-validations~=required]) .smf-item__label {
  color: red;
}

/**************************************************************************************
　　　トップページ
****************************************************************************************/
/*トップページ スライダーとコンテンツ　の余白を削除*/
.page-id-7 .site-body{
	padding-top:0 !important;
}
/*トップページタイトルのベルト*/
.top-belt{
	text-align:center;
	background:#fce0af;
	padding:0.8em;
	font-size:30px;
	font-weight:600;
	letter-spacing:0.1em;
}
@media (max-width: 768px) {
	.top-belt{
	text-align:center;
	background:#fce0af;
	padding:0.8em;
	font-size:22px;
	font-weight:600;
	letter-spacing:0;
}
}

/*サブタイトル　各ページ共通*/
.sub-t{
	text-align:center;
	color:#f4a126;
	font-weight:600;
	font-size:22px;
	margin-top:1em;
}
@media (max-width: 768px) {.bg-yl h2.sub-t{
	margin-top:0;
	}}
.lh-align{
	text-indent:-1.1em;
	padding-left:1em;
}

/*3列のブロック*/
.or-box-over{
	padding: 0.5em 0 0.5em;
    margin:0;
    background: #f8c170;
    border-radius: 8px 8px 0 0;
}
.or-box-over p{
	text-align:center;
	font-weight:500;
	font-size:22px;
	margin-bottom:0;
}
.wh-box-under{
	padding: 0.8em;
    margin:0;
	padding:0.8em 1.5em 2em 1.5em;
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.wh-box-under .title{
	font-weight:500;
	font-size:22px;
	letter-spacing:0.1em;
	margin:0.8em 0.2em;
}
.wh-box-under img{
	padding:0.1em;
}
/*youtuube のブロック*/
.yt-box{
	background:#fef8ed;
	padding:0.8em 2.5em;
}
.yt-box img{
	margin-bottom:-1em;
}
/*@media (max-width: 768px){
	.yt-box img{
		margin-bottom:-1em;
}*/
.yt-title{
	font-size:16px;
	font-weight:500;
	line-height:1.1em;
	/*margin:-1em;*/
}
/*お知らせ　日付の文字サイズと行間*/
.wp-block-latest-posts__post-date{
	margin-top:-0.8em!important;
	font-size:13px !important;
}

.wp-block-latest-posts__list li{
	padding:0.2em 0!important;
}
/**************************************************************************************
　　　ユアライトについて　ページ
****************************************************************************************/
/*挨拶文テキスト*/
.message{
	/*color:#f4a126;*/
	font-size:15px;
}
.pr{
	font-size:14px;
	letter-spacing: 0.1em;
	line-height: 20px; 
}
.mes-box{
	padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #f4a126;
	border-radius: 4px;
}
@media (min-width: 768px) {
	.prof-img{
	padding-left:25px;
	}}
@media (max-width: 767px) {
	.prof-img{
	text-align:center;
	}}
/*設立の背景　日本の介護環境問題*/
h3.kaigo{
	font-size:18px;
}
/*概要　表*/
.tbl-1{
	float:left;
	width:20%;
	padding:0.5em 0 ;
}
.tbl-1-2{
	float:left;
	width:75%;
	padding:0.5em 0 ;
}
.cb{
	clear:both;
}
/**************************************************************************************
　　　活動内容　ページ
****************************************************************************************/
/*ページ内メニュー　枠線*/
.opr-menu{
	text-align:center;
	background:white;
	margin-top:1em;
	padding:0.3em;
	letter-spacing:0.1em;
	border: solid 1px;
	border-color:#696969;
	&:hover{
		background:#fce0af;
	}}
.opr-menu a{
	color:#000!important;
	font-weight:500;
	&:hover{
		color:#000!important;
	}}
.yl-belt{
	background:#f8c170;
	border-radius: 5px;
}
.yl-belt h3{
	font-weight:500;
	padding:0.5em 0.2em!important;
	margin-left:0.5em;
}
.worries h4{
	margin:0.1em !important;
	font-size:16px !important;
}
.yl-box{
	margin:0.2em 0 0.7em;
	padding:0.7em 0.3em;
	letter-spacing:0.1em;
	border: solid 1px;
	border-color:#f8c170;
	border-radius: 5px;
}
.tbl-txt{
	padding:0.8em 0.1em;
	letter-spacing:0;
	font-size:18px;
}
.tbl-capt{
	font-size:14px;
	letter-spacing:0.07;
	line-height:1.2;
}
a.orange{
	color:#f8c170;
	&:hover{
		color:#ff7f50;
	}}
#consuul h4{
	margin-bottom:0;
}
#consuul p{
	margin-top:0;
}
/**************************************************************************************
　　各種　フォーム
****************************************************************************************/
.smf-item__col--label{
	font-size:14px;
}
/**************************************************************************************
　　投稿文書（お知らせ文書）
****************************************************************************************/
/*投稿表示時に、・更新日、・作成者、・前後の記事へのリンク　を非表示*/
.entry-meta-item-updated,.entry-meta-item-author,.next-prev{
	display:none!important;
}
/**************************************************************************************
　　お知らせ一覧　ページ　（content view プラグインを利用中）
****************************************************************************************/
/*タイトルと日付の行間調節*/
.pt-cv-title , .pt-cv-meta-fields{
	margin:0 !important;
}
/*タイトルの下に、罫線を入れる*/
.pt-cv-meta-fields {
    border-bottom: 1px solid #cccccc; /* 線の太さ, 種類, 色 */
}
/**************************************************************************************
　　　フッターページ
****************************************************************************************/
.site-body-bottom {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background:#f2f2f2;
	padding:1em 0.2em 0.6em;
}