@charset "utf-8";
/***************************************************************
Widget
****************************************************************/

/*************** category-sidebar-links ***************/

.category-sidebar-link-item:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dcdcdc;
}

.category-sidebar-link-item--disc {
	list-style-type: disc;
	margin-left: 20px;
}

.category-sidebar-link-item--indent {
	margin-left: 20px;
}

.category-sidebar-link-item-detail__link {
	font-weight: bold;
}

/*************** sidebanner1 ***************/

.sidebanner1 {
	position: relative;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.sidebanner1__img {
	width: 317px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.sidebanner1-content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 207px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #555;
	background: rgba(45, 45, 45, 0.3);
}

.sidebanner1-content__subtext {
	font-size: 14px;
	color: #fff;
	margin-bottom: 19px;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
	font-weight: bold;
}

.sidebanner1-content__title {
	font-size: 23px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 28px;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}

.sidebanner1-content__button {
	border: solid 1px #fff;
	color: #fff;
	margin: 0 auto;
	width: 197px;
	height: 40px;
	opacity: 1;
}

.sidebanner1-content__link {
	color: #fff;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.sidebanner1-content__link:hover {
	background: #fff;
	color: #000;
}

/*************** sidebanner2 ***************/

.sidebanner2-item {
	position: relative;
	height: 170px;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
}
.sidebanner2-item:nth-of-type(n + 2) {
	margin-top: 20px;
}
.sidebanner2-content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #555;
	background: rgba(45, 45, 45, 0.3);
}
.sidebanner2__img {
	width: 317px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	-o-object-fit: cover;
	   object-fit: cover;
}
.sidebanner2__subtitle {
	margin-bottom: 15px;
	padding: 5px 15px;
	background-color: #d23934;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
.sidebanner2__title {
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.sidebanner2-link {
	border: solid 1px #fff;
	color: #fff;
	margin: 0 auto;
	width: 197px;
	height: 40px;
	opacity: 1;
}
.sidebanner2-bottom {
	margin-top: 10px;
	font-size: 13px;
}

/*************** sideprefecture ***************/

.sideprefecture__title {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 48px;
	padding: 12px 20px;
	background-color: #6a6a6a;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

.sideprefecture__content {
	padding: 13px;
	background: #f5f5f5;
}

.sideprefecture__left {
	vertical-align: top;
	display: inline-block;
	width: 97px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
}

.sideprefecture__region {
	line-height: 1;
}

.sideprefecture__region:not(:last-child) {
	padding-bottom: 2px;
	border-bottom: solid 1px #dfdfdf;
}

.sideprefecture__region:not(:first-child) {
	padding-top: 7px;
}

.sideprefecture__prefecture-list {
	display: inline-block;
	width: 194px;
	vertical-align: top;
}

.sideprefecture__prefecture-item {
	display: inline-block;
	margin-bottom: 5px;
}

.sideprefecture__prefecture-item:nth-last-child(n + 2)::after {
	content: "";
	margin: 3px 6px 0;
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #666;
}

.sideprefecture__prefecture-link {
	font-size: 13px;
	font-weight: bold;
	color: #3a7eb2;
}

/*************** topsns ***************/

.widget_top_sns {
	margin-bottom: 30px;
}

/*一番上に配置された場合日付と横並びにする*/

.posttagarea + .widget_top_sns {
	position: relative;
	bottom: 40px;
	margin-bottom: -40px;
}

.topsns-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.news .posttagarea {
	margin-bottom: 40px;
}

.facebook-box,
.twitter-box,
.pocket-box,
.hatebu-box,
.line-box
{
	color: #fff;
	width: 60px;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	margin-right: 2px;
	vertical-align: middle;
}

.topsns-content-item__link-facebook,
.topsns-content-item__link-pocket,
.topsns-content-item__link-hatena,
.topsns-content-item__link-twitter,
.topsns-content-item__link-line {
	width: 100%;
	height: 22px;
	display: inline-block;
	border-radius: 4px;
	vertical-align: middle;
	line-height: 22px !important;
}

.topsns-content-item__link-facebook:hover,
.topsns-content-item__link-pocket:hover,
.topsns-content-item__link-hatena:hover,
.topsns-content-item__link-twitter:hover,
.topsns-content-item__link-line {
	opacity: 0.8;
}

.topsns-content-item {
	border-radius: 3px;
}

.topsns-content-item__link-facebook {
	background-color: #3b5998;
}

.topsns-content-item__link-pocket {
	background-color: #ef4056;
}

.topsns-content-item__link-hatena {
	background-color: #008fde;
}

.topsns-content-item__link-twitter {
	background-color: #55acee;
}

.topsns-content-item__link-line {
	background-color: #06c755;
}



/*************** snsbottom ***************/

.snsbottom {
	width: 100%;
	padding-bottom: 27px;
	border-top: solid 2px #cccccc;
	border-bottom: solid 2px #cccccc;
}

.snsbottom-title {
	font-weight: bold;
	height: 72px;
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.snsbottom-content {
	font-size: 0;
	width: 660px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.snsbottom-content-item {
	width: 155px;
	height: 44px;
	font-size: 14px;
	color: #fff;
	line-height: 44px;
	margin-right: 13px;
	margin-bottom: 13px;
}

.snsbottom-content-item:hover {
	opacity: 0.8;
}

.snsbottom-content li:nth-child(4) {
	margin-right: 0;
}

.snsbottom-content-item--facebook {
	background-color: #315097;
	-webkit-box-shadow: 0 4px 0 0 #203463;
	        box-shadow: 0 4px 0 0 #203463;
	border-radius: 4px;
	vertical-align: middle;
	position: relative;
}

.snsbottom-content-item--pocket {
	background-color: #ef4056;
	-webkit-box-shadow: 0 4px 0 0 #d5263c;
	        box-shadow: 0 4px 0 0 #d5263c;
	border-radius: 4px;
	vertical-align: middle;
}

.snsbottom-content-item--hatena {
	background-color: #3aa4de;
	-webkit-box-shadow: 0 4px 0 0 #2c7fab;
	        box-shadow: 0 4px 0 0 #2c7fab;
	border-radius: 4px;
	vertical-align: middle;
}

.snsbottom-content-item--twitter {
	background-color: #3795e1;
	-webkit-box-shadow: 0 4px 0 0 #2a72ad;
	        box-shadow: 0 4px 0 0 #2a72ad;
	border-radius: 4px;
	vertical-align: middle;
}

.snsbottom-content-item--feedly {
	background-color: #87bd32;
	-webkit-box-shadow: 0 4px 0 0 #618723;
	        box-shadow: 0 4px 0 0 #618723;
	border-radius: 4px;
	vertical-align: middle;
}

.snsbottom-content-item--line {
	background-color: #06c755;
		-webkit-box-shadow: 0 4px 0 0 #059a3d;
		box-shadow: 0 4px 0 0 #059A3D;
	border-radius: 4px;
	vertical-align: middle;
}

.snsbottom-content-item__link {
	color: #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.snsbottom-content-item__separater {
	margin-right: 11px;
	margin-left: 11px;
}

.snsbottom-content-item__separater--line {
	margin-left: 27px;
}

/*************** series ***************/

.series {
	background-color: #fbfaf8;
	border: solid 3px #dfdfdf;
	padding: 25px;
	margin: 0 0 50px;
}

.series__title {
	font-size: 18px;
	font-weight: bold;
	color: #7d6c50;
	border-bottom: solid 2px #dfdfdf;
	margin-bottom: 18px;
	padding-bottom: 16px;
}

.series__title::before {
	font-family: "icomoon" !important;
	content: "\e90d" !important;
	position: relative;
	left: -4px;
	top: 0;
}

.main .widget_series_posts {
	margin-bottom: 0;
}

.series-content {
	position: relative;
}

.series-content__link--current {
	font-weight: bold;
}

.series__nextlink {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	left: 65px;
	display: inline-block;
	width: 600px;
	margin-bottom: 45px;
	margin-top: 50px;
}

.series__nextlink::before {
	content: "次回";
	width: 40px;
	height: 26px;
	font-size: 13px;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	position: absolute;
	top: 0;
	left: -65px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.series-content__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.series-content-link-title {
	padding-left: 10px;
	display: inline-block;
}

.series-content-link-num {
	display: inline-block;
	min-width: 52px;
}

.series__nextlink::after {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 0 13px 12px;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
	left: -25px;
	top: 0px;
	position: absolute;
}

.readmore {
	position: relative;
}

.readmore-button {
	position: absolute;
	z-index: 100;
	width: 300px;
	height: 51px;
	background-color: #3c9893;
	-webkit-box-shadow: 0 2px 2px 0 rgba(165, 165, 165, 0.5);
	        box-shadow: 0 2px 2px 0 rgba(165, 165, 165, 0.5);
	color: #fff;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 18px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-weight: bold;
}

.readmore-button:hover {
	cursor: pointer;
}

.readmore-hide {
	position: relative;
	overflow: hidden;
}

.readmore-hide.is-hide {
	height: 30px;
}

.readmore-hide::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 24px;
	background: -webkit-gradient(linear, left bottom, left top, from(#fbfaf8), color-stop(69%, rgba(251, 250, 248, 0.6)), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to top, #fbfaf8, rgba(251, 250, 248, 0.6) 69%, rgba(255, 255, 255, 0));
}

.is-show.readmore-hide::before {
	display: none;
}

/*************** postrelated ***************/

/*よく読まれている記事*/

.postrelated {
	border: solid 1px #dfdfdf;
	border-top: none;
}

.theme-border-color.postrelated__title {
	height: 67px;
	background-color: #f5f5f5;
	font-size: 18px;
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 4px;
	border-bottom: solid 1px #dfdfdf;
	border-bottom-color: #dfdfdf !important;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 20px;
}

.postrelated-content {
	padding: 16px;
}

.postrelated-content-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	padding-left: 0;
	border-bottom: solid 1px #dfdfdf;
}

.postrelated-content-item__link {
	width: 135px;
	height: 90px;
	display: inline-block;
	min-width: 135px;
	overflow: hidden;
	position: relative;
}

.postrelated-content-item__image {
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.recommend-content-item__image {
		position: static;
		height: 100%;
		width: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
}

.postrelated-content-item:last-child {
	border: none;
}

.postrelated-content-item-detail {
	padding: 0 10px;
}

.postrelated-content-item-detail__category {
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 4px;
	font-weight: bold;
}

.postrelated-content-item-detail__category:hover {
	color: #fff;
}

.postrelated-content-item-detail__date {
	color: #888888;
	font-size: 13px;
}

.postrelated-content-item-detail__link {
	font-weight: bold;
	display: inline-block;
}

/*************** writer ***************/

.writer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.writer-image {
	text-align: center;
	width: auto;
	height: auto;
	margin-right: 15px;
}

.writer-image__image {
	border-radius: 50%;
}

.writer-content {
	width: calc(100% - 98px);
}

.writer-content-name {
	margin-bottom: 10px;
}

.writer-content-name__title {
	background-color: #f5f5f5;
	color: #333333;
	font-size: 13px;
	padding: 3px 8px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	margin-right: 5px;
}

.writer-content-name__content {
	font-size: 14px;
	font-weight: bold;
}

.writer-content__profile {
	color: #333;
	font-size: 13px;
	padding-right: 40px;
}

.writer-content__detail {
	margin-top: 18px;
	float: right;
	position: relative;
	font-size: 14px;
}

.writer-content__detail::before {
	font-family: "icomoon" !important;
	content: "\e904" !important;
	padding-right: 5px;
	font-size: 9px;
}

.writer-content__link {
	vertical-align: super;
	display: inline-block;
	margin-left: 3px;
	font-size: 14px;
}

.writer-content__link::before {
	font-family: "icomoon" !important;
	content: "\e904" !important;
	padding-right: 5px;
	font-size: 9px;
}

.writer-content__sns {
	position: relative;
	margin-top: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.writer-content__sns--twitter {
	background-color: #55acee;
}
.writer-content__sns--facebook {
	margin-left: 4px;
	background-color: #1877f2;
}
.writer-content__sns::before {
	position: absolute;
	font-family: "icomoon" !important;
	margin: auto;
	color: #fff;
	font-size: 12px;
}
.writer-content__sns--twitter::before {
	content: "\ea96" !important;
	top: 3px;
	left: 5px;
}
.writer-content__sns--facebook::before {
	content: "\ea90" !important;
	bottom: -4px;
	right: 1px;
	font-size: 14px;
}

.writer-content__n-posts {
	padding: 0px 10px 10px 10px;
	color: #888888;
}

.writer-wrapper {
	margin-top: 50px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}

.writer-wrapper--page_writer {
	border-radius: 2px;
}

/*************** postlatest & postrecommend ***************/

.recommend__title {
	font-weight: bold;
	margin-bottom: 14px;
}

.recommend-content {
	border: solid 3px #dfdfdf;
	padding: 15px;
}

.recommend-content-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: solid 1px #dcdcdc;
	line-height: 1.3;
	padding-bottom: 17px;
	margin-bottom: 17px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
}

.recommend-content-item:last-child {
	padding-bottom: 0;
	border: none;
	margin-bottom: 0;
}

.recommend-content-item-detail {
	margin-left: 8px;
	height: 70px;
}

.recommend-image {
	width: 105px;
	height: 85px;
	position: relative;
	background-color: #ffffff;
	display: inline-block;
	overflow: hidden;
}

.recommend-image__link {
	position: relative;
}

.recommend-image__link:before {
	display: inline-block;
	content: "おすすめ";
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 1;
}

/* .recommend-image.latest::before {
	content: "NEW";
} */

.recommend-image__link.latest::before {
	content: "NEW";
}

.recommend-content-item__image {
	width: 105px;
	display: block;
	min-width: 105px;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.recommend-content-item__image {
		position: static;
		height: 100%;
		width: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
}

/* .recommend-content-item::before {
	content: "NEW";
	position: absolute;
	height: 21px;
	width: 48px;
	top: -2px;
	left: -2px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	z-index: 2;
} */

.recommend-content-item-detail__link {
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	padding: 3px 0;
}

.recommend-content-item-detail__date {
	font-size: 13px;
	color: #888;
	margin-top: 10px;
}

/*************** categorylist ***************/

.categorylist__title {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 48px;
	padding: 12px 20px;
	background-color: #6a6a6a;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

.categorylist-content {
	background-color: #f5f5f5;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
}

.categorylist-content-item {
	font-weight: bold;
	border-bottom: solid 1px #dcdcdc;
	position: relative;
	height: 43px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: middle;
}

.categorylist-content-item::after {
	width: 4px;
	height: 4px;
	border-top: 2px solid #6a6a6a;
	border-right: 2px solid #6a6a6a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
	right: 1em;
	top: 43%;
}

.categorylist-content-item__link {
	font-size: 14px;
	color: #6a6a6a;
	width: 100%;
	line-height: 43px;
	display: inline-block;
	padding-left: 15px;
}

.categorylist-content-item__link:hover {
	opacity: 0.8;
}

/*************** sideofficesearch ***************/

.sideofficesearch__title {
	width: 100%;
	height: 51px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 23px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	background-color: #6a6a6a;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
}

.sideofficesearch-content-detail,
.sideofficesearch-content-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	font-weight: bold;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 5px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.sideofficesearch-content-detail {
	margin-bottom: 15px;
}

.sideofficesearch-content {
	background-color: #f5f5f5;
	padding: 18px 35px 35px 35px;
}

.sideofficesearch-content-area__text,
.sideofficesearch-content-detail__text {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
}

.sideofficesearch-content__button {
	padding: 8px 0;
	width: 100%;
	height: 39px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 4px;
}

.dropdown {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 32px;
	width: 156px;
	background: #fff;
	border: 1px solid;
	border-color: white #f7f7f7 #f5f5f5;
	border-radius: 4px;
	border: solid 1px #dfdfdf;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.dropdown:before,
.dropdown:after {
	content: "";
	position: absolute;
	z-index: 10;
	top: 9px;
	right: 10px;
	width: 0;
	height: 0;
	border: 4px dashed;
	border-color: #484848 transparent;
	pointer-events: none;
}

.dropdown:before {
	border-bottom-style: solid;
	border-top: none;
}

.dropdown:after {
	margin-top: 7px;
	border-top-style: solid;
	border-bottom: none;
}

.dropdown-select {
	position: relative;
	margin: 0;
	padding: 6px 8px 6px 10px;
	height: 33px;
	line-height: 14px;
	font-size: 15px;
	font-weight: bold;
	color: #444;
	background: #ffffff;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.dropdown-select:focus {
	z-index: 3;
	width: 100%;
	color: #394349;
}

.dropdown-select > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}

/*************** officesideinfo ***************/

.officesideinfo-table {
	font-size: 14px;
}

.officesideinfo-businesshour {
	font-size: 18px;
	font-weight: bold;
	height: auto;
	line-height: 65px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	min-height: 4px;
}

.officesideinfo-businesshour__text {
	font-family: Helvetica, Arial;
}

.officesideinfo-businesshour__text--small {
	font-size: 14px;
	position: relative;
	bottom: 3px;
	margin-left: 5px;
}

.officesideinfo-content__title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 14px;
	border-bottom: solid 1px #dfdfdf;
	margin-bottom: 15px;
}

.officesideinfo-content-tel {
	font-family: Helvetica, Arial;
	font-size: 31px;
	font-weight: bold;
	margin-bottom: 15px;
}

.officesideinfo-content {
	background-color: #f5f5f5;
	padding: 21px;
	padding-top: 0;
}

.officesideinfo-content-table-th {
	text-align: left;
	font-weight: bold;
	width: 80px;
}
.officesideinfo-conetnt-table-td {
	padding-left: 20px;
}

.officesideinfo-content-table-td__small {
	font-size: 12px;
}

.officesideinfo-content-text {
	margin: 17px 0;
	font-size: 12px;
}

.officesideinfo-content__button {
	width: 100%;
	height: 42px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 1px 0;
}

.officesideinfo-content__button:hover {
	opacity: 0.8;
	cursor: pointer;
}

.officesideinfo-affiliate__button {
	padding: 12px 10%;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	color: #fff;
	background: #f2f2f2;
	border-radius: 4px;
}

.officesideinfo-affiliate__button::after {
	content: '>';
	position: relative;
	right: -8px;
	font-weight: bold;
	top: 0;
}

.officesideinfo-affiliate {
	display: flex;
	padding: 16px 0;
	width: 100%;
}

.officesideinfo-affiliate-content__image .summary__image {
	margin: 32px auto;
	display: block;
	text-align: center;
}

/*************** officesidereturnarchive ***************/
.officesidereturnarchive__item {
}
.officesidereturnarchive__link {
	position: relative;
	padding-left: 8px;
	font-size: 14px;
}
.officesidereturnarchive__item:nth-child(n+2) .officesidereturnarchive__link {
	margin-top: 4px;
}
.officesidereturnarchive__link::before {
	content: "";
	position: relative;
	top: 1px;
	left: -8px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 10px 6px 0;
	border-color: transparent #3a7eb2 transparent transparent;
}

/*************** text ***************/

.widget_text .widget-title {
	display: none;
}

/*************** post-same-tag ***************/

.post_same_tag {
	padding-top: 30px;
}

.post_same_tag__title {
	font-size: 18px;
	font-weight: bold;
}

.post_same_tag-ul {
	margin-top: 20px;
	font-size: 0;
}

.post_same_tag-ul-li {
	display: inline-block;
	width: 160px;
	vertical-align: top;
	margin-left: 5px;
	font-size: 16px;
}

.post_same_tag-ul-li:nth-child(n + 5) {
	margin-top: 17px;
}

.post_same_tag-ul-li-link {
	display: inline-block;
	width: 160px;
	height: 84px;
	overflow: hidden;
	position: relative;
}

.post_same_tag-ul-li-link__img {
	display: inline-block;
	width: 160px;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.post_same_tag-ul-li__title {
	vertical-align: top;
	display: inline-block;
	width: 160px;
	font-weight: bold;
	line-height: 1.2;
	color: #111;
}

.post_same_tag-ul-li__title:hover {
	cursor: pointer;
}

/* twitter-follow-button */
.twitter-follow-button {
	margin-top: 52px;
}
.twitter-follow-button__text {
	text-align: center;
	letter-spacing: 0.06px;
	color: #111;
	font-size: 16px;
	font-weight: bold;
}
.twitter-follow-button__main {
	margin-top: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.twitter-follow-button__frrow-button {
	padding: 8px 0 20px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: solid 2px #1796df;
	background-color: #fdfdfd;
	text-align: center;
	color: #1796df;
	font-size: 20px;
	font-weight: bold;
}
.twitter-follow-button__frrow-button::before {
	position: relative;
	top: 3px;
	left: -40px;
	content: '\ea96';
	font-family: 'icomoon';
	font-size: 32px;
	color: #1796df;
}

/* side-tweets */
.side-tweets {
	text-align: center;
}
.side-tweets__title {
	position: relative;
	padding: 0 0 2px 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #052e3d;
	color: #111;
	font-size: 16px;
	font-weight: bold;
}
.side-tweets__title::before {
	position: absolute;
	top: 0;
	left: 4px;
	content: '\ea96';
	font-family: 'icomoon';
	font-size: 16px;
	color: #052e3d;
}
.side-tweets__main {
	overflow: hidden;
}
.side-tweets__main iframe {
	max-width: 317px !important;
}
.twitter-follow-button {
	margin-top: 5px;
}

@media screen and (max-width: 767px) {
	/***************************************************************
	SP Widget
	****************************************************************/

	/*スマホで表示しないウィジェット*/
	.widget_sidebar_office_search_detail {
		display: none;
	}

	/*************** category-sidebar-links ***************/

	.category-sidebar-link-item:first-child {
		margin-top: 10px;
	}

	/*************** post same tag ***************/

	.post_same_tag-ul {
		margin-top: 15px;
	}
	.post_same_tag-ul-li {
		display: block;
		width: auto;
		margin-left: 0;
	}
	.post_same_tag-ul-li:first-child .post_same_tag-ul-li-link {
		width: auto;
		height: calc(95vw / 1.9152); /* width: 375px の時 height: 186px になる */
		display: block;
		overflow: hidden;
	}
	.post_same_tag-ul-li-link {
		width: calc(100vw * 160 / 375);
		height: calc(100vw * 84 / 375);
	}
	.post_same_tag-ul-li-link__img {
		width: calc(100vw * 160 / 375);
	}
	.post_same_tag-ul-li:first-child .post_same_tag-ul-li-link__img {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
	}
	.post_same_tag-ul-li__title {
		width: calc(100vw * 190 / 375 - 1px);
	}
	.post_same_tag-ul-li:first-child .post_same_tag-ul-li__title {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	/*************** top banner ***************/

	.banner-item__image {
		width: 100%;
	}

	/*************** sidebanner1 ***************/

	.sidebanner1 {
		width: 100%;
	}

	.sidebanner1__img {
		width: 100%;
	}

	.sidebanner1-content {
		width: 100%;
	}

	.officedetailtable-row.officedetailtable-row--borderbottom {
		border-bottom: solid 2px #dfdfdf;
		text-align: center;
	}

	/*************** sidebanner2 ***************/

	.sidebanner2-item {
		height: 190px;
	}

	.sidebanner2__img {
		width: 100%;
	}

	.sidebanner2__title {
		margin-bottom: 15px;
	}

	/*************** series ***************/

	.series {
		width: auto;
		padding: 5%;
	}

	.series__title {
		font-size: 16px;
	}

	.series-title {
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 12px;
	}

	.series-subtitles p:first-child {
	}
	.series-subtitles p:last-child {
	}
	.series-myself {
		font-weight: bold;
	}

	.series-content__link {
		line-height: 1.2;
		margin: 10px 0;
	}

	.series-nextlink__before-text {
		font-weight: bold;
		text-align: center;
		margin-top: 30px;
	}

	.series__nextlink {
		width: 100%;
		position: inherit;
		text-align: left;
		margin: 0;
	}

	.series__nextlink::before,
	.series__nextlink::after {
		display: none;
	}

	.readmore-button {
		max-width: 300px;
		width: 80%;
	}

	/*************** topsns ***************/

	.icon-hatena:before {
		font-size: 16px;
	}

	.icon-twitter:before {
		font-size: 16px;
	}

	.icon-pocket:before {
		font-size: 16px;
	}

	.icon-facebook:before {
		font-size: 16px;
	}

	.post-top-social {
		display: inline;
		margin-bottom: 15px;
	}

	.topsns-content {
		margin-top: 20px;
	}

	.posttagarea + .widget_top_sns {
		bottom: 0;
		margin-bottom: 20px;
	}

	.topsns-content-item {
		width: 100%;
		margin-right: 2px;
	}

	.topsns-content-item:last-child {
		margin-right: 0;
	}

	.facebook-box,
	.twitter-box,
	.pocket-box,
	.hatebu-box,
	.line-box {
		width: 100%;
		height: 30px;
	}

	.topsns-content-item__link-facebook,
	.topsns-content-item__link-pocket,
	.topsns-content-item__link-hatena,
	.topsns-content-item__link-twitter,
	.topsns-content-item__link-line {
		line-height: 30px !important;
		height: 30px;
	}

	.topsns-content-item__link-facebook {
		background-color: #3b5998;
	}

	.topsns-content-item__link-pocket {
		background-color: #ef4056;
	}

	.topsns-content-item__link-hatena {
		background-color: #008fde;
	}

	.topsns-content-item__link-twitter {
		background-color: #55acee;
	}

	.topsns-content-item__link-line {
		background-color: #06c755;
	}

	.topsns-content-item__link-icon-hatena:before {
		content: "\e00a";
		font-size: 16px;
	}

	.topsns-content-item__link-icon-pocket:before {
		content: "\e938";
		font-size: 16px;
	}

	.topsns-content-item__link-icon-facebook:before {
		content: "\e60d";
		font-size: 16px;
	}

	.topsns-content-item__link-icon-twitter:before {
		content: "\e611";
		font-size: 16px;
	}

	/*************** snsbottom ***************/

	.snsbottom-content {
		width: 323px;
	}

	.snsbottom-content-item:nth-child(2n) {
		margin-right: 0;
	}

	.snsbottom-content-item__link {
		/* padding-left: 15px; */
	}

	/*************** postrelated ***************/

	.postrelated {
		border: none;
	}

	.postrelated__title {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		padding: 0 calc(((100vw - 100%) / 2) * 1);
	}

	.postrelated-content {
		padding: 0;
		border-bottom: solid 1px #dfdfdf;
	}

	.postrelated-content-item {
		padding: 15px 0;
	}

	.postrelated-content-item-detail {
		padding: 0 0 0 10px;
	}

	.postrelated-content-item__link {
		display: inline-block;
	}

	/*************** postlatest & postrecommend ***************/

	.recommend-content {
		border: none;
		padding: 0;
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		padding: 0 calc((100vw - 100%) / 2);
	}

	.recommend-content-item {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		padding: 20px calc((100vw - 100%) / 2);
	}

	/* .recommend-content-item::before {
		left: 6px;
		top: 14.5px;
	} */

	.recommend__title {
		margin: 0;
		padding: 0 20px;
		color: #fff;
		font-size: 15px;
		height: 48px;
		line-height: 48px;
		vertical-align: middle;
		margin: 0 calc(((100vw - 100%) / 2) * -1);
	}

	.categorylist-content {
		background-color: #fff;
		border: none;
	}

	.categorylist__title {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		text-align: left;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		height: 48px;
		line-height: 48px;
		vertical-align: middle;
	}

	.categorylist-content-item::after {
		right: 1.5em;
	}

	.categorylist-content-item {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
	}

	.categorylist-content-item__link {
		padding-left: 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

	/*************** writer ***************/

	.writer-image {
		width: 70px;
		height: 70px;
	}

	.writer-image__image {
		width: inherit;
		height: inherit;
	}

	.writer-content__profile {
		padding-right: 0;
	}

	/*************** sideprefecture ***************/

	.sideprefecture {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
	}

	.sideprefecture__title {
		margin: 0 calc(((100vw - 100%) / 2) * -1);
		text-align: left;
		padding: 0 20px;
		line-height: 48px;
		vertical-align: middle;
		height: 48px;
	}

	.sideprefecture__content {
		padding: 0;
		background: #fff;
	}

	#secondary .sideprefecture__content {
		padding: 0 2.5%;
		width: 95%;
	}

	/*************** sideprefecture ***************/
	.writer-content__detail {
		margin-top: 0;
	}
}

@media screen and (max-width: 374px) {
	.twitter-follow-button__text {
		font-size: 13px;
	}

	.snsbottom-content {
		width: 155px;
		margin: 0 auto;
	}

	.snsbottom-content-item {
		margin-right: 0;
	}
}