@charset "UTF-8";

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

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

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

/* 記事を読むボタンの装飾 */
.entry-read a,.related-entry-read a{
 color:#D4D4D4;
 font-size:15px;
 font-weight:bold;
 padding:3px 8px 3px 8px;
 text-decoration:none;
 transition: .4s;
 }

/* サイドバーカテゴリーを修正 */
.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバー人気記事ランキングを修正 */
#popular-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f219";
}

/* サイドバー新着記事ランキングを修正 */
#new-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f0ca";
}

/* サイドバーの見出し背景を修正 */
#sidebar h4{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f3f3f3;
  font-weight: bold;
  color: #4D4D4D;
}

/* 記事を読むボタンの装飾 */
#breadcrumb span.sp {
    display:none;
}

#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F3F3F3;
  padding: 4px;
  position:relative;
  margin-right:20px;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after,
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before
{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #F3F3F3;
  transform: skew(-10deg);
}
 
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before{
  left: -.6em;
  border-radius: 5px 0 0 5px;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after{
  right: -.6em;
  border-radius: 0 5px 5px 0;
}

#breadcrumb a {
    color: #4D4D4D;
    font-weight:700;
}

#breadcrumb {
    color: #4D4D4D;
}

/* 人気記事ランキングの順位をカスタマイズ　*/
.widget_popular_ranking ul li:before, .widget_new_popular ul li:before {
  background: none repeat scroll 0 0 #FFF !important;
  color:#000 !important;
  top: -3px !important;
  border-radius: 50px !important;
  border:solid 2px #000 !important;
}
#new-entries ul li img, #popular-entries ul li img {
  margin: 3px 5px 10px 3px;
}

/* 見出しを変更 */

.article h1 {
 font-weight: 800;
 font-size: 1.8rem;
 line-height: 1.3;
}

.article h2 {
 font-size: 22px;
 line-height: 28px;
 padding: 15px 10px 12px 20px;
 background: #10ABA6;
 color: #FFF;
 margin: 25px 0;
 font-weight: 550;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF #7BC8BC #7BC8BC #FFF;
 background: #7BC8BC;
 display: block;
 width: 0;
}

.entry h2 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}

.article h3{
 font-size: 1.3rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #10ABA6;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}

.article h4{
 font-size: 1.1rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 2px solid #10ABA6;
 color: #000;
 margin:35px 5px 20px;
}

/* 記事間に線を引く */
#main .entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 15px;
}

/* 関連記事間に線を引く */
#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}

/* 記事幅を狭める　*/
.article{
 width:92%;
 margin: 0 auto;
}

/* フォントを灰色にする */
body{
　color:#555555 !important;
}

/* リストのタイトルを変更 */
.entry h2 a{
 font-weight: 700;
 font-size: 1.4rem !important;
 line-height: 1.4;
}

/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}

/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 1.7;
  position: relative;
  padding-left: 10px;
}

/* メタ情報の大きさを変更し、右側へ*/
.post-meta,.entry .post-meta a  {
    font-size: 12px;
    line-height: 160%;
}
 
.entry .post-meta {
    text-align: right !important;
}

/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* ヨメレバ・カエレバ */
.booklink-box, .kaerebalink-box {
	margin:20px auto;
	padding:20px;
	border-radius: 5px;
	border: 1px dashed #ccc;
	overflow: hidden;
}
.booklink-image, .kaerebalink-image {
	margin:0 15px 0 0 !important;
	float:left;
}
.booklink-image img, .kaerebalink-image img {
	margin:0 auto;
	text-align:center;
}
.booklink-info, .kaerebalink-info {
	margin:0;
	text-align:left;
	line-height:120%;
	overflow: hidden;
}
.booklink-name, .kaerebalink-name {
	font-size:16px;
	margin-bottom:24px;
	line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date {
	font-size:8pt;
	margin-top:10px !important;
	font-family:verdana;
	line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail {
	font-size: 16px;
	margin-bottom:15px;
}
.booklink-link2, .kaerebalink-link1 {
	margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
	width:30%;
	font-family: Meiryo;
	border-radius:6px;
	border:1px solid #ddd;
	display:inline-block;
	cursor:pointer;
	margin:15px 2px 0 auto !important;
	padding:10px 1px;
	text-align:center;
	float:left;
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkkakakucom:hover {
	background-color:#f6f6f6;
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkkakakucom:active {
	position:relative;
	top:1px;
	margin-bottom: 1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a {
	text-decoration:none;
	font-weight:800;
	font-size:12px;
	text-shadow:1px 1px 1px #dcdcdc;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkyahoo a:hover, .shoplinkkindle a:hover, .shoplinkkakakucom a:hover {
	text-decoration:none;
}
.shoplinkamazon a {
	color:#FF9901;
}
.shoplinkrakuten a {
	color:#c20004;
}
.shoplinkkindle a {
	color:#007dcd;
}
.shoplinkkakakucom a {
	color:#314995;
}
.shoplinkyahoo a {
	color:#7b0099;
	font-size:10px;
}
.shoplinkyahoo img {
	display:none;
}
.booklink-footer {
	clear:left;
}
 @media screen and (max-width: 767px) {
.booklink-box, .kaerebalink-box {
	font-size:small;
}
.booklink-image, .kaerebalink-image {
	float: none !important;
}
.booklink-info, .kaerebalink-info {
	text-align:center;
}
.booklink-name, .kaerebalink-name {
	margin-bottom:14px;
	line-height:1.2em;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
	cursor:pointer;
	margin:0 auto 5px auto !important;
	padding:10px 2px;
}
}
 @media (max-width: 599px) {
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
	width:100%;
}
}

    .kaerebalink-box,
    .booklink-box {
       width:100%;
       font-size:12px;
       color:#5e6065;
       border:1px solid #ddd;
       padding:15px 15px 14px;
       margin:26px 0 28px;
       box-sizing:border-box;
       word-break:break-all;
    }
    .kaerebalink-box:after,
    .booklink-box:after {
       content:"";
       display:block;
       clear:both;
    }
    .kaerebalink-image,
    .booklink-image {
       float:left;
       width:100px;
       text-align:center;
    }
    .kaerebalink-image img,
    .booklink-image img {
       margin:0 !important;
       width:100%;
       height:auto;
    }
    .kaerebalink-info,
    .booklink-info {
       margin:0 0 0 110px;
    }
    .kaerebalink-name > a,
    .booklink-name > a {
       font-size:14px;
       font-weight:bold;
       color:#2e3035;
    }
    .kaerebalink-powered-date,
    .booklink-powered-date {
       line-height:1.5;
       margin:3px 0;
    }
    .kaerebalink-powered-date a,
    .booklink-powered-date a {
       color:#5e6065;
    }
    .kaerebalink-detail,
    .booklink-detail {
       line-height:1.5;
    }
    .kaerebalink-link1 a,
    .booklink-link2 a {
       color:#fff;
       text-decoration:none;
       display:block;
       text-align:center;
       line-height:28px;
       border-radius:4px;
    }
    /* ブランドカラーより少し薄めに */
    .shoplinkamazon a {
       background:#f8a512;
       margin:7px 0 5px;
    }
    .shoplinkkindle a {
       background:#159dd6;
       margin:5px 0;
    }
    .shoplinkrakuten a {
       background:#d43232;
    }
    /* ショップ名の後ろに「で探す」を表示 */
    .shoplinkamazon a:after,
    .shoplinkkindle a:after,
    .shoplinkrakuten a:after {
       content:"\3067\63A2\3059";
    }
    .kaerebalink-link1 a:hover,
    .booklink-link2 a:hover {
       opacity:.8;
       color:#fff;
    }
    .kaerebalink-box p,
    .booklink-box p {
       margin:0;
    }
    @media screen and (min-width:471px) {
      .kaerebalink-detail,
      .booklink-detail {
         margin-bottom:7px;
      }
      .kaerebalink-link1,
      .booklink-link2 {
         margin-right:-6px;
      }
      .kaerebalink-link1 div,
      .booklink-link2 div {
         width:50%;
         float:left;
         margin-bottom:5px;
         padding-right:6px;
      }
      .booklink-link2 div:nth-of-type(3) {
         margin-top:1px;
      }
      .shoplinkamazon a,
      .shoplinkkindle a {
         margin:0;
      }
    }
    @media screen and (min-width:581px) {
      .kaerebalink-box,
      .booklink-box {
         font-size:13px;
         padding:20px 20px 19px;
         margin:28px 0 32px;
      }
      .kaerebalink-image,
      .booklink-image {
         width:112px;
      }
      .kaerebalink-info,
      .booklink-info {
         margin:0 0 0 124px;
      }
      .kaerebalink-name > a,
      .booklink-name > a {
         font-size:15px;
      }
      .kaerebalink-powered-date,
      .booklink-powered-date {
         margin:4px 0;
      }
      .kaerebalink-link1 a,
      .booklink-link2 a {
         line-height:30px;
         font-size:12px;
      }
    }
    @media screen and (min-width:768px) {
      .kaerebalink-link1 div,
      .booklink-link2 div {
         width:33.33333333%;
      }
      .booklink-link2 div:nth-of-type(3) {
         margin-top:0;
      }
    }