@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */


/* ----------------------------------------------
　フォント
---------------------------------------------- */ 


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




/* ----------------------------------------------
　ヘッダー　サイトタイトル・キャッチフレーズ左
---------------------------------------------- */ 

#header .alignleft{
    margin-left: 0px;
}

/* ----------------------------------------------
　見出し
---------------------------------------------- */ 

h1#top-title{
text-align:right;
font-weight:normal;
font-size:12px;
margin:0px 0px 30px 0px;
}

.article h1.entry-title{
    margin: 30px -34px 20px;
    padding: 20px 30px 15px 20px;
	background:linear-gradient(to bottom, #008D52, #00C873);
	color:#ffffff;
	box-shadow: 0px 2px 2px #bbbbbb;
	font-weight:normal;
}

@media screen and (max-width: 740px) {
.article h1.entry-title{
	    margin: 30px 0px 20px;
	padding: 20px 30px 15px 20px;
	background:linear-gradient(to bottom, #008D52, #00C873);
	color:#ffffff;
	box-shadow: 0px 2px 2px #bbbbbb;
	font-weight:normal;
}
}


.article h2{
	border-top:2px solid #008D52;
	border-bottom:2px solid #008D52;
	margin: 40px -5px 30px -5px;
	border-left:none;
	padding:12px 10px 8px 10px;
	font-weight:normal;
}

#sidebar h3{color:#008D52;}


/* ----------------------------------------------
　その他の見出し
---------------------------------------------- */ 

/* ページ上リード */
.lead{
	color:#008D52;
	font-size:24px;
	font-weight:bold;
	line-height:160%;
	margin-bottom:0px;
	}
.lead2{
	color:#E71E75;
	font-size:20px;
	font-weight:bold;
	line-height:160%;
	margin-bottom:0px;
	}

/* 囲みスラッシュ */
.slash{
position: relative;
display: inline-block;
padding: 0 45px;
color:#008D52;
font-size:24px;
font-weight:bold;
margin-top:15px;
}
.slash:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: #008D52;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
left:0;
}
.slash:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 44px;
height: 2px;
background-color: #008D52;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);	
right: 0;
}
.slash_outer{
text-align:center;
margin-top:40px;
margin-bottom:30px;
}

@media screen and (max-width:560px) {
.slash{
position: relative;
display: inline-block;
padding: 0 20px;
color:#008D52;
font-size:24px;
font-weight:bold;
margin-top:15px;
}
.slash:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 20px;
height: 2px;
background-color: #008D52;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);	
left:0;
}
.slash:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 20px;
height: 2px;
background-color: #008D52;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);	
right: 0;
}
}



/* 特典 */
.tokuten{
background:#008D52;
padding:7px 10px;
display:inline;
font-size:18px;
text-shadow: -2px 2px 0 rgba(0,0,0,0.3);
color:#fff;
}

/* 保護者の声の囲み枠 */
.waku{
	position: relative;
    border: 1px solid #008D52;
    padding: 15px;
	margin:20px 0px 30px 0px;
}
.waku_title{
	position: absolute;
    top: -12px;
    left: 20px;
    font-weight: bold;
    font-size: 120%;
    background: #fff;
	color: #008D52;
    padding: 0 .5em;
}

/* 入会の流れフローの吹き出し */
.baloon1{
    position:relative;
    background-color: #E8FFD0;
	border: #008D52 2px solid;
	font-weight:bold;
    border-radius:5px;
	padding:10px;
	margin-bottom:20px;
	width: 90%;
	margin-left:auto;margin-right:auto;
}
.baloon1:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 30px;
    bottom: -15px;
    border-top: 15px solid #008D52;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
}
.baloon1_end{
    position:relative;
    background-color: #E8FFD0;
	border: #008D52 2px solid;
	font-weight:bold;
    border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	width: 90%;
	margin-left:auto;margin-right:auto;
}

/* ミニ吹き出しオレンジ　保護者の声 */

.baloon2{
	position:relative;	
	background:#FF5C26;
	font-weight:bold;
	color:#fff;
    border-radius:20px;
	padding:10px 20px;
	margin-bottom:0px;
	display:inline;
}
.baloon2:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 30px;
    bottom: -15px;
    border-top: 15px solid #FF5C26;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
}


/* ----------------------------------------------
　そのほか文字の設定いろいろ
---------------------------------------------- */ 

/*強調　赤太字 */
.attention, .attention a{
color:#cc0000;	
}

/*蛍光ペン　水色*/
.shine{
font-weight:bold;
background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

/*フッター文字色 */
#footer{color:#78502F;}
#footer a{color:#78502F;}


/* ----------------------------------------------
　ナビ、メニュー
---------------------------------------------- */ 


/* グローバルナビ

#navi ul li a {padding:0.6em;}
#navi ul li a:before{content:"\f054";font-family: fontawesome;margin-right:2px;color:#008D52;}
 */
 
#navi ul{border-left:1px dashed #008D52;}
#navi ul li a {padding:0.5em 0.9em;
border-right:1px dashed #008D52;
}
 

/* モバイルのみ表示するヘッダー部分の緑メニュー */

#box ul{
width:100%;	
}

#box li{
	display:inline-block;
	background-color: #008D52;
	color:#fff;
	padding:10px;
}
#box a{
	color:#fff;
	text-decoration:none;
}

/* ----------------------------------------------
　サイドバー
---------------------------------------------- */ 
#sidebar-widget ul li{
font-size:14px;	
}

/* ----------------------------------------------
　フッター
---------------------------------------------- */ 
#footer, #footer a{
color:#ffffff;
}


/* ----------------------------------------------
　レスポンシブ対応table
---------------------------------------------- */ 

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.article table{width: 90%;margin-left:auto;margin-right:auto;margin-top:20px;}


.table1{border-collapse: collapse;}
.table1 th, .table1 td {padding: 10px;border: 1px solid #008D52;}
.table1 th{background:#E8FFD0; text-align: left;white-space:nowrap;}
.table1 ul{padding-left:20px;}
@media screen and (max-width:560px) {
.table1 {border-top: 1px solid #008D52; border-collapse: collapse;}
.table1 th {display: block;border-top:none; border-bottom:none; background:#E8FFD0; width: 100%;}
.table1 td {display: block;width:100%;}
}


.table2 {border:none;  table-layout:fixed;}
.table2 th,.table2 td {  padding: 10px;  border:none;}
.table2 th {font-weight:normal;}
@media screen and (max-width: 560px) {
  .table2 {border:none; }
  .table2 td {display: block;width:100%;  }
  .table2 th {display: block; width: 100%;  }
}


/* ----------------------------------------------
　箇条書き star
---------------------------------------------- */ 

.star li{
list-style:none;
position: relative;
margin-bottom:15px;
margin-right:15px;
line-height:160%;
padding-left: 0.4em; /* アイコンと文章の間のスペース */
}
.star li:before{
	position:absolute;
  content: "\f005";
  font-family: fontawesome;
  left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
  color: #008D52;
}

/* ----------------------------------------------
　google map レスポンシブ
---------------------------------------------- */ 

.ggmap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ----------------------------------------------
　You Tube レスポンシブ
---------------------------------------------- */ 

.yt {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.yt iframe,
.yt object,
.yt embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ----------------------------------------------
　投稿
---------------------------------------------- */

/* 投稿メタ */
.post-meta{background-color:#BEDEAD; color:#008D52;}


/* 投稿日の時計アイコン非表示 */
.post-meta .fa-clock-o:before {display: none;}


/* ----------------------------------------------
　フォーム
---------------------------------------------- */

/* フォームのチェックリストの項目を改行する */
.table1 span.wpcf7-list-item {
display: block;
}

.grecaptcha-badge { visibility: hidden; }


/*---------------------------------
固定ページの日付を非表示
--------------------------------*/
#post-15 .post-meta,#post-24 .post-meta,#post-52 .post-meta,#post-54 .post-meta,#post-56 .post-meta,#post-58 .post-meta,#post-60 .post-meta{
display: none;
}


#site-description {
margin-right: 0px;}