/*
Theme Name: GO-GUY Net
Theme URI: http://maji.tv/
Author: GO-GUY Net
Author URI: http://maji.tv/
Description: 号外NET用テンプレート
Version: 1.0
*/
@charset "utf-8";

:root {
	--clr-red: #E72119;
  --clr-blue: #115DAF;
}
/*-------------------------------
	Reset
-------------------------------*/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
sub {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/*行の高さをフォントサイズと同じにしています*/
body {
	line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/*ulのマーカー（行頭記号）を表示しないようにしています*/
ol,
ul {
	list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote,
q {
	quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input,
select {
	vertical-align: 0;
}

input,
textarea {
	margin: 0;
	font-size: 100%;
	width: 100%;
}

/*画像設定*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	font-size: 0;
	line-height: 0;
	border: 0;
}

/*イメージ関係100%設定*/
object,
embed,
video {
	max-width: 100%;
}

/*フォントをノーマルに*/
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

/*-------------------------------
	Font
-------------------------------*/
html {
	font-size: 87.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	color: #222;
	line-height: 1.5;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
  word-wrap: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* word-wrapの推奨される代替 */
  word-break: break-word;
}

@media (max-width : 768px) {
	html {
		font-size: 75%;
	}
}

/*-------------------------------
	Font Option
-------------------------------*/
.fNormal {
	font-weight: normal;
}

.fBold {
	font-weight: bold;
}

.fItalic {
	font-style: italic;
}

.fS {
	font-size: 0.857em;
}

/*12px*/
.fSS {
	font-size: 0.714em;
}

/*10px*/
.fSSS {
	font-size: 0.571em;
}

/*8px*/
.fL {
	font-size: 1.143em;
}

/*16px*/
.fLL {
	font-size: 1.286em;
}

/*18px*/
.fLLL {
	font-size: 1.428em;
}

/*20px*/
sup {
	font-size: 0.5em;
	vertical-align: top;
}

sub {
	font-size: 0.5em;
	vertical-align: baseline;
}

.fRed {
	color: var(--clr-red);
}

/*-------------------------------
	Link
-------------------------------*/
a:link {
	color: #222;
	text-decoration: underline;
}

a:visited {
	color: #222;
	text-decoration: underline;
}

a:hover {
	color: #0060AE;
	text-decoration: underline;
}

/*-------------------------------
	Clearfix
-------------------------------*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.flc {
	overflow: hidden;
	zoom: 1;
}

/*-------------------------------
	Float
-------------------------------*/
.floatLeft {
	display: inline;
	float: left;
}

.floatRight {
	display: inline;
	float: right;
}

.imgLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.imgRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

/* ---------------------------------------------
	Margin
--------------------------------------------- */
.mt00 {
	margin-top: 0 !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mr00 {
	margin-right: 0 !important;
}

.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mb00 {
	margin-bottom: 0 !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml00 {
	margin-left: 0 !important;
}

.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml30 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}


/* ---------------------------------------------
	Padding
--------------------------------------------- */
.pt00 {
	padding-top: 0 !important;
}

.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pr00 {
	padding-right: 0 !important;
}

.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pb00 {
	padding-bottom: 0 !important;
}

.pb05 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pl00 {
	padding-left: 0 !important;
}

.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl30 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

/* ---------------------------------------------
	Align
--------------------------------------------- */
.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.valignTop {
	vertical-align: top !important;
}

.valignMiddle {
	vertical-align: middle !important;
}

.valignBottom {
	vertical-align: bottom !important;
}

/* ---------------------------------------------
	Others
--------------------------------------------- */
.block {
	display: block;
}

.inline {
	display: inline;
}

.hide {
	display: none;
}

.nobg {
	background: none !important;
}

.underLine {
	text-decoration: underline;
}

.noUnderLine {
	text-decoration: none;
}

.listDisc {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 25px;
}

.listCircle {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 25px;
}

.listSquare {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 25px;
}

.listDecimal {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 30px;
}

/*-------------------------------
	Field
-------------------------------*/
body {
	background: #FFF;
}

#container {
	z-index: 1;
	background-color: #FFF;
}

.wrapper {
	width: 100%;
}

.box01 {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width : 768px) {
	.box01 {
		width: 92%;
	}
}

/*-------------------------------
	Header
-------------------------------*/
.header {
	width: 100%;
}

.headerBox {
	position: relative;
	width: 100%;
}

@media (max-width : 768px) {
	.header {
		background: none;
		padding-top: 0px;
	}

	.headerBox {
		display: none;
	}
}

.gnav-cover {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid var(--clr-red);
}

.gnav {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0 0;
}

.gnav ul {
	width: 100%;
	max-width: 1300px;
	background: #fff;
	zoom: 1;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0;
}

.gnav li {
	margin: 0 0;
	padding: 0;
	flex-grow: 1;
}

.gnav li a {
	display: block;
	color: var(--clr-red);
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid var(--clr-red);
	text-align: center;
	padding: 0.4em 1.2em;
	margin: 0;
}

.gnav li a:hover {
	color: #ff93ab;
}

.gnav li:first-child a {
	border-left: 1px solid var(--clr-red);
}

@media (max-width : 768px) {
	.gnav-cover {
		border: none;
	}

	.gnav {
		width: 100%;
		padding: 0;
		height: auto;
		overflow: hidden;
		border: none;
		margin: 0;
	}

	.gnav .menu-topnav-container {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		height: auto;
	}
	.gnav ul {
		display: block;
		max-width: 100%;
		height: auto;
		position: relative;
	}
	.gnav ul::before {
		content: "";
		background-image: url("./images/icon_arrow_red.svg");
		display: inline-block;
		height: 22px;
		width: 22px;
		vertical-align: middle;
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		transition: 0.5s;
	}

	.gnav ul.move::before {
		opacity: 0;
	}

	.gnav ul li {
		display: table-cell;
		flex-grow: 0;
		padding: 0;
		white-space: nowrap;
		border-bottom: 1px solid var(--clr-red);
	}
	.gnav ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 28px;
		padding: 0 1.2em;
		margin: 0;
		background-color: #FFFFFF;
		border-right: 1px solid var(--clr-red);
		color: var(--clr-red);
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	.home #menu-index a,
	.cat_news #menu-news a,
	.cat_openclose #menu-openclose a,
	.cat_ad #menu-ad a,
	.cat_job #menu-job a,
	.cat_estate #menu-estate a,
	.cat_town #menu-town a,
	.cat_topics #menu-topics a,
	.cat_event #menu-event a,
	.cat_shop #menu-shop a,
	.cat_notice #menu-notice a,
	.joblist-page #menu-job a {
		background-color: var(--clr-red);
		color: #FFFFFF;
	}

	::-webkit-scrollbar {
		display: none;
	}
}

#navBtn {
	display: none;
}

.headerTitlebox {
	width: 100%;
	background-color: var(--clr-red);
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 99998;
}

.headerTitlebox.kaihen {
	position: relative !important;
}
.headerTitlebox .inner {
	width: 100%;
	height: 70px;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--clr-red);
	padding: 10px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}

.headerTitlebox .inner>a {
	text-decoration: none;
}

.headerTitlebox .inner a>img {
	height: 50px;
	width: 205px;
	display: block;
}

a.areaName {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.6em;
	margin-left: 10px;
	display: inline-block;
}

.mainLogo .sp {
	display: none;
}

@media (max-width : 768px) {
	.headerTitlebox {
		display: grid;
		grid-template-columns: 50px 1fr 50px;
		padding: 0 0;
		height: 50px;
		z-index: 999;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.headerTitlebox .inner {
		max-width: 100%;
		height: auto;
		padding: 0 60px 0 5px;
	}

	.headerTitlebox.kaihen .inner {
		padding: 8px 60px 8px 5px;
	}

	.headerTitlebox .inner a>img {
		height: auto;
		width: 158px;
	}

	.mainLogo {
		display: block;
		flex-shrink: 0;
		width: 158px;
	}

	a.areaName {
		font-size: 1.2em;
		min-width: 0;
		margin-left: 6px;
	}

	.headerTitlebox.kaihen .inner a.areaName {
		font-size: 1.2em !important;
		margin-left: 8px !important;
	}

	.headerSpbox {
		display: block;
	}

	.headerSpbox>a {
		text-decoration: none;
	}
}

@media (max-width : 480px) {
	.headerTitlebox .inner {
		max-width: 100%;
		padding: 0 3px 0 3px;
	}

	.headerTitlebox.kaihen .inner {
		padding: 8px 50px 8px 50px;
	}

	.headerTitlebox .inner a>img {
		width: 130px;
	}

	.mainLogo {
		display: block;
		flex-shrink: 0;
		width: 130px;
	}

	a.areaName {
		font-size: 1em;
		line-height: 1.1;
		margin-left: 5px;
	}

	.headerTitlebox.kaihen .inner a.areaName {
		font-size: 1.2em !important;
		margin-left: 8px !important;
	}
}

/* SP用検索 */
#modal-checkbox {
	display: none;
}

#modal-open {
	display: none;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	display: block;
	width: 24px;
	height: 23px;

}

#modal-content {
	display: none;
	box-sizing: border-box;
	overflow: auto;
	position: fixed;
	top: 17%;
	left: 50%;
	z-index: 40;
	width: 90%;
	height: auto;
	background: #fff;
	transition: all 0.3s ease-in-out 0s;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	padding: 0.8rem;
	background-color: var(--clr-red);
	border-radius: 5px;
	font-size: 1.2rem !important;
	line-height: 1.4;
}
#modal-close {
	display: none;
	position: fixed;
	z-index: 39;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}
#modal-content #form {
	box-sizing: border-box;
	display: block;
	width: 100%;
}

#modal-content #form #s-box {
	box-sizing: border-box;
	width: 100%;
	display: block;
	border: none;
	padding: 7px 30px 7px 7px;
	position: relative;
}

#modal-content #form #s-btn {
	display: block;
	width: 19px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 17px;
	background: none;
	border: none;
	background: url(images/tag18.png) no-repeat 0 0;
}

.is-active {
	display: block !important;
}

@media (max-width : 768px) {
	#modal-open {
		display: block;
		top: 20px;
		right: 20px;
	}
}

@media (max-width : 480px) {
	#modal-open {
		width: 22px;
		height: auto;
		top: 13px;
		right: 10px;
	}
}

/* ヘッダー広告高さ調整 */
/* 320x100 */

/*ヘッダーエリアリンク*/

.header-sp-btn {
	width: 50px;
	height: 50px;
	z-index: 300;
	background-color: var(--clr-red);
	position: relative;
	inset: 0;
	transform: translateY(0);
	display: block;
	border-radius: 0;
}

.header-sp-btn span {
	display: block;
	width: 24px;
	height: 2px;
	margin-bottom: 4px;
	background: var(--clr-red);
	transition: .3s;
}

.header-sp-btn span:nth-child(3) {
	margin-bottom: 0;
}

.header-sp-btn.on {
}

.header-sp-btn.on span {
	background: var(--clr-red);
}

.header-sp-btn.on span:first-child {
	transform: translateY(8px) rotate(-45deg);
}

.header-sp-btn.on span:nth-child(2) {
	opacity: 0;
}

.header-sp-btn.on span:nth-child(3) {
	transform: translateY(-4px) rotate(45deg);
}

.header-sp-btn .txt {
	font-size: 8px !important;
	color: var(--clr-red);
	line-height: 1;
	margin-top: 3px;
	font-weight: 700 !important;
}
.header-sp-game-btn {

	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background-color: var(--clr-red);
	position: relative;
	inset: 0;
	transform: translateY(0);
	display: block;
	border-radius: 0;
	z-index: 301;
}
.header-sp-link {
	width: 280px;
	height: auto;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: auto;
	bottom: 0;
	overflow-y: auto;
	z-index: 10000;
	padding-bottom: 150px;
	transition: 0.6s;
}

.header-sp-link {
	left: -300px;
}

.header-sp-link.show {
	left: 0;
}
.header-sp-link .link {
	padding: 50px 15px 0 15px;
}

.header-sp-link .link a {
	color: #686868;
	display: block;
	width: 100%;
	padding: 10px 5px;
	font-size: 16px;
	text-decoration: none;
}

.header-sp-link-close {
	border: none;
	width: 36px;
	height: 36px;
	background-color: transparent;
	position: absolute;
	top: 10px;
	right: 10px;
}

.header-sp-link .sideTit01 {
	position: relative;
	padding: 15px 5px 16px;
	background: var(--clr-blue);
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	color: #ffffff;
}

.header-sp-link .sideTit01:after {
	display: none;
}

.header-sp-link .sideOtherArea>li.open-area ul.inner-list li.open-pref .inner-list02 {
	padding-left: 5px;
	padding-right: 5px;
}

body.body-fix {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.header-sp-link-overlay {
	background-color: rgba(0, 0, 0, 0.75);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	opacity: 0;
	transition: 0.6s;
	pointer-events: none;
}

.header-sp-link-overlay.show {
	opacity: 1;
	pointer-events: auto;
}


.header-sp-btn-right {
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 37px;
	height: 37px;
	z-index: 10001;
	border-radius: 4px;
	background-color: var(--clr-red);
}

.header-sp-btn-right span {
	display: block;
	width: 24px;
	height: 2px;
	margin-bottom: 4px;
	background: var(--clr-red);
	transition: .3s;
}

.header-sp-btn-right span:nth-child(3) {
	margin-bottom: 0;
}

.header-sp-btn-right.on {
	z-index: 10001;
	right: 6px !important;
	color: var(--clr-red);
}

.header-sp-btn-right.on span {
	background: var(--clr-red);
}

.header-sp-btn-right.on span:first-child {
	transform: translateY(8px) rotate(-45deg);
}

.header-sp-btn-right.on span:nth-child(2) {
	opacity: 0;
}

.header-sp-btn-right.on span:nth-child(3) {
	transform: translateY(-4px) rotate(45deg);
}

.header-sp-btn-right .txt {
	font-size: 8px !important;
	color: var(--clr-red);
	line-height: 1;
	margin-top: 3px;
	font-weight: 700 !important;
}
.header-sp-btn-right.on {
	z-index: 10001;
	right: 6px !important;
	color: var(--clr-red);
}

.header-sp-btn-right.on span {
	background: var(--clr-red);
}

.header-sp-btn-right.on span:first-child {
	transform: translateY(8px) rotate(-45deg);
}

.header-sp-btn-right.on span:nth-child(2) {
	opacity: 0;
}

.header-sp-btn-right.on span:nth-child(3) {
	transform: translateY(-4px) rotate(45deg);
}

.header-sp-btn-right .txt {
	font-size: 8px !important;
	color: var(--clr-red);
	line-height: 1;
	margin-top: 3px;
	font-weight: 700 !important;
}

.header-sp-link-right {
	width: 280px;
	height: auto;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: auto;
	bottom: 0;
	overflow-y: auto;
	z-index: 10000;
	padding-bottom: 150px;
	transition: 0.6s;
}

.header-sp-link-right {
	right: -300px;
}

.header-sp-link-right.show {
	right: 0;
}

.header-sp-link-right .link {
	padding: 50px 15px 0 15px;
}

.header-sp-link-right .link a {
	color: #686868;
	display: block;
	width: 100%;
	padding: 10px 5px;
	font-size: 16px;
	text-decoration: none;
}

.header-sp-link-right .sideTit01 {
	position: relative;
	padding: 15px 5px 16px;
	background: var(--clr-blue);
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	color: #ffffff;
}

.header-sp-link-right .sideTit01:after {
	display: none;
}

.header-sp-link-right .sideOtherArea>li.open-area ul.inner-list li.open-pref .inner-list02 {
	padding-left: 5px;
	padding-right: 5px;
}



/*-------------------------------
	Main
-------------------------------*/
.main {
	margin-top: 0;
	padding: 10px 0 50px 0;
}

.leftBlock {
	float: right;
	width: 84%;
	max-width: 1080px;
}

.rightBlock {
	float: left;
	width: 15.4%;
	max-width: 200px;
}

.mainRight {
	float: right;
	width: 29.6%;
}

.mainLeft {
	width: 100%;
}

.mainCenter {
	float: left;
	width: 69%;
}

@media (max-width : 1200px) {
	.mainRight {
		float: left;
		margin-left: 2%;
	}

	.mainCenter {
		width: 64%;
	}
}

@media (max-width : 1080px) {

	.leftBlock,
	.rightBlock,
	.mainLeft,
	.mainRight,
	.mainCenter {
		float: none;
		width: 100%;
	}

	.mainRight {
		width: 100%;
		margin: 20px auto 0;
		text-align: center;
	}

	.rightBlock {
		max-width: 100%;
	}

	.mainLeft {
		width: 100%;
		max-width: 480px;
		margin: 0 auto 0;
	}
}

@media (max-width : 768px) {
	.main {
		margin-top: 0;
		padding: 0 0 0 0;
	}

	.mainCenter {
		margin-top: -0.2rem;
	}
}

.centerBox01SpAd {
	margin-top: 0.7rem;
}

/*-------------------------------
	Side Left
-------------------------------*/
.sideBox01 {
	width: 100%;
}

.sideBoxIn01 {
	width: 100%;
	background: transparent;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 0 5px 0;
}

.sideBoxIn01>p {
	font-size: 0.9em;
	margin: 5px 4px 0 4px;
}

.sideTit01 {
	position: relative;
	padding: 0.6em;
	background: var(--clr-red);
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #ffffff;
}

.sideTit01:after {
	position: absolute;
	content: '';
	top: 94%;
	left: 45%;
	border: 10px solid transparent;
	border-top: 10px solid var(--clr-red);
	width: 0;
	height: 0;
}

.screen-reader-text {
	display: none;
}

.pc-side-search {
	margin: 25px 0 30px;
}

.side-search-title {
	color: var(--clr-blue);
	font-size: 14px;
	font-weight: bold;
}

.side-search-box {
	width: 100%;
	position: relative;
}

.searchform {
	width: 100%;
	margin: 0 auto 0 auto;
}

.searchform #s {
	display: block;
	width: 100%;
	height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid var(--clr-blue);
	position: relative;
	padding: 8px 5px;
	border-radius: 0 !important;
}

.searchform #s::placeholder {
	color: #aaa;
	font-size: 10px;
}

.searchform #searchsubmit {
	width: 54px;
	height: 36px;
	text-align: center;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--clr-blue);
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	-webkit-appearance: none;
	border-radius: 0 !important;
	margin: 0;
}
.sideBox01 ul {
	margin-top: 10px;
}

.sideLink01 {
	margin-top: 6px;
	text-align: right;
	padding-right: 5px;
}

.sideLink01 a {
	font-weight: bold;
	text-decoration: underline;
	background: url(images/arrow01.png) no-repeat 4px 7px;
	padding-left: 12px;
}

.sidetxt01 {
	padding: 10px 5px 10px 5px;
}

.sideInfo {
	width: 100%;
	margin: 0 auto 10px auto;
	transition-duration: 0.4s;
}

.sideInfo img {
	width: 100% !important;
}

.sideInfo:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom: 1;
}

.leftFb {
	width: 100%;
	height: 320px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.leftFb iframe {
	width: 100%;
	height: 290px;
}

@media (max-width : 768px) {
	.sideTit01 {
		font-size: 1.05rem;
	}

	.sideTit01:after {
		left: 47%;
	}

	.sideBox01 li {
		width: 94.5%;
		padding: 4px 3% 6px 2.5%;
		background-position: 4px 8px;
	}

	.leftFb {
		height: 240px;
	}

	.leftFb iframe {
		height: 200px;
	}

	.mainLeft .wpp-list {
		font-size: 1.4rem !important;
	}
}

@media (max-width : 480px) {
	.sideBox01 li {
		width: 93%;
		padding: 4px 3% 6px 4%;
	}

	.leftFb {
		height: 290px;
	}

	.leftFb iframe {
		height: 260px;
	}
}

.sideBox02 {
	width: 100%;
}

.sideBoxIn02 {
	width: 100%;
	background: transparent;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0px 0 0px 0;
}

/* エリア関係 */
.sideOtherArea {
	overflow: hidden;
	border-top: 1px solid #D0ECFC;
	box-sizing: border-box !important;
}

.sideOtherArea>li {
	line-height: 1.4;
	border-bottom: 1px solid #D0ECFC;
	font-size: 0.9rem;
	position: relative;
}
.sideOtherArea>li .act {
	color: #fff;
	background-color: var(--clr-blue) !important;
	background-image: none !important;
	padding: 6px 5px 6px 10px !important;
	cursor: pointer;
	font-weight: bold !important;
	text-align: center;
}

.sideOtherArea>li .act:after {
	display: inline-block;
	content: '';
	width: 14px;
	height: 14px;
	background: url(images/area_arrow_white_down.png) no-repeat 0 0;
	position: absolute;
	top: 7px;
	right: 10px;
	pointer-events: none;
}

.sideOtherArea>li .act.arrow-up:after {
	background: url(images/area_arrow_up.png) no-repeat 0 0;
}

.sideOtherArea>li>.inner-list {
	display: none;
}

.sideOtherArea>li>.inner-list>li {
	border-top: 1px solid #D0ECFC;
	padding: 0 !important;
}

.sideOtherArea>li>.inner-list .new::after {
	content: "new";
	margin-left: 5px;
	color: #fff;
	background: var(--clr-red);
	padding: 1px 4px 2px;
	font-size: 12px;
	border-radius: 2px;
}

.sideOtherArea .inner-list ul {
	display: none;
}

.sideOtherArea .inner-list ul>li {
	padding: 0.5rem 0 0.5rem 0.5rem;
}
.sideOtherArea>li>.inner-list span.mark {
	display: inline-block;
	margin-left: 5px;
	color: #fff;
	background: var(--clr-red);
	padding: 2px 4px 3px;
	font-size: 10px;
	border-radius: 3px;
	line-height: 1;
}

.area-label {
	display: block;
	padding: 0.5rem 0 0.5rem;
	background-color: #F0F8FE;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.area-label:after {
	display: inline-block;
	content: '';
	width: 14px;
	height: 14px;
	background: url(images/area_arrow_down.png) no-repeat 0 0;
	position: absolute;
	top: 7px;
	right: 10px;
	pointer-events: none;
}

.open-pref .area-label {
	border-bottom: 1px solid #D0ECFC;
}
.area-label span {
	color: var(--clr-blue);
}

.sideOtherArea>li ul.inner-list li .inner-list02 li {
	display: block;
	border-bottom: 1px solid #D0ECFC;
}

.sideOtherArea>li ul.inner-list li .inner-list02 li:last-child {
	border-bottom: none;
}

.sideOtherArea>li ul.inner-list li .inner-list02 li a {
	color: var(--clr-blue);
	text-decoration: none;
	font-weight: bold;
}

.sideOtherArea>li.open-area ul.inner-list {
	display: block;
}

.sideOtherArea>li.open-area ul.inner-list li.open-pref .inner-list02 {
	display: block;
}

.sideOtherArea .inner-list-top .top-item {
	padding: 0.5rem 0 0.5rem 0.5rem !important;
}

.sideOtherArea .inner-list-top .top-item a {
	color: var(--clr-blue) !important;
	;
	text-decoration: none !important;
	;
	font-weight: bold !important;
	;
}

@media (max-width : 768px) {
	.sideOtherArea li {
		font-size: 1.1rem !important;
	}

	.sideOtherArea>li {
		padding-bottom: 0px !important;
	}

	.sideOtherArea>li:after {
		top: 10px;
		right: 10px;
	}

	.sideOtherArea>li .act {
		display: block;
		width: 100%;
		font-weight: bold;
		padding: 8px 0 8px 0 !important;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
		font-weight: bold !important;
	}

	.sideOtherArea>li>.inner-list {
		overflow: hidden;
		padding: 0;
	}

	.sideOtherArea>li>.inner-list>li {
		margin: 0;
		font-size: 1em;
		line-height: 1.4;
		padding: 0 !important;
		position: relative;
	}

	.sideOtherArea>li>.inner-list>li .area-label {
		padding: 8px 0 8px !important;
	}

	.area-label:after {
		top: 10px;
	}
	.sideOtherArea>li ul.inner-list li .inner-list02 {
		display: none;
		padding: 0.5rem 0;
	}

	.sideOtherArea>li ul.inner-list li.open-pref .inner-list02 {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.sideOtherArea>li ul.inner-list li .inner-list02 li {
		display: inline-block;
		background: none;
		border: none;
		padding: 0.2rem 0 0.2rem 0 !important;
	}

	.sideOtherArea>li ul.inner-list li .inner-list02 li a {
		display: inline-block;
		color: var(--clr-blue);
		line-height: 1.4;
		padding: 6px 12px 6px 12px;
		background-color: #fff;
		border: 1px solid var(--clr-blue);
		-webkit-border-radius: 16px;
		border-radius: 50px;
		text-decoration: none !important;
	}
	.sideOtherArea>li>.inner-list>li>a:hover,
	.sideOtherArea>li>.inner-list>li>a:active {
		background-color: #eee;
	}

	.sideOtherArea>li>.inner-list>li.new {
		position: relative;
	}

	.sideOtherArea>li ul.inner-list li .inner-list02 li.new {
		position: relative;
	}

	.sideOtherArea>li>.inner-list>li.new>a {
		padding-right: 44px;
	}

	.sideOtherArea>li ul.inner-list li .inner-list02 li.new>a {
		padding-right: 42px;
	}

	.sideOtherArea>li>.inner-list>li.new::after {
		margin-left: 0;
		display: block;
		position: absolute;
		top: 7px;
		right: 10px;
		border-radius: 5px;
	}

	.sideOtherArea>li ul.inner-list li .inner-list02 li.new::after {
		margin-left: 0;
		display: block;
		position: absolute;
		top: 10px;
		right: 9px;
		border-radius: 5px;
	}

	.area-label {
		display: block;
		padding: 0.5rem 0 0.2rem;
		text-align: center;
	}
	.sideOtherArea .inner-list-top .top-item {
		display: inline-block;
		background: none;
		border: none;
		padding: 0.5rem 0 0.5rem 0 !important;
	}

	.sideOtherArea .inner-list-top .top-item a {
		display: inline-block;
		color: var(--clr-blue);
		line-height: 1.4;
		padding: 6px 12px 6px 12px;
		background-color: #fff;
		border: 1px solid var(--clr-blue);
		-webkit-border-radius: 16px;
		border-radius: 16px;
		text-decoration: none !important;
	}
}

/* 都道府県一覧用 */
a.all-pref-link {
	display: inline-block;
	background-color: var(--clr-blue);
	color: #fff !important;
	border: none;
	padding: 6px 12px;
	border-radius: 5px;
	text-decoration: none !important;
	font-weight: bold;
  }

  /* 都道府県一覧用sp */
  @media (max-width: 768px) {
	a.all-pref-link {
	  background-color: var(--clr-blue)!important;
	  color: #fff !important;
	  border: none;
	  padding: 6px 12px;
	  border-radius: 50px;
	}
  }

.sideBox03 {
	width: 100%;
	margin-top: 0px;
}

.sideBox03 img {
	width: 100%;
	margin: 0px;
}

/* 人気記事一覧 */
/* 20250226修正 */
.pop-list li {
	padding: 12px 0 7px;
	border-top: 0.5px solid #AAAAAA;
	margin: 0;
}

.pop-list li:first-child {
	border: none;
}

.pop-list li a {
	text-decoration: none;
	font-weight: bold;
	font-feature-settings: "palt";
}

.pop-list-image {
	display: block;
}

.pop-list-image img{
	border-radius: 10px;
}

.pop-list-link {
	font-size: 0.92rem;
}

.pop-list-heading {
	padding: 5px 0px 5px 2px;
}

.pop-views {
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background-color: #BEBEBE;
	border-radius: 10px;
}

@media (max-width : 1080px) {

	.pop-list li {
		padding: 10px 0 10px;
    /*20250509修正*/
    width: 100%;
	}

	/* 20250227 */
	.pop-list li {
		display: grid;
		grid-template-columns: 40% 1fr;
		gap: 10px;
	}
	.pop-list-link {
		/*20241127修正*/
		font-size: 15px;
	}
	.pop-list-heading {
		padding: 0px 0px 5px 2px;
	}
}


/*-------------------------------
	Side Right
-------------------------------*/
.sideBox02 {
	width: 100%;
}

.bnrBox01>div {
	margin: 0 auto 10px auto;
}

.bnrBox01 a {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}

.sideFb iframe {
	width: 100%;
	height: 280px;
	border: 1px solid #CCC;
}

@media (max-width : 768px) {
	.sideFb iframe {
		height: 220px;
	}
}

@media (max-width : 480px) {
	.sideFb iframe {
		height: 280px;
	}
}

/*-------------------------------
	Center
-------------------------------*/
.centerBox01 {
	width: 100%;
}

.title01,
.title02,
.title04,
.title05 {
	background: url(images/tag10.png) no-repeat left center;
	padding-left: 30px;
	font-size: 1.4em;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 15px;
}

.title01 {
	background: url(images/tag10.png) no-repeat left center;
}

.title02 {
	background: url(images/tag12.png) no-repeat left center;
}

.title03 {
	font-feature-settings: "palt";
	color: var(--clr-blue);
	border: solid 3px var(--clr-blue);
	padding: .5em;
	border-radius: .5em;
	font-size: 1.4em;
	line-height: 1.7em;
	font-weight: bold;
}

@media (max-width : 768px) {
	h1.title03 {
		margin-top: 15px;
	}
}
@media (max-width : 480px) {
	.title02 {
		margin-top: 15px;
	}
}

.title04 {
	background: none;
	color: #364e96;
	/*文字色*/
	border: solid 3px #364e96;
	/*線色*/
	padding: 0.5em;
	/*文字周りの余白*/
	border-radius: 0.5em;
	/*角丸*/
}

.title05 {
	background: url(images/tag15.png) no-repeat left center;
}

.centerListBox01 {
	width: 100%;
	position: relative;
	border-top: 0.5px solid #D4D4D4;
	padding: 15px 0 5px;
	box-sizing: border-box;
}

.centerListBox01:first-child {
	border-top: none !important;
}

.centerListBox02 {
	width: 100%;
	position: relative;
}

.centerDt01 {
	padding: 2px 5px 0px;
}

/* 20250325追加 */
.content-under-detail{
  display: flex;
  justify-content: start;
  gap: 0!important;
}
.content-under-detail .itemDate01 {
  width: auto!important;
}

/* 20200109修正 */
.itemDate01 {
	/* 20221112修正 */
	width: 100%;
	float: left;
	margin-bottom: 0.5rem;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.itemDate01 span {
	margin-right: 0.5rem;
}

.itemDate01 span i {
	margin-right: 0.2rem;
}

.itemDate01 .itemCat01-cat {
	margin-right: 0.5rem;
}

.itemDate01 .itemCat01-cat li {
	display: inline;
	zoom: 1;
	background: url(images/tag02.png) no-repeat 2px center;
	padding-left: 15px;
}

/* //20200109修正 */
.fa-clock-o {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	position: relative;
	width: 12px;
	height: 12px;
	border: 1px solid #333;
	border-radius: 50%;
	box-sizing: content-box;
	margin-right: 3px;
	margin-bottom: 3px;
}

.fa-clock-o::before,
.fa-clock-o::after {
	content: '';
	position: absolute;
	left: 48%;
	bottom: 48%;
	background: currentColor;
	border-radius: 0.1em;
	transform: translate(-0.05em, 0.05em);
}

.fa-clock-o::before {
	width: 2px;
	height: 6px;
}

.fa-clock-o::after {
	width: 6px;
	height: 2px;
}

.fa-history {
	display: inline-block;
	position: relative;
	color: #333;
	line-height: 1;
	width: 12px;
	height: 12px;
	border: 2px solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	box-sizing: border-box;
}

.fa-history::before {
	position: absolute;
	top: 3px;
	right: -3px;
	content: '';
	height: 50%;
	border: 4px solid transparent;
	border-top: 6px solid;
	background: transparent;
	transform-origin: left top;
	transform: rotate(-40deg);
	box-sizing: border-box;
}

@media (max-width : 480px) {
	.fa-clock-o {
		width: 11px;
		height: 11px;
	}

	.fa-history {
		width: 11px;
		height: 11px;
	}
}

/* //20201229修正 */

.itemCat01,
.itemTag01 {
	width: 55%;
	float: right;
	text-align: right;
}

.itemCat01 li {
	display: inline;
	zoom: 1;
	display: inline-block;
	background: url(images/tag02.png) no-repeat 2px center;
	padding-left: 15px;
}

.itemTag01 span {
	background: url(images/tag14.png) no-repeat 2px center;
	padding-left: 18px;
}

.itemTag01 a {
	display: inline;
	zoom: 1;
	display: inline-block;
}

.centerMdBox01 {
	padding: 0 0 10px 0;
	position: relative;
}

.listDate01 {
	position: absolute;
	width: 100%;
	bottom: 4%;
	right: 4px;
	text-align: right;
	text-decoration: none;
}

a.itemTitle01 {
	display: block;
	transition-duration: 0.5s;
	color: #222222;
}

a:hover.itemTitle01 {
	background-color: #E3E3E3;
}

.itemTitle01In {
	font-size: 1.38em;
	display: block;
	width: 58%;
	float: right;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

.itemThum01 {
	width: 40%;
	float: left;
	position: relative;
}

.itemThum01 img {
  border-radius: 10px;
  display: block; /* 画像下の余白対策 */
}


.async-ad-box {
	min-height: 300px !important;
}

.async-ad-box {
	min-height: 300px !important;
}

.itemThum01 span {
	display: inline-block;
	padding: 0.2rem 0.4rem;
	color: #fff;
	font-weight: bold;
	font-size: 0.875rem;
	position: absolute;
	top: 0;
	left: 0;
}

.itemThum01 span.label-cat_job,
.itemThum01 span.label-cat5 {
	background-color: #32cd32;
}

.itemThum01 span.label-cat_chirashi,
.itemThum01 span.label-cat_coupon,
.itemThum01 span.label-cat_caupon,
.itemThum01 span.label-cat_ticket,
.itemThum01 span.label-cat4 {
	background-color: #ff8c00;
}

.itemThum01 span.label-cat_ad,
.itemThum01 span.label-cat_notice {
	background-color: #ff8c00;
}

.itemThum01 span.label-default {
	background-color: #c0c0c0;
}

.social4i {
	margin-top: 30px;
	border-top: 1px dotted #888;
	padding-top: 10px;
}

.centerUnder01,
.centerUnder02 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: right;
}

.centerUnder02 {
	padding: 0 0 0 5px;
	margin-top: -1rem;
}

.centerUnder03 {
	padding: 0px 0px 0px 10px;
	background-color: #FFFFFF;
}

.centerUnder04 {
	padding: 0;
	background-color: #FFFFFF;
}

.itemComment01 {
	display: block;
	float: right;
	background: url(images/tag03.png) no-repeat left center;
	padding-left: 22px;
}

.pageNation,
.pageNation02 {
	margin-top: 40px;
}

.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi .pages,
.wp-pagenavi a,
.wp-pagenavi .current {
	color: #EEE;
	display: inline;
	zoom: 1;
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #777;
	padding: 6px 12px;
	margin: 0 3px 5px;
}

.wp-pagenavi a:hover {
	background-color: #666;
}

.wp-pagenavi .current {
	background-color: #444;
}

.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last {
	padding: 6px 8px;
}

.pageNation02 .prev {
	float: left;
	width: 42%;
	background: url(images/arrow03.png) no-repeat left 4px;
	padding-left: 14px;
}

.pageNation02 .next {
	float: right;
	width: 42%;
	text-align: right;
	background: url(images/arrow04.png) no-repeat right 4px;
	padding-right: 14px;
}

.error01 {
	display: block;
	margin: 50px auto 50px auto;
	width: 60%;
	max-width: 600px;
}

.error-404 {
	width: 100%;
	max-width: 802px;
	margin: 50px auto 50px auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.error-404 .sp {
	display: none;
}

@media(max-width: 768px) {
	.centerUnder02 {
		padding: 0 0 0 0;
		margin-top: -0.5rem;
	}
}

@media(max-width: 480px) {
	.error-404 {
		margin-top: 1rem !important;
	}

	.error-404 .pc {
		display: none;
	}

	.error-404 .sp {
		display: block;
	}
}

.singleTag01 {
	/*文字周りの余白*/
	padding: 0;
	text-align: left;
	color: #364e96;
	/*文字色*/
	border-radius: .5em;
	/*角丸*/
}

.singleTag01 a {
	color: #237197;
	/*文字色*/
	display: inline-block;
	padding-left: 12px;
	margin-right: 5px;
	background: url(images/tagicon.png) no-repeat 0 5px;
	background-size: 10px auto;
}

.singleTag02 {
	font-size: 12px !important;
	text-align: left;
	padding: 0px 0px 5px 0px;
}

.singleTag02 a {
	display: inline-block;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #6D6D6D;
	background-color: #EFEFEF;
	border: 1px solid #6D6D6D;
	border-radius: 0.5em;
	margin-bottom: 5px;
}

.singleSns {
	margin-top: 10px;
}

.singleSns li {
	float: left;
	margin-right: 5px;
}

.singleBox01 {
	margin-top: -10px !important;
	line-height: 2.0 !important;
	font-size: 1.16em;
}

.singleBox01 p {
	padding: 5px 0 5px 0;
}

.singleBox01 img {
	display: block;
	margin: 0 auto;
	border-radius:10px;
}

.singleBox01 iframe {
	width: 100%;
}

/*20241113追加*/
.singleBox01 .ps-shop-location {
	box-sizing: border-box !important;
	width: 100% !important;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	margin-bottom: 10px;
}

.singleBox01 .ps_shopname {
	box-sizing: border-box !important;
	width: 100% !important;
	padding: 9px 12px;
	line-height: 1.2;
}

.singleBox01 .ps_shopname a span {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 2px;
	transform: translateY(2px);
}

.singleBox01 iframe.ps_map {
	display: block;
	box-sizing: border-box !important;
	width: 100% !important;
	background-color: #fff;
	border-bottom: 2px solid #ccc;
}
.singleBox01 small {
	display: block;
	width: 90%;
	margin: -30px auto 0 auto;
}

.singleBox01 {
	line-height: 1.7;
	font-size: 1.16em;
}

.singleBox01 a:link {
	color: var(--clr-blue);
	text-decoration: underline;
	text-decoration: none;
}

.singleBox01 a:visited {
	color: var(--clr-blue);
	text-decoration: underline;
	text-decoration: none;
}

.singleBox01 a:hover {
	color: #419ac7;
	text-decoration: underline;
	text-decoration: none;
}
.singleBox01 blockquote {
	padding: 1.7em 1em;
	margin: 1.5em 0;
	border: 1px dotted #bbb;
	background-color: #f8f8f8;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
blockquote:before {
	content: "“";
	font-size: 400%;
	line-height: 1em;
	font-family: sans-serif;
	color: #ccc;
	position: absolute;
	left: 0;
	top: 0;
}

blockquote:after {
	content: "”";
	font-size: 400%;
	line-height: 1em;
	font-family: sans-serif;
	color: #ccc;
	position: absolute;
	right: 0;
	bottom: -0.1em;
	line-height: 0em;
}

.relateCat {
	margin-top: 30px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #DDD;
	background-color: #F8F8F8;
	padding: 10px 10px 10px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.relateCat h1 {
	font-weight: bold;
	border-bottom: 1px dotted #888;
	margin-bottom: 8px;
}

.relateCat li {
	margin-bottom: 5px;
	background: url(images/arrow01.png) no-repeat 2px center;
	padding-left: 10px;
}

.commentBox01 {
	margin-top: 20px;
}

.commentTit01 {
	font-weight: bold;
	background: url(images/tag05.png) no-repeat 2px center;
	padding: 0 0 0 20px;
	line-height: 1.8em;
	border-bottom: 1px solid #888;
}

.commentCount {
	text-align: right;
	padding: 5px 0 10px 0;
}

.commentList01 li {
	position: relative;
	margin: 0 0 10px 5%;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #BBB;
	padding: 10px 10px 15px 10px;
}

.commentList01 li:after {
	display: block;
	position: absolute;
	width: 9px;
	height: 10px;
	content: '';
	background: url(images/commentarrow.png) no-repeat 0px 0px;
	top: 20px;
	left: -9px;
}

.comment-author {
	border-bottom: 1px solid #BBB;
	padding: 0 0 3px 0;
}

.commentmetadata {
	text-align: right;
	padding: 4px 0 10px 0;
	font-size: 0.9em;
}

.says {
	display: none;
}

.reply {
	display: none;
}

.comment-reply-title {
	font-weight: bold;
	background: url(images/tag06.png) no-repeat 2px center;
	padding: 0 0 0 20px;
	line-height: 1.8em;
	border-bottom: 1px solid #888;
	margin-top: 20px;
}

.comment-notes {
	padding: 10px 0 5px 0;
	font-size: 1em;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin-top: 10px;
}

.comment-awaiting-moderation {
	font-size: 0.9em;
	color: #A51616;
}

.commentNote01 {
	margin-top: 15px;
	font-size: 0.95em;
}

.comment-form-email {
	display: none;
}

.size01 {
	width: 100%;
	margin-top: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #AAA;
	padding: 3px 3px 3px 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.size02 {
	width: 100%;
	height: 100px;
	margin-top: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #AAA;
	padding: 3px 3px 3px 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.1em;
}

.form-allowed-tags {
	margin: 5px 0 5px 0;
}

#submit {
	display: block;
	height: 30px;
	margin: 0 auto;
	cursor: pointer;
}

.contactBox01 {
	line-height: 2.0 !important;
	font-size: 1.16em;
}

.contactForm01 {
	margin: 20px 0 0 0 !important;
	border-top: 1px solid #bbb;
	padding: 0 !important;
}

.contactForm01 h2 {
	font-weight: bold;
	border-left: 3px solid #666;
	padding-left: 6px;
	line-height: 1.1em;
	margin-bottom: 5px;
}

.contactForm01 li {
	margin-top: 15px;
}

.hissu {
	color: #F33;
	font-weight: bold;
}

.contactDt01 {
	background-color: #EEE;
	padding: 5px 10px 5px 10px;
	font-size: 0.9em;
	margin-top: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.contactFormBtn01 {
	margin-top: 15px;
	border-top: 1px dotted #888;
	padding: 10px 0 20px 0;
}

.contactFormBtn01>input {
	display: block;
	height: 30px;
	margin: 0 auto;
	cursor: pointer;
}

.contactSize01 input {
	width: 100%;
	margin-top: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #AAA;
	padding: 3px 3px 3px 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.contactSize02 textarea {
	width: 100%;
	height: 100px;
	margin-top: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #AAA;
	padding: 3px 3px 3px 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.1em;
}

.contactSize03 {
	margin: 10px 0 10px 0;
}

.contact-form7-box {
	margin-top: 1.0rem;
}

.contact-form7-list {
	margin-left: 0.5rem !important;
	padding: 0.5rem 0 1rem !important;
}

.contact-form7-list li {
	margin-top: 2rem !important;
}

.cf7-label {
	display: block !important;
	font-weight: bold !important;
}

.cf7-size-text {
	width: 95% !important;
	padding: 0.5rem !important;
	color: #333 !important;
}

.cf7-size-textarea {
	width: 95% !important;
	height: 250px;
	padding: 0.3rem !important;
	color: #333 !important;
}

.cf7-submit {
	display: block !important;
	width: 100% !important;
	max-width: 140px !important;
	border: none;
	background-color: rgb(0, 126, 199);
	color: #fff;
	padding: 1rem 1rem;
	border-radius: 3px;
	margin: 1rem 0 0 0.5rem !important;
}

.cf7-submit:hover {
	background-color: rgb(14, 140, 212);
	;
}

.cf7-hissu {
	margin-left: 10px;
	font-size: 12px;
	padding: 5px;
	background: #ff9393;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
}

/*-------------------------------
	contact-form7 追加
-------------------------------*/


.contact-form7-list li input[type="text"],
.contact-form7-list li input[type="tel"],
.contact-form7-list li input[type="email"],
.contact-form7-list li input[type="mfile"],
.contact-form7-list li textarea {
	width: 100%;
	padding: 15px 20px;
	background: #F4F4F4;
	border-radius: 5px;
	border: 1px solid rgb(177, 175, 175);
}

.cfinner {
	font-size: 14px;
}

.dropdown-menu_wrapper {
	position: relative;
	height: 60px;
	width: 240px;
}

.dropdown-menu_wrapper .wpcf7-form-control {
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid rgb(177, 175, 175);
	font-size: 14px;
	color: black;
	appearance: none;
	background-color: white;
}

.dropdown-menu_wrapper::after {
	content: "";
	position: absolute;
	display: inline-block;
	border-top: 2px solid rgb(14, 140, 212);
	border-right: 2px solid rgb(14, 140, 212);
	height: 10px;
	width: 10px;
	top: 15px;
	right: 30px;
	transform: rotate(135deg);
	pointer-events: none;
}

.form-note {
	font-size: 14px;
	color: #666;
	margin: 5px 0 0 5px;
	position: relative;
	/* absoluteをやめる */
	top: -5px;
	/* 上に寄せる */
	white-space: nowrap;
	/* 改行を防止 */
}

.dropdown-menu_wrapper {
	position: relative;
	height: auto;
	/* 高さを可変に */
	width: 240px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	/* 各要素の間隔を調整 */
}

.searchTit01 {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 6px 5px 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #666;
	color: #EEE;
}

.searchTit01 span {
	font-weight: bold;
	font-size: 1.1em;
}

.searchBox01 li {
	margin-top: 20px;
	border-bottom: 1px dotted #888;
	padding-bottom: 5px;
}

.searchTit02 {
	font-weight: bold;
}

.serchBox02 {
	margin-top: 15px;
}

.serchBox02 .searchform {
	width: 65%;
}
.searchform #searchsubmit {
	width: 30%;
}

@media (max-width : 768px) {
	.singleBox01 {
    margin-top: 0px !important;
		font-size: 1.3em;
		line-height: 1.8 !important;
	}
	.error01 {
		width: 70%;
	}

	.itemDate01 {
		width: 100%;
		max-width: 100%;
		float: none;
		margin-bottom: 0;
	}

	.itemDate01C {
		display: block;
		float: right;
		padding-left: 22px;
	}

	.itemCat01,
	.itemTag01 {
		width: 100%;
		max-width: 100%;
		float: none;
		text-align: left;
	}

	.centerMdBox01 a {
		text-decoration: none;
	}
	.singleBox01 iframe {
		display: block !important;
		width: 90% !important;
		margin: 0px auto 20px;
	}
}

@media (max-width : 480px) {
	.itemTitle01In {
		padding: 0px 0px 15px 2px;
	}

	.centerDt01 {
		padding: 7px 0 5px 0;
	}

	.error01 {
		width: 96%;
	}

	.itemDate01 {
		font-size: 2.9vw;
	}
}

/*-------------------------------
	Footer
-------------------------------*/
.footerBox01 {
	width: 100%;
}

.pagetop {
	position: fixed;
	right: 10px;
	bottom: 70px;
	width: 40px;
	height: 40px;
	z-index: 9999;
}

.pagetop a {
	transition: all 0.4s;
}

.pagetop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
}

.footer {
	width: 100%;
	position: absolute;
	background: url(images/footer_bg.png) repeat 0 0;
	padding-bottom: 25px;
	color: #EEE;
}

.footerMain {
	width: 100%;
	padding: 25px 0 25px 0;
	border-bottom: 1px solid #313131;
}

.fNav {
	float: right;
	width: 85%;
	max-width: 850px;
	padding-top: 10px;
}

.fNav ul {
	overflow: hidden;
	zoom: 1;
}

.fNav li {
	float: left;
}

.fNav li a {
	display: block;
	color: #EEE;
	background: url(images/arrow02.png) no-repeat left center;
	padding-left: 18px;
	margin-right: 10px;
	text-decoration: none;
	transition-duration: 0.5s;
}

.fNav li a:hover {
	color: #EEE;
	text-decoration: underline;
	color: #AAA;
}

.menu-footnav-container {
	padding-bottom: 12px;
	margin-bottom: 15px;
}

.footerLeft {
	float: left;
	width: 30%;
	max-width: 330px;
	padding-left: 3%;
}

.footerDt {
	margin-top: 10px;
}

.footerDt01 {
	background: url(images/tag07.png) no-repeat left center;
	padding-left: 25px;
	line-height: 20px;
	margin-bottom: 5px;
}

.footerDt02 {
	background: url(images/tag08.png) no-repeat left center;
	padding-left: 25px;
	line-height: 20px;
	color: #fff !important;
}

.footerDt02:link {
	color: #fff !important;
}

.footerSns li {
	margin-top: 5px;
}

.copyright {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 100px;
}

.copyright small {
	display: block;
}

.copyright .box01 {
	text-align: center;
	color: #EEE;
	font-size: 0.9em;
}

.adBox {
	width: 320px;
	margin: 0 auto;
	padding: 5px 0 0 0;
}

#adItem {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
	padding: 5px 0 0 0;
}

#adItem p {
	width: 320px;
	margin: 0 auto;
}

img#wpstats {
	display: none
}

.adPc01 {
	margin: 0 !important;
}

.adMobile01 {
	width: 310px;
	text-align: center;
	margin: 0 auto 10px;
}

.adMobile01 {
	width: 310px;
	text-align: center;
	margin: 0 auto 10px;
}

.adMobile02 {
	background-color: #CCCCCC;
}

@media (max-width : 768px) {
	.footerMain {
		padding: 5px 0 10px 0;
	}

	.fNav {
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.footerLeft {
		margin-top: 20px;
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.fNav li {
		float: none;
	}

	.fNav li a {
		margin-right: 0;
		line-height: 38px;
		border-bottom: 1px dotted #AAA;
	}

	.menu-footnav-container {
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 20px;
	}

	.fNav h1 {
		margin-bottom: 5px;
	}

	.copyright {
		text-align: center;
	}

	.copyright .box01 {
		text-align: center;
	}
}

.contact-form input,
.contact-form textarea {
	width: 96% !important;
}

.contact-submit input.pushbutton-wide {
	display: block !important;
	text-align: center;
	width: 98% !important;
	padding: 5px 0;
}

/*-------------------------------
	adsense-responsive
-------------------------------*/
.gad {
	background-color: #F2F2F2;
}

.gad_responsive {
	background-color: #F2F2F2;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

#aswift_0_expand {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

.headline {
	width: 100%;
	font-size: 0.8em;
	padding: 2.5px 0 2.5px 4px;
	color: white;
	margin: 0;
}

/*-------------------------------
	facebook
-------------------------------*/
.fb-like {
	width: 100%;
	display: block;
	background: #2D4684;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 5px 0 5px 0px;
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}

/*-------------------------------
	embedly BLOG CARD
-------------------------------*/
.embedly-card {
	display: block;
	border: solid 1px #a9a9a9;
	padding: 0px 0px 0px 5px;
}

/*-------------------------------
	adsense-native
-------------------------------*/
.gnative {
	display: block;
	border-top: 0.5px solid #D4D4D4;
	margin: 0px;
}

.gamenative {
	display: block;
	border-top: 0.5px solid #D4D4D4;
	padding: 10px 0 5px 0;
	margin: 0px;
}


.fnative {
	display: block;
	padding: 0px;
	margin: 10px 0px;
}

.gadnative {
	display: block;
	border-top: 1px dotted #D4D4D4;
	padding: 10px 0px;
	margin: 0px;
}

/*-------------------------------
	top post image width customise
-------------------------------*/
.widgets-list-layout .widgets-list-layout-blavatar {
	width: 43% !important;
	max-width: 100px !important;
}

.widgets-list-layout-links {
	width: 55% !important;
	font-size: 90%;
	margin-left: 1%;
}

@media screen and (max-width: 768px) {
	.widget_top-posts .widgets-list-layout-blavatar {
		width: auto;
		max-width: 100px !important;
	}

	.widgets-list-layout-links {
		float: right;
		width: 72% !important;
		margin-left: 0%;
		font-size: 1rem;
	}
}

@media screen and (max-width: 480px) {
	.widgets-list-layout-links {
		width: 68% !important;
	}
}

@media screen and (max-width: 380px) {
	.widgets-list-layout-links {
		width: 62% !important;
	}
}

/*-------------------------------
	ゴーガイチケット宣伝
-------------------------------*/
.goguy {
	position: relative;
	color: black;
	background: #d0ecff;
	line-height: 1.4;
	padding: 5px 10px 5px 10px;
	margin: 30px 0 10px 0;
	border-radius: 0 5px 5px 5px;
	font-weight: bold;
	font-size: 1.2em;
}

.goguy :after {
	/*タブ*/
	position: absolute;
	font-family: "FontAwesome", 'Quicksand', 'Avenir', 'Arial', sans-serif;
	content: '\f00c Check';
	background: #2196F3;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0.05em;
	margin: 5px 0 0 0;
}

/*-------------------------------
	sns
-------------------------------*/
.follow-btn {
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.follow-btn ul {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	margin: 0;
	padding: 0;
}

.follow-btn li {
	height: 100px;
	width: 100%;
	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.follow-btn li:hover {
	width: 200%;
}

.follow-btn li span {
	line-height: 2.5;
	font-size: 180%;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.Twitter_btn {
	background: #55ACEE;
	/*Twitterの背景色*/
}

.Facebook_btn {
	background: #5882FA;
	/*Facebookの背景色*/
}

.Feedly_btn {
	background: #82C36F;
	/*Feedlyの背景色*/
}

.Insta_btn {
	background: #5F5E5E;
	/*Instagramの背景色*/
}

.Youtube_btn {
	background: #F06A6A;
	/*YouTubeの背景色*/
}

.Twitter-icon:before {
	content: "\f099";
	/*Twitterアイコン*/
	color: #ffffff;
	display: inline-block;
	font-family: FontAwesome;
}

.Facebook-icon:before {
	content: "\f230";
	/*Facebookアイコン*/
	display: inline-block;
	font-family: FontAwesome;
}

.Feedly-icon:before {
	content: "\f09e";
	/*Feedlyアイコン*/
	display: inline-block;
	font-family: FontAwesome;
}

.Insta-icon:before {
	content: "\f16d";
	/*Instagramアイコン*/
	display: inline-block;
	font-family: FontAwesome;
}

.Youtube-icon:before {
	content: "\f167";
	/*YouTubeアイコン*/
	display: inline-block;
	font-family: FontAwesome;
}

.follow-btn a {
	width: 100%;
	height: 80%;
	font-size: 13px;
	line-height: 1;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/*-------------------------------
	Jetpack関連記事
-------------------------------*/
/*Jetpack関連記事の見出し*/
#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 20px !important;
	/*文字サイズ*/
}

/*Jetpack関連記事の記事タイトル*/
#jp-relatedposts h4.jp-relatedposts-post-title {
	font-size: 14px !important;
	padding: 5px 5px;
}

/*Jetpack関連記事のカテゴリー*/
#jp-relatedposts p.jp-relatedposts-post-context {
	display: inline-block;
	text-align: center;
	background-color: #ff6893;
	color: #ffffff;
	font-size: 12px !important;
	line-height: 1;
	border-radius: 2px;
	padding: 1px 5px;
}

/*-------------------------------
	twitterセンタリング
-------------------------------*/
/* 注意↓↓↓ */
twitterwidget,
iframe[id^="twitter-widget-"] {
	margin-left: auto;
	margin-right: auto;
}

.twitter-widget-wrapper iframe {
	width: 740px !important;
	max-width: 100% !important;
}

/*-------------------------------
	addthis
-------------------------------*/
/* 注意↓↓↓ */
.sat-above-post addthis_tool {
	margin: 0px !important;
	padding: 0px !important;
}

/*-------------------------------
	about
-------------------------------*/

h4.goguyabout {
	font-size: 1.1em !important;
	color: #6cb4e4 !important;
	padding: 0.5em;
	border-top: solid 2px #6cb4e4;
	border-bottom: solid 2px #6cb4e4;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.goguyabouttxt {
	line-height: 2em !important;
}

/*-------------------------------
	ボタン　オレンジ
-------------------------------*/
.square_btn_parent {
	text-align: center !important;
}

.square_btn {
	display: inline-block;
	max-width: 500px;
	text-align: center !important;
	background-color: #ffa300;
	font-size: 20px;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	border-bottom: 4px solid #d37800;
}

/*-------------------------------
	ボタン　黄色
-------------------------------*/
.square_btn_y_parent {
	text-align: center !important;
}

.square_btn_y {
	display: inline-block;
	max-width: 500px;
	text-align: center !important;
	background-color: #FFE100;
	font-size: 20px;
	color: #1449A1 !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	border-bottom: 4px solid #DDB800;
}

.square_btn_y:active {
	transform: translateY(4px);
	border-bottom: none;
}

/*-------------------------------
	ボタン　緑
-------------------------------*/
.square_btn_g_parent {
	text-align: center !important;
}

.square_btn_g {
	display: inline-block;
	max-width: 500px;
	text-align: center !important;
	background-color: #00AE2C;
	font-size: 20px;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	border-bottom: 4px solid #00682C;
}

.square_btn_g:active {
	transform: translateY(4px);
	border-bottom: none;
}

/*-------------------------------
	ボタン　青
-------------------------------*/
.square_btn_b_parent {
	text-align: center !important;
}

.square_btn_b {
	display: inline-block;
	max-width: 500px;
	text-align: center !important;
	background-color: #117DF4;
	font-size: 20px;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 24px;
	border-radius: 4px;
	border-bottom: 4px solid #0A3789;
}

.square_btn_b:active {
	transform: translateY(4px);
	border-bottom: none;
}



/*-------------------------------
	リスト
-------------------------------*/
ul.main-body-list li {
	position: relative;
	padding-left: 25px;
	margin: 7px 0px;
}

ul.main-body-list li:before {
	content: "";
	position: absolute;
	top: .35em;
	left: 6px;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 3px;
	height: 7px;
	border-right: 2px solid #8b6b4e;
	border-bottom: 2px solid #8b6b4e;
}

ul.main-body-list li:after {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #8b6b4e;
	border-radius: 2px;
}

/* iphone用iframe100%対応 */
@media (max-width : 768px) {
	.embedly-card iframe {
		width: 768px !important;
	}
}

/*-------------------------------
	キャプション
-------------------------------*/
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	color: darkgray;
}

.wp-caption p.wp-caption-text {
	font-size: 0.75em;
	line-height: 17px;
	padding: 5px 4px 5px 4px;
	margin: 0;
}

/*-------------------------------
	ad-記事下
-------------------------------*/

.adlinefoot {
	padding: 0em 0em;
	margin: 0px !important;
	text-decoration: none;
	color: #000000;
	border-bottom: solid 1px #B0B0B0;
	border-top: solid 1px #B0B0B0;
}

.adlinefoot a {
	color: #000000;
}

.adlinefoot a:hover {
	background-color: #FFEBD3;
	opacity: 0.7;
	transition: 1.0s;
}


/*-------------------------------
	求人-記事下
-------------------------------*/

.joblinefoot {
	padding: 0em 1em;
	margin: 0px !important;
	text-decoration: none;
	color: #2FC726;
	border: solid 2px #2FC726;
	border-radius: 7px;
}

.joblinefoot a {
	color: #2FC726;
}

.joblinefoot a:hover {
	background-color: #F4FFF5;
	opacity: 0.7;
	transition: 1.0s;
}

/*-------------------------------
	tw-記事下
-------------------------------*/

.twfoot {
	font-size: 1.4em;
	padding: 0em 1em;
	margin: 0px !important;
	text-decoration: none;
	color: #3D91FF;
	border: solid 2px #3D91FF;
	border-radius: 7px;
}

.twfoot a {
	color: #3D91FF;
}

.twfoot a:hover {
	background-color: #3D91FF;
	opacity: 0.7;
	transition: 1.0s;
}


/*-------------------------------
	求人-まとめ
-------------------------------*/

.job-box {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #5d627b;
	background: white;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.job-box p {
	margin: 0;
	padding: 0;
}
/*-------------------------------
	gist GITBHUB
-------------------------------*/
.gist table tr {
	background-color: rgba(220, 220, 220, 0.2) !important;
}

.blob-num {
	display: none;
}

.gist * {
	font-size: 14px !important;
}

.gist * {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
}

/* フッタ非表示 */
.gist-meta {
	display: none;
}

/* コード領域の下枠線削除 */
.gist-file {
	border-bottom: none !important;
}

/* コードエリアの上部の余白を開ける */
.gist tr:first-child td {
	padding-top: 15px !important;
}

/* コードエリアの下部の余白を開ける */
.gist tr:last-child td {
	padding-bottom: 15px !important;
}

/*-------------------------------
	iframe float
-------------------------------*/
.iframe_side {
	display: table;
	width: 100%;
}

.iframe_side .bySide {
	display: table-cell;
	vertical-align: middle;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden;
}

/*-------------------------------
	title sdgs
-------------------------------*/
.titlesdgs {
	color: white;
	padding-bottom: 5px;
	text-align: center;
}

.titlesdgs-top {
	display: block;
	background-color: var(--clr-red);
	padding: 10px;
	margin: 0 auto;
	color: white;
	padding-bottom: 5px;
	text-align: center;
}

/*-------------------------------
	囲み
-------------------------------*/

.box3 {
	padding: 2em 2em;
	background: #FFF;
	border: solid 2px #E50011;
	/*線*/
	border-radius: 10px;
	/*角の丸み*/
}

.box3 p {
	margin: 0;
	padding: 0;
}

.box3-o {
	padding: 2em 2em;
	background: #FFF;
	border: solid 2px #FB4308;
	/*線*/
	border-radius: 10px;
	/*角の丸み*/
}

.box3-o p {
	margin: 0;
	padding: 0;
}

.box3-g {
	padding: 2em 2em;
	background: #FFF;
	border: solid 2px #44B034;
	/*線*/
	border-radius: 10px;
	/*角の丸み*/
}

.box3-g p {
	margin: 0;
	padding: 0;
}

/*-------------------------------
	タイトル　黄色ボーダー
-------------------------------*/
.yborder {
	display: inline;
	font-size: 1.5em !important;
	padding: 0.2em;
	background: linear-gradient(transparent 70%, #fff100 70%);
}

.yborder-o {
	display: inline;
	color: #FB4308 !important;
	font-size: 1.5em !important;
	padding: 0.2em;
	background: linear-gradient(transparent 70%, #fff100 70%);
}

.yborder-g {
	display: inline;
	color: #44B034 !important;
	font-size: 1.5em !important;
	padding: 0.2em;
	background: linear-gradient(transparent 70%, #fff100 70%);
}

/*-------------------------------
	ad用
-------------------------------*/

table.ad {
	border-collapse: collapse;
	border-spacing: 1;
	width: 100%;
}

table th.adtitle {
	background: #d7eeff;
	padding: 10px;
	font-size: 18px;
	text-align: left;
}

table th.ad1 {
	width: 30%;
	padding: 10px;
}

table td.ad2 {
	width: 70%;
	padding: 10px;
}

tr:nth-child(odd) th.ad1 {
	border-top: 1px solid #dcdcdc;
	background-color: #f4f4f4;
	/* 奇数行の背景色 */
	padding: 10px;
}

tr:nth-child(even) th.ad1 {
	border-top: 1px solid #dcdcdc;
	background-color: #ffffff;
	/* 奇数行の背景色 */
	padding: 10px;
}

tr:nth-child(odd) td.ad2 {
	border-top: 1px solid #dcdcdc;
	background-color: #f4f4f4;
	/* 奇数行の背景色 */
	padding: 10px;
}

tr:nth-child(even) td.ad2 {
	border-top: 1px solid #dcdcdc;
	background-color: #ffffff;
	/* 奇数行の背景色 */
	padding: 10px;
}

/*-------------------------------
	フッター関連記事用
-------------------------------*/
.taboola-below {
	margin-top: 0;
	padding: 5px 0 5px 0;
}

/*-------------------------------
	デフォルト見出し
-------------------------------*/
.single-post .singleBox01 h2 {
	font-size: 1.1em !important;
	color: var(--clr-blue) !important;
	/*文字色*/
	margin: 0.5em 0;
	padding: 0.5em;
	border-top: solid 1px var(--clr-blue);
	/*上線*/
	border-bottom: solid 1px var(--clr-blue);
	/*下線*/
	font-weight: bold;
}

/*-------------------------------
	content-bootstrap　囲み
-------------------------------*/

/*囲みデザイン*/
.alert {
	padding: 1em 1em 1em 1.5em;
	margin: 2em 0;
	background: #FFFDEF;
	border: dashed 1px #F6BE59;
	/*点線*/
}

/*囲みデザイン-文字色*/
.alert,
.alert h4 {
	color: #000000
}

.alert h4 {
	margin: 0
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px
}

.alert-success {
	padding: 1em 1em 1em 1.5em;
	background-color: #F8FFEC;
	border: dashed 1px #7EBC67;
	/*点線*/
	color: #000000
}

.alert-success h4 {
	color: #000000
}

.alert-danger,
.alert-error {
	padding: 1em 1em 1em 1.5em;
	background-color: #FFF3F7;
	border: dashed 1px #E58694;
	/*点線*/
	color: #000000
}

.alert-danger h4,
.alert-error h4 {
	color: #b94a48
}

.alert-info {
	box-sizing: border-box;
	padding: 1em;
	background-color: #f0f7ff;
	border: dashed 1px #5b8bd0;
	/*点線*/
	color: #000000
}
.well {
	padding: 1em 1em 1em 1.5em;
	margin: 2em 0;
	background: #F0F0F0;
	border: dashed 1px #828381;
	/*点線*/
}

.well blockquote {
	padding: 1em 1.5em;
	border-color: #ddd;
	border-color: rgba(0, 0, 0, 0.15)
}

/*-------------------------------
	デフォルトリスト
-------------------------------*/
.listchev {
	margin-top: -10px !important;
	padding: 0px !important;
}

.listchev ul {
	margin: 0 !important;

	padding: 0.5em 1em 0.5em 2.3em !important;
	position: relative !important;
}

.listchev ul li {
	line-height: 1.5 !important;
	padding: 0.5em 0 !important;
	list-style-type: none !important;
}

.listchev ul li:before {
	font-family: FontAwesome !important;
	content: "\f138" !important;
	/*アイコンの種類*/
	position: absolute !important;
	left: 1em !important;
	/*左端からのアイコンまでの距離*/
	color: skyblue !important;
	/*アイコン色*/
}

/*-------------------------------
	ol リスト
-------------------------------*/
ol {
	padding: 0.5em;
	list-style-type: none;
}

ol li {
	position: relative;
	padding: 0em 0.3em 0em 1.3em;
}

ol li::before,
ol li::after {
	position: absolute;
	content: '';
	display: inline-block;
}

ol li::before {
	top: .5em;
	left: 0em;
	width: 16px;
	height: 16px;
	background-image: url(images/icon_arrow_water.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.gallery-item {
	margin: 0 !important;
}

.gallery-icon {
	margin: 2px !important;
	padding: 0 !important;
}

.gallery-icon img {
	border: none !important;
	height: 250px !important;
	object-fit: cover !important;
}

/*-------------------------------
	追加20200603
-------------------------------*/
.at-share-btn-elements {
	text-align: center;
}

/*-------------------------------
	追加20200623
-------------------------------*/
@media (max-width : 480px) {
	.fb_iframe_widget {
		display: block;
		margin-bottom: 2rem;
	}
}

/*-------------------------------
	メニュー下バナー
-------------------------------*/
.mobileAdBox {
	margin: 5px 0px -20px;
	height: 105px;
}
.single .mobileAdBox {
	margin: 5px 0 -5px;
}

.page .mobileAdBox,
.search .mobileAdBox {
	margin: 5px 0 0;
}

/*-------------------------------
	メニュー下バナー　アイモバイル
-------------------------------*/
.mobileAdBox_i {
	margin: 5px 0px -20px;
	height: 130px;
}
.single .mobileAdBox_i {
	margin: 5px 0 -5px;
}

.page .mobileAdBox_i,
.search .mobileAdBox_i {
	margin: 5px 0 0;
}



/*-------------------------------
	固定ページ
-------------------------------*/

.pageBox01 {
	margin-top: 10px !important;
	line-height: 2.0 !important;
	font-size: 1.16em;
}

.pageBox01 p {
	padding: 5px 0 5px 0;
}

.pageBox01 img {
	display: block;
	margin: 0 auto;
}

.pageBox01 iframe {
	width: 100%;
}

.pageBox01 {
	margin: -10px 0 0 0;
	line-height: 1.7;
	font-size: 1.16em;
}

.pageBox01 a:link {
	color: #237197;
	text-decoration: underline;
	text-decoration: none;
}

.pageBox01 a:visited {
	color: #237197;
	text-decoration: underline;
	text-decoration: none;
}

.pageBox01 a:hover {
	color: #419ac7;
	text-decoration: underline;
	text-decoration: none;
}

.pageBox01 blockquote {
	padding: 1.7em 1em;
	margin: 1.5em 0;
	border: 1px dotted #bbb;
	background-color: #f8f8f8;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pageBox01 h2 {
	font-size: 1.1em !important;
	color: var(--clr-blue) !important;
	/*文字色*/
	margin: 0.5em 0;
	padding: 0.5em;
	border-top: solid 1px var(--clr-blue);
	/*上線*/
	border-bottom: solid 1px var(--clr-blue);
	/*下線*/
	font-weight: bold;
}

/*-------------------------------
	記事下ad拡大
-------------------------------*/

@media screen and (max-width: 768px) {
	.fluid-box {
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		background-color: #ffffff;
		padding: 0px;
	}
}

a.itemTitle02 {
	display: block;
	transition-duration: 0.5s;
	color: #222222;
}

a:hover.itemTitle02 {
	background-color: #ffffff;
}

.itemTitle02In {
	font-size: 1.38em;
	display: block;
	width: 58%;
	float: right;
	padding: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

@media (max-width : 480px) {
	.itemTitle02In {
		padding: 0px 0px 0px 2px;
	}

	.centerDt02 {
		padding: 7px 0 5px 0;
	}

	.error02 {
		width: 96%;
	}

	.itemDate02 {
		font-size: 2.9vw;
	}
}

/*-------------------------------
	SNS共有
-------------------------------*/
.snsShareArea {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 10px;
}

.snsShareArea a {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	color: white !important;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.snsShareArea a span {
	background-size: 18px auto;
}

.btn--twitter {
	background: black;
}

.btn--twitter span {
	background: url(images/icon_x.png) no-repeat left center;
	padding-left: 24px;
}

.btn--facebook {
	background: #3b5998;
}

.btn--facebook span {
	background: url(images/icon_fb.png) no-repeat left center;
	padding-left: 24px;
}

.btn--line {
	background: #54bc4d;
}

.btn--line span {
	background: url(images/icon_line.png) no-repeat left center;
	padding-left: 24px;
}

@media (max-width : 480px) {
	.snsShareArea a {
		font-size: 0.8em;
		padding: 8px 5px;
	}

	.snsShareArea a span {
		background-size: 15px auto;
	}

	.btn--twitter span {
		padding-left: 20px;
	}

	.btn--facebook span {
		padding-left: 20px;
	}

	.btn--line span {
		padding-left: 20px;
	}
}

/*-------------------------------
	表組み
-------------------------------*/

.tablepress thead th,
.tablepress tbody td,
.tablepress tfoot th {
	border: solid 1px #C7E7FA !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.tablepress th {
	color: var(--clr-blue) !important;
}

.tablepress thead th {
	background-color: #ECF6FE !important;
	/*見出し行の背景色*/
}

@media (max-width : 480px) {

	.tablepress th,
	.tablepress td {
		font-size: 0.8em !important;
	}
}

/*-------------------------------
	編集者アイコン
-------------------------------*/
.fa-user {
	display: inline-block;
	position: relative;
	border-radius: 50%;
	background-color: #ffffff;
	border: 1px solid #2E2E2E;
	width: 1em;
	height: 1em;
	font-size: 12px;
	overflow: hidden;
	vertical-align: -5%;
}

.fa-user::before,
.fa-user::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	background-color: #2E2E2E;
	content: "";
}

.fa-user::before {
	top: 0.15em;
	width: 0.4em;
	height: 0.4em;
}

.fa-user::after {
	bottom: -0.4em;
	width: 0.8em;
	height: 0.8em;
}

@media (max-width : 480px) {
	.fa-user {
		font-size: 0.8em !important;
		vertical-align: -8%;
	}
}

/*-------------------------------
	SNS調整
-------------------------------*/

.instagram-media {
	max-width: 70% !important;
}

@media (max-width : 480px) {
	.instagram-media {
		max-width: 100% !important;
	}
}

.fb-video {
	max-width: 100% !important;
}

/*-------------------------------
	Jetpack統計カウンター表示
-------------------------------*/
.sideCounter ul li {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.sideCounter ul li .tit {
	width: 30%;
	background-color: #a7a7a7;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	padding: 4px;
}

.sideCounter ul li .num {
	width: 65%;
	text-align: left;
	font-weight: bold;
	margin-left: 5%;
}
/*-------------------------------
	パンくずリスト
-------------------------------*/
.breadcrumbs {
	margin: 10px 0 0 0 !important;
	padding: 10px 0 0 0 !important;
	border-top: solid 1px #B0B0B0 !important;
}

.breadcrumbs a {
	color: #419ac7 !important;
}

.breadcrumbs2 {
	font-size: 12px !important;
	margin: 5px 0 15px 0 !important;
	padding: 0 0 10px 0 !important;
	line-height: 1.5em !important;
	color: #999999 !important;
}

.breadcrumbs2 a {
	text-decoration: none;
	color: var(--clr-blue) !important;
}

@media (max-width: 480px) {
	.breadcrumbs2 {
		font-size: 2.9vw;
		line-height: 1.5em !important;
		margin-bottom: 5px !important;
	}
}

.breadcrumbs3 {
	font-size: 12px !important;
	line-height: 1.5em !important;
	color: #6D6D6D !important;
	margin-bottom: 5px;
}

.breadcrumbs3:not(:last-child) {
	position: relative;
}

.breadcrumbs3 a {
	text-decoration: none;
	color: #6D6D6D !important;
}

@media screen and (max-width:768px) {
	.breadcrumbs3 {
		display: flex;
		overflow-x: scroll;
		word-break: keep-all;
		white-space: nowrap;
	}

	.breadcrumbs3 span::-webkit-scrollbar {
		display: none;
	}
}

/*-------------------------------
	都道府県
-------------------------------*/
.prefhead {
	display: block;
	background-color: #f0f2f3;
}

.prefhead a {
	color: #727374 !important;
}

/*-------------------------------
	記事下レクタングルPC
-------------------------------*/
.pc_article_under {
	display: flex;
	display: -webkit-flex;
	/* Safari用 */
	justify-content: space-around;
	-webkit-justify-content: space-around;
	/* Safari用 */
	margin-top: 10px;
}

/*-------------------------------
	記事下最新newsリンク
-------------------------------*/
.latestnewslink {
	margin: 10px 0px !important;
	text-align: center !important;
}

.latestnewslinkbtn {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 3px;
	text-decoration: none !important;
	font-weight: bold;
	color: white !important;
	background-color: var(--clr-red);
	transition: .4s;
	margin-bottom: 5px !important;
}

.latestnewslinkbtn:hover {
	opacity: 0.5;
}


/*-------------------------------
	移転用
-------------------------------*/
.remove-box {
	display: flex;
	justify-content: space-between;
	padding: 50px 0 80px;
}

.remove-detail {
	width: 55%;
}

.remove-icon {
	width: 40%;
}

.remove-icon img {
	width: 100%;
}

.remove-detail .text {
	margin-top: 30px;
	font-weight: bold;
	line-height: 1.8;
	font-size: 24px;
}

.remove-detail .text a {
	color: #0081CC;
	text-decoration: none;
}

@media (max-width : 1080px) {
	.remove-box {
		padding: 50px 20px 100px;
	}
}

@media (max-width : 768px) {
	.remove-box {
		width: 80%;
		max-width: 400px;
		margin: 0 auto;
		padding: 40px 0 60px;
		display: block;
	}

	.remove-detail {
		width: 100%;
	}

	.remove-detail .tit {
		text-align: center;
	}

	.remove-icon {
		width: 100%;
	}

	.remove-detail .text {
		margin-top: 25px;
		line-height: 1.6;
		font-size: 18px;
	}

	.remove-icon {
		width: 100%;
		max-width: 250px;
		margin: 20px auto 0;
	}
}

/*-------------------------------
	タイトル付きリスト
-------------------------------*/

.list15 {
	margin: 2em 5px;
	padding: 1em;
	border: dashed 2px #76C3E6;
	border-radius: 8px;
	background: #ffffff;
}

.list15-title {
	position: relative;
	font-size: 1.3em;
	padding: 4px 0 4px 12px;
	color: #11479F;
	font-weight: bold;
	text-align: center;
}

.list15 ul,
.list15 ol {
	position: relative;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	color: #000000;
	border: none;
	list-style-type: none;
}

.list15 ol {
	counter-reset: number;
}

.list15 ul li,
.list15 ol li {
	line-height: 1.5;
	padding: 0.5em 0 0.5em 0;
	border-bottom: dashed 1px #76C3E6;
}

.list15 ul li:last-of-type,
.list15 ol li:last-of-type {
	border-bottom: none;
}

/*-------------------------------
	News Letter
-------------------------------*/
.newsletter-title01 {
	background-color: #11479F;
	padding: 10px;
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
}

.newsletter-form-list {
	margin-top: 20px;
}

.newsletter-form-list li {
	padding: 20px 15px;
}

.newsletter-form-list li .title {
	border-left: 7px solid #11479F;
	padding-left: 10px;
	font-weight: bold;
	line-height: 1.4;
}

.newsletter-form-list li .title .hissu {
	display: inline-block;
	background-color: #E51A19;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	border-radius: 3px;
	line-height: 1;
	margin-left: 10px;
}

.newsletter-form-list li .cont {
	margin-top: 10px;
}

.newsletter-form-list li .cont.input input {
	display: block;
	width: 100%;
	padding: 5px;
}

.newsletter-form-list li .cont.select select {
	display: block;
	width: 300px;
	padding: 8px;
}

.newsletter-form-list li .cont.radio {
	padding-left: 15px;
}

.newsletter-form-list li .cont.radio label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.newsletter-form-list li .cont.radio label input {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.newsletter-submit>input {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 20px auto 0;
	background-color: #E51A19;
	font-weight: bold;
	color: #fff;
	padding: 12px;
	border: none;
	border-radius: 4px;
}

@media (max-width : 768px) {
	.newsletter-block {
		margin-bottom: 60px;
	}

	.newsletter-form-list li .cont.select select {
		width: 100%;
	}
}

/*-------------------------------
	ranking　全国の地域ニュース:週間アクセスランキング
-------------------------------*/
.ranking {
	margin: 5px 0 30px 0 !important;
	border-bottom: 2px dashed skyblue;
}

.rankimg {
	position: relative;
}

.ranking-p {
	position: absolute;
	top: 0;
	/*画像の左上に配置*/
	left: 0;
	margin: 0;
	/*余計な隙間を除く*/
	color: white;
	/*文字を白に*/
	background: skyblue;
	/*背景色*/
	font-size: 15px;
	line-height: 1;
	/*行高は1に*/
	padding: 10px 10px 10px 10px !important;
}

.ranking-time {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	/*余計な隙間を除く*/
	color: white;
	/*文字を白に*/
	background: #AFAFAF;
	/*背景色*/
	font-size: 12px;
	line-height: 1;
	/*行高は1に*/
	padding: 10px 10px 10px 10px !important;
}


.ranking p {
	padding: 0 0 10px 0;
}

.ranking img {
	width: 100%;
}

.prefmark {
	padding: 5px !important;
	color: skyblue;
	border: 2px solid skyblue !important;
	border-radius: 10px;
}

/*-------------------------------
	関連記事
-------------------------------*/
.related {
	margin: 0;
	/*関連記事全体の余白*/
}

.related h2 {
	padding: 0 0 0 7px;
	/*ラベル装飾と文字間の余白*/
	border-left: solid 8px #6495ed;
	/*ラベルデザイン*/
	border-bottom: none;
	font-size: 19px;
	/*ラベル文字サイズ*/
	margin-bottom: 20px;
	/*ラベル下の余白*/
}

.related h2:before {
	content: none;
}

.related h2 {
	padding: 0 0 0 7px;
	/*ラベル装飾と文字間の余白*/
	border-left: solid 8px #6495ed;
	/*ラベルデザイン*/
	border-bottom: none;
	font-size: 19px;
	/*ラベル文字サイズ*/
	margin-bottom: 20px;
	/*ラベル下の余白*/
}

.related h2:before {
	content: none;
}

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

/*下線位置変更20241111*/
.related ul li {
	padding: 0.7rem 0 0.5rem;
	border-bottom: 0.5px solid #AAAAAA;
	margin: 0.5rem 0;
}

/*下線位置変更20241111*/
.related li a {
	color: #222;
	/*テキスト色*/
	line-height: 1.5em;
	/*テキスト行間*/
	flex: 1;
	text-decoration: none;
	display: block;
}

.related li a:hover {
	background-color: #eeeeee;
	/*マウスオーバー時の背景色*/
}

@media (min-width: 481px) {
	.related ul {
		display: grid;
		grid-template-columns: repeat(4, 24.8%);
		gap: 0.2%;
	}
	.related li {
		display: block;
		padding: 0 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.related li .thumb {
		margin-bottom: 5px;
	}
	.related li .thumb>img {
		display: block;
		height: 136px;
		object-fit: cover;
		border-radius: 10px;
	}

	.related li .text {
		margin-left: 5px;
		/*テキストの余白*/
		margin-top: 10px;
		font-size: 15px;
		/*テキスト文字サイズ*/
	}
}

@media (max-width: 480px) {
	.related {
		padding: 10px 0;
	}

	.related li .thumb {
		width: 42%;
		/*サムネイル画像の大きさ調節*/
		height: auto;
		float: left;
		margin-right: 10px;
		/*サムネイル画像の余白*/

	}

	.related li .thumb>img {
		border-radius: 10px;
	}

	.related li .text {
		margin-top: 1px;
		font-weight: bold;
		font-size: 15px;
		line-height: 1.5;
	}

	.related li a:after {
		content: "";
		display: block;
		clear: both;
	}
}

/*-------------------------------
	メルマガフォーム
-------------------------------*/
.mailform {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	width: 85%;
	margin: 20px auto 20px;
	padding: 20px;
	text-align: center;
	border: 1px solid #B0B0B0;
}

.mailform input {
	font-family: "Roboto", sans-serif;
	outline: 0;
	background: #f2f2f2;
	width: 90%;
	border: 0;
	margin: 0 0 15px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}

.mailform .button {
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	outline: 0;
	background: #4CAF50 !important;
	width: 40%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
}

.mailform button:hover,
.form button:active,
.form button:focus {
	background: #43A047;
}

.mailform .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 12px;
}

.mailform .message a {
	color: #4CAF50;
	text-decoration: none;
}

.mailform .register-form {
	display: none;
}

.normal-box2 {
	color: var(--clr-red);
	margin: 1em 0;
	padding: 1em;
	border-radius: 10px;
}

.normal-box2 p {
	margin: 0;
	padding: 0;
}

/*-------------------------------
	tiktok埋め込み
-------------------------------*/
.tiktok-embed {
	background-color: #ffffff !important;
	margin: 0px auto !important;
	padding: 0px !important;
}

.tiktok-embed::before {
	position: absolute !important;
	content: none !important;
}

.tiktok-embed::after {
	position: absolute !important;
	content: none !important;
}

/*-------------------------------
	スマホ改行
-------------------------------*/
@media screen and (min-width: 768px) {
	.br-sp {
		display: none;
	}
}

/*-------------------------------
	前の記事次の記事
-------------------------------*/
.prevnext {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

.prevnext a {
	display: inline-block;
	text-decoration: none !important;
	padding-top: 5px;
	padding-bottom: 5px;
}

.prevnext .back,
.prevnext .prev,
.prevnext .next {
	display: flex;
	justify-content: center;
	align-items: center;
}

.prevnext .back {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.prevnext .prev a {
	position: relative;
	padding-left: 20px;
}

.prevnext .prev a::before {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--clr-blue);
	border-left: 1px solid var(--clr-blue);
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%) rotate(-45deg);
}

.prevnext .next a {
	position: relative;
	padding-right: 20px;
}

.prevnext .next a::before {
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-bottom: 1px solid var(--clr-blue);
	border-right: 1px solid var(--clr-blue);
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%) rotate(-45deg);
}


/*-------------------------------
	求人ボックスpostsnippets表示枠
-------------------------------*/

.jobboxps {
	border: 1px solid var(--clr-blue);
	margin: 0 auto;
	border-radius: 10px;
	/* 角を丸くする */
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

/* ヘッダー */
.jobboxps .header {
	border: 1px solid var(--clr-blue);
	height: 2.5em;
	text-align: center;
	border-top-left-radius: 8px;
	/* 左上の角を丸くする */
	border-top-right-radius: 8px;
	/* 右上の角を丸くする */
}

.jobboxps .header .title {
	float: left;
	font-size: 1.3em;
	color: #FFFFFF;
	padding-left: 0.8em;
}

.jobboxps .header .subtitle {
	float: inline-end;
	font-size: 0.8em;
	color: #fffafa;
	padding: 0.8em 0.5em 0 0;
}

.jobboxps .header .subtitle .sponsored-link {
	color: #fffafa;
	/* 文字色を白に保つ */
	text-decoration: underline;
	/* 下線を追加 */
}

/* 求人本体 */
.jobboxps .body {
	padding: 1em;
	text-align: left;
	font-size: 0.9em;
	position: relative;
	border-bottom: 1px solid transparent;
	/* 初期状態で透明なボーダーを設定 */
}

/* ブレークポイント768px以上のデバイスでのホバー効果 */
@media screen and (min-width: 768px) {
	.jobboxps .body:hover {
		/* background: rgba(255, 192, 203, 0.2); ホバー時背景色 */
		background: rgba(20, 123, 233, 0.05);
		/* ホバー時背景色 */
	}
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}

.jobboxps .body .title {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5;
	color: var(--clr-blue);
	padding: 0;
}

.jobboxps .body .company {
	color: #808080;
	padding: 0;
}

.jobboxps .body .jt {
	padding: 0;
	position: relative;
	/* 位置の調整のために追加 */
}

.jobboxps .body .jobarea {
	padding: 0;
	position: relative;
	/* 位置の調整のために追加 */
}

.jobboxps .body .linkmark {
	float: right;
	padding: 0 0.5em;
	position: relative;
	/* 位置の調整のために追加 */
	background-image: url('images/jobboxpsbutton.png');
	background-size: contain;
	/* 画像がspan要素に収まるように調整 */
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	/* 画像の幅 */
	height: 30px;
	/* 画像の高さ */
}

/* 以下求人マップアイコン表示 */
.jobboxps .body .pin-fill {
	display: inline-block;
	vertical-align: middle;
	color: var(--clr-blue);
	line-height: 1;
	position: relative;
	margin-right: 0.5em;
	width: 0.8em;
	height: 0.8em;
	background: currentColor;
	border: 0.1em solid currentColor;
	border-radius: 40% 60% 0% 100% / 40% 100% 0% 60%;
	box-sizing: content-box;
	transform: rotate(45deg);
}

.jobboxps .body .pin-fill::before {
	content: '';
	position: absolute;
	top: 18%;
	left: 18%;
	width: 0.336em;
	height: 0.336em;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
}

/* 以下求人カバンアイコン表示 */
.jobboxps .body .suitcaseicon {
	display: inline-block;
	color: var(--clr-blue);
	position: relative;
	margin-right: 0.5em;
	margin-top: 6px;
	width: 15px;
	height: 10px;
	border-radius: 2px;
	border: solid 1px currentColor;
	background-color: currentColor;
}

.jobboxps .body .suitcaseicon:before {
	content: '';
	position: absolute;
	left: 4px;
	top: -3px;
	width: 5px;
	height: 2px;
	border-radius: 3px 3px 0 0;
	border-top: solid 1px currentColor;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
}

.jobboxps .body .suitcaseicon:after {
	content: '';
	position: absolute;
	left: 3px;
	width: 7px;
	height: 10px;
	color: white;
	border-left: solid 1px currentColor;
	border-right: solid 1px currentColor;
}

/* 以下求人￥アイコン表示 */
.jobboxps .body .currency-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: var(--clr-blue);
	/* 円の色 */
	border-radius: 50%;
	/* 円形を作成 */
	position: relative;
	margin-right: 0.5em;
	text-align: center;
	/* 中央揃え */
	line-height: 0.8em;
	/* 垂直中央揃え */
}

.jobboxps .body .currency-icon .yen-symbol {
	color: white;
	/* 文字の色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-46%, -46%);
	/* 中央に配置 */
	font-size: 0.9em;
	/* 文字のサイズ */
}

/*********************
***** 求人情報 ********
**********************/
.job-information-block * {
	box-sizing: border-box;
}

.job-information-block {
	--job-info-color: var(--clr-blue);
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.job-information-header {
	width: 100%;
	background-color: var(--job-info-color);
	padding: 10px 10px;
	line-height: 1.2;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 10px;
}

.job-information-title {
	font-size: 18px;
}

.job-information-sub {
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: right;
	text-decoration: none;
}

a.job-information-sub:link,
a.job-information-sub:visited {
	color: #fff;
	text-decoration: none;
}

.job-information-search-box {
	width: 100%;
	margin-top: 20px;
}

.job-information-search-box input {
	display: block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 8px 10px 8px 25px;
	position: relative;
}

.job-information-search-box .area-block {
	position: relative;
}

.job-information-search-box .area-block .icon {
	width: 14px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

.job-information-search-box .area-block input {
	width: 100%;
}

.job-information-search-box .keyword-block {
	margin-top: 10px;
	display: grid;
	grid-template-columns: 1fr 100px;
	column-gap: 10px;
	position: relative;
}

.job-information-search-box .keyword-block .job-information-search-submit {
	display: grid;
	place-content: center;
	text-align: center;
	background-color: var(--job-info-color);
	border-radius: 3px;
	padding: 8px 10px 8px 10px;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
	cursor: pointer;
	border: none;
	transition: .3s;
}

.job-information-search-box .keyword-block .job-information-search-submit:hover {
	filter: brightness(1.2);
}

.job-information-search-box .keyword-block .icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

.job-information-category {
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}

.job-information-category .tit {
	background-color: var(--job-info-color);
	border: 1px solid var(--job-info-color);
	color: #fff;
	padding: 7px 10px;
	line-height: 1;
	text-align: center;
}

.job-information-category a {
	flex-grow: 0;
	padding: 7px 10px;
	line-height: 1;
	border: 1px solid var(--job-info-color);
	text-decoration: none;
	text-align: center;
}

.job-information-list-box {
	margin-top: 10px;
	padding: 10px;
	background-color: #F2F2F2;
}

.job-information-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.job-information-list li {
	position: relative;
}

.job-information-list li a {
	display: block;
	text-decoration: none;
	padding: 7px 7px 5px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.job-information-list li a:hover {
	color: #222;
}

.job-information-list li .arrow {
	position: absolute;
	bottom: 15px;
	right: 5px;
}
.job-information-list li a .title-box {
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 3px;
}

.job-information-list li a .title-box .icon-title {
	transform: translateY(2px);
}

.job-information-list li a .title-box .title {
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	line-height: 1.2;
}

.job-information-list li a .destination {
	color: #6c6c6c;
	margin-top: 5px;
}

.job-information-list li a .wages {
	margin-top: 10px;
	font-size: 1.125em;
}
.job-information-list li a .wages img {
	width: 14px;
	height: 14px;
}

.salary img,
.place img,
.employment img {
	width: 14px;
	height: 14px;
}

.job-information-list li a .under-detail {
	display: flex;
	flex-direction: start;
	column-gap: 5px;
}

.job-information-list li a .detail {
	margin-top: 5px;
}

.job-information-list li a .detail img {
	width: 14px;
	height: 14px;
}
.job-information-list li a .wages,
.job-information-list li a .location,
.job-information-list li a .status {
	font-size: 13px;
	padding-left: 17px;
	position: relative;
}

.job-information-list li a .wages::after,
.job-information-list li a .location::after,
.job-information-list li a .status::after {
	content: '.';
	display: inline-block;
	width: 0;
	color: transparent;
	opacity: 0;
	pointer-events: none;
}

.job-information-list li a .wages .icon,
.job-information-list li a .location .icon,
.job-information-list li a .status .icon {
	position: absolute;
	top: 3px;
	left: 0;
}


.job-information-list li a .under-block {
	display: grid;
	grid-template-columns: 1fr 75px;
	align-content: end;
	gap: 5px;
	position: relative;
}

.job-information-list li a .detail-btn {
	width: 75px;
	height: 36px;
	display: grid;
	place-items: center;
	background-color: var(--job-info-color);
	text-align: center;
	border-radius: 3px;
	color: #fff;
	line-height: 1;
	margin-top: auto;
	margin-bottom: 2px;
	position: absolute;
	bottom: 0;
	right: 3px;
	font-weight: bold;
}

.job-information-list li .tracking {
	position: absolute;
	width: 1px;
	height: 1px;
}

#job-information-list-open {
	text-align: center;
	color: var(--job-info-color);
	padding: 15px 15px;
	cursor: pointer;
	font-size: 16pt;
	font-weight: bold;
}

#job-information-list-open:after {
	display: inline;
	content: '▼';
}

#job-information-list-open.active {
	display: none;
}
@media screen and (max-width: 768px) {
	.job-information-block {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}

	.job-information-search-box {
		padding-left: 15px;
		padding-right: 15px;
	}

	.job-information-category {
		padding-left: 15px;
		padding-right: 15px;
	}

	.job-information-list li a .title-box .title {
		font-size: 1.3em;
	}

	.job-information-list li a .title-box .icon-title {
		transform: translateY(0px);
	}

	.job-information-list li a .under-detail div:nth-child(1) {
		width: 45%;
	}

	.job-information-list li a .under-detail div:nth-child(2) {
		width: 54.5%;
	}
}

@media screen and (max-width: 480px) {
	.job-information-block {
		margin-top: 10px;
	}
	.job-information-title {
		font-size: 16px;
	}

	.job-information-sub {
		font-size: 12px;
		text-decoration: none;
	}

	.job-information-search-box {
		margin-top: 10px;
	}
	.job-information-list li a .title {
		font-size: 18px;
	}

	.job-information-list li a .detail {
		margin-top: 3px;
	}
}

/*********************
プライバシーポリシー
**********************/

.aboutBox h3 {
	font-weight: bold;
	border-bottom: 1px dotted #AAA;
	padding: 0 0 4px 20px;
	margin-top: 25px;
	position: relative;
	/*相対位置*/
	display: block;
	padding-left: 1.5em;
	/*アイコン分のスペース*/
	line-height: 1.4;
	/*行高*/
	color: black;
	/*文字色*/
}

.aboutBox h3:before {
	position: absolute;
	top: 0.3em;
	left: 0;
	display: block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	background: skyblue;
	content: "";
}

.aboutBox a {
	word-break: break-all;
}


/*********************
求人バナー関係
**********************/
.jobbanner {
	box-sizing: border-box !important;
	display: flex !important;
	width: 300px !important;
	height: 250px !important;
	margin: 0;
	font-size: 45px;
	font-weight: bold;
	border: solid 2px var(--clr-blue);
	color: var(--clr-blue);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background: repeating-linear-gradient(-45deg,
			#dbf1f9,
			#dbf1f9 2px,
			#fff 0,
			#fff 4px);
	padding: 15px;
	text-decoration: none !important;
}

.jobbanner .inner {
	box-sizing: border-box !important;
	width: 100%;
	height: 100%;
	padding: 10px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: var(--clr-blue);
	overflow-wrap: break-word !important;
	word-break: break-all !important;
}

.jobtext-container {
	overflow: hidden;
	line-height: 1.2;
	color: var(--clr-blue);
	text-align: center;
	padding: 0;
	margin: 0;
}

/*********************
アドセンスレクタングル
**********************/
.adsense-rectangle ins.adsbygoogle {
	text-align: center;
	margin: 10px auto;
}

/*********************
番号リスト
**********************/

ol.number {
	list-style: none;
	counter-reset: number;
}

.number li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 1.2em;
}

.number li::before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 8px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	border-radius: 50%;
	font-size: 10px;
	text-align: center;
	line-height: 1.2;
	transform: initial;
}

.number li::after {
	background-color: initial;
}

/*-------------------------------
    中央寄せ
-------------------------------*/
.fb_iframe_widget {
	display: block !important;
}

.singleBox01 .fb_iframe_widget span {
	display: block !important;
	margin-inline: auto !important;
}

.singleBox01 .fb_iframe_widget span {
	display: block !important;
	margin-inline: auto !important;
}

.singleBox01 .wp-caption {
	margin-inline: auto !important;
}

.twitter-tweet-rendered {
	margin-left: auto !important;
	margin-right: auto !important;
}

.instagram-media-rendered {
	margin-left: auto !important;
	margin-right: auto !important;
}

/*-------------------------------
   画像を明るく
-------------------------------*/
.wp-post-image {
	filter: hue-rotate(-5deg) brightness(1.03) saturate(108%);
}

article img {
	filter: hue-rotate(-5deg) brightness(1.03) saturate(108%);
}

/* カテゴリー cat_ad の投稿ページ & カテゴリー一覧ページでフィルター無効化 */
body.category-cat_ad .wp-post-image,
body.category-cat_ad .post-thumbnail .wp-post-image,
body.category-cat_ad article img {
	filter: none;
}

/* カテゴリー p_cat_ad の投稿ページ & カテゴリー一覧ページでフィルター無効化 */
body.category-p_cat_ad .wp-post-image,
body.category-p_cat_ad .post-thumbnail .wp-post-image,
body.category-p_cat_ad article img {
	filter: none;
}

/* カテゴリー p_cat_ad 一覧ページでフィルター無効化 */
.sync-ad_line2 {
	filter: none;
}

/* カテゴリー p_cat_ad記事下でフィルター無効化 */
.adlinefoot {
	filter: none;
}

/*-------------------------------
	ブログカード
-------------------------------*/
.blog-card {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 5px;
	padding: 30px 15px 15px 15px;
	border: 1px solid #FECD50;
	border-radius: 3px;
	position: relative;
}

.blog-card::before {
	position: absolute;
	display: block;
	content: 'あわせて読みたい';
	background-color: #FECD50;
	font-size: 11px;
	padding: 2px 5px 3px;
	color: #fff;
	font-weight: bold;
	top: 0;
	left: 5px;
	line-height: 1.4;
}

.blog-card:after {
	content: "";
	display: block;
	clear: both;
}

.blog-card-thumbnail {
	float: left;
	margin-right: 15px;
}

.blog-card-thumbnail img {
	object-fit: cover;
	width: 150px;
}

.blog-card-title {
	line-height: 1.4;
	margin: 0 0 0.25em;
	padding: 0;
	color: #333;
	font-size: 1.2rem;
	font-weight: 800;
}

.blog-card-title a {
	color: #2c3338 !important;
	text-decoration: none;
}

.blog-card-title a:hover {
	text-decoration: underline !important;
}

.blog-card-title a:visited {
	color: #444;
}

.blog-card-footer {
	margin-top: 0.25em
}

.blog-card-excerpt {
	color: #8c8f94 !important;
	font-size: 1rem;
	line-height: 1.6;
	/* 読みやすさを調整するために行間を設定 */
}


/*-------------------------------
   Xフォローボタン
-------------------------------*/

.follow-x-button {
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color: #000;
	color: #fff !important;
	padding: 10px 0;
	border-radius: 12px;
	margin-bottom: 10px;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 14px;
	box-sizing: border-box;
}

.follow-x-button span {
	color: #fff !important;
}

.follow-x-button .x-logo {
	font-size: 18px;
}

.follow-x-button .text-pc {
	display: none;
}

.follow-x-button .text-sp {
	display: inline;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.follow-x-button .text-pc {
		display: block;
	}

	.follow-x-button .text-sp {
		display: none;
	}
}

.follow-x-button:hover {
	opacity: 0.85;
}

/*-------------------------------
	lifull-bottom.php
-------------------------------*/

.lifullbottom {
  --lifull-main-color: #e64b09;
  --lifull-apartment-color: var(--lifull-main-color);
  --lifull-house-color: #00a157;
  --lifull-rent-color: #007cff;
  --lifull-background-color: #fcf0e6;
  --lifull-text-color: #222;
  .title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--lifull-main-color);
    color: white;
    padding: 0.4em 0;
    line-height: 1.4;
    .title {
      padding-left: 1em;
      font-size: 1.25em;
      color: white;
    }
    .pwby {
      text-decoration: none;
      padding-right: 2em;
      color: white;
    }
  }
  .inner-list {
    background: var(--lifull-background-color);
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    .realestatepanel:link {
      text-decoration: none;
      color: var(--lifull-text-color);
    }
    .realestatepanel:hover {
      text-decoration: none;
      color: var(--lifull-text-color);
    }
    .realestatepanel.apartment {
      --lifull-type-color: var(--lifull-apartment-color);
    }
    .realestatepanel.house {
      --lifull-type-color: var(--lifull-house-color);
    }
    .realestatepanel.rent {
      --lifull-type-color: var(--lifull-rent-color);
    }
    .realestatepanel {
      border: 1px solid #e4e5e5;
      cursor: pointer;
      display: grid;
      background: white;
      grid-template:
        "photo title title" auto
        "photo place place" auto
        "photo price detail" auto
        / 100px 1fr 85px;
      .realestate-photo {
        grid-area: photo;
        margin-right: 10px;
        min-height: 100px;
        align-self: center;
        display: grid;
        place-content: center;
      }
      .realestate-title {
        grid-area: title;
        font-size: 1.3em;
        font-weight: bold;
        align-self: center;
        padding-top: 0.5em;
        padding-right: 0.5em;
        .type-badge {
          display: block!important;
          color: white;
          border: 2px solid var(--lifull-type-color);
          background: var(--lifull-type-color);
          border-radius: 3px;
          font-size: 0.7em;
          display: inline-block;
          text-align: center;
          line-height: 1;
          vertical-align: middle;
          width: 70px;
          padding: 0.18em 0 0.12em;
          margin-right: 0.3em;
          margin-bottom: 0.3em;
        }
      }
      .realestate-place {
        grid-area: place;
        color: var(--lifull-text-color);
        align-self: center;
        padding-right: 0.7em;
      }
      .realestate-plan {
        grid-area: plan;
        color: var(--lifull-text-color);
        display: grid;
        align-content: center;
      }
      .realestate-price {
        grid-area: price;
        color: var(--lifull-type-color);
        font-size: 1.6em;
        font-weight: bold;
        display: grid;
        align-content: center;
        /*padding-top: 0.3em;*/
        padding-bottom: 0.3em;
      }
      .realestate-go {
        grid-area: detail;
        display: grid;
        place-content: end;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        .detail-btn {
          display: flex;
          justify-content: center;
          align-items: center;
          /*display: grid;
          place-content: center;*/
          font-weight: bold;
          color: white;
          line-height: 1;
          background: var(--lifull-type-color);
          border-radius: 3px;
          width: 70px;
          height: 23px;
          /*width: 75px;
          height: 28px;*/
          margin-right: 10px;
          margin-bottom: 5px;
          font-size: 0.9em;
        }
      }
    }
  }
  .realestate-seemore {
    /*display: grid;
    place-content: center;*/
    .seemore-lead {
      text-align: center;
      color: var(--lifull-text-color);
      font-size: larger;
      font-weight: bold;
      margin: -0.2em auto 0.3em;
      /*margin: 0.2em auto;*/
      line-height: 1.4;
    }
    .seemore-buttons {
      width: 100%;
      max-width: 500px;
      margin-inline: auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.5em;
      .seemore {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        color: white;
        padding: 4px 10px 5px;
        column-gap: 5px;
        background: var(--lifull-main-color);
      }
      .seemore:link {
        text-decoration: none;
      }
      .seemore:hover {
        text-decoration: none;
      }
      .icon-arrow {
        filter: blur(0.2px);
      }
      .seemore.apartment {
        background: var(--lifull-apartment-color);
        .icon-arrow {
          fill: var(--lifull-apartment-color);
        }
      }
      .seemore.house {
        background: var(--lifull-house-color);
        .icon-arrow {
          fill: var(--lifull-house-color);
        }
      }
      .seemore.rent {
        background: var(--lifull-rent-color);
        .icon-arrow {
          fill: var(--lifull-rent-color);
        }
      }
    }
  }
  .realestate-note {
    text-align: center;
  }
}
@media (max-width : 768px) {
  .lifullbottom {
    .title-bar {
      flex-wrap: wrap;
      justify-content: center;
      padding: 0.5em 1em;

      .title {
        font-size: 1.3em;
        line-height: 1.4;
        padding: 0;
        margin-right: 10px;
      }
      .pwby {
        padding: 0;
        text-decoration: none;
      }
    }
    .inner-list {
      .realestatepanel {
        .realestate-title {
          .type-badge {
            font-size: 0.75em;
            width: 70px;
            padding: 0.18em 0 0.12em;
          }
        }
        .realestate-go {
          .detail-btn {
            font-size: 1em;
          }
        }
      }
    }
    .realestate-seemore {
      .seemore-buttons {
        grid-template-columns: 26% 1fr 34%;
        gap: 0.5em;
        .seemore {
          flex: 0 0 auto;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 3px;
          color: white;
          padding: 4px 6px 5px;
          column-gap: 5px;
          background: var(--lifull-main-color);
        }
      }
    }
  }
}