@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/* 共通設定 */
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.fs8 {
  font-size: 8px !important;
  font-size: 0.8rem !important;
}
.fs10 {
  font-size: 10px !important;
  font-size: 1.0rem !important;
}
.fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}
.fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}
.fs18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}
.fs20 {
  font-size: 20px !important;
  font-size: 2.0rem !important;
}
.fs22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}
.fs24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.opacity05 {
	opacity: 0.5;
}
.opacity08 {
	opacity: 0.8;
}

.black {
color:#000000;
}

.liststylenone {
  list-style: none;
  list-style-type: none;
}

/* Clearfix */
.clearfix::before {
  content: "";
  display: block;
  clear: both;
}

/* ロゴの下にメニューを配置＆中央揃え
---------------------------------------------------- */
@media (min-width: 992px) {

	.container.siteHeadContainer {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.navbar-header {
		width: 100%;
		order: 0;
		float: none;
	}

	.siteHeader_logo {
		float: none;
		width: 100%;
	}

	.siteHeader_logo img {
		margin: 0 auto;
	}

	.gMenu_outer {
		width: 100%;
		order: 1;
		float: none;
	}

	ul.gMenu {
		float: none;
		display: flex;
		justify-content: center;
				background:#81b7e1;
	}
}

.page-header{
	 background-color: #ffffff;
}

/*ヘッダー空きドロップシャドウ解除
---------------------------------------------------- */
.siteContent{
padding:1rem 0 1rem
}

.siteHeader{
box-shadow:none;
}

/* ロゴサイズ制限解除
---------------------------------------------------- */
.navbar-brand img {
  max-height: none !important;
}

/* メニュー背景色
---------------------------------------------------- */
ul.gMenu a{
	background:#81b7e1;
color:#444444;
}

ul.gMenu a:hover{
color: #ffffff; 
}

/* メニュー下線色
---------------------------------------------------- */
.gMenu>li:before{
position:absolute;
left:0;
	bottom:0;
content:"";
width:0;
	background:#2e6da4;
border-bottom:10px solid #337ab7;
transition:all.5s ease-out;
}

/* サブメニュー背景色
---------------------------------------------------- */
.sub-menu.acc-child-open{
	opacity:1;
	max-height:1000px;
	background-color: #fbf7d0;
}

/* パンくずリスト非表示
---------------------------------------------------- */
.breadSection{
display:none !important;
}

/* トップ見出し帯ブルー高さ
---------------------------------------------------- */
p.has-background{
padding:5px 20px;
}

/* トップサイド背景
---------------------------------------------------- */
ul.has-background{
padding:10px;
}

/* サイド背景色
---------------------------------------------------- */
.subSection {
padding:10px;
 background-color: #fbf7d0;
}

/* スライドショー文字大きさ
---------------------------------------------------- */
.mini-content-container-1 .slide-text-title{
font-size:2.5vw;
	  font-weight: bold !important;
	text-shadow:5px 5px 10px rgba(0,0,0,0.4);
}

@media screen and (max-width: 767px)  {
.mini-content-container-1 .slide-text-title{
font-size:5vw;
  font-weight: bold !important;
	text-shadow:2px 2px 5px rgba(0,0,0,0.4);
	}
}

/* スライドショー横幅
---------------------------------------------------- */
.carousel-inner {
  max-width:1110px;
  margin: 0 auto;
}

/* 固定ページ見出し帯ブルー
---------------------------------------------------- */
page-header_pageTitle,h1.page-header_pageTitle:first-child{
margin:10px 0;
	font-size:1.75rem;
	line-height:1.5;
	 background-color: #337ab7;
}
