@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
/*見出しwebフォントの読み込み後にページを表示する FOIT*/
.wf-loading h1,.wf-loading p{
  visibility: hidden;
}
.wf-loading img{
  visibility: visible;
}
.wf-active h1,.wf-active p{
  visibility: visible;
}
/**/
.mainSection{background-color: #ffffff;
	z-index: 1;
}
.siteContent {
    padding: 0px 0px 0px 0px;
}

div.mainSection
{background: #ffffff;
	z-index: 1;
}

div.subSection
{background: #ffffff;
margin-left: 0px;
padding: px;}

.prBlock
{margin-top: 10px;
}

.siteHeader { background-color: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 0; }

ul.gMenu li{ background-color: #fff;}

.su-spoiler-icon:before{color: #327AB7}

td.nowrap {
white-space: nowrap;
}

td#bluetd{
	 background-color: #0199cc!important;
	color: #fff;
}
td#redtd{
	 background-color: #FF1634!important;
	color: #fff;
}
td#yellowtd{
	 background-color: #FF9900!important;
	color: #fff;
}
td#greentd{
	 background-color: #029902!important;
	color: #fff;
}

#panList {display:none;}
.breadcrumb {display:none;}

.widget_vkexunit_banner{text-align:center;}
.infoA{text-align:center;}

/*		Tabs + Tab
---------------------------------------------------------------*/
.su-tabs {
	margin: 0 0 1.5em 0;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #87a6bc!important;
}
.su-tabs-nav span.su-tabs-current {background: #fdfba4!important;cursor: default;color: #f75708;font-weight: bold; }
/*		Teras + title
---------------------------------------------------------------*/
h1.teras {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}
h1.teras span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}
/*		引用のデザイン
---------------------------------------------------------------*/
ul.newsbq li{margin-bottom: 5em;}
blockquote {
    position: relative;
    padding: 10px 25px;
    box-sizing: border-box;
    font-style: normal;
    color: #464646;
    border: solid 3px #72ccf4;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0 !important;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 0 0 30px;
    vertical-align: middle;
    content: "\f10d";
    font-family: "Font Awesome 5 free";
    background: #72ccf4;
    color: #fff !important;
    font-size: 22px;
    line-height: 1;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
	width: 40px;
    height: 40px;
	border-radius: 30px 0 0 0;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: "Font Awesome 5 free";
	background: #72ccf4;
    color: #fff !important;
    font-size: 22px;
    line-height: 2;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*		title 団体参拝用
---------------------------------------------------------------*/
.ds{
position: relative;
padding: 0.5em;
background: #3367CD;
color: white;
border-top-color: #fff;
}

.ds::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}
.boxnf {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #87A6BC;
    border-bottom: solid 6px #3367CD;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.boxnf p {
    margin: 0; 
    padding: 0;
}
.boxrd {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #ff6857;
    border-bottom: solid 6px #c10841;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}
.boxrd p {
    margin: 0; 
    padding: 0;
}
.btnf{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #EFDA2D;/*ボタン色*/
    color: #4E240B;/*文字色*/
    border-bottom: solid 4px #FF9900;
    border-radius: 3px;
}
.btnf:hover {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
	border-top: solid 4px rgba(0,0,0,0);/*線を消す*/
    border-bottom: none;/*線を消す*/
}
/*吹き出し*/
.bubble {
	border-radius: 10px;
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #ffcc33;
}

.bubble.sita:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ffcc33;
}

.bubble.ue:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #ffcc33;
}

.bubble p {
	margin: 0;
	padding: 0;
}
/*アドバイザーコメント*/
.coments {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.coments .face {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.coments .face img{
    width: 100%;
    height: auto;
    border: solid 0px #d7ebfe;
    border-radius: 50%;
}

.coments .coment_txt {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 10;
    padding: 0;
}
/* googleフォント用
.wf-mplus1p { font-family: "Mplus 1p" ;}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c";}
.fw100 {font-weight:100;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}*/

/*typekit
.teramaru600{font-family: "fot-seurat-pron",sans-serif;
font-style: normal;
font-weight: 600;}

.terago700{font-family: "source-han-sans-japanese",Meiryo,'Hiragino Kaku Gothic Pro',sans-serif;
font-style: normal;
font-weight: 700;}
*/

/*list-category-posts のデザイン変更*/
ul.lcp_catlist li {
list-style:none;
border-bottom: 1px solid #CCCCCC;
padding-top: 10px;
padding-bottom: 10px;
}
/*フォントをスムーズに*/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*コンテンツの最大幅 のデザイン変更*/
@media screen and (min-width:1000px) {
 .container {
  width:1000px
 }}
/*メニュー下タイトルのデザイン*/
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
    margin: 15px 0 10px;
    font-size: small;
    line-height: 1.1;
}
.siteHeader .container {
    padding-top: 5px;
    padding-bottom: 4px;
}
@media screen and (max-width:768px) {
 div.titleblock{display:none;}}

/*最上部テキストの最大幅*/
@media screen and (max-width:768px) {
 .titleHead{display:none;}}
@media screen and (max-width:991px) {
 .titleHead{width:60%;margin: auto;
 }}
@media screen and (min-width:1000px) {
 .titleHead {width:100%;text-align: center;
 }}

/*最上部テキストの色とサイズ*/
.titleHead{color:#333;font-size: small;}

/*TOP背景画像について*/
.bg-sw{
/*width: 100vw;*/
	/*height: 100%;*/
	height: auto;
	margin: 0px -15px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
/*	justify-content: center;*/
}
.teraimg{
/*width:1000px; height:500px;*/ 
margin: 0px -15px;
background-image :url("https://otera.lifeedge.jp//wp-content/uploads/2018/07/oteranohoken10002.jpg");
background-size:cover;
background-color: #4274ae;
}
.pd30{padding:30px;}
/*.siteContent div{
	 background-color: #ffffff;
	}
*/

/*prboxのデザイン変更*/	
 .prArea{border-style: solid;
	border-color: #164F84;
	border-radius: 8px;
	margin:0.5%;
	background-color: #ffffff;}
@media screen and (min-width:700px) {
	 /*　画面サイズが700px以上では幅を制限する　*/
 .col-sm-4 {max-width:32%　 !important}}
 .prArea .subSection-title{
	 color: #ffffff;
	 background-color: #164F84;
	 margin:0 -16px;
	 padding:0;}
	
/*画像をボトム基準に配置*/	
.bottomline0{
	position: absolute !important;
    bottom: 0 !important;}
/*２コラム　メインコンテンツの幅を変更*/
@media screen and (min-width: 992px) {
.col-md-8{
width: 75%;}}
/*アーカイブページのレイアウトを変更*/
@media (min-width: 500px){
.entry-meta .entry-meta_items_term {
    float: left;
    display: ;
    margin-top: .5em;
	margin-right: 10;}
.published {
	margin-left: 20px;
	vertical-align:sub;}
}
	@media (max-width: 499px){
.teramain{max-width: 95%!important;margin: auto;}
.col-md-12{
	padding: 0px 10px!important;}
.entry-meta .entry-meta_items_term {
    float: left;
    display: ;
    margin-top: .5em;
	margin-right: 10;}
.published {
	display: ;
	margin-left: 20px;
	vertical-align:sub;}
}
/*ボックスのデザイン*/
.box01 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
    text-align:left;
 	margin: 0 0 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
	border: 3px solid;
 	border-color: #c0c0c0;
	font-family: "source-han-sans-japanese",sans-serif;
	font-size: 120%;
	color: #337ab7;
	font-style: normal;
font-weight: 400;
}
.no-bottom{margin-bottom: 0;}
.relative{
position: relative;
	margin: 0 0.5em 0 0.5em;
}
/* コンタクトフォームカスタム -----------------------------------  */
/*チェックリストを縦に並べる*/
span.wpcf7-list-item {display: block;}

table.nopadding td{padding-right:0;padding-left:0;}
.sectionFrame{
    background-color:#f9f9f9;
    border-radius: 5px;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border: 2px solid #00aced;
}

.wpcf7 .required{
    color:white;
    margin-left:10px;
    background-color:red;
    padding:3px;
    font-size:small;
    border-radius: 5px;
}

.wpcf7 .any{
    color:white;
    margin-left:10px;
    background-color:#00aced;
    padding:3px;
    font-size:small;
    border-radius: 5px;
}

.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
div.dcenter{vertical-align:middle}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686!important;
	border-color: #905050!important;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
input.required-contactform7{font-size:x-large!important;}
p#center{text-align:center!important;}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
.container table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 80%;border-collapse: collapse; border-spacing: 0;font-size:85.7%; line-height:141.7%; }
/* PCやipadなどで電話番号リンクを無効に -----  */
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}
/*本文内のタイトルを非表示　イベントタイトル対策*/
.col-md-12 h1.page-header_pageTitle{display:none;}
/*H1見出しの太さや本文のサイズ*/
h1.entry-title,h3{font-weight: 600;}
h1.entry-title.media-heading{font-weight: 600;}
/*768以上で本文サイズを大きく*/
@media screen and (min-width: 768px) {body {font-size: large;}}
/*投稿リストのサムネールの枠*/
.media .postList_thumbnail a { border: 1px solid #e5e5e5;}
/*div要素を横並び*/
.dflex{display: flex;justify-content: center;}