@charset "UTF-8";

@import url("reset.css");
@import url("layout.css");

/*Sub_Layout */
#contents_wr{	width:1100px;
	margin:0 auto 30px;

	}
#contents{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 16px #E0DED9;
	-moz-box-shadow: #E0DED9 0px 0px 16px;
	box-shadow: 0px 0px 16px #E0DED9;
	position: relative;
	margin-bottom: 30px;
}

#headline{
	padding-bottom:50px;}
#pageheader{padding:1.5em;}

#pagebody{	padding:0 2.5em 3em;
}


#pageheader h1{
	background:url(../img/layout/h1_bg.png) no-repeat left top;
	-moz-background-size:100% auto;
background-size:100% auto;
	font-size:182%;
	color: #FFF;
	margin-bottom:10px;
	padding: .6em 1em 1em;
	letter-spacing:.1em;}


h2.sub{
	font-size: 161%;
	background:#F0F0E1;
	color: #008557;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	padding: .5em 1em .5em;
	margin-bottom: .8em
}


/* ------------------------------
 post共通
------------------------------ */

#postbody_wrap {
	padding-right:130px;
	position:relative;
}

/*SNS*/


#share {
    width: 100px;
	position:absolute;
	top:0;
	right:0;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#share li.share_btn{
	width:80px;
	margin-bottom:1em}
	
#share li.line{
	width:80px}

#share li.line img{
	width:60%;
	height:auto}
	
#share li.share_btn a {
    display: block;
	text-decoration:none;
    cursor: pointer;
    width: auto;
    color: #fff;
	font-size:93%;
	font-family:"Courier New", Courier, monospace;
	padding:.3em 1em .2em;
    vertical-align: middle;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;

}
 

 
.fb-hbutton a {
    background: #3b5998;
}
 
.tw-hbutton a {
    background: #00aef1;
}
 
.hb-hbutton a {
    background: #156fc3;
}
 
.gp-hbutton a {
    background: #dd4b39;
}
 
.pt-hbutton a {
    background: #ea4654;
}
 
.feedly-hbutton a {
    background: #72c640;
}
 

.share_btn span.count {
    position: relative;
    display: block;
    width: 78px;
    height: 31px;
    margin: 0 auto 6px;
    padding: 2px 0px 0;
    font-family: Arial;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 31px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
.share_btn span.count:before {
    position: absolute;
    top: 33px;
    right: 40%;
    border: solid transparent;
    border-width: 5px;
    content: "";
}
 
.share_btn span.count:after {
    position: absolute;
    top: 31px;
    right: 40%;
    border: solid transparent;
    border-width: 5px;
    border-top-color: #fff;
    content: "";
}
 
#facebook-count {
    border: 1px solid #344e86;
}
 
#facebook-count:before {
    border-top-color: #344e86;
}
 
#twitter-count {
    border: 1px solid #009cd7;
}
 
#twitter-count:before {
    border-top-color: #009cd7;
}
 
#hatebu-count {
    border: 1px solid #1362ac;
}
 
#hatebu-count:before {
    border-top-color: #1362ac;
}
 
#gplus-count {
    border: 1px solid #d73925;
}
 
#gplus-count:before {
    border-top-color: #d73925;
}
 
#pocket-count {
    border: 1px solid #e72f3f;
}
 
#pocket-count:before {
    border-top-color: #e72f3f;
}

/*ページナビ*/
.navi{
	text-align:center;
	clear:both}

.navi ul{display:table;
	border-collapse: separate;
border-spacing: 10px 0;
	margin:0 auto}

.navi li{display:table-cell}

.navi li.back{}
.navi li.aclist{}
.navi li.next{}
	
.navi li a{
	display: block;
	color: #371515;
	background-color: #dcd3c0;
	text-decoration: none;
	padding: .6em 1.5em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
	.navi li a:active,
	.navi li a:hover{
		background-color: #b8a170;
		color:#FFF}
		
/* ------------------------------
 PDF関連
------------------------------ */
.shiryo{
	border: solid 2px #dcd3c0;
	border-radius: 6px;
	position: relative;
	
}

.shiryo h3{
	font-size:1.3em;
	background: rgba(220, 211, 191, 0.6);
	padding: .6em 1em;
	letter-spacing: .1em
	}
	
.shiryo h3 span{font-size:smaller}
		
ul#pdf_file{
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	margin: 0 -2% 0 0;
	padding: 1em
}

ul#pdf_file li{
	width:48%;
	margin-right:2%;
	background-color: rgba(255,255,255,0.5);
	padding: .6em
}

ul#pdf_file li img{
	width: auto;
	height:180px;
	float:left;
	margin-right:1.5em;
	border:#F0F0E1 solid 2px;}

ul#pdf_file li .fileinfo{
	font-size:1.2em;
	padding-top:.5em;
	line-height:1.5em;
	display:block}