/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20160912β
*/
@import url('../affinger4/style.css');
.side_prof img.profpic{
	width:50%;
	margin-top:20px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{border:solid 1px #FF9901;
border-radius: 5px;padding: 5px 7px;margin: 5px;display: inline-block;font-size: 0.8rem;}
.shoplinkrakuten a{border:solid 1px #c20004;
border-radius: 5px;padding: 5px 7px;margin: 5px;display: inline-block;font-size: 0.8rem;}
.shoplinkkindle a{border:solid 1px #007dcd;
border-radius: 5px;padding: 5px 7px;margin: 5px;display: inline-block;font-size: 0.8rem;}
.shoplinkkakakucom a{border:solid 1px #314995;
border-radius: 5px;padding: 5px 7px;margin: 5px;display: inline-block;font-size: 0.8rem;}
.shoplinkyahoo{display:none !important;}
/*ここまでを変更*/
.long_toc #toc_container.no_bullets ul li ul li{
background: 0 0;
list-style-type: none;
list-style: none;
display: inline;
border-radius: 3px;
font-size: 0.8rem;
line-height: 0.9rem;
margin-right: 0.5rem;
}
.long_toc #toc_container.no_bullets ul>li{
display:block;
}
.pnk {
    background-color: #ffcccc;
    color: #000;
}
.b_pink{
background-color: #FFFF99;
color: #000;
}
.txt_gray{color:#999;}
.txt_big{font-size:1.6em;}
.txt_red{color:#ff3300;}
.dot_bor {
    border: 1px dotted #999999;
    clear: both;
    overflow: hidden;
    font-size: 0.9em;
    line-height: 1.8em;
     padding: 20px;
    margin-bottom: 10px;
}
.dot_bor ul{
	margin-bottom:0px;
}
/*sns*/
#sns {
margin: 0 30px 1em 0;
padding: 0;
height: 21px;
font-size: 80%;
clear: both;
overflow: hidden;
}
#sns li {
float: left;
margin: 0 10px 0 0;
padding: 0;
line-height: 21px;
list-style-type: none;
}
main h1.entry-title {
    border-top: 5px solid #36F;
    border-bottom: 1px solid #333;
    color: #333333;
    font-size: 1.5em !important;
    padding: 1em 0 !important;
    clear: both;
    margin: 0 0 1em 0;
}
main h2{
    border-top: 5px solid #999;
}
main .mainbox h2,main .mainbox h3,main .mainbox h4{
    background: url(images/g_back.jpg) #eee;
    text-shadow: 1px 1px 0 #fff;
    margin-bottom: 15px;
clear:both;
}
main h5.kanren-t{
clear:none;background:transparent;
}
.left_pic_natu {
width: 100px;
padding: 1em 30px 0 0;
float: left;
overflow: hidden;
}
.font_red,.style3 {
color: #CC0000;
}
header .sitename{
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 30px;
    font-family: 'Oswald', sans-serif;
    margin-top: 15px;
}
#sub_footer{
     background:#09f;
     overflow:hidden;
     width:100%;
     zoom:1;
     color:#fff;
     border-top:solid 1px #fff;
     font-size:80%;
     line-height:1.3em;
}
#sub_footer h5{margin-bottom:0;font-size: 12px;margin: 3px 0;}
#sub_footer2{background: #000;border-top:solid 1px #003366;}
#sub_footer a:link{color:#fff;}
#sub_footer a:visited{color:#ccc;}
#sub_footer a:hover{color:#9cf;}
#sub_footer ul{padding:0 20px 0 30px;list-style-type:circle;}
.sub_footer_box{
     color: #ccc;
     width:760px;
     padding:20px 100px;
     margin:0 auto;
     overflow: hidden;
}
#sub_footer_left,#sub_footer_center,#sub_footer_right{width:230px;margin:0 30px 30px 0;float:left;}
#sub_footer_right{margin:0;}
#sub_footer_center .mailaddress{color:#fff;}
#side aside ul li {
display:inline;
}
#side aside ul li a {
    padding: 0 10px;
    margin-right: 10px;
    display: inline-block;
    background: #ff9;
    border-radius: 10px;
    margin-bottom: 10px;
}
.side_prof{
	margin-bottom:10px;
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
	background:#fff;
}
ul.sns_list{
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#side ul.sns_list li{
	padding: 0 5px 0 0;
	display: inline-block;
	width: 30%;
}
#side ul.sns_list li a{
	display: block;
	text-align: center;
	color: #fff;
	padding: 23px 0 0 0;
	margin-bottom: 5px;
	text-decoration: none;
	height: 50px;
	border-radius: 50%;
}
ul.sns_list li a.facebook{
	background-color:#3A5999 ;
	border-bottom:solid 2px  #1e2e4f;
}
ul.sns_list li a.googleplus{
	background-color:#DA4936 ;
	border-bottom:solid 2px  #90281A;
}
ul.sns_list li a.twitter{
	background-color:#00ACED ;
	border-bottom:solid 2px  #0087BA;
}
#headbox{
	background:transparent;
}
#header-l{
height: 125px;
background:transparent;
overflow: hidden;
width: 1000px;
max-width: 1000px;
padding: 0;
margin: 20px auto;
text-align: center;
}
#header-l  img{
	max-height:100%;
	width:auto;
}

.btn-more{
  text-align:center;
  margin:10px auto;
  display: block;
  overflow: hidden;
  text-decoration: none;
  width: 240px;
  height: 48px;
  font-weight: normal;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0;
  color: #fff;
  position: relative;
  background-color: #4c86c9;
}
.btn-more:before,.btn-more:after{
  content: '';
  position: absolute;
  background: #fff;
}
.btn-more:before {
  top: 24px;
  right: 20px;
  height: 2px;
  width: 18px;
}
.btn-more:after {
  top: 20px;
  right: 20px;
  height: 2px;
  width: 10px;
  transform: rotate(45deg);
}
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}


@media screen and (max-width: 960px){

#header-l{
    width: auto;
    height: auto;
    max-width: auto;
    text-align: center;
    margin: 0;
}
header .sitename{margin-top: 0;}
#footer .footerlogo{font-size:auto;}
.sub_footer_box{width:auto;}
#sub_footer ul{
    background:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:10px;
    list-style-type: none;
    width: 100%;
    padding: 0;
}
#sub_footer ul li a{
    display:block;
    height:44px;
    line-height:44px;
    padding:0 20px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    position: relative;
}
#sub_footer ul li:last-child a{
    border-bottom: none;
}
#sub_footer ul li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
    border-top:3px solid #999;
    border-right:3px solid #999;
}
#sub_footer a:link {
    color: #333;
}
#sub_footer a:visited {
color:#444;
}
#sub_footer{background: #09f;}
#sub_footer h5{margin: 0 10px;color: #fff;}
#sub_footer_left, #sub_footer_center, #sub_footer_right {width: 95%;float: none;margin: 0;}
.entry{width: auto;float: none;}
#entrybox{width: auto;float: none;}
.sub_footer_box{padding:20px 0;}
#sub_footer2 .sub_footer_box{padding:10px 10%;color: #fff;background: #000;}
#sub_footer_center .mailaddress{color:#666;padding: 5px 20px;}
#header-l  img{
	max-height:20vh;
}
}