/*
Template:sosimple
Theme Name:sosimple_child
Theme URI:http://shiro.ngworks.net/
Description:sosimple の子テーマです
Author:kuroazuki
Version:1.0
*/


/*---------------------*/

body{
    font-size:16px;
    line-height: 1.7;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
	
}

h2{
    border-left: 0.5em solid #333;
    padding-left: 0.5em;
}
h3{
	position:relative;
	line-height:1.4;
	padding:0 0 0 3em;
}
h3::before{
    content:'';
	display:block;
	position:absolute;
	top:0.6em;
	left:0;
	height:1px;
	overflow:hidden;
	float:left;
	margin:0;
	box-sizing:border-box;
	border-top:1px solid #333;
	width:2.7em;
}

.hide,.none{
display:none;
}

.posted-on time.published{
	display:inline;
}

#masthead{
    border:none;
    
}
header.entry-header {
    text-align: center;
}
header.entry-header h1{
    text-align: left;
    vertical-align: middle;
}

.entry-thumbnail{
    display: inline-block;
    width:10em;
    height:10em;
    overflow:hidden;
    border-radius:5em;
    text-align: center;
    margin:0.5em;
    vertical-align: middle;
}
.entry-thumbnail-inner{
	 display: inline-block;
    width:200%;
	margin:0 -50%;
    height:100%;
    text-align: center;
}


.entry-thumbnail img{
    height:100%;
	width:auto;
}

body.single .entry-thumbnail{
    width:5em;
    height:5em;
display: inline-block;
}
body.single header.entry-header h1{
    display: inline-block;
}

@media screen and (min-width: 30em) {


.home article,
.archive article{
	position:relative;
	padding-left:180px;
	overflow:hidden;
}

.home .entry-thumbnail ,
.archive .entry-thumbnail {
	position:absolute;
	left:0;
	top:0;
	width:160px;
	margin:0;
	height:160px;
	border-radius:160px;

	
}
}


@media screen and (min-width: 50em) {

    body.single header.entry-header {
        margin: 2em -42% 6em 0;
        
    }
    
    body.single #secondary{
        margin-top:12em;
    }
    
}

.entry-footer > span
{
display:inline-block;
margin-right:0.5em;
}


.site-branding {
	margin:0;
}



#site-navigation{
    border:none;
    padding:0 1em;
    margin:0;

    
    overflow:hidden;
  
}

#site-navigation .menu-toggle{
    border:none;
}

.main-navigation ul {
    clear: none;    
}

.comment-form label {
    width: auto;
}

.comment-form p > br {
    display:none;
}


ins.adsbygoogle {
    background-color: transparent;
}



.site-header{
    margin: 0;
}
.site-title{
	font-size:20px;
}

.site-title a{
    display: inline-block;
    padding: 3.7em 0 0 0;
    background-image: url(./images/freesitelogo.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 4.5em;
    min-width: 4.5em;
}
@media screen and (min-width: 50em){
.site-title{
	font-size:27px;
}
	
}


.site-footer {
    font-size: 50%;
	color:#ccc;
}

.site-footer a{
	color:#ccc;
}

.site {
    margin: 0 auto;
    padding: 27px 4%;
	overflow:hidden;
}

@media screen and (min-width: 75em){
.site {
    max-width: 1353px;
    margin: 16px auto;
    padding: 54px 5%;
}
}

.entry-content img{
    display: block;
    margin: 14px auto;
}


blockquote {
    color:#389;
}


@media screen and (min-width: 50em)
{
blockquote {
    font-size: 100%;
 
}
}






.single-ad{
    margin: 2em 0 3em 0;
    overflow: hidden;
}

body.home .single-ad{
    padding:0 0 53px 0;
    margin: 3em 0 53px 0;

    border-bottom: 1px solid #eee;
}
@media screen and (max-width: 30em){
body.home .single-ad{
    margin: 1em 0;
    padding: 0 0 1em 0;
}

.hentry {
    margin: 0 0 1em;
	padding: 0;
}

    .entry-content img{
         margin: 15% auto;
         transform: scale(1.2);
    }
}

.bottombars{
    margin: 1em 0;
    text-align: center;
}
.bottombar{
    display: inline-block;
    margin: 1em;
    
}
.bottombar .widget{
    border: none;
}

/*独自要素*/
.relation{
    border-top: 3px solid #eee;
    padding:3em 0 0 0;
    overflow: hidden;
}

.spec{
padding:0.5em 1em;
margin:1em 0;
border-radius:4px;
background-color:#f3f3f1;
line-height:1.5;
font-size:80%;
}

.amazon,
.rakuten{
	margin:1em 0;
	text-align:center;
	color:#999;
	font-size:80%;
	
}
.amazon img,
.rakuten img{
	margin:auto !important;
	
}

.booklink-box,
.kaerebalink-box{
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:8px;
	padding: 10px !important;
	margin-bottom:20px;
	text-align:center !important;
}

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

.booklink-name,
.kaerebalink-name{
	font-size:120%;
}
.booklink-link2,
.kaerebalink-link1 {
	text-align:left;
}

.booklink-link2 > div,
.kaerebalink-link1 > div{
	display:inline-block !important;
	margin:5px 1px 0 0 !important;
}
.booklink-link2 > p,
.kaerebalink-link1 > p{
	display:none;
}


.booklink-link2 a,
.kaerebalink-link1 a{
	display:inline-block;
	margin:0;
	border-radius:8px;
	text-decoration:none;
	line-height:2;
	font-size:110%;
	border:1px solid #ddd;
	background-color:#f8f8f8;
	padding:0 0.6em;
	box-shadow:none;
	text-align:center;
	min-width:6em;
}
.kaerebalink-link1 a{
	min-width:8em;
}

.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{
	background-color:#f0f0f0;
}
.booklink-image img,
.kaerebalink-image img{
	margin:auto;
}	

@media screen and (max-width: 500px){
	.booklink-image,
	.kaerebalink-image{
		display:inline-block;
		float:none !important;
		margin:0 0 10px 0 !important;
	}
	.booklink-image img,
	.kaerebalink-image img{
		display:inline-block;
	}
	.booklink-info,
	.kaerebalink-info{
		display:inline-block;
		margin:0 0 0 10px;
	}
}

.shoplinkamazon a{
color:#FF9901;
}

.shoplinkrakuten a{
color:#c20004;
}
.shoplinkrakukobo a{
color:#c20004;
}

.shoplinkkindle a{
color:#007dcd; 
}

.shoplinkyahoo a{
color:#7b0099;
}
.shoplinkseven a{
color:#016b43;
}

.boxad{
display:inline-block;
margin:0 0 10px 0;
vertical-align:top;
}


.adsbygoogle{
    background-color: transparent;
    padding:0;
}

.blogmura{
	position:relative;
	display:inline-block;
	padding:0.5em 1em 0.5em 1em;
	margin:1.5em 0 5px 90px;
	min-width:40%;
	line-height:1.3;
	border-radius:1em;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:left;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2) !important;
	outline:0 !important;
}


.blogmura .ps{
	display:none;
}

.blogmura:focus .ps,
.blogmura:active .ps{
	display:block;
}



.blogmura:before{
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	left:-10px;
	top:1em;
	border-top:solid 8px transparent;
	border-bottom:solid 8px transparent;
	border-left:none;
	border-right:solid 10px #ccc;
}
.blogmura:after{
	content:'';
	display:block;
	width:80px;
	height:60px;
	position:absolute;
	left:-90px;
	top:0;
	background-image:url(images/minimura.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:80px;

}

.small {
    font-size: 80%;
    line-height: 1.8;
    display: inline-block;
    color: #666;
}


.talk{
	list-style:none;
	margin:0 0 1.75em 0;
	padding:0.2em 0 0.5em 2px;
	background-color:#ddd;
	border-radius:10px;
}

.talk li{
	list-style:none;
}

.talk .talktitle{
	font-weight:bold;
	color:#666660;
}
.talk ul{
	margin:0 0 0 2em;
	padding:0;
}
.talk li{
	margin:0;
	padding:0;
}
.talk dl{
	margin:0.6em 0;
	padding:0;
	overflow:hidden;
}
.talk dt{
	float:left;
	text-align:center;
	font-size:80%;
	color:#666;
	line-height:1.2;
	min-width:6em
}
.talk dt::before{
	content:'';
	display:block;
	width:3.5em;
	height:3.5em;
	border-radius:2.5em;
	
	
	margin:0 auto 3px auto;
	padding:0;
	text-align:center;
	overflow:hidden;
	background-image:url(/wp-content/uploads/2017/07/noimage.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#666;
	color:#fff !important;
}
.talk dd{
	position:relative;
	display:inline-block;
	margin:0.2em 0 0 0;
	padding:0.5em;
	line-height:1.5;
	word-break: normal;
	background-color:#fff;
	border-radius:0.5em;
    max-width: calc(100% - 6em);
}
.talk dd::before{
	content:'';
	position:absolute;
	left:-0.6em;
	top:0.8em;
	overflow:hidden;
	width:0;
	height:0;
	border-top:0.4em solid  transparent;
	border-bottom:0.4em solid  transparent;
	border-right:0.7em solid  #fff;

}
.talk .good{
	color:#00c;
}
.talk .good dt::before{
	background-color:#33c;
}
.talk .bad{
	color:#c00;
}
.talk .bad dt::before{
	background-color:#c33;
}
.talk .devil{
	color:#cc0000;
}
.talk .devil dt{
	background-color:#c00;
}
.talk .me{
	color:#a55;
}
.talk .me dt::before{
	background-color: transparent;
	background-color: #50cc00;
	background-image:url(/wp-content/uploads/2017/07/miniicon.png);
}
.talk .mii dt::before{
	background-image:url(/wp-content/uploads/2017/07/mii.png);
}


.talk .kuro{
	color:#4ab;
}
.talk .kuro dt::before{
	background-color:#333;
	color:#ccc;
}
.talk .shiro{
	color:#d8a;
}
.talk .shiro dt::before{
	background-color:#ccc;
	color:#666;
}
.talk .wanwan{
	color:#cc6600;
}
.talk .wanwan dt::before{
	background-image:url(http://img01.naturum.ne.jp/usr/alfa145q/profile.png);
}
.talk .edamame{
	color:#009900;
}
.talk .edamame dt::before{
	background-image:url(http://img01.naturum.ne.jp/usr/edamametti/profile.gif);
}
.talk .option{
	color:#666;
	text-align:right;
	font-size:80%;
	margin:0.5em 1em;
}

.aa{
	display:block;
	font-size:90%;
	margin:2em 0;
    line-height: 1.125;
    letter-spacing: 0;
    word-wrap: normal;
    text-wrap: none;
    white-space: nowrap;
    font-family: "MS Pゴシック", "ＭＳ　Ｐゴシック", "MS PGothic",sans-serif;
	overflow:auto;
}

.speclist tbody th{
	width:30%;
	font-size:80%;
	line-height: 1.2;
	border-bottom-width:1px;
}
.speclist tbody td{
	font-size:80%;
	line-height: 1.2;
}


.youtube{
	position:relative;
	width:100%;
	overflow:hidden;
	padding:0 0 56.25% 0;
}
.youtube iframe{
	position:absolute;
	left:0 !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	width:100% !important; 
	height:100% !important;
}

.removed_link, a.removed_link {
	text-decoration: line-through;
	color:#999;
}

.removed_link::after, a.removed_link::after {
	display:inline-block;
	content:'リンク切れ';
	font-size:80%;
	background-color:#ccc;
	color:#fff;
	line-height:1.5;
	vertical-align:middle;
	border-radius:4px;
	padding:0 0.3em;
	margin:0 0 0 0.5em;
}

table.simple{
	border-collapse: collapse;
}
table.simple thead th {
	background-color: #e6e6e6;
	padding: 6px 10px;
	font-weight: bold;
	text-align: center;
}
table.simple th {
	background-color: #f5f5f5;
	border: solid 1px #ccc;
	padding: 6px 10px;
	font-weight: bold;
	text-align: center;
}
table.simple td {
	border: solid 1px #ccc;
	padding: 6px 10px;
	text-align: center;
}