@charset "UTF-8";

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

/*カラーパレット
透過=transparent
ホバー=#fbcb0c

*/

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

#main-visual {
    padding-bottom: 10px;
    text-align:center
}

.eye-catch {
    text-align: center;
}

/************************************
** 記事背景の設定
************************************/
#main{
	background-color: #ffffff;
	border-radius: 5px;
	border:none;}

#navi ul{
border:none;
background-color:transparent;
}

#navi-in{
    display: flex;
    justify-content: center;
}

/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
/*背景色*/
#sidebar{
    background-color: #ffffff;
    border-radius: 5px; /*角の丸め*/
    padding: 5px 8px;
    border: none; /*デフォルト1px solid #ddd*/
}
/*サイドバータイトル文字設定*/
#sidebar h3{
  color: #333333;
  margin-bottom: 5px;
  font-size:20px;
  border-bottom:1px solid  #dddddd;
  padding:10px 0;
}
/*ウィジェット背景設定*/
#sidebar .widget{
  background-color:transparent;
  border-radius: 15px; /*角の丸め*/
  padding: 1px 20px 0px;
  margin-bottom: 0px;
}

/************************************
** ロゴサイズ指定（retina対応）
************************************/
/*ロゴ*/
img.site-title-img {
    width: 250px;
    height: 250px;
}

/************************************
** サイトタイトル＆ディスクリプション
************************************/
#site-title a {
font-size: 25px;
    font-family: ヒラギノ丸ゴ ProN;
    font-weight: bold;
    color: #333333;
}

#site-description{
    display:none;
    color:#333333;
}

#site-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

/************************************
** 文字色
************************************/
body {
  font-family:
      'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif;
      /* Helvetica, Arial,はZenfone2Laserという端末の不具合対策
         https://goo.gl/IwQZvd */
  font-size:10px;
  -webkit-text-size-adjust: 100%;
   color:#000000 !important;
}

p{
color:#333333;
font-size:16px;
}

p3{
color:#000000;
font-size:16px;
}


.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#333333;
  font-size:15px;
  font-weight: bold;
}

/************************************
** アンカー　122
************************************/
a {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word;
  text-decoration: none;
}

a:hover {
  color: #fbcb0c;
}

.widget_new_entries a:hover, .widget_new_popular a:hover, .widget_popular_ranking a:hover, .wpp-list a:hover, .entry-read a:hover, .entry .post-meta a:hover, .related-entry-read a:hover, .entry a:hover, .related-entry-title a:hover, .navigation a:hover, #footer a:hover, .article-list .entry-title a:hover, .blog-card-title a:hover {
    color: #fbcb0c;
}

/************************************
** 画像透過設定
************************************/
 a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/************************************
** 見出し文字色
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1 {
  margin-top:0px;
  margin-bottom:0px;
  font-size: 24px;
  line-height:117%;
  text-align:center;
}

#archive-title{
  padding-bottom:20px;
  font-size:20px;
}

.article h2 {
  border-left:1px solid #333333;
  padding:10px 0;
  font-size:22px;
}

.article h3{
  font-size:20px;
  border-bottom:5px solid #333333;
  padding:10px 0;
}

.article h4, .article h5, .article h6{
  font-size:20px;
  padding:8px 0;
}

.article h4{
  border-bottom:5px dashed #333333;
}

/************************************
** エントリーカード
************************************/
.entry .post-meta a{
  color:#333333;
}

/* エントリーカード ボーダー */
.entry h2 {
position: relative;
	border-bottom: 1px solid #0078ff;
	line-height:1.2;
}
/* エントリーカード 文字色 */
.entry h2 a {
color:#333333;
font-size:20px;
line-height:1.5;
text-decoration:none;
font-weight:bold;
}

/* エントリーカード 投稿時間 文字色 */
.entry-snippet ,.post-meta ,.entry-content {
color:#333333;
background-color:transparent;
}

/* エントリーカード 内容 文字色 */
.entry-read a {
color: #333333;
background-color: transparent;
text-decoration: none;
padding:0;
}

/* エントリーカード 「記事を読む」後のヤジルシ */
.entry-read a:after {
	font-family: FontAwesome;
	content: '\f138';
color: #333333;
padding-left:5px;
}


/* h1 文字サイズ、マージン */
.article h1 {
position:relative;
font-size:26px;
padding-left:0px;
}

/* h2 */
.article h2 {
	position: relative;
	border-bottom: 3px double #0078ff;
	line-height:1.0em;
margin:5px;
border-left:none;
}

/* h3 */
.article h3 {
	border-bottom: 1px solid #0078ff;
}

/* h4 */
.article h4 {
		border-bottom: 1px dotted #0078ff;
}

/* h5 */
.article h5 {
		border-bottom: 1px solid #0078ff;
width:50%;
}

/* ??? */
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.5);
  }
/* ??? */
blockquote:before {
  color: #0000ff;
  }
/* ??? */
blockquote:after {
  color: #0000ff;
  }

/* 記事 ??? */
.article th{
  border: solid 1px #0000ff;
  background-color: #f1eae0;
}
/* 記事 ??? */
.article td{
  border: solid 1px #0000ff;
}

/* 記事 ??? */
hr {
color: #0000ff;
border:1px solid #0000ff;
}

/* ??? */
.page-link span, .comment-page-link span, .comment-page-link a {
    color: #0000ff;
    border: 1px solid #0000ff;
    background: #0000ff;
    }
.page-link a span, .comment-page-link a {
    background: #fff;
    color: #0000ff;
}

/* モバイルメニュー ??? */
#mobile-menu a {
    color: #333333;
}

/************************************
** ヘッダー設定
************************************/
#header {
    margin-top: 0px;
    background: #ffffff99;
}

/************************************
** ページトップボタンの色
************************************/
#page-top a {
    color: #ffffff;
    font-size: 6px;
    background-color: #333333;
}

.fa-angle-double-up:before {
    content: "PAGE TOP";
}

/************************************
** グローバルナビメニュー（menu）
************************************/
@media screen and (min-width : 1024px) {

/*メニューカラー　背景色、影色、ボーダー上、下*/
#navi{
    position: relative;
    padding: 0 0;
    background-color: #00000099;
    box-shadow: 0px 0px 0px 7px transparent;
    border-top: 3px dashed transparent;
    border-bottom: 3px dashed transparent;
}

/*メニュー背景色*/
#navi ul{
border:none;
background-color:transparent;
}

/*メニュー（入れ子）の背景色*/
#navi ul.sub-menu, #navi ul.children {
    background-color: rgba(0,0,0,0.5);
}

/*メニュー文字色*/
#navi ul li a {
	font-weight: bold;
	color: #ffffff;
display: block;
padding: 0px 20px;
}
/*メニュー文字色（のっけたとき）*/
#navi ul li a:hover{
	font-weight: bold;
	color: #ffd800;
background-color: transparent;
padding-bottom:0px;
}
#navi ul li a:hover:before {
	font-family: FontAwesome;
	font-size:1.0rem;
color:#ffff00;
	}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:41px;
}
#navi ul.sub-menu,
#navi ul.children{
border:none;
/*padding-bottom: 1.1rem;*/
line-height: 1rem;
/*overflow:hidden;*/
}


/* サイドバー h3 ボトム */
#sidebar h3 {
position: relative;
margin:0px;
margin-bottom: 5px;
border-bottom: 1px dashed #0078ff;
}

/* 関連記事 タイトル ボトム */
.related-entry-title {
    border-bottom: 1px dotted #0078ff;
}

/* 関連記事 画像とタイトルのマージン */
.related-entry-content{
margin-left:120px;
}

/* 関連記事 タイトル */
.related-entry-title a,.related-entry-snippet{
color:#333333;
}

/* SNSボタン（フォローボタン？） */
ul.snsp li a span {
        background-color: #333333;
    color: #fff;
}

/* ??? */
.widget_new_entries ul li img, .widget_new_popular ul li img, .widget_popular_ranking ul li img {
        margin-right: 15px;
}
#sidebar .widget_new_entries ul, #sidebar .widget_new_popular ul, #sidebar .widget_popular_ranking ul,
#sidebar .widget_new_entries ul a, #sidebar .widget_new_popular ul a, #sidebar .widget_popular_ranking ul a
{
display: block;
color: #0078ff;
padding-left: 10px;
font-size:15px;
}

/************************************
** パンくずリスト・ページナビ
************************************/
#breadcrumb{
  margin-bottom: 20px;
  color:#333333;
  font-size:13px;
}

div#breadcrumb div {
  display: inline;
}

#breadcrumb span.sp{
  margin:0 10px;
}

#breadcrumb a{
  text-decoration:none;
  color:#333333;
}

#breadcrumb a:hover{
    color: #fbcb0c;
    text-decoration: none;
}

/*記事下タグマークカラー*/
.fa-tags:before {
    color: #333333;
}

/************************************
** フッター(footer)
************************************/
#footer ,#footer a{
color:#fff;
font-size: 14px;
background-color:#333333;
}

/************************************
** SNSボタンカラー
************************************/

.icon-rss-logo:before {
  content: "\e938";
  color: #333333;
  background-color: #dddddd;
}
.icon-twitter-logo:before {
  content: "\e939";
  color: #333333;
  background-color: #dddddd;
}
.icon-youtube-logo:before {
  content: "\e93a";
  color: #333333;
  background-color: #dddddd;
}

/************************************
** ページネーション
************************************/
/*ページネーションの見た目を変更するためのエリア*/
.pagination a {
    /* overflow: hidden; */
		/* ページネーションの全体の背景色 */
    background: transparent;
		/* ページネーションの全体の文字色 */
    color: #333333;
}
.pagination li.current a {
		/* 現在のページ番号の背景色 */
    background: #dddddd;
		/* 現在のページ番号の文字色 */
   	color: #333333;
}
.pagination li:not([class*="current"]) a:hover {
		/* マウスホバー時の背景色 */
    background: #333333; 
		/* マウスホバー時の文字色 */
    color: #fbcb0c;
}
.pagination a {
		/* 枠線の色 */
    border-color: #333333;
}

/*ページネーションの設定に関するエリア*/
/* ページネーションの最初、最終リンクを非表示するコード。ここの削除またはコメントアウトすれば再度最初、最終リンクを表示することが出来ます。*/
.pagination .first, .pagination .last {
	display:none;
}

/*左矢印ボタンの角丸をつける*/
.pagination .previous a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-left-width: 1px !important;
}

/*右矢印ボタンの角丸をつける*/
.pagination .next a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}


/*スマホ閲覧時のページネーションの設定に関するエリア*/
@media only screen and (max-width: 500px){
/* ページネーションを均等かつ中央に表示するためのコード */
.pagination {
	display:flex;
	justify-content: center;
}

/* スマホ閲覧時ページネーションを表示するためのコード */
.pagination li {
    position: relative;
    top: 0;
    left: 0;
}

/* ページボタンをスマホでも正方形にする */
.pagination a{
    width: 33px;
    height: 33px;
    line-height: 33px;
    box-sizing: border-box;
}
}

/************************************
** サイト独自設定
************************************/

/************************************
** 画像サイズの指定（Retina対応）
************************************/
/*ロゴ*/
img.site-title-img {
    width: 360px;
    height: 56px;
}

/************************************
** BOX
************************************/
ul.fl {
  display: flex;
  justify-content: space-between;
}

.type1 {
  width: 50%;
  text-align:center
}

.type1 p {
  text-align:center
}

.type2 {
  width: 50%;
  margin: 0 auto;
  text-align:center
}

.type2 p {
  text-align:center
}

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #333333;
    border: solid 1px #333333;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}

/************************************
インデックスのブログエリア表示設定
************************************/

#main .widget_new_entries ul, #main .widget_new_popular ul, #main .widget_popular_ranking ul, #sidebar .widget_new_entries ul, #sidebar .widget_new_popular ul, #sidebar .widget_popular_ranking ul, #footer .widget_new_entries ul, #footer .widget_new_popular ul, #footer .widget_popular_ranking ul {
    padding-left: 0;
    list-style: none;
    max-width: 100%;
    margin: 0 auto;
}


/************************************
ヘッダーマージン設定
************************************/

#header .alignleft {
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/************************************
ウィジェット　"重ねて表示"　の背景色設定
************************************/

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content, .widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content, .widget_new_popular .new-entrys-large-on .new-entry .new-entry-content, .widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title, .widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content, .widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {

background:#33333399;

}

/************************************
行間、文字色設定
************************************/
.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a, .widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content a, .widget_new_popular .new-entrys-large-on .new-entry .new-entry-content a, .widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title, .widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content a, .widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
    line-height: 1.2;
    color: #fff;
    /* opacity: 0.8; */
    display: block;
}

/************************************
エントリーカードカスタマイズ
************************************/

.entry-card-content {
height:180px;
}

.entry-card-content h2{
height:65px;
}

.entry-snippet {
    font-size: 14px;
    padding: 0 5px;
    word-wrap: break-word;
}

.entry .post-meta {
    text-align: left;
    margin: 7px auto; 
    line-height: 1.5;
}

/************************************
検索窓　アクティブ時枠カラー
************************************/

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
    border: 1px solid #ffd800;
    background: #fff;
    box-shadow: 0 0 3px #ffd80099;
}

/************************************
box
************************************/

.box2 {
    display: inline-block;
    vertical-align: middle;
    width: 43%;
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #0078ff;/*文字色*/
    background: #FFF;
    border: solid 3px #0078ff;/*線*/
    border-radius: 10px;/*角の丸み*/
    height:220px;
}
.box2 p {
    text-align:center;
    margin: 0; 
    padding: 0;
}

.s-image {
text-align:center;
}

.box2-2 {
    display: inline-block;
    vertical-align: middle;
    width: 93%;
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #0078ff;/*文字色*/
    background: #FFF;
    border: solid 3px #0078ff;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.box2-2 p {
    text-align:center;
    margin: 0; 
    padding: 0;
}

.article h6 {
  margin-top:3px;
  margin-bottom:3px;
  font-size: 24px;
  text-align:center;
}

/************************************
カスタムボタン（元67c5ff）
************************************/
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #f00;
    border: solid 2px #f00;
    border-radius: 3px;
    transition: .4s;
    font-size: 30px;
}

.square_btn:hover {
    background: #f00;
    color: white;
}