/* ブログページ */

#pankuzuList{
font-size: 12px;

background-color: rgba(0,0,0,0.1);
letter-spacing: 0.1em;
padding: 10px 80px;
text-align: left;
color: #000;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
#pankuzuList a{	font-weight: bold;}
#pankuzuList li {
	float: left;
	list-style: none;
	padding: 1px;
	margin: 0px;
}

#blog{
width: 90%;
margin: 0 auto;
overflow: hidden;
background-color: #fff;
margin-top:30px;
}
#blog h1{
font-size: 20px;
background-color: #fff;
margin-bottom: 20px;
padding: 10px 10px 10px 50px;
color: #fff;
}
.blog-content{
width: 76%;
float: left;
padding: 2%;
}

.blog-content img{
width: 80%;
height: auto;
padding: 2%;
margin: 15px 0;
}
.blog-list {
width: 95%;
overflow: hidden;
background-color: #fff;
border-radius: 5px;
}
.blog_date{
background-color: #fff;
padding: 5px 5px 5px 5px;
color: #000;
width: 100%;
border-radius: 5px;
}
/*sidebar*/
#blog #sidebar{
width: 18%;
float: left;
margin-top: 80px;
}
article #sidebar .side_list{
width: 100%;
margin-bottom: 30px;
}
article #sidebar .side_list h3{
font-size: 18px;
font-weight: bold;
color: #000;
text-align: left;
}
article #sidebar .side_list ul{
border-radius: 5px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
article #sidebar .side_list li{
font-size: 14px;
color: #000;
margin: 0px 0 0px 0;
list-style: none;
border-bottom: 1px solid #ccc;
padding: 20px;
}
article #sidebar .side_list li a{
color: #000;
text-decoration: none;
font-weight: bold;
}
article #sidebar .side_list li a:hover{
color: red;
text-decoration: none;
font-weight: bold;
}
article #sidebar li.side_post{
padding-bottom: 25px;
}
article #sidebar .side_dd{
font-size: 12px;
color: #999;
}
article #sidebar .side_tuum{
float: left;
margin-right: 10px;
}
.pager{
width: 60%;
margin: 0 auto;
text-align: center;
font-size: 24px;
}
.page-numbers{
padding: 10px;
}
.paging{
width: 100%;
margin: 0 auto;
font-size: 14px;
overflow: hidden;
margin-bottom: 60px;
}
.paging a:hover{
text-decoration: underline;
}
.next{
float: left;
width: 46%;
margin-right: 4%;
text-align: right;
}
.prev{
	float: left;
	width: 46%;
margin-left: 4%;
	text-align: left;
}
/*シングルページ　記事部分*/
article .post{
float: left;
width:100%;
margin: 0 auto;
background-color: #fff;
text-align: left;
color: #000;
overflow: hidden;
margin-bottom: 10px;
font-size: 17px;
line-height: 2.5em;
}
article .post h1{
text-align: left;
border: none;
margin: 0;
text-decoration: none;
font-size: 28px;
color: #222;
font-weight: bold;
}
article .post-title{
border: 0px solid #ccc;
}
.post-date{
padding: 10px;
color: #009933;
text-decoration: none;
font-size: 17px;
}
.post-month{}
.post-day{}
.post-cat{
padding: 10px;
color: #009933;
overflow: hidden;
}
.post-cat li{
float: left;
margin-right: 10px;
color: #000;
font-size: 13px;
letter-spacing: 0.1em;
}
/*シングルページのカテゴリーの枠*/
.post-cat li {
font-size: 12px;
color: #000;
width: 100%;
text-align: left;
}
.post-cat  li a{  color: #000; text-decoration: none;　  }
article .entry{
border-top: 1px solid #ccc;
overflow:  hidden;
height: auto;
}
article .entry p{
text-align: left;
padding: 20px 0 20px 0;
line-height: 2.2em;
font-size: 17px;
}
article .entry h2{
width: 100%;
text-align: center;
border: none;
margin: 0;
padding: 2%;
border-radius: 10px;
text-decoration: none;
font-size: 25px;
color: #fff;
font-weight: bold;
margin: 100px 0 20px 0;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
background: #e52d27; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e52d27, #b31217); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e52d27, #b31217); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
article .entry img{
width: 100%;
height: 100%;
}
article .cal-wrapper{
overflow: scroll;
}
.navigation{
padding-top: 30px;
overflow: hidden;
width: 100%;
font-size: 12px;
margin: 0 auto;
text-align: center;
}
.previous-entries{
float: left;
width: 100%;
background-color: #000;
padding: 10px;
color: #fff;
margin-bottom: 10px;
border-radius: 5px;
}
.previous-entries a{
color: #fff; font-size: 17px;}
.next-entries{
float: left;
width: 100%;
background-color: #000;
padding: 10px;
color: #fff;
border-radius: 5px;
}
.next-entries a{ color: #fff;font-size: 17px;}

/*アーカイブページ*/
article .archive{
float: left;
padding: 0% 5% 5% 5%;
width:80%;
margin: 0 auto;
background-color: #fff;
text-align: center;
color: #000;
overflow: hidden;
}
article .event-arc-ttl h2{
font-size: 23px;
text-align: center;
color: #fff;
margin-top: 0px;
margin-bottom: 15px;
padding:5px 10px 5px 10px;
border-radius: 5px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
background: #996699; /* fallback for old browsers */
}
article .event-arc-ttl p{
font-size: 15px;
margin-bottom: 30px;
}

/*アーカイブの一覧*/

article .arc-post{
border-radius: 5px;
width:30%;
height: 400px;
margin: 1.5%;
float: left;
background-color: #fff;
border: 1px solid #996699;
padding: 10px;
text-align: center;
color: #fff;
}

article .arc-ttl{
border: 1px solid #fff;
overflow: hidden;
background-color: #fff;
border-radius: 5px;
padding: 10px;
font-weight: bold;
}

article .arc-post h2 a{
width: 100%;
color: #000;
overflow: hidden;
}

article .arc-post h2 a:hover{
color: #996699;
}

article .arc-thum{
width: 100%;
float: left;
margin-bottom: 10px;
}

article .arc-thum img {width: 100% !important;  height: 100%;}
article .arc-data{ font-size: 12px; margin: 20px 0 0 0;  color: #000; padding: 0px 0 0 10px;}
article .arc-cat {
font-size: 13px;
margin: 0px 0 0px 0;
color: #000;
width: 100%;
border-radius: 10px;
text-align: left;
}
article .arc-cat a{  color: #000; }

/*タクソノミー別アーカイブ リスト*/
article .arc-post-report{width: 100%; }
article .report-data{ font-size: 13px; margin: 10px 0 10px 0;float: left;}
.repo-top{width: 100%; overflow: hidden; height: 28px;}
.repo-mid{width: 100%; overflow: hidden; height: 110px;}
.repo-bottom{width: 100%; overflow: hidden; height: 30px;}
article .arc-post-report a{
padding: 30px 10px 10px 20px;
text-decoration: none;
font-size: 20px;
color: #333;
float: left;
font-weight: bold;
}
article .arc-post-report  h3 a{
padding: 25px 10px 10px 20px;
text-decoration: none;
font-size: 20px;
color: #996699;
float: left;
font-weight: bold;
width: 100%;}

article .arc-post-report  p{
width: 100%;
border: 1px solid #ccc;
}

article .arc-post-report ul{border: 0px solid #fff;}
article .arc-post-report li{
border-radius: 5px;
margin:1% 1% 1% 1%;
float: left;
width: 48%;
text-align: center;
}
article .arc-post-report .repo-thumb img{
float: left;
width: 90px;
height: 100%;
margin: 10px;
}
article .arc-post-report .repo-dd {
float: right;
font-size: 12px;
padding: 5px;
color: #fff;
font-weight: bold;
background: #e52d27; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e52d27, #b31217); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e52d27, #b31217); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

article .arc-post-report .repo-media a{
font-size: 15px;
background-color: #000;
float: right;
padding: 5px;
margin-right: 10px;
background: #06beb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #48b1bf, #06beb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-weight: bold;
text-decoration: none;
color: #fff;
}
article .arc-post-report .repo-event a{
font-size: 15px;
background: #06beb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #48b1bf, #06beb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
float: right;
padding: 5px;
margin-right: 10px;
color: #ffff;
font-weight: bold;
text-decoration: none;
}
article .arc-post-report .repo-hall a{
font-size: 15px;
background: #06beb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #48b1bf, #06beb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
float: right;
padding: 5px;
margin-right: 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
article .arc-post-report .repo-blogcat a{
font-size: 15px;
background: #06beb6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #48b1bf, #06beb6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #48b1bf, #06beb6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
float: right;
padding: 5px;
margin-right: 10px;
color: #fff;
font-weight: bold;
text-decoration: none;
}


.link_btn{
	width: 300px;
	font-size: 17px;
	margin: 0 auto;
	padding: 10px 0;
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	border-radius: 10px;
	background: rgba(193, 130, 73, 0.7);

}

.link_btn a{	color: #fff;  }


/* アーカイブ表示用 */

.item h3 {
font-size: 1.5em;
font-weight: 700;
margin: 20px 25px;
}
.item p {
margin-bottom: 15px;
font-size: 1em;
}
.ntxt{padding: 0px 30px 0px 30px;}
.txt{padding: 0px 30px 10px 30px;}


.pick-up {
position: relative;
}
.pick-up::after{
position: absolute;
content: "";
height: 24px;
top: 0;
right: 0;
background: url("../images/pickup.gif") no-repeat center rgba(193, 130, 73, 0.7);
background-size: contain;
}

#News .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
text-align: center;
}
#News .contents a {
max-width: 600px;/* defo 400px 3åˆ— */
width: 100%;
margin: 16px auto 0;
}
#News .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#News .item > div{
width: 50%;
}
#News .item {
border: solid 1px #040000;
}

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

}
@media screen and (max-width: 768px) {
	#blog{
width: 100%;
margin: 0 auto;
overflow: hidden;
background-color: #fff;

}

.blog-content{
width: 90%;
float: left;
padding: 5%;
}


	/*sidebar*/
#blog #sidebar{
width: 100%;
float: left;
}

}

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

}

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

}

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

}
