@charset "UTF-8";

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

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

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

.text-mobile{
display:none;
}

#smahead{
display:none;
}

#header{
width: 100%;
clear: both;
position: fixed;
top: 0;
z-index: 100;
} 

#navi{
width: 100%;
clear: both;
position: fixed;
top: 100px;
z-index: 100;
} 

#body-in{
margin-top: 120px;
}

ul.snsbs a.tumblr-btn-icon-link {
    background-color: #34526f;
}

#sidebar h3 {
    font-weight: normal;
    background-color: #185aa5;
    color: #FFF;
    padding-top:5px;
    padding-bottom:5px;
    padding-left: 10px;
}

/*Facebook・Twitterシェアボタン*/

.ftshare-buttons{
    text-align: center;
    margin-top:0px;
    margin-bottom:5px;
    margin-left:0px;
    padding: 0;
    width:100%;
    letter-spacing: 0em;
}

.ftshare-buttons a {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width:49%;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    padding:12px 0;
    margin:0px;
}
.ftshare-buttons .share-text {
    font-size:13px;
}
.ftshare-buttons .facebook-button {
    background: #305097;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}
.ftshare-buttons .facebook-button:hover {
    background: #5A77B7;
}
.ftshare-buttons .twitter-button {
	background: #1B95E0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}
.ftshare-buttons .twitter-button:hover {
    background: #89C7F7;
}

/*バイラル風*/
.vi-bottom{
  margin-top:10px;
  width: 100%;
  display: table;
}
.vi-right{
  display: table-cell;
  width:49%;
  vertical-align: middle;
  padding: 5px;
  background:#0067b5;
  text-align: center;
  color:#FFF;
}
.vi-left{
  display: table-cell;
  width:49%;
  vertical-align: middle;
  padding: 5px;
  background:#0f2566;
  /*background: #142736;*/
  text-align: center;
  color:#FFF;
}
.vi_text{
  color:#FFF;
}
.vi_note {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}

.bottom-share-buttons{
 display:none;
}


/*はてなブログカード*/
.embed-wrapper {
  background-color: #fff;
  font-size: 13px;
  border: 1px solid rgba(0,0,0,.1);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-radius: 3px;
  background-clip: padding-box;
  box-sizing: border-box;
  max-width:500px;
}
.embed-wrapper-inner {
  padding: 12px;
}
.embed-wrapper * {
  word-wrap: break-word;
  word-break: break-all;
}
.embed-content.with-thumb {
  min-height: 100px;
}
.embed-content {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.embed-content .thumb-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.embed-content .thumb-wrapper .thumb {
  width: 100px;
  height: 100px;
}
 
.embed-content.with-thumb .entry-body {
  margin-right: 110px;
}
.embed-content .entry-title {
  font-size: 17px;
  font-weight:bold;
  border-left: 0px;
  margin: 0 0 2px;
  line-height: 1.4;
  max-height: 47px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.embed-content .entry-title a {
  color: #3d3f44;
}
.embed-content .entry-title a:link, a:visited {
  text-decoration: none;
}
.embed-content .entry-content {
  line-height: 1.5;
  font-size: 12px;
  max-height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.embed-footer {
  margin-top: 8px;
  height: 15px;
  position: relative;
  font-size: 11px;
}
.embed-footer .favicon {
  width: 16px;
  height: 16px;
}
.embed-footer a {
  color: #9aa5ab;
}
.embed-footer a:link, a:visited {
  text-decoration: none;
}
.embed-footer .star-count {
  padding-bottom: 1px;
}
.embed-footer img {
  vertical-align: middle;
}


/*Amazonなど*/

.freezed {
    display: block;
}

.hatena-asin-detail {
    padding: 0.8em 0.6em 0.4em;
    border: 1px solid #ddd;
}

.hatena-asin-detail {
    margin: 1em 0;
    border-image: initial;
    font-size: 90%;
    display: block;
}

.hatena-asin-detail-image {
    float: left;
    margin-right: 15px;
}

.hatena-asin-detail ul li {
    list-style: none;
}

.hatena-asin-detail:after {
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
    content: ".";
}

.amazon-link a{
	display:block;
	width:150px;
	float:left;
	margin:2px 2px auto;
	text-align:center;
	text-decoration:none;
    font-weight:bold;
	border-radius:3px;
	color:#ffffff;
	padding:5px 2px;
	background:#ff9900;
}


/*ダークモード*/

.darkmode--activated h1 {
  color: #fff;
}

.darkmode--activated .article h2,h3,h4{
  color: #fff;
}