@charset "UTF-8";

/*左右カラム*/
.leftContainer {
	width: 100%;
    float: left;
    margin-right: -26%;
}
.leftContainer .inner {
	margin-right: 30%;
    width: auto;
}
.rightContainer {
	width: 26%;
    float: right;
	box-sizing:border-box;
	padding:30px;
	background-color:rgba(236,236,236,1);
}
@media screen and (max-width: 768px) {
.leftContainer {
    float: none;
    margin-right: 0;
}
.leftContainer .inner {
	margin-right: 0;
}
.rightContainer {
	width: 100%;
    float: none;
}
}

/*============================================================================================
↓カテゴリ、アーカイブの見出し================================================================
============================================================================================*/
.sortTtl {
	font-size:1.6em;
	line-height:1.6em;
	margin-bottom:50px;
}

/*============================================================================================
↓WP記事欄====================================================================================
============================================================================================*/
.posted {
	margin-bottom:50px;
}

/*本文欄ヘッダー*/
.posted .postHeader {
	margin:0 0 30px;
	padding:15px 0;
	box-sizing:border-box;
	border-top:solid 1px rgba(46,75,167,1);
	border-bottom:solid 1px rgba(46,75,167,1);
}
.posted .postHeader .meta {
	font-size:1.2em;
	line-height:1.6em;
}
.posted .postHeader .meta .catLabel,
.posted .postHeader .meta .upDate {
	display:inline-block;
}
.posted .postHeader h2 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1.6em;
	margin:10px 0 0;
}
.posted .postHeader h2 a:link,
.posted .postHeader h2 a:visited {
	text-decoration:none;
}
.posted .postHeader h2 a:hover,
.posted .postHeader h2 a:hover {
	text-decoration:underline;
}

/*本文欄*/
.postBody {
	font-size:1.4em;
	line-height:2em;
	margin-bottom:30px;
}
.postBody p {margin-bottom:10px;}
.postBody p:last-child {margin-bottom:0px;}

.postBody h1 {font-size:22px !important; line-height: 1.5em; margin-bottom:10px; }
.postBody h2 {font-size:18px !important; line-height: 1.5em; margin-bottom:10px; }
.postBody h3 {font-size:16px !important; line-height: 1.5em; margin-bottom:10px; }
.postBody h4 {font-size:14px; line-height: 1.5em; margin-bottom:10px; }
.postBody h5 {font-size:12px; line-height: 1.5em; margin-bottom:10px; }
.postBody h6 {font-size:10px; line-height: 1.5em; margin-bottom:10px; }

.postBody address {font-size:1.2em; margin-bottom: 10px;}
.postBody pre {font-size:1.2em; margin-bottom: 10px;}
.postBody em {font-style:italic; margin-bottom: 10px;}
.postBody strong {font-weight: bold;}

.postBody ul {
	padding-left: 20px;
	margin:10px 0;
}
.postBody ul li {
	list-style-type: disc;
	list-style-position: inside;
}
.postBody ol {
	padding-left: 20px;
	margin:10px 0;
}
.postBody ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
.postBody blockquote {
	padding: 0 20px;
	border: 1px dotted rgba(0,0,0,0.2);
	margin:10px 0;
}
.postBody hr {
	margin:20px auto;
}
.postBody img {
	max-width:100%;
	height:auto;
}
.postBody a:link,
.postBody a:visited {
	text-decoration:underline;
}
.postBody a:hover {
	text-decoration:none;
}

/*記事添付ファイル*/
.attachmentFile {
	margin: 15px 0 0;
	text-align:right;
}
.attachmentFile a:link,
.attachmentFile a:visited {
	color:rgba(51,51,51,1);
	font-size:1.2em;
	line-height:1.6em;
	text-decoration:none;
	box-sizing:border-box;
	padding:10px 10px 10px 33px;
	display:inline-block;
	vertical-align:middle;
	background-color:rgba(236,236,236,1);
	background-image:url(../../assets/images/common/ico-pdf.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:33px 33px;
	transition: all 0.3s ease 0s;
}
.attachmentFile a:hover,
.attachmentFile a.hover {
	background-color:rgba(204,204,204,1);
}

/*タグクラウド
.relatedTags {
	font-size:1.2em;
	line-height:1.6em;
	padding:10px 0;
	border-top:solid 1px rgba(0,0,0,0.2);
}*/

/*埋め込みYoutube対策*/
.postBody  .movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.postBody .movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*============================================================================================
↓ページネーション============================================================================
============================================================================================*/
.pagenation {
	width:100%;
	border-top:solid 1px rgba(236,236,236,1);
	border-bottom:solid 1px rgba(236,236,236,1);
	font-size:1.2em;
	line-height:1.6em;
	display:table;
	margin:30px auto;
}
.pagenation div {
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
.pagenation div:first-child {
	text-align:left;
}
.pagenation div:last-child {
	text-align:right;
}
.pagenation a:link,
.pagenation a:visited {
	display:block;
	color:rgba(46,75,167,1);
	padding:25px 10px;
	text-decoration:underline;
	box-sizing:border-box;
	transition:all 0.3s ease 0s;
}	
.pagenation a:hover,
.pagenation a.hover {
	text-decoration:none;
}

/*============================================================================================
↓ページナビ　他==============================================================================
============================================================================================*/
.wp-pagenavi,
.linkto {
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:30px;
}

/*============================================================================================
↓サイドバー==================================================================================
============================================================================================*/
.sidebar div {
	margin-bottom:30px;
}
.sidebar div:last-child {
	margin-bottom:0;
}
.sidebar .is-toggle {
	cursor:pointer;
}
.ttlStyle2:after {
	position:absolute;
	top:0px;
	right:10px;
	width:20px;
	height:20px;
	background-color:#C96;
}
.sidebar ul {
	list-style:none;
	display:block;
}
.sidebar ul li {
	font-size:1.4em;
	line-height:1.6em;
	display:block;
}
.sidebar ul li a:link,
.sidebar ul li a:visited {
	text-decoration:none;
	padding:10px 0;
	display:block;
	border-bottom:dotted 1px rgba(255,255,255,1);
	transition: all 0.3s ease 0s;
}
.sidebar ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  padding:5px;
}
.sidebar ul li a:hover,
.sidebar ul li a.hover {
	-webkit-transform:translateX(5px);
	transform:translateX(5px);
}