@charset "UTF-8";

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

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

#main{
	width:855px;
	padding:20px 25px;
	border:none;
}

#sidebar{
	width:215px;
}

.article h1{
	font-size: 24px;
}

img.alignleft,
.wp-caption.alignleft {
display: block;
margin-left: auto;
margin-right: auto;
} 

.siki {
word-wrap: break-word;
}

#the-content h1 {
 background:#e0efff;
 padding: 18px;
 
 margin: 20px -20px 20px;
 color: #404040;
 font-size: 21px;
}

#the-content h2 {
 border-left:14px solid #b2d8ff;
 border-bottom:1px solid #b2d8ff;
 padding: 15px;
 background: #ffffff;

 margin: 30px 0px 20px;
 font-size: 20px;
}

#the-content h3 {
 border-style: solid;
 border-color: #e0efff;
 border-width: 0 0 1px 8px;
 padding: 5px 0 5px 8px;
 font-weight: bold;
 font-size: 120%;
}

.eye-catch{
  line-height: 100%;
  margin-left: 0;
  text-align: center;
}



.booklink-box, .kaerebalink-box{
 padding: 25px;
 margin-bottom: 10px;
 border: double #333;
 overflow: hidden;
 font-size: small;
}

.booklink-image, .kaerebalink-image{
 margin:0 15px 0 0;
 float:left;
 min-width: 160px;
 text-align: center;
}

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

.booklink-info, .kaerebalink-info{
 margin:0;
 line-height:120%;
 overflow: hidden;
}

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

.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}

.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}

/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#fff !important;
	border: 1px solid #FF9901
		!important;
  background-color:#FF9901;
	font-size: 15px;
}
.shoplinkrakuten a{color: #fff !important;border: 1px solid #c20004 !important;
background-color: #c20004;
	font-size: 15px;
}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/

.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
　.booklink-box, .kaerebalink-box{
		padding:15px;
	}
　.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
    display: block;
    margin: 0 0 0 auto;
}
 
.post-thumbnail.img-thumbnail {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
 
img.float-left {
    float: left;
}
 
img.float-right {
    float: right;
}
 
.wp-caption {
    text-align: center;
}
 

}


@media screen and (max-width: 1010px) {
#the-content h1 {
 margin: 40px 0px 20px;
	}
	
	#main{
	width:100%;
	
}

#sidebar{
	width:215px;
}

}