@charset "UTF-8";

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

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

/*記事用の文字装飾*/
div.post span.moji-blue{
color: #0000ff;
}

div.post span.moji-green{
color:#00ff00;
}

div.post span.moji-underline{
text-decoration: underline;
}

div.post span.pen-yellow{
background: linear-gradient(transparent 40%, #ffff66 40%);
font-weight: bold;
}

div.post span.pen-red{
background: linear-gradient(transparent 40%, #ffc0cb 40%);
font-weight: bold;
}

div.post span.pen-pink{
background: linear-gradient(transparent 40%, #ff99ff 40%);
font-weight: bold;
}

div.post span.pen-green{
background: linear-gradient(transparent 40%, #66ffcc 40%);
font-weight: bold;
}

div.post span.pen-blue{
background: linear-gradient(transparent 40%, #66ccff 40%);
font-weight: bold;
}

/************************************
** 見出し（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 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 30px;
  line-height:117%;
}

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

.article h2 {
  border-left:10px solid #006699;
  margin: 40px -29px 20px;
  padding:15px 20px;
  color: #ffffff;
  font-size:26px;
  background-color: #006699;
}

.article h3,
#comment-area h3,
#related-entries h3{
  font-size:23px;
  border-bottom:5px solid #819FF7;
  padding:10px 0;
}

.article h4{
  font-size:20px;
  padding:8px 0;
  border-bottom:2px dashed #819FF7;
  border-bottom-width: 2px;
}

.article h5{
  font-size: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 60px;
	color: #000000;
	line-height: 30px;
	background-image: url(images/cah3-bl.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
h5 a {
	color: #333;
	text-decoration: none;
}
h5 a:hover {
	color: #C03;
}

.article h6{
  font-size: 20px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 20px;
	color: #000000;
	line-height: 50px;
	background-image: url(images/lm02-04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}
h6 a {
	color: #333;
	text-decoration: none;
}
h6 a:hover {
	color: #C03;
}

.responsive-unit{
  max-width: 336px;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------
  ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
	width:85%;
	margin: 1em 0 1em;
	padding: 5%;
	border:double #d2d7e6;
	overflow: hidden;
	font-size:small;
	border-radius:2px;
}

.booklink-image, .kaerebalink-image{
	margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
	display:block;
	margin:0 auto;
	text-align:center;
}

.booklink-info, .kaerebalink-info{
	text-align:center;
	line-height:120%;
	overflow: hidden;
}

.booklink-name, .kaerebalink-name{
	font-size:16px;
	margin-bottom:14px;
	line-height:1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date{
	font-size:8pt;
　　　　 margin-top:10px;
	line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
	margin-bottom:15px;
}

.booklink-link2, .kaerebalink-link1{
	margin-top:20px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
    width:90%;
	height:15px;
	overflow:hidden;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	margin:0  auto 5px auto;
	padding:10px 0px;
	text-align:center;
	}
	
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
	position:relative;
	top:1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
	display:block;
	cursor:pointer;
	text-decoration:none;
	font-weight:800;
	text-shadow:1px 1px 1px #dcdcdc;
	font-size:12px;
}
	
.shoplinkamazon a{
	color:#FF9901;
}

 .shoplinkrakuten a{
	color:#c20004;
}

.shoplinkkindle a{
	color:#007dcd;	
}

.shoplinkyahoo a{
	color:#7b0099;
 } 

.booklink-footer{
	clear:left;
}

/*--------------------------------------
 780px ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
	width: 85%;
	margin:20px auto;
	padding:20px;
}

.booklink-image, .kaerebalink-image{
	margin:0 15px 0 0;
	float:left;
}


.booklink-info, .kaerebalink-info{
   margin:0;
   text-align:left;
}

.booklink-name, .kaerebalink-name{
	margin-bottom:24px;
	line-height:1.5;
}

.booklink-link2, .kaerebalink-link1{
	margin-top:10px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
    float:left;
    width:30%;
	margin:15px 1% 0 auto;
	padding:10px 0px;
}

.shoplinkyahoo a{
	font-size:10px;
 } 
 

/* RSS Antenna */
div.rss-antenna div.rss-item a {
	margin: 5px 0px;
	padding: 0px;
}
div.rss-antenna div.rss-img img {
	width: 75px;
	height: 75px;
	border-radius: 10px;
	padding: 0px;
}
div.rss-antenna .rss-item p.description,p.siteinfo {
	display: none;
}
div.rss-antenna .rss-item p.title {
	text-decoration: none;
	color: #2098a8;
	font-weight: normal;
}
div.rss-antenna hr {
	border: 0;
}
div.rss-antenna .rss-item a{
	background-color: #ededed;
}
div.rss-antenna .rss-item a:hover {
	background-color: #ededed !important;
}
div.rss-antenna .rss-item a:hover p.title {
	color: #cc0033 !important;
	text-decoration: underline;
}

 /* Webフォントの色*/
.icon-twitter {
	color: #55ACEE;
}

 /* 記事の横幅*/
.article {
	width:90%;
	margin: 0 auto;
}

 /* 記事一覧の横幅*/
#list {
  width:95%;
  margin: 0 auto;
}

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

/*記事がよかったら、いいねスマホ*/
.p-shareButton-bottom {
    padding-bottom: 15px;
    overflow: hidden;
}
.p-shareButton__buttons {
    font-weight: 700;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.p-shareButton__buttons>li {
    padding-left: 3px;
    padding-right: 4px;
}

.p-shareButton__buttons .c-btn {
    padding: 8px 0;
    border-radius: 2px;
}
.p-shareButton__buttons .c-ico {
    display: block;
    margin: 0;
}
.p-shareButton__fb {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    width: 115px;
}
.p-shareButton__fb-cont {
    position: relative;
    width: 108px;
    margin: 0 auto;
}
.p-shareButton__fb-unable {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
.p-shareButton__cont {
    margin: 15px 0 0;
}
.p-shareButton__a-cont {
    background: #2e2e2e;
    display: table;
    width: 100%;
}

.p-shareButton__a-cont__img {
    display: table-cell;
    min-width: 130px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.p-shareButton__a-cont__btn {
    display: table-cell;
    padding: 10px 12px 30px 12px;
    text-align: center;
}
.p-shareButton__a-cont__btn p {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0 5px;
    line-height: 1.4;
    margin-bottom: 0px;
}

/*記事がよかったら、いいねPC*/
.p-entry__push {
    margin-bottom: 20px;
    display: table;
    table-layout: fix;
    width: 100%;
    background-color: #2b2b2b;
    color: #fff;
}
.p-entry__pushThumb {
    display: table-cell;
    min-width: 240px;
    background-position: center;
background-size:cover;
}
.p-entry__pushLike {
    display: table-cell;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 20px;
}
.p-entry__pushButton {
    margin-top: 15px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 20px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.p-entry__pushButtonLike {
    line-height: 1;
}
.p-entry__note {
    margin-top: 5px;
    font-size: 12px;
    color: #999;
}