@charset "UTF-8";

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

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

/************************************
** 基本設定（General Setting）
************************************/
.article{
  font-size:15px;
  line-height:200%;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}

.article h1 {
  font-size: 22px;
  margin-top:35px;
  margin-bottom:20px;
  border-left:11px solid #fe619a;
  padding: 1px 0px 0px 8px;
  line-height:180%;
}

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

.article h2 {
  background:#FFF9FC;
  font-size:20px;
  letter-spacing:4px;
  margin: 45px -5px 20px;
  padding: 13px 10px 12px 16px;
  margin-left:3px;
  border-left:5px solid #fe619a;
  line-height:140%;
}

.article h3 {
  background:#FFF9FC;
  margin: 0 0 1.5em;
  padding: 0.3em;
  font-size:20px;
  font-weight: bold;
  border: 2px solid #fe619a;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
  -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.article h4 {
  font-size:18px;
  letter-spacing:2px;
  margin: 45px -5px 20px;
  padding:6px 10px;
  margin-left:3px;
  border-left:5px solid #fe619a;
  border-bottom:1px solid #fe619a;
  line-height:100%;
}

.article h5 {
  font-size:18px;
  letter-spacing:1px;
  margin: 25px -5px 20px;
  position: relative;
  padding: .5em 1.5em;
  background-color: #fe619a;	/* #ffc5e0 */
  color: #ffffff;	/* f32469 */
  border-radius: 6px;
  border-left:none;
/*旧デザインタイプ
  font-size:18px;
  margin: 30px -5px 20px;
  padding:5px 10px;
  border-bottom:3px solid #fe619a;
  line-height:100%;*/
}
.article h5::after {
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 13px solid #fe619a;	/* #ffc5e0 */
}

.article h6 {
  background:#FFF9FC;
  font-size:18px;
  letter-spacing:2px;
  margin: 45px -5px 20px;
  padding: 6px 6px;
  margin-left:3px;
  border-left:6px solid #fe619a;
  line-height:80%;
}

.entry-content{
  margin-bottom: 60px;
}

/************************************
** index.phpのリスト
************************************/
#main .entry { /* 境界線 */
  border-bottom: 2px dotted #fe619a;
  padding-bottom: 15px;
}

.entry .post-meta {
    text-align: right !important;
}

.entry h2 a{
  color:#333;
  font-size:17px;
  text-decoration:none;
  font-weight:bold;
  border-left:7px solid #fe619a;
  padding: 2px 0 0 5px;
}

.entry-snippet{
  margin:0 0 5px 0;
  line-height:150%;
  color:#555;
  font-size:15px;
}

.entry-read{
  text-align:right;
  font-size:14px;
  margin:13px;
}


/************************************
** 関連記事（Relation）
************************************/
.related-entry h4{
  margin-top: 0;
  font-size:20px;
}

.related-entry-title a{
  text-decoration:none;
  font-size:16px;
  font-weight:bold;
  color:#333;
}

.related-entry-read{
  text-align:right;
  font-size:14px;
  margin:13px;
}


/************************************
** サイドバー（Sidebar）・ウィジェットなど タイトル カスタマイズ
************************************/
#sidebar h3{
  margin-bottom: 10px;
  font-size:16px;
  letter-spacing:1px;
  border-left:5px solid #fe619a;
  padding: 2px 0 0 4px;
}

#sidebar .widget{
  margin-bottom: 45px;
  font-size:15px;
  line-height: 110%;
  margin: 34px 0;
}


/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
.post-meta{
  margin-bottom: 1.7em;
  text-align:right;
  background-color:#ffeef7;
  color:#555;
  font-size:13px;
}

.footer-post-meta{
  text-align: right;
  color:#555;
  font-size:13px;
  clear:both;
}


/************************************
** サムネイルつきポストナビ
************************************/
#prev-next #prev-title, #prev-next #next-title{
  top:-0.8em;
  position:absolute;
  border: 1px #ccc solid;
  text-align: center;
  padding:5px;
  color:#666;
  font-size:24px;
  border-radius:6px;
  background-color: #fff;
}


/************************************
** アンカー
************************************/
a  {
  word-wrap: break-word;
  text-decoration:none;
}

a:hover {
  color: #C03;
  text-decoration:underline;
}


.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{
  color:#c03;
  text-decoration:underline;
}

#footer .credit a:hover{
  color: inherit;
  text-decoration:underline;
}

/************************************
** グローバルナビメニュー（menu）
************************************/
#navi ul li a:hover{
  background-color:#ffddee;
  text-decoration:underline;
}


/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation .alignright a:hover{
  border-left: 1px solid #ddd;
  text-decoration:underline;
}


/************************************
** ページャー、ページナビゲーション
************************************/
.pager a:hover{
  border: solid 1px #ddd;
  background-color: #eee;
  text-decoration:underline;
}


/************************************
** 記事分割時のページナビゲーション
************************************/
.page-link a span:hover,
.comment-page-link a:hover{
  background: #eee;
  color: #000;
  text-decoration:underline;
}


/************************************
** 入力フォーム（Form）
************************************/
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #eee;
  text-decoration:none;
}


/************************************
** パンくずリスト（Breadcrumb）
************************************/
#breadcrumb a:hover{
  color:#c03;
  text-decoration:underline;
}


/*  ホーム記事一覧のサムネイルにエフェクト */
.entry-thumb img{
  transition: 0.5s;
}


/************************************
** レイアウト（Layout）
************************************/
#main {
  border:1px solid #ffc5e0;
}


/************************************
** ヘッダー(header)
************************************/
/* タイトル設定 */
#site-title{
  font-family:
/*      ARAMAR,*/
      'Hiragino Kaku Gothic ProN',
      Meiryo, sans-serif;
  margin-top:120px;
  margin-bottom:10px;
  font-size: 20px;
  line-height: 100%;
}

/* キャッチフレーズ設定 */
#site-description{
  font-family:
/*      ARAMAR,*/
      'Hiragino Kaku Gothic ProN',
      Meiryo, sans-serif;
  margin-top: 0;
  color: #ff005d;
  margin:0;
  padding:10 0;
  line-height:100%;
  font-size:15px;
  margin-right:20px;
  margin-bottom:10px;
  font-weight:normal;
}


/************************************
** フッター(footer)
************************************/
#footer {
    color: #ff005d !important;
}

.footer-left,
.footer-center,
.footer-right{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
}

#footer-widget {
  margin: 0px auto;
  text-align: left;
  padding:0 5%;
}

#footer a {
    color: #ff005d !important;
}

#copyright{
  padding: 20px 0;
  font-size: 90%;
  text-align:center;
}


/************************************
** index.phpのリスト
** ※エフェクト効果追加しました by masaa
************************************/
.entry-thumb img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/*  記事中のサムネイルにエフェクト */
.cboxElement img{
  transition: 0.5s;
}

.cboxElement img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/*  ホーム人気記事のサムネイルにエフェクト */
.popular-entry-thumb img{
  transition: 0.5s;
}

.popular-entry-thumb img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/*  新着記事のサムネイルにエフェクト */
.new-entry-thumb img{
  transition: 0.5s;
}

.new-entry-thumb img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/* 関連記事のサムネイルにエフェクト */
.related-entry-thumb img{
  transition: 0.5s;
}

.related-entry-thumb img:hover {
  opacity: 0.6;
  transition: 0.5s;
}


/************************************
** カテゴリー対応
************************************/
.widget_categories li {
/*  margin-bottom:0px !important;*/
  border-top:0px dashed #ffc5e0;
  border-left:0px dashed #ffc5e0;
  border-right:0px dashed #ffc5e0;
  border-bottom:1px dashed #ffc5e0;
  font-size:14px;
}

.widget_categories li a{
  text-decoration: none;
  color:#f32469;
/*  display:block; */
  line-height:24px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
}

.widget_categories li a:hover {
  background:#ffddee;
  margin-bottom:0px;
}


/* 親カテゴリーの統一アイコン設定
#categories-3 > ul > li:before {
  content: "\f07b";
  font-family: fontawesome;
  margin-right: 4px;
  color: #fe619a;
}*/

/* 子カテゴリーの統一アイコン設定
#categories-3 ul > li > ul li:before {
  content: "\f114";
  font-family: fontawesome;
  margin-right: 4px;
  color: #fe619a;
}*/


/* 各カテゴリー毎のアイコン設定 */
/* 黒アイコン */
.cat-item-78:before,	/* 生活 日常･イベント */
.cat-item-79:before,	/* 生活 用品･購入品･食･ポイント */
.cat-item-81:before,	/* 生活 応募･当選！ */
.cat-item-89:before,	/* デジモノ ガジェット */
.cat-item-90:before,	/* デジモノ スマホ&タブレット */
.cat-item-95:before,	/* 家電 生活･小物品 */
.cat-item-94:before,	/* 家電 Audio&Visual */
.cat-item-88:before,	/* ゲーム パズドラ */
.cat-item-150:before {	/* ゲーム その他 */
  content: " \f07c";	/* 別アイコン \f07b */
  font-family: FontAwesome;
  margin-right: 4px;
  color: #fe619a;
}
/* 白アイコン */
.cat-item-1:before,		/* 未分類 */
.cat-item-83:before,	/* PC ハードウェア */
.cat-item-86:before,	/* PC ソフトウェア･Windows */
.cat-item-92:before,	/* ホビー ガンダム */
.cat-item-122:before,	/* ホビー その他 */
.cat-item-140:before,	/* のりもの カー */
.cat-item-134:before,	/* 乗り物 バイク */
.cat-item-98:before {	/* Homepage 作成･運営･管理 */
  content: " \f115";	/* 別アイコン \f114 */
  font-family: FontAwesome;
  margin-right: 4px;
  color: #F41945;
}


/* 各カテゴリーの記事数表示設定 ※functions.phpも設定有り */
.widget_categories span {
  display: inline-block;
  float: right;
  margin-left: 8px;
  color: #f32469;
  background: #ffddee;
  font-weight: bold;
  font-style: oblique;
  font-size: 12px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;

  white-space: nowrap;
  line-height: 1.4;
  padding: 3px 10px;
  margin-bottom: 5px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.widget_categories a {
  overflow: hidden;
  *zoom: 1;
  padding: 4px;
}

.widget_categories a:hover span {
  color: #ffffff;
  background: #fe619a;
}


/************************************
** タグクラウド カスタマイズ
************************************/
.tagcloud {
  position: relative;
  overflow: hidden;
  padding: 0px 2px 0px 2px;
  text-align: left;
}

.tagcloud a {
  display: inline-block;
  background: #fe619a;
  white-space: nowrap;
  font-size: 100%;
  color: #ffffff;
  line-height: 1.4;
  padding: 2px 6px;
  margin-bottom: 5px;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.tagcloud a:hover {
  background: #ffddee;
  color: #f32469;
}

.tagcloud a {
  font-size: 12px !important;	/* タグクラウドのフォントサイズを統一 */
}


/************************************
** 人気記事ランキングの順位カスタマイズ
************************************/
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #ffeef7 !important;
  color:#fe619a !important;
  top: 0px !important;	/* top: -3px !important;　※Popular Posts プラグイン使用時 */
  left: 0px !important;	/* left: -6px !important;　※Popular Posts プラグイン使用時 */
  border-radius: 50px ;	/* border-radius: 50px !important; 順位番号を丸にする場合はこちらで */
  border:solid 1px #fe619a !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}


/************************************
** フッター タイトルカスタマイズ
************************************/
#footer .widget_text h3{
  margin-bottom: 10px;
  font-size:16px;
  color:#333;
  border-left:5px solid #fe619a;
  padding: 0 0 0 4px;
}


/*****************************
** カレンダーカスタマイズ／カレンダーに枠と曜日の色を付ける
*****************************/
#wp-calendar {
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #ffc5e0;
  border-right-color: #ffc5e0;
  background-color: #FFFFFF; /* カレンダーバックグランドカラー設定 */
  width: 250px;
  margin-left: 24px;
  font-size:12px;
}
 #wp-calendar thead tr th {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #ffc5e0;
  border-left-color: #ffc5e0;
}

#wp-calendar thead tr th:nth-child(1),	/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(2),	/*月曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(3),	/*火曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(4),	/*水曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(5),	/*木曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(6),	/*金曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){	/*土曜日のヘッダーセル*/
  background-color: #FFDFED;
}

#wp-calendar td {
  text-align: center;
  padding: 2px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #ffc5e0;
  border-left-color: #ffc5e0;
}
#wp-calendar caption {
  font-weight: bold;
  text-align: left;
}
#wp-calendar tbody tr #today {
  font-weight: bold;
  background-color: #FFEEFF;
}

#wp-calendar a:link { 
/*  text-decoration: underline;*/
/*  font-weight: bold;*/
  font-style: oblique;
  background-color: #FFEEFF;
}

#wp-calendar td a{
   display:block;
   width:100%;
   height:100%;
}

#wp-calendar td:hover {
  background-color: #ffc5e0 !important;    /* マウスオーバー時の行の背景色 */
}


/*****************************
** 記事中の画像に枠を表示する場合は、class=”border” を指定する
*****************************/
#the-content img {
  border: none ;
}

.border {
  border: 1px solid #ccc !important;
}


/*****************************
** 続きを読みカスタマイズ
*****************************/
.entry-read a {
text-decoration: none;
}
.entry-read a:before {
margin-right: 5px;
font-family: "FontAwesome";
/* content: "\f0a9";*/
content: "\f0a4";
}

/*****************************
** Simplicityのページネーションスタイルをv2.5.1以前に戻す
*****************************/
.pagination a{ border: 1px solid #ddd; border-left-width: 0; margin-left: 0; width: 36px; height: 36px; line-height: 36px; }

/*****************************
** 画像に影を付ける
*****************************/
.shadow1 {
 -webkit-box-shadow: 4px 4px 8px 1px #777;
 -moz-box-shadow:    4px 4px 8px 1px #777;
 box-shadow:         4px 4px 8px 1px #777;
}