@charset "utf-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
リセット
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
html {
	font-size: calc(100vw / 48);
}
@media screen and (min-width: 321px) and (max-width: 414px) {
	html {
		font-size: calc(100vw / 40);
	}
}
@media screen and (min-width: 415px) and (max-width: 640px) {
	html {
		font-size: calc(100vw / 48);
	}
}
@media screen and (min-width: 641px) and (max-width: 959px) {
	html {
		font-size: calc(100vw / 96);
	}
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
	html {
		font-size: calc(100vw / 112);
	}
}
@media only screen and (min-width: 1280px) {
	html {
		font-size: 10px;
	}
}

html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	min-width: 100%;
	-webkit-text-size-adjust: 100%;
	overscroll-behavior: none;
}

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	table-layout: auto;
	list-style-type: none;
	letter-spacing: 1px;
	table-layout: auto;
	vertical-align: baseline;
}
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	box-sizing: border-box;
}
a,
div,
article,
aside,
details,
figcaption,
figure,
ul,
li,
dl,
dt,
dd,
footer,
header,
main,
menu,
nav,
section,
form,
input {
	box-sizing: border-box;
}

iframe {
	vertical-align: bottom;
}
address {
	font-style: normal;
}

.the_text {
	line-height: 2;
}
.the_text a:hover img {
	opacity: 0.7;
}
.the_link:hover {
	opacity: 0.8;
	text-decoration: none;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
フォント設定
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
h1 {
	font-size: 3.2rem;
}
h2 {
	font-size: 2.4rem;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.8rem;
}
h5 {
	font-size: 1.6rem;
}
h6 {
	font-size: 1.6rem;
}
p,
li {
	font-size: 1.6rem;
}

small {
	font-size: 1.2rem;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
aタグ設定
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
a {
	text-decoration: none;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
imgタグ設定
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
img {
	-ms-interpolation-mode: bicubic;
}
/* .cf {
  *zoom: 1;
} */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

/*画像調整
////////////////////////////////////*/
/*四角人トリミング*/
.imgwrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*枠に収める（余白あり）*/
.imgsurround_on img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/*枠に収める（余白なし）*/
.imgsurround_off img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* IE用挙動 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.imgwrap {
		overflow: hidden;
	}
	.imgwrap img {
		height: 100%;
	}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
投稿記事編集
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#tinymce {
	background: #fff;
	min-width: 100%;
	color: #000;
}
/* Alignments */
.alignleft {
	display: inline;
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright {
	display: inline;
	float: right;
	margin: 10px 0px 10px 10px;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*hr 設定*/
hr {
	background-color: #dbd5dc;
	border: 0;
	height: 1px;
	margin: 0;
	box-sizing: border-box;
}
/*引用*/
blockquote {
	position: relative;
	margin: 24px 0;
	padding: 16px;
	border: 1px solid #d7d7d7;
	background-color: #f6f6f6;
	z-index: 1;
}
blockquote p {
	position: relative;
	padding: 0;
	z-index: 3;
}
blockquote:before {
	content: "“";
	font-size: 8rem;
	line-height: 1;
	font-family: "Roboto Slab", Garamond, "Times New Roman", serif;
	color: #c8c8c8;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 2;
}
blockquote:after {
	content: "”";
	font-size: 8rem;
	line-height: 0;
	font-family: "Roboto Slab", Garamond, "Times New Roman", serif;
	color: #c8c8c8;
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 2;
}
/*WordPressの記事に埋め込んだ要素（oEmbed）の表示崩れを修正する*/
/* iframe.wp-embedded-content {
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
} */

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
コンテンツの本文
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.the_text {
	word-break: break-all;
}
.the_text a {
	text-decoration: underline;
}
.the_text a:hover {
	opacity: 0.8;
}
/*hタグ設定*/
.the_text h1,
.the_text h2,
.jbg_block .the_text h1,
.jbg_block .the_text h2 {
	margin: 8.75vw 0 3.75vw;
}
.the_text h3,
.jbg_block .the_text h3 {
	margin: 7.5vw 0 3.75vw;
}
.the_text h4,
.jbg_block .the_text h4 {
	margin: 6.25vw 0 3.75vw;
}
.the_text h5,
.the_text h6,
.jbg_block .the_text h5,
.jbg_block .the_text h6 {
	margin: 3.75vw 0;
}
/*タグ設定*/
.the_text p,
.jbg_block .the_text p {
	padding: 0 0 0 0vw;
	margin: 3.75vw 0;
}
/*リスト設定*/
.the_text ul,
.the_text ol,
.jbg_block .the_text ul,
.jbg_block .the_text ol {
	padding: 0 0 0 3.75vw;
	margin: 3.75vw 0 3.75vw 3.75vw;
}
/*クラシックエディターの画像のPタグ制御*/
.the_text p.offset {
	padding: 0;
}

/*===============================
CSS表示非表示
===============================*/
.WSP .sp {
	display: initial;
}
.WSP .pc {
	display: none;
}

/*WTT*/
@media screen and (min-width: 641px) and (max-width: 959px) {
	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
コンテンツの本文
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	/*hタグ設定*/
	/*タグ設定*/
	/*リスト設定*/
	/*===============================
  CSS表示非表示
  ===============================*/
	.WTT .sp {
		display: initial;
	}
	.WTT .pc {
		display: none;
	}
}
/*WT*/
@media screen and (min-width: 960px) and (max-width: 1279px) {
	/*hタグ設定*/
	.the_text h1,
	.the_text h2,
	.jbg_block .the_text h1,
	.jbg_block .the_text h2 {
		margin: 56px 0 24px;
	}
	.the_text h3,
	.jbg_block .the_text h3 {
		margin: 48px 0 24px;
	}
	.the_text h4,
	.jbg_block .the_text h4 {
		margin: 40px 0 24px;
	}
	.the_text h5,
	.the_text h6,
	.jbg_block .the_text h5,
	.jbg_block .the_text h6 {
		margin: 24px 0;
	}
	/*Pタグ設定*/
	.the_text p,
	.jbg_block .the_text p {
		padding: 0 0 0 24px;
		margin: 24px 0;
	}
	.the_text ul,
	.the_text ol,
	.jbg_block .the_text ul,
	.jbg_block .the_text ol {
		padding: 0 0 0 24px;
		margin: 24px 0 24px 24px;
	}
	/*===============================
  CSS表示非表示
  ===============================*/
	.WT .sp {
		display: none;
	}
	.WT .pc {
		display: initial;
	}
}
/*WPC*/
@media only screen and (min-width: 1280px) {
	/*hタグ設定*/
	.the_text h1,
	.the_text h2,
	.jbg_block .the_text h1,
	.jbg_block .the_text h2 {
		margin: 56px 0 24px;
	}
	.the_text h3,
	.jbg_block .the_text h3 {
		margin: 48px 0 24px;
	}
	.the_text h4,
	.jbg_block .the_text h4 {
		margin: 40px 0 24px;
	}
	.the_text h5,
	.the_text h6,
	.jbg_block .the_text h5,
	.jbg_block .the_text h6 {
		margin: 24px 0;
	}
	/*Pタグ設定*/
	.the_text p,
	.jbg_block .the_text p {
		padding: 0 0 0 24px;
		margin: 24px 0;
	}
	.the_text ul,
	.the_text ol,
	.jbg_block .the_text ul,
	.jbg_block .the_text ol {
		padding: 0 0 0 24px;
		margin: 24px 0 24px 24px;
	}
	/*===============================
  CSS表示非表示
  ===============================*/
	.WPC .sp {
		display: none;
	}
	.WPC .pc {
		display: initial;
	}
}

/*Jet-Blocksのリセット
====================================*/
.the_text .jb_style h1,
.the_text .jb_style h2,
.the_text .jb_style h3,
.the_text .jb_style h4,
.the_text .jb_style h5,
.the_text .jb_style h6,
.the_text .jb_style p,
.the_text .jb_style ul,
.the_text .jb_style ol {
	padding: initial;
	margin: initial;
	/* line-height: initial; */
}

/* ローディング画面
====================================*/
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	z-index: 10000;
}
#loading .anime_box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#loading.loaded {
	opacity: 0;
	visibility: hidden;
	z-index: -100;
}

/*====================================
ローディングアニメーション１
====================================*/
#loading .load_animation1 {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

/*====================================
ローディングアニメーション２
====================================*/
#loading .load_animation2,
#loading .load_animation2:before,
#loading .load_animation2:after {
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
#loading .load_animation2 {
	text-indent: -9999em;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
#loading .load_animation2:before,
#loading .load_animation2:after {
	position: absolute;
	top: 0;
	content: "";
}
#loading .load_animation2:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
#loading .load_animation2:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}

/*====================================
ローディングアニメーション3
====================================*/
#loading .load_animation3 {
	font-size: 20px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}
@keyframes load4 {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}