@charset "UTF-8";

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

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

/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #2f2e2e;
 border-bottom:1px solid #2f2e2e;
}

/*グローバルナビの修飾 */
#navi {
 border-top:1px solid #F3F3F3;
 border-bottom:1px solid #F3F3F3;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #011CF2 !important;
　　　　　　　　background-color:white;
}
#navi ul li a:before{
   background:#011CF2 !important;
}
#navi ul,#navi{
 background-color:white;
}


/*シェアボタン均等割り*/
.sns-group-viral ul {
	  display: flex; 
}

/*---------------------------------
固定ページの日付・更新日を非表示にする
--------------------------------*/
#post-7 .post-meta,#post-16 .post-meta,#post-61 .post-meta,#post-63 .post-meta,#post-59 .post-meta,#post-25 .post-meta,#post-27 .post-meta,#post-57 .post-meta,#post-177 .post-meta,#post-175 .post-meta,#post-173 .post-meta,#post-171 .post-meta,#post-169 .post-meta,#post-167 .post-meta,#post-163 .post-meta,#post-165 .post-meta,#post-161 .post-meta,#post-139 .post-meta,#post-135 .post-meta,#post-137 .post-meta,#post-131 .post-meta,#post-133 .post-meta,#post-35 .post-meta,#post-18 .post-meta,#post-20 .post-meta,#post-23 .post-meta,#post-20 .post-meta,#post-●● .post-meta,#post-●● .post-meta,#post-●● .post-meta{ 
 display: none; 
} /* ●●には記事IDを入れる */

/*---------------------------------
固定ページのSNSボタンを非表示にする
--------------------------------*/
#post-57 ul.snsb,#post-59 ul.snsb,#post-25 ul.snsb,#post-27 ul.snsb,#post-●● ul.snsb,#post-●● ul.snsb,#post-16 ul.snsb,#post-61 ul.snsb,#post-63 ul.snsb {
 display: none; 
} /* ●●は記事ID */

/*---------------------------------
固定ページのシェアボタンの周りを非表示にする
--------------------------------*/
#post-57 #sns-group,#post-16 #sns-group,#post-59 #sns-group,#post-25 #sns-group,#post-27 #sns-group,#post-●● #sns-group,#post-●● #sns-group,#post-61 #sns-group,#post-63 #sns-group {
 display: none; 
} /* ●●は記事ID */

/*---------------------------------
メイン枠を消す
--------------------------------*/
#main{
	border:none;
}

/*---------------------------------
トップページ画像の余白調整
--------------------------------*/
#main-visual {
	margin:-15px auto 15px;
}

/* 見出しを変更 */

.article h1 {
  font-size:20px;
}

.article h2 {
  font-size:18px;
  background: #084B8A;
  color: #fff;
  padding: 12px 0px 12px 14px ;
  border-left: none;
  box-shadow: 0 2px 5px #999;
}

.article h3 {
  font-size:17px;
  border-bottom: none;
  border-left: 7px solid #084B8A;
  padding: 8px 0px 8px 12px;
  box-shadow: 0 2px 5px #999;
}
 
.article h4 {
  font-size:16px;
  border-bottom: 2px dotted #084B8A;
  padding: 4px 0px;
}


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar h3{
  text-align:center; /* タイトルの中央寄せ */
  border-top: 3px double #084B8A; /* 枠線色 */
  border-bottom: 3px double #084B8A;
}


/************************************
** マウスオーバー（半透明）
************************************/
a:hover img {
	opacity: 0.7;
	filter:alpha(opacity=70);
}


/* 「記事を読む」ボタンの装飾 */
.entry-read a{
color:#fff;
font-size:14px;
background-color:#084B8A;
border:1px solid #084B8A;
border-radius:2px;
padding:3px 10px 3px 5px;
text-decoration:none;
}

.entry-read a:hover{
color:#fff;
background-color:#9fd2c3;
border:1px solid #9fd2c3;
}

/* 「記事を読む」ボタンを右へ移動 */
.entry-read {
text-align: right;
margin-right: 10px;
}


/* 関連記事の「記事を読む」ボタンの装飾 */
.related-entry-read a{
color:#fff;
font-size:14px;
background-color:#9fd2c3;
border:1px solid #9fd2c3;
border-radius:2px;
padding:3px 10px 3px 5px;
text-decoration:none;
}

/* 関連記事の「記事を読む」ボタンを右へ移動 */
.related-entry-read {
text-align: right;
margin-right: 10px;
}



/* ? お問い合わせフォームのカスタマイズ ? */
/* 入力部分のカスタマイズ */
.wpcf7 select, input[type="email"], input[type="text"], textarea {
width: 96%; /* 最大の幅 */
font-size: 100%; /* フォントの大きさ */
padding: .5em; /* 文字と入力枠の間の余白（0.5文字を指定）*/
border: 1px solid #ccc; /* 枠の指定 */
border-radius: 4px; /* コーナーを微妙に丸く */
}
/* 送信ボタンのカスタマイズ */
.wpcf7 input[type="submit"] {
font-size: 100%; /* フォントの大きさ */
padding: 1em 2em; /* 「送信する」という文字とボタンの枠までの間隔（上下1文字、左右2文字を指定）*/
background: #00008b; /* 背景色 */
color: #ffffff; /* 文字色 */
border-radius: 4px; /* コーナーを微妙に丸く*/
box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* ボタンに影をつけて立体的に */
border: 1px solid #ccc; /* ボタンの枠の指定 */
text-align: center; /* ボタンの中の文字の位置の指定（中央）*/
}
/* 送信ボタンにマウスが乗ったら色を変える */
.wpcf7 input[type="submit"]:hover {
background: #f0ffff; /* マウスが乗ったら背景色を変更 */
color: #555555; /* マウスが乗ったら文字色を変更 */
}

/* box */
.samplebox {
padding: 20px; /* BOX内の余白 */
background-color: #f0f8ff; /* 背景色 */
margin-bottom: 20px; /* BOX下の余白 */
font-size: 1em; /* 文字の大きさ */
line-height: 26px; /*　一行の高さ */
box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* BOXに影をつける */
}



/* テキストBox サービス内容使用 */
.box30 {
margin: 2em 0;
background: #f1f1f1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
font-size: 1.2em;
background: #084B8A;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.box30 p {
padding: 15px 20px;
margin: 0;
}