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

/*******************************
* ヘッダーの一番上にストライプ
********************************/
.headerTop {
/* ストライプ
    background-image: linear-gradient(to right, #3e3a39, #3e3a39 6px, #fff 6px, #fff 12px);
    background-size: 12px 10px;
    background-position: bottom;
    background-repeat: repeat-x;
    height: 10px;
*/
/*斜めストライプ*/
  /* -45度斜めから25%、50%、75%、100%とボーダーが交互に色違いとなるように指定 */
  background-image: linear-gradient(-45deg,#fff 25%,#3e3a39 25%, #3e3a39 50%,#fff 50%, #fff 75%,#3e3a39 75%, #3e3a39);
    background-size: 20px 20px;
    background-position: bottom;
    background-repeat: repeat-x;
    height: 10px;


}

/*******************************
* ヘッダー背景色とフォントカラー変更
********************************/
.siteHeader{
	background-color:#3e3a39 !important;
	color:#ffffff;
}

.container.siteHeadContainer{
	background-color:#3e3a39 !important;
	color:#ffffff;
}

.section.siteFooter{
	background:#3e3a39;
	color:#ffffff;
}



/*******************************
* メニュー背景色とフォントカラー変更
********************************/
ul.gMenu a{
	background:#3e3a39;
	color:#ffffff;
}

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

/* グローバルメニューの下線の色 */
.navbar ul.gMenu > li.current-menu-ancestor > a:after,
.navbar ul.gMenu > li.current-menu-item > a:after,
.navbar ul.gMenu > li.current-menu-parent > a:after,
.navbar ul.gMenu > li.current-post-ancestor > a:after,
.navbar ul.gMenu > li.current_page_ancestor > a:after,
.navbar ul.gMenu > li.current_page_parent > a:after,
.navbar ul.gMenu > li > a:hover:after {
    border-bottom: 1px solid #ffffff;
}

/* グローバルメニュー（サブメニュー）マウスオーバー時の色 */
.navbar ul.gMenu > li > ul.sub-menu li a:hover {
    color: #ffffff;
}

/*フッターメニュー*/
ul.menu.nav a{
	color:#ffffff;
}

.nav > li > a:focus, 
.nav > li > a:hover{
	color:#F29600;
}

/* フッター上の線の色 */
footer.siteFooter {
    border-top: 3px solid #3e3a39;
}


/*******************************
* ヘッダー画像固定解除
********************************/
.navbar-brand img {

	max-height: none !important;

}
/*******************************
* フッターのコピーライト消す
********************************/
footer .copySection p:nth-child(2) {
    display:none !important;
    }

/*******************************
* 見出しのデザイン変更
********************************/
.mainSection-title,
h2 {
    border-top:none !important;
    border-bottom:none !important;
    background-color:#3e3a39;
    border-radius:5px;
    color:#fff;
    padding: 7px 10px 7px 20px;
    line-height: 2.5em;
    }


.mainSection-title:before,
h2:before {
    margin:0 10px 0 0;
    content:" ";
    display:inline-block;
    width:50px;
    height:50px;
    margin-right:20px;
    background-image:url( "http://piccolo.cm-elmo.com/wp-content/uploads/2019/03/piccolo_icon2.png" );
    background-size:contain;
    background-repeat: no-repeat;
    vertical-align:middle;
    }

/*******************************
* 全幅見出しにてH2が設定されているので、Css解除
********************************/
.widget_ltg_adv_full_wide_title_title:before,
h2:before{
    margin-right:0px;
    background-image:none;
    width:0px;
    height:0px;
    }
/* 全幅見出し上部余白消す */
.carousel {
    border-bottom:none;
    }

.home .siteContent {
    padding-top:0 !important;
    }

.home .siteContent_after {
    padding-bottom:0px !important;
    }

.siteContent_after {
    padding-bottom:0px !important;
    }

/*ヘッダー画像*/
#ltg_full_wide_title-9 .widget_ltg_full_wide_title_outer{
	background-position: center top !important;
	background-size: cover;

	padding-top:10%;
	padding-bottom:0;

}

/*フッター画像*/
#ltg_full_wide_title-11 .widget_ltg_full_wide_title_outer{
	background-position: center bottom !important;
	background-size: cover;

	padding-top:10%;
	padding-bottom:0%;

}


@media only screen and (max-device-width: 480px) {
	/*ヘッダー画像*/
	#ltg_full_wide_title-9 .widget_ltg_full_wide_title_outer{
	
		padding-top:0px;
		padding-bottom:0px;
	}
	
	/*フッター画像*/
	#ltg_full_wide_title-11 .widget_ltg_full_wide_title_outer{
		padding-top:20px;
		padding-bottom:0px;
	}


}

/*******************************
*背景画像の設定
********************************/
.siteContent{
	background: url("http://piccolo.cm-elmo.com/wp-content/uploads/2019/02/backimg.png");
    background-size:50%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

/*******************************
*問い合わせエリアの背景色を半透明
********************************/
.contact_frame{
	background-color: rgba(249,249,249,0.5) !important;
}
/*******************************
* ヘッダーの電話番号
********************************/
.siteHeader .container{
    padding-top:10px !important;
}

.header-addon {
/*    color: #419625;*/
    text-align: right;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 20px;
}
.header-span {
    color: black;
    font-weight: normal;
/*    font-size: 14px;*/
}
.header-text {
    float: left;
    font-size: 90%;
    line-height: 28px;
}
.tel-box {
/*    float: left;
    margin-right: 20px;*/
}
.header-addon i {
    margin: 0 5px;
}

/*******************************
* フッターの余白を消す
********************************/
footer .sectionBox {
    display:none !important;
    }

footer .copySection {
    display:block !important;
    border-top:none !important;
    }

/*******************************
* メニューの大きさ
********************************/
.gMenu_name {
    font-size:16px;
    }

/*******************************
* 固定ページタイトル非表示
********************************/
.page-header_pageTitle {
	display: none;
}

.breadSection {
	border-bottom: none !important;
}


/*******************************
*サービス案内テーブルスタイル
********************************/

.service table{
	border-collapse:collapse;
	margin:0 auto;
}
.service 
td,th{
	text-align: center;
	border:1px solid #ccc;
/*
	padding:10px;
*/
}
.service 
th{
	background:#3e3a39;
	color: #fff;/*文字色*/
}

.service-s{
	font-size:12px;
	font-size:1.2rem;
}

/*******************************
* lightbox 非表示
********************************/
.jp-carousel-image-meta{
	display:none;
}
.jp-carousel-comment-form-field{
	display:none;
}

/*top 保育方針のデザイン*/
div.hoikuhousin ul {
	padding: 0.5em;
	list-style: none;
}
div.hoikuhousin ul li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(255,143,0,1);
}
div.hoikuhousin ul li:after,
div.hoikuhousin ul li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
div.hoikuhousin ul li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(255,143,0,1);
}
div.hoikuhousin ul li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgba(255,143,0,0.5);
	transform: rotate(60deg);
}
/*top 入園の条件のデザイン*/
.box_nyuen {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FFC664;
    border-radius: 8px;
}
.box_nyuen .box-title_nyuen {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #FFC664;
    font-weight: bold;
}
.box_nyuen p {
    margin: 0; 
    padding: 0;
}
/*Top 従業員枠デザイン*/
.box_zyugyouin {
    margin: 2em 0;
    background: #dcefff;
	float: left;
}
.box_zyugyouin .box-title_zyugyouin {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_zyugyouin p {
    padding: 15px 20px;
    margin: 0;
}

/*Top 地域枠デザイン*/
.box_chiiki {
    margin: 2em 0;
    background: #FCDEEB;
	float: right;
}
.box_chiiki .box-title_chiiki {
    font-size: 1.2em;
    background: #F6A1C7;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_chiiki p {
    padding: 15px 20px;
    margin: 0;
}

.box_ryouhou {
	clear: both;
}

/*園内の情報の会社名フォント変更*/
.vk_staff_text_name {
    font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.vk_staff_text_role{
    font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*こだわりの給食　インスタボタンデザイン*/
.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 400px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}



/*ブログ、Newsのサイドバーデザイン*/
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}

.list1 a {
    color: #464646;
}

.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;