/* カスタム CSS をここに入力してください */

/* ---------------------------------------------------------------------------------------
	A01. Midashi line-blue
--------------------------------------------------------------------------------------- */

h3.line-blue {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
    font-size: 1.5em;
}
h3.line-blue:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
	
}
.article h3 {
	border-top: none;
	border-right: none;
}

/* ---------------------------------------------------------------------------------------
	A02. Midashi line-dot
--------------------------------------------------------------------------------------- */

.line-dot {
	padding: .5em .75em;
	background: #f4f4f4;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
}

/* ---------------------------------------------------------------------------------------
	A03. Midashi line-green
--------------------------------------------------------------------------------------- */

.line-green {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #006600;
    font-size: 1.5em;
}
.line-green:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}


/* ---------------------------------------------------------------------------------------
	B01. Waku-kakomi
--------------------------------------------------------------------------------------- */
.waku01 {
    padding:20px;
    border:solid 2px #000000;
    border-radius:10px;
    background-color:#fafafa;
    margin-top:10px;
    margin-bottom:30px;
}


/* ---------------------------------------------------------------------------------------
C01. Site-logo size for InternetExproler
--------------------------------------------------------------------------------------- */
.site-logo {
  max-width:97%;
}


/* ---------------------------------------------------------------------------------------
D03. Mouse On -alpha
--------------------------------------------------------------------------------------- */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* ---------------------------------------------------------------------------------------
	E03. button
--------------------------------------------------------------------------------------- */
.btn {
    padding: 15px 70px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    border-radius: 5px;
}
.btn01 {
    background-color: #3169d1;
    color: #fff !important;
}
.btn01:hover {
    background-color: #998bfa;
}

/* ---------------------------------------------------------------------------------------
	F01. column-left
--------------------------------------------------------------------------------------- */
.column-left {
 background-color: #ffffff; /*#E1F7FD;*/
}
/* ---------------------------------------------------------------------------------------
	F02. column-right
--------------------------------------------------------------------------------------- */
.column-right {
 background-color: #ffffff; /*#FBF5EA;*/
}
/* ---------------------------------------------------------------------------------------
	F03. column-center
--------------------------------------------------------------------------------------- */
.column-center {
 background-color:#ffffff; /* #87D3C7;*/
}

/* ---------------------------------------------------------------------------------------
G01.複数の固定ページの日付を非表示にする
--------------------------------------------------------------------------------------- */
.date-tags {
  display: none;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}


/* ---------------------------------------------------------------------------------------
	H01. Facebook pulgin 用の調整(レスポンシブ)
--------------------------------------------------------------------------------------- */
/* スマホ用 */
	.fb-container {
		width: 100%;
	}



/* ---------------------------------------------------------------------------------------
	I 01. トップページ　中間ナビ
--------------------------------------------------------------------------------------- */
/* クリアフィックス */
#navi-bar ul:after {
  content: "";
  clear: both;
  display: block;
}
#navi-bar ul {
  margin: 0;
  padding: 0;
	max-width:100%;
}
/*リストの設定 */
#navi-bar ul li {
    background-color: #C0C0C0; /*#08088A;*/
 color: #fff;
  display: block;
  float: left;
  list-style-type: none;
  text-align: center;
    margin: 0.2%;
    padding: 1%
}
    @media only screen and (min-width: 769px) {
#navi-bar ul li {
  width: 19.2%;
    }
    }
    @media only screen and (max-width: 768px) {
     #navi-bar ul li {
  width: 49.2%;
} 
}
/* ---------------------------------------------------------------------------------------
	J 01. マウスオンのボタン
--------------------------------------------------------------------------------------- */

.btn {
    padding: 15px 70px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 20px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    border-radius: 5px;
}
.btn01 {
    background-color: #3169d1;
    color: #fff !important;
}
.btn:hover {
    opacity: 1.0;
}
/* ===================================
 Instagram
===================================*/
.author-follows .sns-follow .sns-follow-buttons .instagram-button{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    color: #fff;
    border: 0;
    margin-right: .5em;
}
/* ---------------------------------------------------------------------------------------
	K 01. 
--------------------------------------------------------------------------------------- */