@charset "utf-8";
/*
Theme Name: hitori
Description:山本太郎広報
Theme URI: hitori
Author: --
Author URI: --
Version: 1.0
License:
License URI:
*/

@import "css/normalize.min.css";
@import "css/flexnav.css";
@import "css/taros-network-fm.css";

html,
button,
input,
select,
textarea {
	color: #222;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 10px 0;
}

/*グリッドの溝paddingをwidthに含む*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*-----common------*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 1.6;
	letter-spacing: 0;
}

img {
	max-width: 100%;
	height: auto;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#wrap {
	width: 1275px;
	margin: 0 auto;
	position: relative;
}

/*-----header------*/
header:before,
footer:before {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/header_colorbar.jpg);
	background-size: 100%;
}

header {
	width: 100%;
	min-height: 105px;
	background: url(images/header_bg.jpg) repeat-x top;
	overflow: hidden;
	zoom: 1;
}

header h1 {
	float: left;
	margin: 20px 220px 0 1.5%;
	padding: 0;
}

header p {
	font-size: 80%;
	float: left;
	margin: 28px 20px 0 0;
}

header ul {
	float: right;
	margin: 10px 1.5% 0 0;
}

header ul li {
	float: left;
	margin-left: 9px;
}

header #header_search {
	margin: 20px 1.5% 0 0;
	font-size: 80%;
}

header form {
	margin: 0 auto;
}

header #s {
	width: 180px;
	height: 18px;
	float: left;
}

header #searchsubmit {
	margin-top: 3px;
	margin-left: -20px;
	cursor: pointer;
}

/*------slider------*/
#slider {
	margin: 8px 1.5% 0 1.5%;
	overflow: hidden;
	zoom: 1;
}

#slider div#slider_wrap {
	width: 75%;
	float: left;
	padding-right: 0.5%;
}

#slider ul {
	width: 25%;
	float: left;
	margin: 0;
}

#slider ul li,
.home section#side ul.sp li {
	margin-bottom: 5px;
}

/*------nav------*/
nav {
	margin: 12px 1.5%;
}

.home nav {
	margin: 5px 1.5% 33px 1.5%;
}

nav>div>ul>li>a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

nav ul>li a {
	display: block;
}

/*------main------*/

#main {
	margin: 0;
	overflow: hidden;
	zoom: 1;
}

#main section#contents {
	float: left;
	width: 75%;
	padding: 0;
	margin: 0;
}

#main section#side {
	float: right;
	width: 25%;
	padding: 17px;
}

.home #main {
	margin: 8px 1.5% 0 1.5%;
}

.home #main section#side {
	padding: 0;
}

.home #main section#contents ul li {
	float: left;
	width: 33.3%;
	padding: 0 5px 5px 0;
}

.page-id-12747 #main section#contents ul li {
	float: left;
	width: 33.3%;
	padding: 0 5px 5px 0;
}
.page-id-12752 h2 {
	margin: 3rem 0 1rem;
	font-weight: 500;
	border-bottom: 1px solid #000;
	padding-bottom: .5rem;
}

.home #main section#side ul#social li {
	padding: 0 5px 5px 0;
}

.page-id-12747 #main section#side ul#social li {
	padding: 0 5px 5px 0;
}

#main section#new_arrivals {
	vertical-align: top;
	float: left;
	display: inline;
	width: 99.4%;
	min-height: 253px;
	padding: 0;
	margin: 0;
}

#main section#new_arrivals h4 {
	font-size: 90%;
	line-height: 33px;
	height: 33px;
	background-color: #ececec;
	margin: 0 0 20px 0;
}

#main section#new_arrivals h4:before {
	content: "";
	display: block;
	float: left;
	height: 33px;
	width: 8px;
	background: url(images/btn_more_bg.gif);
	margin-right: 15px;
}

#main section#new_arrivals ul.link {
	font-size: 85%;
	margin: 0 0 50px 25px;
}

#main section#new_arrivals ul.link li {
	clear: left;
	width: 100%;
	list-style-image: url(images/list_mark.gif);
	line-height: 1.3;
	margin-bottom: 15px;
	padding: 0 10px;
}

#main section#new_arrivals ul.link li a {
	color: #333;
	line-height: 1.4rem;
}

#main section#new_arrivals ul.link li a span.policy::after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #f9f654;
	color: #fff;
	content: "政策";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.profile:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #e33677;
	color: #fff;
	content: "プロフィール";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.posts_archives:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #54aed3;
	color: #fff;
	content: "アーカイブ";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.questions:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #e36cd3;
	color: #fff;
	content: "質問主意書";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.national-diet:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #e68d44;
	color: #fff;
	content: "国会活動";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.leaflet:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #7def5b;
	color: #fff;
	content: "チラシ";
	font-size: smaller;
}

#main section#new_arrivals ul.link li a span.r-style:after {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	border-radius: 15px;
	background-color: #90f3f0;
	color: #fff;
	content: "修正案";
	font-size: smaller;
}

/*
#main section#new_arrivals ul.link li a.library {
	display: inline-block;
	padding-left: 84px;
	background: url(images/icon/library.png) no-repeat left center;
}

#main section#new_arrivals ul.link li a.english {
	display: inline-block;
	padding-left: 84px;
	background: url(images/icon/english.png) no-repeat left center;
}
*/

#main section#new_arrivals ul.link li a:hover {
	color: #666;
}

/*------footer------*/
footer {
	margin: 70px 0 0 0;
	background-color: #d0dcf5;
	padding-bottom: 50px;
	overflow: hidden;
	zoom: 1;
}

footer p#copyright {
	font-size: 80%;
	text-align: center;
	margin: 8px 0 30px;
}

footer section.left {
	font-size: 90%;
	padding-right: 40px;
	margin-left: 3%;
	border-right: 1px solid #FFF;
}

footer h5 {
	margin: 30px 0;
}

footer p {
	margin-bottom: 30px;
}

footer section.sitemap {
	float: left;
	font-size: 75%;
	padding-left: 30px;
}

footer section.sitemap>ul>li {
	float: left;
	margin-right: 35px;
}

footer section.sitemap ul {
	margin-top: 30px;
}

footer section.sitemap ul li a {
	text-decoration: none;
	color: #1B315C;
}

footer section.sitemap ul li a:hover {
	text-decoration: underline;
}

/*------custom list page------*/
h2.header {
	margin: 0;
}

h3 {
	color: #fff;
	font-size: 180%;
	font-weight: normal;
	line-height: 55px;
	vertical-align: middle;
	height: 55px;
	background: url(images/h3_bg.gif);
	margin: 0 0 0 -1.5%;
	padding-left: 85px;
}

p#lead {
	font-size: 100%;
	margin: 20px 0 0;
	padding-left: 80px;
}

div#social {
	padding-left: 80px;
}

section.article_list {
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 8px;
	border: 1px solid #ccc;
}

section.article_list div.left {
	width: 28%;
}

section.article_list div.right {
	width: 72%;
}

div.article_info {
	border-left: 6px solid #000;
	padding-left: 10px;
}

div.article_info h4 {
	color: #000;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 8px 0 0;
}

div.article_info h4 a {
	color: #000;
}

div.article_info h4 a:hover {
	color: #999;
}

div.article_info p.date {
	color: #999;
	font-size: 70%;
	margin: 5px 0;
}

div.article_info dl.category {
	font-size: 90%;
	margin: 0;
	padding-bottom: 10px;
}

div.article_info dl.category dt {
	float: left;
	background-color: #ececec;
	padding: 2px 5px;
}

div.article_info dl.category dd {
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 2px 10px;
}

div.article_info dl.category dd a {
	color: #000;
	text-decoration: none;
}

section.article_list div.summary {
	font-size: 90%;
	margin-top: 10px;
	padding-right: 10px;
}

section.article_list p.more a {
	float: right;
	color: #fff;
	font-size: 80%;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	width: 122px;
	height: 33px;
	background: url(images/btn_more_bg.gif);
	margin: 0 -8px -8px 0;
}

section.article_list p.more a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#side ul#banner {
	margin-bottom: 50px;
}

#side ul#banner li {
	margin-bottom: 5px;
}

#side h4 {
	font-size: 90%;
	line-height: 33px;
	height: 33px;
	background-color: #ececec;
	margin: 0 0 20px 0;
}

#side h4:before {
	content: "";
	display: block;
	float: left;
	height: 33px;
	width: 8px;
	background: url(images/btn_more_bg.gif);
	margin-right: 15px;
}

#side ul.link {
	font-size: 85%;
	margin: 0 0 50px 25px;
}

#side ul.link li {
	list-style-image: url(images/list_mark.gif);
	line-height: 1.3;
	margin-bottom: 15px;
	padding: 0 10px;
}

#side ul.link li a {
	color: #333;
}

#side ul.link li a:hover {
	color: #666;
}

/*------English------*/
ul#english_link {
	margin: 10px 0 10px 70px;
}

ul#english_link li a {
	font-family: 'helvetica', 'arial', san-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
	float: left;
	padding: 7px 10px;
	margin-right: 10px;
	background: repeating-linear-gradient(45deg,
			#bdd8b1,
			#bdd8b1 10px,
			#b1d1a3 10px,
			#b1d1a3 20px);
}

ul#english_link li a:hover {
	color: #303030;
	background: repeating-linear-gradient(45deg,
			#d1e4c9,
			#d1e4c9 10px,
			#c9dfbf 10px,
			#c9dfbf 20px);
}


/*------blog list page------*/
section.article_list div.blog div.article_info {
	margin: 0 0 0 -8px;
}

/*------page-navi------*/
div.wp-pagenavi {
	font-size: 90%;
	width: 90%;
	margin: 50px auto;
}

div.wp-pagenavi a,
.wp-pagenavi span {
	color: #888;
	border: 1px solid #CCC !important;
}

div.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #999 !important;
}

/*------article page------*/

section#article_wrap {
	margin-top: 40px;
	padding: 0 60px;
	border-right: 1px solid #e5e5e5;
}

section#article_wrap div.article_info {
	margin: 0 0 40px -20px;
	padding-left: 15px;
}

section#article_wrap div.article_info h4 {
	font-size: 150%;
	margin: 0;
	padding: 8px 0 0;
}

section#article_wrap div.article_info dl.category {
	padding-bottom: 13px;
}

section#article_wrap>h4 {
	color: #505050;
	font-size: 160%;
	font-weight: normal;
	border-left: 6px solid #000;
	padding-left: 15px;
}

section#article_wrap h5 {
	color: #505050;
	font-size: 120%;
	font-weight: normal;
}

section#article_wrap h5:before {
	content: "";
	float: left;
	width: 5px;
	height: 28px;
	margin-right: 10px;
	background: url(images/h5_article.gif);
}

section#article_wrap h6 {
	color: #505050;
	font-size: 105%;
	font-weight: lighter;
	margin: 15px 0;
}

section#article_wrap h6:before {
	content: "";
	float: left;
	width: 4px;
	height: 24px;
	margin-right: 10px;
	background: url(images/h6_article.gif);
}

section#article_wrap p {
	font-size: 95%;
	line-height: 1.8;
}

section#article_wrap p a {
	color: #4d4d4d;
	background: url(images/a_bg.gif);
	padding: 4px 2px;
}

section#article_wrap p a.no-bg {
	background: none;
	padding: 0;
}

section#article_wrap p a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

section#article_wrap p img {
	margin: 0 15px 15px 15px;
}

section#article_wrap p img.no-margin {
	margin: 0;
}

section#article_wrap p.border-bottom {
	padding-bottom: 25px;
	border-bottom: 1px dotted #ccc;
}

section#article_wrap ul {
	margin-left: 20px;
}

section#article_wrap ul li {
	font-size: 90%;
	list-style-image: url(images/list_mark.gif);
	margin-bottom: 10px;
}

section#article_wrap ul li a {
	color: #4d4d4d;
}

section#article_wrap ul li a:hover {
	color: #999;
}

section#article_wrap div.wp_rp_content ul.related_post li {
	margin-right: 30px !important;
}

section#article_wrap div.wp_rp_content ul.related_post li:last-child {
	margin-right: 0 !important;
}

.page-id-31 a.btn-form {
	display: block;
	width: 367px;
	height: 76px;
	text-indent: -9999px;
	background: url(http://www.taro-yamamoto.jp/wp-content/uploads/2014/03/btn-form.gif) no-repeat !important;
	margin: 40px auto 20px;
}

.page-id-31 a.btn-pdf {
	display: block;
	width: 200px;
	height: 39px;
	text-indent: -9999px;
	background: url(http://www.taro-yamamoto.jp/wp-content/uploads/2014/03/btn-pdf.gif) no-repeat !important;
	margin: 0px auto 20px;
}

section#article_wrap iframe {
	width: 100%;
	max-width: 100%;
}

section#article_wrap .video {
	position: relative;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-top: 69px;
	padding-bottom: 50%;
	overflow: hidden;
}

section#article_wrap .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}


.sp {
	display: none;
}

section#article_wrap .tsyatu-w {
	float: left;
	width: 260px;
}

section#article_wrap .tsyatsu-g {
	float: left;
	width: 260px;
}

section#article_wrap table#sclTbl {
	/* スクロール対象のテーブル */
	background-color: #999;
	/* テーブルの背景色 borderの色になる */
	border-collapse: separate;
	/* 枠線の表示の仕方 */
	font-size: 16px;
	/* 文字のサイズ */
	border-spacing: 0;
	border-top: 1px solid #000000;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #000000;
}


section#article_wrap #out_Div {
	/* 全体の枠。ここにヘッダを格納 */
	position: relative;
	/* 相対位置 */
	padding-top: 95px;
	/*  #in_Div の開始位置 */
	width: 100%;
	/* 列幅の合計＋セル間の幅(2px)の合計＋20px 程度 */
	border: 1px solid #999;
	/* 外枠 */
	background-color: #999;
	/* 白 */
}

section#article_wrap div#in_Div {
	/* tbodyが入っている。ここがスクロール対象*/
	overflow: auto;
	/* スクロールバー*/
	height: 700px;
	/* tbodyを表示する高さ */
}

section#article_wrap table#sclTbl thead tr {
	/* ヘッダ 見出し行,位置を #out_Div の左上端に移動 */
	position: absolute;
	/* 絶対位置 */
	top: 0px;
	/* 上からの位置 */
	left: 0px;
}

section#article_wrap table#sclTbl thead tr th {
	/* thead 'th'のスタイル */
	background-color: #000099;
	/* 背景色 */
	color: #FFFFFF;
	/* 文字色 */
	padding: 3px 0px;
	font-size: 20px;
	font-weight: bold;
	border-top-color: #99999;
	border-bottom-color: #FFFFFF;
	border-left-color: #99999;
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #000000;
	border-left: none;
}

section#article_wrap table#sclTbl tbody tr td {
	/* tbody 'td'のスタイル */
	background-color: #FFFFFF;
	color: #000;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-top: none;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: none;
}

section#article_wrap table#sclTbl tbody tr td p {
	padding-top: 1px;
	margin-top: 2px;
	margin-bottom: 1px;
}

section#article_wrap #out_Div #in_Div table#sclTbl tbody tr td.colmaru {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

section#article_wrap table#sclTbl tbody tr td.colhitori {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #1F7EC0;
}

section#article_wrap #out_Div #in_Div table#sclTbl .coL0 {
	width: 700px;
}

/* colgroupの列幅指定 */
section#article_wrap #out_Div #in_Div table#sclTbl .coL1 {
	width: 110px;
}

section#article_wrap #out_Div #in_Div table#sclTbl .col3 {
	font-weight: bolder;
	font-size: 17px;
}

section#article_wrap table#sclTbl tbody tr .col3 {
	background-color: #345DCD;
	color: #FFF;
}

section#article_wrap div.yosankanren {
	font-family: "メイリオ", sans-serif;
	font-size: 12px;
}

section#article_wrap table#sclTbl .btn_sanpi {
	/* リンクボタンのスタイル */
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #3866a3;
	padding: 1px 10px;
	text-decoration: none;
	background: -moz-linear-gradient(center top, #63b8ee 5%, #468ccf 100%);
	background: -ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf));
	background-color: #63b8ee;
	color: #14396a;
	display: inline-block;
	text-shadow: 1px 1px 0px #7cacde;
	-webkit-box-shadow: inset 1px 1px 0px 0px #bee2f9;
	-moz-box-shadow: inset 1px 1px 0px 0px #bee2f9;
	box-shadow: inset 1px 1px 0px 0px #bee2f9;
}

section#article_wrap table#sclTbl .btn_sanpi:hover {
	background: -moz-linear-gradient(center top, #468ccf 5%, #63b8ee 100%);
	background: -ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee));
	background-color: #468ccf;
}

section#article_wrap table#sclTbl .btn_sanpi:active {
	position: relative;
	top: 1px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width:1024px) {
	#wrap {
		width: 100%;
	}

	header p {
		margin-left: 2%;
	}

	header ul {
		float: left;
		margin: 10px 0;
	}

	footer section.left {
		border: none;
	}

	footer section.sitemap {
		float: left;
		width: 100%;
		font-size: 75%;
		padding: 0 0 20px 3%;
		border-top: 1px solid #fff;
		border-bottom: 1px slid #fff;
	}

	footer section.sitemap>ul>li {
		float: left;
		margin-right: 25px;
	}

}

@media only screen and (max-width:767px) {
	nav {
		margin: 0;
	}

	#slider div#slider_wrap {
		width: 100%;
		float: left;
		padding-right: 0;
	}

	.home section#side ul.sp {
		margin-top: 30px;
	}

	.home section#side ul.sp img {
		width: 100%;
	}


	#main section#contents {
		width: 100%;
	}

	#main section#new_arrivals {
		width: 100%;
	}

	.home #main section#contents ul li,
	.home #main section#side ul#social li {
		float: left;
		width: 50%;
		padding: 0 5px 5px 0;
	}

	.home #main section#side ul#social li.twitter {
		width: 100%;
	}

	.home #main section#new_arrivals ul.link li {
		float: none;
		clear: left;
		width: 100%;
		list-style-image: url(images/list_mark.gif);
		line-height: 1.3;
		margin-bottom: 15px;
		padding: 0 10px;
	}

	#main section#side {
		float: none;
		width: 100%;
		padding: 17px;
	}

	header h1 {
		margin: 20px 3% 0 3%;
	}

	header p {
		font-size: 70%;
	}

	h3 {
		font-size: 140%;
		padding-left: 10px;
	}

	section#article_wrap {
		margin-top: 40px;
		padding: 0 10px;
		border: none;
	}

	section#article_wrap div.article_info {
		margin: 0 0 30px -10px;
		padding-left: 10px;
		border-left: 4px solid #000;
	}

	section#article_wrap div.article_info h4 {
		font-size: 130%;
		margin: 0;
		padding: 8px 0 0;
	}

	footer p {
		font-size: 80%;
	}

	footer p#copyright {
		font-size: 75%;
		margin-bottom: 0;
	}

	footer section.left {
		padding-bottom: 30px;
	}

	footer h5 {
		margin-top: 20px;
	}

	footer section.sitemap {
		display: none;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

}


@media only screen and (min-width: 35em) {}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.cf:before,
.cf:after,
.yarpp-related:before,
.yarpp-related:after {
	content: " ";
	display: table;
}

.cf:after,
.yarpp-related:after {
	clear: both;
}

.cf,
.yarpp-related {
	*zoom: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* WP-NATIVE */

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}

/* Wordpress Related Posts */

.wp_rp_wrap,
.yarpp-related {
	border: 4px solid #f0f0f0;
	border-radius: 3px;
	padding: 20px 8px 20px 30px;
}

.wp_rp_wrap h3.related_post_title,
.yarpp-related h3 {
	background: none;
	color: #444;
	font-size: 160%;
	line-height: 1.9;
	height: auto;
}

.yarpp-thumbnail {
	display: block;
}

.related-entry {
	vertical-align: top;
	float: left;
	width: 130px;
	font-size: 13px;
	margin: 0;
	padding-right: 20px;
}


.related-entry img {
	padding: 2px;
	margin-bottom: 10px;
	border: #ccc 1px solid;
	width: 110px;
	height: 110px;
	overflow: hidden;
}


.yarpp-thumbnail-title {
	color: #4d4d4d;
	height: 120px;
	padding-bottom: 15px;
	overflow: hidden;
	/*white-space: nowrap;
text-overflow: ellipsis;*/
}

.yarpp-related-none {
	display: none;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/*
 Gutenberg YouTube Block Responsive
 */
.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}