/*
Template:twentysixteen
Theme Name: twentysixteen_child
*/

body {
background:none !important;
}


img{
max-width:100%;
height:auto;
}
.site {
margin:0px;
background-image:url(img/site_bg.gif);
background-position:left top;
background-repeat:repeat-x;
}

.site-header {
    padding: 1em 2vw;
}

.site-header-main{
overflow:hidden;
display:block;
}

.site-branding .site-title {
    width: 60vw;
    height: 13vw;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(img/site_name.png);
}

.site-branding .site-title a {
    display: block;
    width: 60vw;
    height: 13vw;
    font-size: 11px;
    padding-top: 10vw;
padding-left:10vw;
color:#8f8f8f;
}

.site-branding{
float:left;
width:60vw;
margin: 0.875em 0 0.875em 0;
}

#HeaderToiawase{
float:right;
color:#fff;
margin: 0.875em 0 0.875em 0;
}


#HeaderToiawase a{
display:block;
box-sizing:border-box;
text-align:center;
width:12vw;
height: 12vw;
border-radius:5px;
background:#1970bd;
float:right;

}


#HeaderToiawase a img.pc_only{
display:none;
}
#HeaderToiawase a img.mb_only {
    max-width: 7vw;
    height: 7vw;
margin:3vw auto 0vw;
display:block;
}

.site-footer{
padding-top:20px;
}
#profile {
width:100%;
overflow:hidden;
}
#profile h2{
margin-bottom:40px;
}
#profile h3{
font-size:20px;
color:#1253a7;
border-bottom:3px solid #8fb2df;
margin-bottom:20px;
}


#media dt{
margin:0 0 1.75em;
}

#media dd{
margin:0 0 10px;
}

#profile h2 img{
display:block;
margin:0 auto 20px;
}
#profile p{
font-size:14px;
margin-bottom:14px;
}
#profile01{
overflow:hidden;

}
#profile01 div:first-child{
margin:0 auto
float:none;

}
#profile01 div:first-child img{
display:block;
margin:0 auto;
max-width:247px;
}

#profile01 p#name{
font-size:24px;
color:#1253a7;
font-weight:bold;
margin-bottom:0px;
}
#profile01 p#name span{
font-size:14px;
}

#work{
width:100%;
}
#work > ul{
margin-left:0px;

}
#work > ul > li{
box-sizing:border-box;
margin-bottom:20px;
border:1px solid #ccc;
border-top:4px solid #1253a7;
list-style:none;
padding:10px;
overflow:hidden;
}
#work > ul > li h3 a{
	border-bottom:dotted 1px #ccc;
	text-align:center;
	font-size:24px;
	float:none;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}


#bookdetail{
width:100%;
overflow: hidden;
}

#bookdetail div:first-child{
width:100%;
float:none;
}

#bookdetail div:last-child{
float:none;
width:100%;

}


#work a{
display:block;
float:right;

}



#bookdetail + a{
clear:both;
}

#work h4{
font-size:20px;
color:#1253a7;
line-height:1.5;
margin-bottom:20px;
}

#work p{
font-size:18px;
margin-bottom:20px;
}

.site-info{
clear:both;
}

#otoiawseNaiyou .wpcf7-list-item{
display:block;

}

#Perfectguide h3{
	font-size:17px;
	font-weight:bold;}
	
#Perfectguide li{
	font-size:15px;} 
	
#BookSummary{
	font-size:20px;}

#BookIndex dd{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	}

#BookIndex dt{
	margin-top: 12px;
	font-size:20px;
	}

#BookIndex .adjust{
	padding-left: 0px!important;
	font-size:16px;
	font-weight:bold;
	}
	


#CheckList h3{
	font-size:17px;
	font-weight:bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#CheckList p{
		margin: 0px;
	padding: 0px;}


#text-6{
	background-color:#FFFFFF;
}
#text-9{
	background-color:#FFFFFF;
	margin-bottom: 0;
	padding-bottom: 4.307692308em;
}
	
	
.entry-content{
	float: none!important;
	width: auto!important;	
	}
	
.entry-footer{
	float: none!important;
	width: auto!important;
	margin-top: 12px!important;	
	}
	
.entry-footer a{
	color: #0066cc;
	text-decoration: none;
	}
	
.entry-footer .cat-links a:before {
	content:"カテゴリ";
	background: #0066cc;
	color: #fff;
	margin-right:8px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	}
	
.entry-footer .cat-links a:after{
		content:"▶";
		margin-left:4px;}

	
.yarpp-related li{
	list-style-position: inside;
	list-style-type: disc;
}

#SearchBt{
	background-color: #9FE0FF;
	position: fixed;
	right: 16px;
	bottom: 20px;
	border-radius: 5px;
	}
	
#SearchBt img{
	padding: 16px;
	}

#SearchBt a{
	height: 60px;
	width: 60px;
	display: block;
	}


@media screen and (min-width: 911px){
	/* ▼サイドメニューの固定化 */


.site-content {
  display: flex;
	}

.sidebar{
	margin-left: 105%;}

.sidebar-inner {
  height: 100%;
	}

#text-9 {
	position: -webkit-sticky;
	position: sticky;
	top: 40px; /*Adjust position */
  }
  
#text-6 {
	position: -webkit-sticky;
	position: sticky;
	top: 160px; /*Adjust position */
  }
  
.site-main{
	min-height:3600px;}


/* ▲サイドメニューの固定化 */


#SearchBt{
	display: none;
	}

}




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

	

#HeaderToiawase a img.mb_only{
display:none;
}

#HeaderToiawase a img.pc_only{
display:block;
margin:15px auto 0px;
max-width:94%;
}
#HeaderToiawase{
width:28vw;
height: 75px;
margin: 1.5em 0 0.875em 0;
}
#HeaderToiawase a{
width:28vw;
height: 75px;
padding-top:10px;
}

#profile01 > div:first-child{
margin:0 3% 0 0;
float:left;
width:20%;
}

#profile01 > div:first-child img{
margin:0;
width:100%;
max-width:247px;
}
#bookdetail > div:first-child{
width:160px;
float:left;
}

#bookdetail > div:nth-child(2){
float:left;
width:100%;
  margin-left: -160px;
}
#bookdetail > div:nth-child(2) h4,#bookdetail div:last-child ul{
margin-left: 170px;
}


}
@media screen and (min-width:910px){

.site-branding{
    width: 522px;
}

.site-branding .site-title {
    width: 522px;
    height: 110px;
    background-size: 522px 96px;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(img/site_name.png);
}
.site-branding .site-title a {
    display: block;
    width: 522px;
    height: 14px;
    font-size: 11px;
    padding-top: 96px;
padding-left:95px;
color:#8f8f8f;
}

#HeaderToiawase{
width:330px;
height:75px;

}
#HeaderToiawase a img.pc_only{
margin:10px auto 0px;
}

#HeaderToiawase a{
display:block;
box-sizing:border-box;
text-align:center;
width:330px;
height:75px;
padding-top:10px;
}

#HeaderToiawase a img{
max-width:80%;

}
#mediaDetail{
width:100%;
overflow:hidden;
}


#mediaDetail{
width:100%;
overflow:hidden;
}

#zassi{
width:50%;
float:left;
}

#shinbun{
width:50%;
float:left;
}



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

.site-header {
    padding: 5.25em 4.5455%;
}
#work{
width:100%;

}

#work > ul{
display:flex;
width:100%;
margin:0;
}
#work > ul > li{
width:32%;
}

#work > ul > li:first-child,#work > ul > li:nth-child(2){
margin-right:2%;
}




}