@charset "utf-8";
/* ================================================================================================================== */
/* MAIN                                                                                                               */
/* ===================================================================================================================*/
#main {
	padding-top: 10px;
}
@media screen and (max-width: 750px) {
	#main {
		padding-top: 35px;
	}
}
/* ================================================================================================================== */
/* POSTWRAPPER                                                                                                        */
/* ===================================================================================================================*/
#main #post_wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#main #post_wrapper #post {
	width: 680px;
}
#main #post_wrapper #sidebar {
	width: 250px;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper {
		width: auto;
	}
	#main #post_wrapper #post {
		width: auto;
	}
	#main #post_wrapper #sidebar {
		width: 690px;
		margin: 0 auto;
		position: static;
		top: 0;
		right: 0;
	}
}
/* ================================================================================================================== */
/* POST                                                                                                               */
/* ===================================================================================================================*/
/* =============================================================== */
/* POST:HEADLINE                                                   */
/* =============================================================== */
#main #post_wrapper #post .headline {
	padding: 25px 30px;
	background: rgba(25,139,203,0.1);
}
#main #post_wrapper #post .headline .item.type_date {
	color: #198bcb;
	font-size: 0.12rem;
	line-height: 1;

	font-family: brother-1816,sans-serif;
	font-weight: 400;
	font-style: normal;
}
#main #post_wrapper #post .headline .item.type_title {
	margin-top: 6px;
	color: #198bcb;
	font-size: 0.32rem;
	line-height: 1.3;

	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 700;
	font-style: normal;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper #post .headline {
		box-sizing: border-box;
		width: 690px;
		margin: 0 auto;
		padding: 38px 25px 29px;
	}
	#main #post_wrapper #post .headline .item.type_date {
		font-size: 0.20rem;
	}
	#main #post_wrapper #post .headline .item.type_title {
		margin-top: 8px;
		font-size: 0.38rem;
	}
}
/* =============================================================== */
/* POST:TAXONOMY                                                   */
/* =============================================================== */
#main #post_wrapper #post .taxonomy {
	margin-top: 13px;
}
#main #post_wrapper #post .taxonomy dl {
	color: #198bcb;
	line-height: 1;

	display: -webkit-flex;
	display: flex;
}
#main #post_wrapper #post .taxonomy dl:nth-child(n + 2) {
	margin-top: 10px;
}
#main #post_wrapper #post .taxonomy dl dt {
	font-size: 0.12rem;
	white-space: nowrap;

	font-family: brother-1816,sans-serif;
	font-weight: 400;
	font-style: normal;
}
#main #post_wrapper #post .taxonomy dl dd {
	margin-bottom: -10px;
	padding-left: 3px;
	font-size: 0.12rem;
}
#main #post_wrapper #post .taxonomy dl dd a {
	margin-right: 10px;
	margin-bottom: 10px;
}
#main #post_wrapper #post .taxonomy dl dd a:last-child {
	margin-right: 0;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper #post .taxonomy {
		width: 690px;
		margin: 35px auto 0;
	}
	#main #post_wrapper #post .taxonomy dl {
	}
	#main #post_wrapper #post .taxonomy dl:nth-child(n + 2) {
		margin-top: 17px;
	}
	#main #post_wrapper #post .taxonomy dl dt {
		font-size: 0.25rem;
	}
	#main #post_wrapper #post .taxonomy dl dd {
		margin-bottom: -15px;
		padding-left: 8px;
		font-size: 0.25rem;
	}
	#main #post_wrapper #post .taxonomy dl dd a {
		margin-right: 25px;
		margin-bottom: 15px;
	}
	#main #post_wrapper #post .taxonomy dl dd a:last-child {
		margin-right: 0;
	}
}
/* =============================================================== */
/* POST:CONTENT                                                    */
/* =============================================================== */
#main #post_wrapper #post .content {
	margin-top: 40px;
	padding-bottom: 80px;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper #post .content {
		margin-top: 35px;
		padding-bottom: 80px;
	}
}
/* =============================================================== */
/* POST:CONTENT(固有)                                              */
/* =============================================================== */
#main #post_wrapper #post .content iframe {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
  #main #post_wrapper #post .content iframe {
    display: block;
    width: 690px;
    height: auto;
    margin: 0 auto 30px;
  }
}
/* =============================================================== */
/* POST:PAGE_CONTROL                                               */
/* =============================================================== */
#main #post_wrapper #post ul.page_control {
	padding: 30px 0 70px;
	border-top: 2px solid #198bcb;
	color: #198bcb;
	line-height: 1;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}
#main #post_wrapper #post ul.page_control li.prev,
#main #post_wrapper #post ul.page_control li.next {
	width: 250px;
	white-space: nowrap;
}
#main #post_wrapper #post ul.page_control li.prev {
	text-align: left;
}
#main #post_wrapper #post ul.page_control li.next {
	text-align: right;
}
#main #post_wrapper #post ul.page_control li a {
    display: inline;
}
#main #post_wrapper #post ul.page_control li.prev div:nth-child(1),
#main #post_wrapper #post ul.page_control li.next div:nth-child(1) {
	font-size: 0.14rem;

	font-family: poynter-oldstyle-display,serif;
	font-weight: 600;
	font-style: normal;
}
#main #post_wrapper #post ul.page_control li.prev div:nth-child(2),
#main #post_wrapper #post ul.page_control li.next div:nth-child(2) {
	margin-top: 5px;
	font-size: 0.14rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) ,
#main #post_wrapper #post ul.page_control li.next div:nth-child(3) {
	margin-top: 5px;
}
#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) img,
#main #post_wrapper #post ul.page_control li.next div:nth-child(3) img {
	width: 20px;
}
#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) img {
	transform: scale(-1,1);
}
#main #post_wrapper #post ul.page_control li.center {
	margin-top: 5px;
	font-size: 0.14rem;

	font-family: poynter-oldstyle-display,serif;
	font-weight: 600;
	font-style: normal;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper #post ul.page_control {
		padding: 0;
		border-top: 1px solid #1986c6;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#main #post_wrapper #post ul.page_control li {
		width: 100% !important;
		height: 90px;
		border-bottom: 1px solid #1986c6;
		line-height: 90px;
	}
	#main #post_wrapper #post ul.page_control li:empty {
		display: none;
	}
	#main #post_wrapper #post ul.page_control li.prev,
	#main #post_wrapper #post ul.page_control li.next {
	}
	#main #post_wrapper #post ul.page_control li.prev,
	#main #post_wrapper #post ul.page_control li.next {
	    box-sizing: border-box;
		padding-left: 30px;
		text-align: left;
		letter-spacing: -.40em;
	}
	#main #post_wrapper #post ul.page_control li.prev div:nth-child(1),
	#main #post_wrapper #post ul.page_control li.next div:nth-child(1) {
		display: inline-block;
		width: 90px;
		letter-spacing: normal;
		font-size: 0.28rem;
		vertical-align: top;
	}
	#main #post_wrapper #post ul.page_control li.prev div:nth-child(2),
	#main #post_wrapper #post ul.page_control li.next div:nth-child(2) {
	    box-sizing: border-box;
		display: inline-block;
		width: 595px;
		margin-top: 0;
		padding-left: 35px;
		letter-spacing: normal;
		font-size: 0.28rem;
		vertical-align: top;
	}
	#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) ,
	#main #post_wrapper #post ul.page_control li.next div:nth-child(3) {
		display: none;
	}
	#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) img,
	#main #post_wrapper #post ul.page_control li.next div:nth-child(3) img {
	}
	#main #post_wrapper #post ul.page_control li.prev div:nth-child(3) img {
	}
	#main #post_wrapper #post ul.page_control li.center {
		margin-top: 0;
		text-align: center;
		font-size: 0.28rem;

		 -webkit-order: 3;
		order: 3;
	}
}
/* ================================================================================================================== */
/* SIDEBAR                                                                                                            */
/* ===================================================================================================================*/
/* =============================================================== */
/* SIDEBAR:ITEM                                                    */
/* =============================================================== */
#main #post_wrapper #sidebar dl.item {
}
#main #post_wrapper #sidebar dl.item dt {
	color: #198bcb;
	font-size: 0.26rem;
	line-height: 1;

	font-family: poynter-oldstyle-display,serif;
	font-weight: 600;
	font-style: normal;
}
#main #post_wrapper #sidebar dl.item dd {
	margin-top: 25px;
}
#main #post_wrapper #sidebar dl.item dd ul {
}
#main #post_wrapper #sidebar dl.item dd ul li {
	position: relative;
}
#main #post_wrapper #sidebar dl.item dd ul li:nth-child(n + 2) {
	margin-top: 18px;
}
#main #post_wrapper #sidebar dl.item dd ul li::before {
	content: "";
	border-top:    4.2px solid transparent;
	border-right:    0px solid transparent;
	border-bottom: 4.2px solid transparent;
	border-left:   4.2px solid #198bcb;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	top: calc(50% + 1px);
}
#main #post_wrapper #sidebar dl.item dd ul li a {
	padding-left: 12px;
	font-size: 0.14rem;
	line-height: 1;
}
#main #post_wrapper #sidebar dl.item dd ul li a:hover {
	color: #198bcb;
}
@media screen and (max-width: 750px) {
	#main #post_wrapper #sidebar dl.item {
		padding: 47px 0 70px;
	}
	#main #post_wrapper #sidebar dl.item dt {
		font-size: 0.36rem;
	}
	#main #post_wrapper #sidebar dl.item dd {
		margin-top: 27px;
	}
	#main #post_wrapper #sidebar dl.item dd ul {
		letter-spacing: -.40em;
	}
	#main #post_wrapper #sidebar dl.item dd ul li {
		display: inline-block;
		width: 50%;
		letter-spacing: normal;
		vertical-align: top;
	}
	#main #post_wrapper #sidebar dl.item dd ul li:nth-child(n + 2) {
		margin-top: 0;
	}
	#main #post_wrapper #sidebar dl.item dd ul li:nth-child(n + 3) {
		margin-top: 32px;
	}
	#main #post_wrapper #sidebar dl.item dd ul li::before {
		border-top:    7.2px solid transparent;
		border-right:    0px solid transparent;
		border-bottom: 7.2px solid transparent;
		border-left:   7.2px solid #198bcb;
		top: calc(50% + 2px);
	}
	#main #post_wrapper #sidebar dl.item dd ul li a {
		padding-left: 15px;
		font-size: 0.24rem;
	}
	#main #post_wrapper #sidebar dl.item dd ul li a:hover {
		color: inherit;
	}
}