/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


body{
font-family: "Mplus 1p","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important ;}

h1.site-title, p.site-title{
display:none;
}

.site-content{
padding: 1.8em 0 2em 0;
}

.breadcrumbs{
padding:0px 0px 20px 0px;
font-size:0.9em;
}


/*
TOPページ
*/
#postBox{
width: 47%;
    float: left;
    margin: 0 1% 0 1%;
	margin-bottom:20px;
    display: block;
border-bottom:1px dotted hsl( 32, 50%, 73% );
overflow: hidden;
height:120px;
}

.pbbox1{
display:table;
margin:0 auto;
float:left;
border-collapse:collapse;/* 重複するborderを合体させます */

}

.pbbox2, .pbbox3{
display:table-cell;
vertical-align:top;
}

.pbbox2{
width:100px;
padding-left:8px ;
}

.pbbox3{
padding-right:8px;
}

.topthum{
/* width: 33%; */
min-width:100px;
margin-right:10px;
overflow: hidden;
}

.topthum img{

}

.topheadtxt{
margin-bottom:15px;
}

.topheadtxt h1{
font-size:1.1em;
font-weight:normal !important;
margin-bottom:10px;
max-height: /*30%*/ 45px; 
overflow: hidden;
}

.topheadtxt p{
font-size:0.85em;
line-height:1.5em;
margin-bottom:8px;
}

.topheadtxt p.cate a{
margin:0px 10px 0px -5px;

}


/*
投稿ページ
*/
.entry-header{
width: 100%;
float: left;
/*padding-bottom:20px;*/
display:block;
overflow: hidden;
height:200px;
position: relative;
/*margin-bottom:30px;*/
}

.headimage img{
width:700px;
margin:-50% 0;
opacity: 0.6;
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;

}

.headtext{
width: 100%;
position: absolute;
bottom:0px;
display:block;
background-color:white;
/*text-shadow:  1px -1px 20px #FFFFFF;*/
opacity: 0.85;
 filter: alpha(opacity=85);
 -moz-opacity: 0.85;
padding:8px 10px;
}

.headtext h1{
}

.ninja_onebutton
{
/*margin-bottom:25px;*/
}

.cat-links{
padding-left: 1.5em !important;
}

span.cat-links a
{
font-size:1.2em;
margin-left:10px;
}

/*
固定ページ
*/
body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 2em;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.page-two-column:not(.archive) #primary .entry-content {
/*float: right;*/
    width: 100%;
}

/*
アーカイブページ
*/

h1.page-title{
font-size:1.1em;
}

article.postBox03 { 
	width:100%;
	margin:0px; padding:15px 0px 10px 0px;
border-bottom:1px dotted #dbdbdb;
	  display: inline-block;
}

article.postBox03 .thumbnail_img 
{ width:90px;  height:90px;
overflow:hidden; 
margin-right:10px;
margin-bottom:5px;
float:left; position:relative;}

article.postBox03 div.heading{
display: grid;}

article.postBox03 .heading h1
{ color:#333333; font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	margin:0px;
	overflow:hidden;
display: inline-block;
}

article.postBox03 .metaData{ color:#666666; padding:0px 0px 0px 0px;}
article.postBox03 .metaData p
{font-size:0.9em; 
	margin:5px 0px;
	line-height:1.3em;
display: inline-block;
}

article, .search .site-main > article
{padding-bottom:0px !important; }



@media screen and (min-width: 48em)
{
.wrap {
    max-width: 1000px;
    padding: 0 10px;}

.site-branding {
    padding: 2em 2em;
}

.custom-logo-link img {
    max-width: 220px;}

.headsearch{
margin-top:20px;
}

.has-sidebar:not(.error404) #primary {
    width: 65%;
}

.has-sidebar #secondary {
    width: 31%;
}

}


/*@media screen and (min-width: 30em){
.site-branding {
    padding: 2em 2em;
}
}*/


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

.site-branding {
    text-align:center;
    padding: 2em 2em;
}

.custom-logo-link img{
width:220px;}

.headsearch{
margin-top:20px;
}

.navigation.pagination{
border-top:none;
}

#postBox{
width: 100%;
}

.pbbox1{
float:left;
}

.topheadtxt h1{

margin-bottom:15px;
max-height: /*30%*/ 55px; 
}

.wrap {
    padding: 0 15px;}
}

.site-branding {
    padding: 15px;
}