@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}
/*-------------- style = pretty -------------------------*/

.faq-pretty{
	width: 100%;
	margin: 0;
}
.faq-pretty ul{
	margin-top: 15px;
	list-style: none;
	margin-left: 0;
	padding: 0;
}
.faq-pretty .faq-item{
	margin-bottom: 10px;
	list-style: none;
	margin-left: 0;
}
.faq-pretty .faq-question{
	padding: 10px 10px 10px 40px;
	background: #FFF url(//jpculture.jp/wp-content/plugins/flexible-faq/images/faq-bg.png) no-repeat left center;
	border: 1px solid #004082;
	cursor: pointer;
	font-size: 14px;
	color: #004082;
	font-weight: bold;
}
.faq-pretty .faq-item.highlight .faq-question{
	background: #fff url(//jpculture.jp/wp-content/plugins/flexible-faq/images/faq-bg-hover.png) no-repeat left center;
	border: 1px solid #cc0066;	
	border-bottom: 0px;
	color: #cc0066;
}
.faq-pretty .faq-answer{
	padding: 5px 10px 5px 10px;
	background: #fff;
	margin-left: 30px;
	border: 1px solid #cc0066;
	border-top: 0px;
}
.faq-pretty .faq-answer p:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

/*-------------- style = list -------------------------*/

ul.faq-list-question{
	margin-bottom: 20px;
	list-style: decimal;
	padding-left: 15px;
}
ul.faq-list-answer{
	list-style: decimal;
	padding-left: 15px;
}
ul.faq-list-answer li{
	margin-bottom: 15px;
}

/*-------------- style = block -------------------------*/

#faq-block{
	width: 100%;
	margin: 0;
}
#faq-block ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#faq-block .faq-block-item{
	background: #f5f5f5;
	padding: 10px;
	margin-bottom: 10px;
}
#faq-block .faq-block-item .faq-block-question{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}
#faq-block .faq-block-item .faq-block-answer p:last-child{
	margin-bottom: 0;
}/* CSS for Japanese Font for TinyMCE. Version 3.5-beta1*/
@font-face {
  font-family: esenapaj;
  src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@097f6373c8d24abad960ab5ec25e001be4fe7bd0/esenapaj.ttf)
    format("truetype");
}
@font-face {
  font-family: kokorom;
  src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@0a9c3e242b46cd2d493db832a6eccba8f31b9da6/Kokoro.ttf)
    format("truetype");
}
@font-face {
  font-family: aoyanagiT;
  src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@729d123c3a7de4ac2bb3a7cdbdedc707dde69120/aoyanagiT.ttf)
    format("truetype");
}
@font-face {
  font-family: tanukiM;
  src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@master/TanukiMagic.ttf)
    format("truetype");
}
/*@import url("https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap");*/
@font-face {
  font-family: Huifont;
  src: url(https://cdn.statically.io/gh/raspi0124/my-sites-files/dc302549/HuiFont109.woff2)
      format("woff2"),
    url(https://cdn.statically.io/gh/raspi0124/my-sites-files/eed42314/Light-Huiji.ttf)
      format("truetype");
}
@font-face {
  font-family: honokamaru;
  src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@80b7a9fadba7c729d00bcc81beba49deb97e19de/font_1_honokamarugo_1.1.ttf)
    format("truetype");
}
@font-face {
  font-family: light-gen;
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
      format("opentype");
}
@font-face {
  font-family: normal-gen;
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
      format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese-100";
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
      format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
      format("opentype");
}
@font-face {
  font-family: "Noto Sans Japanese-900";
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf)
      format("opentype");
}
.noto {
  font-family: Noto Sans Japanese;
}
.huiji {
  font-family: Huifont;
}
.honokamaru {
  font-family: honokamaru;
}
.sigijh_animateMe {    
    background-size: 200% auto; 
    background-image: linear-gradient(to right,rgba(0,0,0,0) 50%,#ff0 50%);
    background-position: 0% 0;

    animation-name: sigijh_highlight;
    animation-duration: 0.5s;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
@keyframes sigijh_highlight {
    from {background-position: 0% 0;}
    to {background-position: -100% 0;}
}

div.whatsnew {
  margin: 0px 0;
  font-size: 100%;
  word-break: break-all;
  overflow: hidden;
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}

div.whatsnew a {
  padding: 7px 0;
  display: block;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none;
}

div.whatsnew hr {
  margin: 0;
  padding: 0;
}

div.whatsnew .newmark {
  font-size: 74%;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #ff4500;
  border-radius: 3px;
}

div.whatsnew dl {
  margin: 0;
  padding: 0;
  border: 0;
}

div.whatsnew dt {
  margin: 0 0 0 0.3em;
  padding: 0;
  border: 0;
  color: Gray;
  font-weight: normal;
  white-space: nowrap;
}

div.whatsnew dd {
  margin: 0;
  padding: 0 2px;
}

@media screen and (min-width: 600px) {
  div.whatsnew dl {
    overflow: hidden;
  }
  div.whatsnew dt {
    float: left;
    width: 8.1em;
    overflow: hidden;
  }
  div.whatsnew dd {
    overflow: hidden;
  }
}


/*
Theme Name:OOPS!
Theme URI:https://tcd-theme.com/tcd048
Description: WordPress theme "OOPS!" builds a stylish landing page style website. You can introduce your products with a comfortable rhythm and upgrade your conversions with review contents.
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain:tcd-oops
Version:3.1.2
*/
/* ========================================================================== Foundation ========================================================================== */
/* Reset  ----------------------------------------------------------------- */
html, 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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

audio, canvas, video { display: inline-block; max-width: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

ul, ol { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a:focus { outline: none; }

ins { text-decoration: none; }

mark { font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

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

button, input, select, textarea { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; }

input, textarea { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); -webkit-appearance: none; border-radius: 0; /* Removing the inner shadow, rounded corners on iOS inputs */ }

input[type="checkbox"] { -webkit-appearance: checkbox; }

input[type="radio"] { -webkit-appearance: radio; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

img { -ms-interpolation-mode: bicubic; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* end MacIE5 */
/* Base ----------------------------------------------------------------- */
body { background: #fff; color: #000; line-height: 1; -webkit-font-smoothing: antialiased; }

a { color: #000; text-decoration: none; }

b, strong { font-weight: 700; }

big { font-size: larger; }

small { font-size: 80%; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

i, cite, em, var, address, dfn { font-style: italic; }

tt, code, kbd, samp { font-family: monospace; }

u, ins { text-decoration: underline; }

img { vertical-align: bottom; }

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

select { background: none transparent; border: 0; border-radius: 0; margin: 0; padding: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; }

/* for IE */
select::-ms-expand { display: none; }

a, a:before, a:after, input { transition: background-color 0.25s ease, opacity 0.25s ease, color 0.25s ease, border-color 0.25s ease;}

/* infinite scroll */
#infscr-loading { color: #525252; font-size: 14px; text-align: center; width: 100%; }
#infscr-loading img { margin-right: 8px; vertical-align: middle; }
#infscr-loading div { display: inline; }

/* -------------------------------------------------------------------------------- web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
-------------------------------------------------------------------------------- */
@font-face { font-family: "design_plus"; src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus.eot?v=1.0); src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus.eot?v=1.0#iefix) format("embedded-opentype"), url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus.woff?v=1.0) format("woff"), url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus.ttf?v=1.0) format("truetype"), url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus.svg?v=1.0#design_plus) format("svg"); font-weight: normal; font-style: normal; }
@font-face {
  font-family: 'design_plus_new';
  font-weight: normal;
  font-style: normal;
  font-display:swap;
  src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/design_plus_new.woff?v=1.0) format('woff');
}

@font-face {
	font-family: 'tiktok_x_icon';
	src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/tiktok_x_icon.eot?v=1.1);
	src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/tiktok_x_icon.eot?v=1.1#iefix) format('embedded-opentype'),
		 url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/tiktok_x_icon.woff?v=1.1) format('woff'),
		 url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/tiktok_x_icon.ttf?v=1.1) format('truetype'),
		 url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon) format('svg');
	font-weight: normal;
	font-style: normal;
  }
@font-face {
  font-family: 'sns_icon';
  font-weight: normal;
  font-style: normal;
  font-display:swap;
  src: url(//jpculture.jp/wp-content/themes/oops_tcd048/fonts/sns_icon.woff?v=1.0) format('woff');
}

/* -------------------------------------------------------------------------------- keyframes
-------------------------------------------------------------------------------- */
/* fadeIn */
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/* loading-anime */
@-webkit-keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* slideDown */
@-webkit-keyframes slideDown {
  0% { /*top: -70px;*/ transform: translate3d(0,-100%,0); }
  100% { /*top: 0;*/ transform: translate3d(0,0,0); }
}
@keyframes slideDown {
  0% { /*top: -70px;*/ transform: translate3d(0,-100%,0); }
  100% { /*top: 0;*/ transform: translate3d(0,0,0); }
}
/* ========================================================================== Layout ========================================================================== */
/* Footer ----------------------------------------------------------------- */
.l-footer { background: #131e20; padding-top: 32px; }

.l-footer__inner { padding-bottom: 50px; }

.l-footer__logo { margin-bottom: 32px; text-align: center; }
.l-footer__logo a { display:inline-flex; }
.l-footer__logo.footer_logo_retina img { width:50%; margin:auto; }


/* Header ----------------------------------------------------------------- */
.l-header { background: rgba(19, 30, 32, 0.8); height: 70px; line-height: 70px; width: 100%; position: relative; z-index: 999; }
.l-header.is-fixed { position: absolute; top: 0; }
.l-header.is-active { height: 70px; line-height: 70px; position: fixed; top: 0; left: 0; -webkit-animation: slideDown 0.5s ease; animation: slideDown 0.5s ease; }
.l-header.is-fixed.is-active { top:0 !important; }
.l-header.is-fixed.is-active.is-mobile-fix { animation:none; position:sticky; }

.l-header--large { height: 103px; line-height: 103px; position: absolute; top: 0; left: 0; z-index: 999; }

.l-header__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; position: relative; width: 88.28125%; max-width: 1130px; height: 100%; }

.l-header__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.l-header__logo a { line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; overflow: hidden; word-wrap: break-word; }
.l-header__logo img { vertical-align: middle; }

.l-header__logo--text a { width: auto; max-width: 500px; }

.l-header__logo--retina img { width: 50%; }

/* Inner ----------------------------------------------------------------- */
.l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.28125%; max-width: 1130px; }

.l-inner--narrow { width: 79.64602%; max-width: 900px; }

/* Main ----------------------------------------------------------------- */
/* Sidebar ----------------------------------------------------------------- */
/* ========================================================================== Object ========================================================================== */
/* Component ----------------------------------------------------------------- */
.c-breadcrumb__item { display: inline; }
.c-breadcrumb__item + .c-breadcrumb__item::before { content: "\e910"; color: #999; font-family: "design_plus"; margin-left: 12px; margin-right: 12px; }

.c-breadcrumb__item--home a { color: #b2b2b2; }
.c-breadcrumb__item--home a::before { content: "\e90c"; font-family: "design_plus"; }
.c-breadcrumb__item--home span { display: none; }

/** コメント */
.c-comment { font-size: 14px; margin-bottom: 50px; }

.c-comment__tab { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.c-comment__tab-item { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; }
.c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { background: #333; border: 0; color: #fff; position: relative; }
.c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 10px; margin: auto; position: absolute; right: 0; bottom: -17px; left: 0; content: ""; width: 0; height: 0; }
.c-comment__tab-item a, .c-comment__tab-item p { border: 1px solid #ccc; color: #333; display: block; font-size: 13px; line-height: 180%; padding: 15px; text-decoration: none; width: 100%; }
.c-comment__tab-item a:hover { background: #333; color: #fff; }

/* コメントの基本部分 */
.c-comment__list-item { border: 1px solid #ccc; color: #777; margin-bottom: 15px; padding: 15px 20px 0; }

/* コメント本文 */
.c-comment__item-body p { line-height: 2.4; margin-bottom: 15px; }

/* コメントの情報部分 */
.c-comment__item-header { margin-bottom: 10px; position: relative; }

.c-comment__item-avatar { float: left; margin-right: 10px; width: 40px; height: 40px; }

.c-comment__item-author { display: block; margin-bottom: 10px; padding-top: 3px; }
.c-comment__item-author a { text-decoration: underline; }

.c-comment__item-date { color: #757676; display: block; font-size: 12px; }

.c-comment__item-act { font-size: 13px; margin-top: 5px; padding-left: 10px; position: absolute; top: 0; right: 0; }
.c-comment__item-act > li { display: inline; border-right: 1px solid #aaa; margin-right: 6px; padding-right: 10px; }
.c-comment__item-act > li:last-child { border-right: 0; margin-right: 0; padding-right: 0; }

/* ページナビ */
.c-comment__pager { margin-bottom: 10px; }
.c-comment__pager a, .c-comment__pager span { display: inline; float: left; margin-right: 10px; }
.c-comment__pager span { text-decoration: underline; }

/* メッセージ、警告文 */
.c-comment__item-note { background: #d6f4f0; border: 1px solid #94ddd4; color: #33a8e5; display: block; font-size: 11px; margin-bottom: 1em; padding: 10px 15px; }

/* トラックバック */
.c-comment__trackback-url { background: #fafafa; font-size: 13px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.trackback_time { font-size: 11px; color: #757676; margin: 0 0 7px 0px; }

.trackback_title { margin: 2px 0 8px 0; margin: 0 0 10px 0px; line-height: 160%; }

/* コメントフォーム */
.c-comment__form-wrapper { border: 1px solid #ccc; margin: 0 0 20px; padding: 15px; }

.c-comment__cancel { color: #666; font-size: 13px; margin-bottom: 1em; }
.c-comment__cancel a { color: #666; }
.c-comment__cancel a:before { content: "\e910"; font-family: "design_plus"; display: inline-block; }

.c-comment__form-login { color: #666; font-size: 13px; }
.c-comment__form-login a { color: #666; }

.c-comment__input { margin-bottom: 12px; text-align: left; }
.c-comment__input input { border: 1px solid #ccc; color: #777; padding-top: 5px; padding-bottom: 5px; width: 100%; }
.c-comment__input textarea { border: 1px solid #ccc; color: #777; font-size: 14px; overflow: auto; margin-top: 15px; width: 100%; height: 150px; }

.c-comment__label-text { color: #666; display: block; font-size: 13px; margin-bottom: 5px; }

.c-comment__form-submit { background: #aaa; color: #fff; cursor: pointer; display: block; font-size: 14px; margin: 15px auto 0; width: 200px; height: 50px; -moz-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }

.c-comment__form-hidden { display: none; }

/* パスワード保護 */
.c-comment__password-protected { background: #3db4b2; border-radius: 5px; color: #fff; margin: 0 38px 30px; padding: 10px 20px; text-align: center; }
.c-comment__password-protected p { font-size: 12px; line-height: 160%; }

 /**
	* header video
	*/
.c-header-video { background: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; }

.c-header-video__overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
#js-header-video video { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }

 /**
	* header youtube
	*/
.c-header-youtube { background: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; }

.c-header-youtube__overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

/* ヘッダー動画時キャッチコピー */
.p-header-video, .p-header-video .vegas-wrapper, .p-header-youtube { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }

.p-header-video .caption, .p-header-youtube .caption { text-align: center; width: calc(100% * 1150 / 1280); max-width: 1150px; z-index: 3; }

.p-header-video .caption .title, .p-header-youtube .caption .title { font-size: 40px; line-height: 1.4; margin-bottom: 12.4px; }

.p-header-video .caption .desc, .p-header-youtube .caption .desc { font-size: 16px; line-height: 2.2; margin-bottom: 20.4px; }

.p-header-video .caption .title a, .p-header-youtube .caption .title a,.p-header-video .caption .desc a, .p-header-youtube .caption .desc a{
	color: inherit;
	text-decoration: underline;
}

.p-header-video .caption .title a:hover, .p-header-youtube .caption .title a:hover,.p-header-video .caption .desc a:hover, .p-header-youtube .caption .desc a:hover{
	opacity: .6;
}

/* ヘッダー動画時キャッチコピーのアニメーション */
#js-header-video .caption .title, #js-header-youtube .caption .title, #js-header-video .caption .button, #js-header-youtube .caption .button { opacity: 0; }

#js-header-youtube .caption.first_active .title, #js-header-video .caption.first_active .title { -webkit-animation: opacityAnimation 0.5 ease forwards 0.75s; animation: opacityAnimation 0.5s ease forwards 0.75s; }

#js-header-youtube .caption.first_active .button, #js-header-video .caption.first_active .button { -webkit-animation: opacityAnimation 0.25s ease forwards 1.25s; animation: opacityAnimation 0.25s ease forwards 1.25s; }

@-webkit-keyframes opacityAnimation { 100% { opacity: 1; } }
@keyframes opacityAnimation { 100% { opacity: 1; } }
 /**
	* Load
	*/
@-webkit-keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; }
  5%, 50% { bottom: 0; opacity: 1; }
  55%, 100% { bottom: -10px; opacity: 0; } }
@keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; }
  5%, 50% { bottom: 0; opacity: 1; }
  55%, 100% { bottom: -10px; opacity: 0; } }
@-webkit-keyframes loading-dots-fadein { 100% { opacity: 1; } }
@keyframes loading-dots-fadein { 100% { opacity: 1; } }
@-webkit-keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@-webkit-keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@-webkit-keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }
@keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }
#site-wrap { display: none; }

#site_loader_overlay { background: #fff; opacity: 1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; width: 100vw; height: 100vh; z-index: 99999; }

/* type1 */
.c-load--type1 { width: 48px; height: 48px; font-size: 10px; text-indent: -9999em; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; -webkit-animation: loading-circle 1.1s infinite linear; animation: loading-circle 1.1s infinite linear; }

/* type2 */
.c-load--type2 { width: 44px; height: 44px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.c-load--type2::before { position: absolute; bottom: 0; left: 0; display: block; width: 12px; height: 12px; content: ''; animation: loading-square-loader 5.4s linear forwards infinite; }
.c-load--type2::after { position: absolute; bottom: 10px; left: 0; display: block; width: 12px; height: 12px; opacity: 0; content: ''; animation: loading-square-base 5.4s linear forwards infinite; }

/* type3 */
.c-load--type3 { width: 100%; min-width: 160px; font-size: 16px; text-align: center; position: fixed; top: 50%; left: 0; opacity: 0; -webkit-animation: loading-dots-fadein .5s linear forwards; animation: loading-dots-fadein .5s linear forwards; }

#site_loader_animation i { width: .5em; height: .5em; display: inline-block; vertical-align: middle; background: #e0e0e0; border-radius: 50%; margin: 0 .25em; -webkit-animation: loading-dots-middle-dots .5s linear infinite; animation: loading-dots-middle-dots .5s linear infinite; }

#site_loader_animation i:first-child { -webkit-animation: loading-dots-first-dot .5s infinite; animation: loading-dots-first-dot .5s linear infinite; opacity: 0; -webkit-transform: translate(-1em); transform: translate(-1em); }

#site_loader_animation i:last-child { -webkit-animation: loading-dots-last-dot .5s linear infinite; animation: loading-dots-last-dot .5s linear infinite; }

.c-meta-box { background: #fafafa; box-sizing: border-box; font-size: 14px; padding: 22px 20px; }

.c-meta-box__item { border-right: 1px solid #ddd; float: left; margin-right: 15px; padding-left: 20px; padding-right: 15px; position: relative; }
.c-meta-box__item:last-child { border-right: none; }
.c-meta-box__item::before { color: #aaa; font-family: "design_plus"; position: absolute; left: 0; }

.c-meta-box__item--author::before { content: "\e90d"; }

.c-meta-box__item--category::before { content: "\e92f"; }

.c-meta-box__item--tag::before { content: "\e935"; }

.c-meta-box__item--comment::before { content: "\e916"; }

.c-menu-button { color: #fff; display: none; position: absolute; top: 0; right: 0; text-align: center; }
.c-menu-button::before { content: "\f0c9"; font-family: "design_plus"; font-size: 18px; }

.c-nav01 { border-collapse: collapse; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.c-nav01__item { border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; line-height: 1.7; position: relative; width: 50%; height: 120px; flex: 1; margin-left: -1px; }
.c-nav01__item a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; height: 100%; padding: 36px 70px; }
.c-nav01__item a:hover { background: #f8f8f8; }

.c-nav01__item--prev::before { content: "\e90f"; font-family: "design_plus"; font-size: 18px; line-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 25px; width: 18px; height: 18px; }

.c-nav01__item--next::after { content: "\e910"; font-family: "design_plus"; font-size: 18px; line-height: 100%; margin: auto; margin: auto; position: absolute; top: 0; bottom: 0; right: 25px; width: 18px; height: 18px; }

.c-pw__desc { line-height: 2.5; }
.c-pw__desc p { line-height: 2.5; margin-bottom: 16px; }

.c-pw__btn { box-sizing: border-box; color: #fff; display: inline-block; padding: 13px 20px; font-size: 14px; text-align: center; line-height: 1; }
.c-pw__btn:hover { background: #333; color: #fff; }

.c-pw__btn--register { min-width: 160px; margin-bottom: 32px; }

.c-pw__btn--submit { min-width: 100px; border: 0; cursor: pointer; }

.c-pw .c-pw__btn:hover { text-decoration: none; }

.c-pw__box { border: 1px solid #ddd; background: #f5f5f5; padding: 25px 36px; margin-bottom: 40px; box-sizing: border-box; }
.c-pw__box .c-pw__box-desc { line-height: 1.2; margin-bottom: 20px; }

.c-pw__box-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }

.c-pw__box-label { margin-right: 14px; }

.c-pw__box-input { border: 1px solid #ddd; box-shadow: none; height: 40px; width: 250px; margin-right: 14px; flex: 1; box-sizing: border-box; padding: 0 10px; }



/* Project ----------------------------------------------------------------- */
 /**
	* address
	*/
.p-address { color: #fff; display: none; font-size: 12px; line-height: 1.8; margin-bottom: 13.2px; text-align: center; }

 /**
	* article01
	*/
.p-article01__thumbnail { display: block; margin-bottom: 14px; }
.p-article01__thumbnail img { width: 100%; height: auto; }

.p-article01__title { font-size: 14px; line-height: 2; margin-bottom: 7px; }
.p-article01__title a { font-weight: 700; }
.p-article01__title a:hover { color: #e37100; }

.p-article01__meta { font-size: 14px; line-height: 1.9; }

.p-article01__date { color: #999; font-family: 'Arial';}
.p-article01__date + .p-article01__category::before { color: #999; content: "|"; display: inline-block; margin-left: 8px; margin-right: 8px; }

.p-article01__category a { color: #999; }

 /**
	* article02
	*/
.p-article02 { background: #fafafa; border: 1px solid #ddd; box-sizing: border-box; padding: 30px 30px 20.2px; }

.p-article02__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; margin-bottom: 20.2px; }

.p-article02__thumbnail { margin-right: 30px; width: 160px; }
.p-article02__thumbnail img { width: 100%; height: auto; }

.p-article02__content { flex: 1; }

.p-article02__title { font-size: 16px; font-weight: bold; line-height: 2; margin-bottom: 6px; }

.p-article02__date { color: #999; font-size: 12px; }

.p-article02__excerpt { font-size: 14px; line-height: 2.4; }

 /**
	* blog list
	*/
.p-blog-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 110px; width: 102.21239%; }

.p-blog-list__item { margin-right: 2.21239%; margin-bottom: 35.8px; width: 31.85841%; }
.p-blog-list__item:nth-of-type(3n) { margin-right: 0; }
.p-blog-list__item.is-active { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }

 /**
	* breadcrumb
	*/
.p-breadcrumb { font-size: 14px; line-height: 1.7; margin-bottom: 30px; }
.p-breadcrumb a:hover { color: #e37100; }

.p-breadcrumb__item + .p-breadcrumb__item::before { font-size: 10px; }

 /**
	* button
	*/
.p-button { background: #ff7f00; border-radius: 4px; box-sizing: border-box; display: inline-block; font-size: 14px; line-height: 50px; text-align: center; min-width: 220px; height: 50px; padding: 0 15px; }
.p-button:hover { background: #e37100; color: #fff; }

 /**
	* copyright
	*/
.p-copyright { background: #000; color: #fff; font-size: 14px; height: 55px; line-height: 55px; overflow: hidden; }
.p-copyright small { float: right; }

 /**
	* CTA
	*/
.p-cta { overflow: hidden; background-position: center center; background-size: cover; height: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 70px; position: relative; }
.p-cta::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.p-cta--type2 .p-cta__inner { border: 1px solid #ddd; border-left: 0; box-sizing: border-box; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; flex: initial; width: 50%; padding: 0 4.44444%; }
.p-cta--type2 .p-cta__catch { text-align: left; margin-bottom: 16px; }
.p-cta--type2 .p-cta__desc { text-align: left; }
.p-cta--type2 .p-cta__desc p { margin-bottom: 21px; }

.p-cta--type2-rev { flex-flow: row-reverse nowrap; }
.p-cta--type2-rev .p-cta__inner { border: 1px solid #ddd; border-right: 0; }

.p-cta__inner { color: #fff; padding: 0 20px; position: relative; z-index: 1; flex: 1; }

.p-cta__catch { line-height: 1.5; margin-bottom: 14px; }

.p-cta__desc { line-height: 2; }
.p-cta__desc p { font-size: inherit; line-height: inherit; margin-bottom: 23px; }

.p-cta__btn { align-self: center; box-sizing: border-box; display: inline-block; font-size: 16px; min-width: 300px; height: 55px; line-height: 55px; padding: 0 10px; position: relative; color: #fff; }
.p-cta__btn:after { content: "\e910"; font-family: "design_plus"; position: absolute; top: 0; bottom: 0; right: 11px; margin: auto; }

.p-cta__img { flex: 1; position: relative; width: 50%; height: 100%; overflow: hidden; }
.p-cta__img img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

 /**
	* entry
	*/
.p-entry__inner { width: 88.28125%; max-width: 1130px; }

.p-entry__inner--narrow { width: 79.64602%; max-width: 900px; }

.p-entry__body { margin-bottom: 60.2px; }

.p-entry__body p { word-wrap: break-word;}
body.home .p-entry__body { margin-top: 60.2px; }
.p-entry__body .p-entry__ad img { max-width: none; width: auto; }

.p-entry__share { margin-bottom: 27px; }

.p-entry__meta { margin-bottom: 70px; }

.p-entry__nav { margin-bottom: 70px; }

.p-entry__related { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 144.6px; }

.p-entry__related-item { margin-right: 2.65487%; width: 23.00885%; }
.p-entry__related-item:last-child { margin-right: 0; }

.p-entry__ad { margin-bottom: 70px; text-align: center; }

.p-entry__ad-item { display: inline-block; }
.p-entry__ad-item + .p-entry__ad-item { margin-left: 50px; }

 /**
	* footer blog
	*/
.p-footer-blog { border-bottom: 1px solid #333; margin-bottom: 50px; overflow: hidden; position: relative; }
.p-footer-blog .slick-dots { bottom: 0; width: 97.41379%; }
.p-footer-blog .slick-dots li { background: #fff; }

.p-footer-blog__catch { color: #fff; font-size: 30px; line-height: 2.2; margin-bottom: 32px; }

.p-footer-blog__archive-link { color: #fff; font-size: 14px; position: absolute; top: 18px; right: 0; }
.p-footer-blog__archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-footer-blog__archive-link:hover { color: #e37100; }

.p-footer-blog__list { color: #646767; padding-bottom: 58px; width: 102.65487%; }
.p-footer-blog__list.slick-dotted.slick-slider { margin-bottom: 50px; }

.p-footer-blog__item { float: left; margin-right: 2.58621%; width: 22.41379%; }

.p-footer-blog__item-title a { color: #fff; }

.p-footer-cta { position: fixed; bottom: 0; width: 100%; z-index: 9999; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.p-footer-cta.is-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.p-footer-cta__inner { background: #000; box-sizing: border-box; border-top: 1px solid #333; height: 120px; padding: 0 60px 0 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; }

.p-footer-cta__catch { color: #fff; font-size: 21px; line-height: 1.5; margin-bottom: 5px; }

.p-footer-cta__desc { color: #999; font-size: 14px; line-height: 2; }

.p-footer-cta__btn { color: #fff; font-size: 16px; display: inline-block; min-width: 300px; height: 55px; line-height: 55px; padding: 0 40px 0 10px; text-align: center; position: relative; /*
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 60px;
*/ box-sizing: border-box; }
.p-footer-cta__btn:after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 11px; }

.p-footer-cta__close { cursor: pointer; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 10px; width: 40px; height: 40px; margin: auto; text-align: center; transition: background 0.5s; }
.p-footer-cta__close:hover { background: #444; }
.p-footer-cta__close::before { color: #fff; content: "\e91a"; font-family: "design_plus"; line-height: 40px; height: 40px; }

 /**
	* footer nav
	*/
.p-footer-nav { color: #fff; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; line-height: 1.6;}
.p-footer-nav li + li::before { content: "|"; display: inline-block; margin-left: 8px; margin-right: 8px; }
.p-footer-nav a { color: #fff; }
.p-footer-nav a:hover { color: #e37100; }

/*
```
<header id="js-header" class="l-header">
	<div class="l-header__inner">
		<a href="#" id="js-menu-button" class="p-menu-button c-menu-button"></a>
		<nav>
			<ul id="js-global-nav" class="p-global-nav u-clearfix">
				<li class="current-menu-item"><a href="#">HOME</a></li>
				<li class="menu-item-has-children">
					<a href="#js-news-ticker">ABOUT<span></span></a>
					<ul class="sub-menu">
						<li class="menu-item-has-children">
							<a href="#">サブメニューA<span></span></a>
							<ul class="sub-menu">
								<li><a href="#">サブメニューA-1</a></li>
								<li><a href="#">サブメニューA-2</a></li>
								<li><a href="#">サブメニューA-3</a></li>
							</ul>
						</li>
						<li><a href="#">サブメニューB</a></li>
						<li><a href="#">サブメニューC</a></li>
					</ul>
				</li>
				<li><a href="#index-content01">FEATURES</a></li>
				<li><a href="#js-index-content04__carousel">SERVICE</a></li>
				<li><a href="#">REVIEWS</a></li>
				<li><a href="#">DOWNLOAD</a></li>
				<li><a href="#">BLOG</a></li>
			</ul>
		</nav>
	</div>
</header>
```
*/
 /**
	* global nav
	*/
.p-global-nav { font-size: 14px; }
@media only screen and (min-width: 1201px) { .p-global-nav { display:block !important; } }
.p-global-nav > li { float: left; line-height: inherit; }
.p-global-nav > li.menu-item-has-children:hover > .sub-menu { top: 100%; }
.p-global-nav > li > a { padding-left: 22px; padding-right: 22px; }
.p-global-nav > li > .sub-menu { top: 75%; left: 0; }
.p-global-nav a { color: #fff; display: block; }
.p-global-nav .menu-item-has-children { position: relative; }
.p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; top: 0; visibility: visible; }
.p-global-nav .sub-menu { line-height: 1.2; opacity: 0; position: absolute; top: -25%; left: 100%; transition: 0.3s; visibility: hidden; z-index: 99; }
.p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }
.p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; }
.p-global-nav .sub-menu a { background: #131e20; box-sizing: border-box; padding: 15px 19px; width: 220px; }

/* 子メニューを逆方向にする */
.p-global-nav > li.rev ul, .p-global-nav > li:nth-last-of-type(1) ul{ right:0; left:auto; }
.p-global-nav > li.rev ul ul, .p-global-nav > li:nth-last-of-type(1) ul ul  { left:auto; right:100%; }
.p-global-nav > li.rev ul li.menu-item-has-children > a:after, .p-global-nav > li:nth-last-of-type(1) ul li.menu-item-has-children > a:after { content:'\e90f'; right:auto; left:21px; }
.p-global-nav > li.rev ul li.menu-item-has-children > a, .p-global-nav > li:nth-last-of-type(1) ul li.menu-item-has-children > a { padding-left: 45px; }


 /**
	* headline
	*/
.p-headline { background: #131e20; box-sizing: border-box; color: #fff; font-size: 16px; height: 55px; line-height: 55px; margin-bottom: 27px; padding-left: 24px; padding-right: 24px; }

 /**
	* header video
	*/
.p-header-video { height: 780px; }

 /**
	* header youtube
	*/
.p-header-youtube { height: 780px; }



@media screen and (min-width: 768px) {
    .p-header-video{ height:calc(100vw * 9 / 16); max-height:780px; }
    .p-header-youtube{ height:calc(100vw * 9 / 16); }
    .p-header-youtube iframe { width:100% !important; margin-left: 0 !important; height: 100% !important; margin-top: 0 !important; }
}
@media screen and (max-width: 767px) {
    .p-header-youtube iframe { height:100% !important; margin-top: 0 !important; }
}



 /**
	* hover effect
	*/
.p-hover-effect--type1 { overflow: hidden; }
.p-hover-effect--type1 img { transform: scale(1); transition-duration: 0.75s; vertical-align: middle; }

/*
<a class="p-index-content02__item-image p-hover-effect--02" href="#">
	<img src="http://placehold.jp/340x220.png" alt="">
</a>
*/
.p-hover-effect--type2 { overflow: hidden; }
.p-hover-effect--type2:hover img { -webkit-transform: scale(1.2) translate3d(0, 0, 0); transform: scale(1.2) translate3d(0, 0, 0); }
.p-hover-effect--type2 img { transition-property: opacity, translate3d; transition: 0.5s; }

/*
<a class="p-index-content02__item-image p-hover-effect--03" href="#">
	<img src="http://placehold.jp/340x220.png" alt="">
</a>
*/
.p-hover-effect--type3:hover img { opacity: 0.5; }
.p-hover-effect--type3 img { transition-property: opacity; transition: 0.5s; background: #fff; }

 /**
	* index content01
	*/
.p-index-content01 { padding-top: 92px; padding-bottom: 45px; text-align: center; }

.p-index-content01__catch { font-size: 40px; line-height: 1.4; margin-bottom: 15px; }
.p-index-content01__catch a,.p-index-content01__desc a{
	text-decoration: underline;
}

.p-index-content01__catch a:hover,.p-index-content01__desc a:hover{
	opacity: .6;
}


.p-index-content01__desc { font-size: 16px; line-height: 2.2; }

 /**
	* index content02
	*/
.p-index-content02 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 45px; margin-bottom: 100px; }

.p-index-content02__item { border-right: 1px solid #ddd; padding-left: 27px; padding-right: 27px; flex: 1; }
.p-index-content02__item:last-child { border-right: 0; }

.p-index-content02__item-catch { font-size: 18px; line-height: 1.6; margin-bottom: 25px; text-align: center; font-weight: 700; display: flex; align-items: center;  justify-content: center;}

.p-index-content02__item-desc { font-size: 14px; line-height: 2.4; margin-bottom: 30px; }

.p-index-content02__item-catch a,.p-index-content02__item-desc a{
	font-weight: inherit;text-decoration: underline;
}
.p-index-content02__item-catch a:hover,.p-index-content02__item-desc a:hover{
	opacity: .6;
}
.p-index-content02__item-image { display: block; }
.p-index-content02__item-image img { width: 100%; height: auto;  aspect-ratio: 680 / 440; object-fit: cover;}

 /**
	* index content03
	*/
.p-index-content03__image { bottom: 0; }

 /**
	* index content04
	*/
.p-index-content04 { padding-top: 92px; padding-bottom: 90px; }
.p-index-content04 .slick-dots { bottom: 8px; }
.p-index-content04 .slick-dots li { background: #000; }

.p-index-content04__catch { font-size: 40px; line-height: 1.4; margin-bottom: 15px; text-align: center; }

.p-index-content04__summary { font-size: 16px; line-height: 2.2; margin-bottom: 90px; text-align: center; }

.p-index-content04__carousel { padding-bottom: 70px; }
.p-index-content04__carousel.slick-slider { margin-bottom: 40px; }
.p-index-content04__carousel img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1;}

.p-index-content04__carousel__no-slide{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.p-index-content04__carousel__no-slide a{
	aspect-ratio: 1 / 1;
	max-width: 226px;
}
.p-index-content04__carousel__no-slide a img{
	aspect-ratio: 1 / 1;
    display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

/*.p-index-content04__desc { columns: 2; column-gap: 60px; font-size: 14px; line-height: 2.4; }
.p-index-content04__desc.p-index-content04__desc--full { columns: 1; }*/

.p-index-content04__desc{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 2.4; }
.p-index-content04__desc p{ display: block; }
.p-index-content04__desc p:nth-child(2n){ margin-left: 30px; }
.p-index-content04__desc p:nth-child(2n+1){ margin-right: 30px; }
.p-index-content04__desc.p-index-content04__desc--full p{ margin: 0 !important; }

.p-index-content04__catch a,.p-index-content04__summary a,.p-index-content04__desc a{
	text-decoration: underline;
}
.p-index-content04__catch a:hover,.p-index-content04__summary a:hover,.p-index-content04__desc a:hover{
	opacity: .6;
}

 /**
	* index content05
	*/
.p-index-content05__image { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

 /**
	* index content06
	*/
.p-index-content06 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 100px; }

.p-index-content06__item { margin-bottom: 90px; width: 47.43363%; }

.p-index-content06__item-image { border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 35px; overflow: hidden; width: 200px; height: 200px; }
.p-index-content06__item-image img { width: 100%; height: 100%; object-fit: cover; }

.p-index-content06__item-catch { font-size: 18px; font-weight: 700; line-height: 1.6; margin-bottom: 25px; text-align: center; }

.p-index-content06__item-desc { font-size: 14px; line-height: 2.4; }


.p-index-content06__item-catch a,.p-index-content06__item-desc a{
	text-decoration: underline;font-weight: inherit;
}
.p-index-content06__item-catch a:hover,.p-index-content06__item-desc a:hover{
	opacity: .6;
}
.p-index-content06_wrap.p-index-content06_total1 .p-index-content06{
	justify-content: center;
}


 /**
	* index content07
	*/
.p-index-content07 { background: #eeefef; height: 580px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.p-index-content07 .slick-dots li { background: #000; }

.p-index-content07__catch { font-size: 40px; line-height: 1.4; margin-bottom: 82px; text-align: center; }

.p-index-content07__catch a{
	text-decoration: underline;
}
.p-index-content07__catch a:hover{
	opacity: .6;
}

.p-index-content07__review { margin-left: auto; margin-right: auto; padding-bottom: 80px; width: 68.49558%; }

.p-index-content07__archive-link { font-size: 14px; position: absolute; right: 0; bottom: 0; }
.p-index-content07__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-index-content07__archive-link:hover { color: #e37100; }

 /**
	* index content08
	*/
.p-index-content08 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.p-index-content08 .p-index-content08__inner { height: auto; }

.p-index-content08__inner { text-align: center; vertical-align: middle; }

 /**
	* index content09
	*/
.p-index-content09 { background: #eeefef; padding-top: 92px; padding-bottom: 100px; }

.p-index-content09__catch { font-size: 40px; line-height: 1.4; margin-bottom: 12px; text-align: center; }

.p-index-content09__desc { font-size: 16px; line-height: 2.2; margin-bottom: 60px; text-align: center; }

.p-index-content09__action { text-align: center; }

 /**
	* index content10
	*/
.p-index-content10 { padding-bottom: 55px; padding-top:92px; }
.p-index-content10__catch { font-size: 40px; line-height: 1.4; margin-bottom: 15px; text-align: center; }
.p-index-content10__desc { font-size: 16px; line-height: 2.2; margin-bottom: 90px; text-align: center; }
.p-index-blog_list { display:flex; flex-wrap:wrap; justify-content:space-between; }
.p-index-content10__archive-link_wrap { text-align:right; margin-bottom:35px; }
.p-index-content10__archive-link { font-size: 14px; }
.p-index-content10__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 14px; transition-property: none; }
.p-index-content10__archive-link:hover { color: #e37100; }
@media only screen and (max-width:767px) {
	.p-index-content10 {
		height:auto;
		padding:26px 0 0;
		text-align:center
	}
	.p-index-content10__archive-link {
		font-size:12px
	}
	.p-index-content10__catch { margin-bottom:6.4px; }
	.p-index-content10__desc { margin-bottom:24px; line-height:2; }
	.p-index-content10__archive-link_wrap { margin-bottom:30px; }
}

 /**
	* index slider
	*/
.p-index-slider { overflow: hidden; position: relative; width: 100%; height: 780px; min-height: 445px; }

.p-index-slider__item { background-position: center center; background-size: cover; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.p-index-slider__item:first-child { display: block; }
.p-index-slider__item.is-active .p-index-slider__item-catch, .p-index-slider__item.is-active .p-index-slider__item-desc, .p-index-slider__item.is-active .p-index-slider__item-image { opacity: 1; transition: 0.5s; }
.p-index-slider__item.is-active .p-index-slider__item-button { opacity: 1; transition: background-color 0.2s, color 0.2s, opacity 0.25s linear 1.25s; }
.p-index-slider__item.is-active .p-index-slider__item-catch, .p-index-slider__item.is-active .p-index-slider__item-desc { transition-delay: 0.75s; }
.p-index-slider__item.is-active .p-index-slider__item-image { transition-delay: 1.75s; }

.p-index-slider__item--type2 .p-index-slider__item-content { order: 1; }
.p-index-slider__item--type2 .p-index-slider__item-catch, .p-index-slider__item--type2 .p-index-slider__item-desc { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-index-slider__item--type2 .p-index-slider__item-image { -webkit-transform: translateX(-50%); transform: translateX(-50%); order: 0; }
.p-index-slider__item--type2.is-active .p-index-slider__item-catch, .p-index-slider__item--type2.is-active .p-index-slider__item-desc, .p-index-slider__item--type2.is-active .p-index-slider__item-image { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.p-index-slider__item--type3 .p-index-slider__item-catch, .p-index-slider__item--type3 .p-index-slider__item-desc { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-index-slider__item--type3 .p-index-slider__item-image { -webkit-transform: translateX(50%); transform: translateX(50%); }
.p-index-slider__item--type3.is-active .p-index-slider__item-catch, .p-index-slider__item--type3.is-active .p-index-slider__item-desc, .p-index-slider__item--type3.is-active .p-index-slider__item-image { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.p-index-slider__item-inner { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 445px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.p-index-slider__item-content { width: 46.54867%; }

.p-index-slider__item-catch { font-size: 40px; line-height: 1.4; margin-bottom: 12.4px; opacity: 0; }
.p-index-slider__item-catch a,.p-index-slider__item-desc a{
	color: inherit;
	text-decoration: underline;
}

.p-index-slider__item-catch a:hover,.p-index-slider__item-desc a:hover{
	cursor: pointer;
	opacity: .6;
}

.p-index-slider__item-desc { font-size: 16px; line-height: 2.2; margin-bottom: 20.4px; opacity: 0; }

.p-index-slider__item-image { opacity: 0; width: 49.55752%; }
.p-index-slider__item-image img { width: 100%; height: auto; }

.p-index-slider__item-button { opacity: 0; }

 /**
	* latest news
	*/
.p-latest-news { margin-bottom: 150px; }

.p-latest-news__title { background: #131e20; color: #fff; font-size: 16px; height: 55px; line-height: 55px; padding-left: 26px; position: relative; }

.p-latest-news__archive-link { color: #fff; font-size: 14px; position: absolute; top: 0; right: 18px; }
.p-latest-news__archive-link:hover { color: #e37100; }
.p-latest-news__archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 12px; transition-property: none; }

.p-latest-news__item a { border: 1px solid #ddd; border-top: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 54px; height: 54px; padding-left: 23px; padding-right: 45px; overflow: hidden; position: relative; width: 100%; }
.p-latest-news__item a::after { color: #aaa; content: "\e910"; font-family: "design_plus"; position: absolute; top: 0; right: 12px; bottom: 0; }
.p-latest-news__item a:hover { background: #f8f8f8; }
.p-latest-news__item a:hover::after { color: #000; }

.p-latest-news__item-date { color: #999; font-size: 12px; margin-right: 22px; line-height: 54px; height: 54px; }

.p-latest-news__item-title { font-size: 14px; overflow: inherit; text-overflow: ellipsis; white-space: nowrap; }

 /**
	* lightbox
	*/
.lb-nav { background: #222; top: -webkit-calc(100% + 50px); top: calc(100% + 50px); height: 50px; }
.lb-nav a.lb-prev, .lb-nav a.lb-next { background: #333; opacity: 1; line-height: 50px; position: absolute; width: 50px; height: 50px; z-index: 9999; }
.lb-nav a.lb-prev { left: -webkit-calc(50% - 51px); left: calc(50% - 51px); }
.lb-nav a.lb-prev::before { color: #fff; content: "\e90f"; font-family: "design_plus"; }
.lb-nav a.lb-next { left: -webkit-calc(50% + 1px); left: calc(50% + 1px); }
.lb-nav a.lb-next::after { color: #fff; content: "\e910"; font-family: "design_plus"; }

.lb-dataContainer { height: 100px; padding-top: 0; }

.lb-data { background: #000; height: 50px; line-height: 50px; padding: 0; }
.lb-data .lb-details { box-sizing: border-box; float: none; padding: 0 10px; text-align: center; width: 100%; }
.lb-data .lb-caption { display: block !important; height: 50px; line-height: 50px; }
.lb-data .lb-number { padding-bottom: 0; }
.lb-data .lb-close { float: right; line-height: 50px; opacity: 1; position: relative; width: 50px; height: 50px; z-index: 999; }
.lb-data .lb-close::before { color: #aaa; content: "\e91a"; font-size: 18px; font-family: "design_plus"; position: absolute; right: 18px; }

.lightbox .lb-image { border: 0; border-radius: 0; }

 /**
	* load post
	*/
.p-load-post { margin-bottom: 150px; text-align: center; }
.p-load-post a { background: #131e20; color: #fff; display: inline-block; font-size: 14px; text-align: center; line-height: 50px; width: 200px; height: 50px; }

.p-logo a { color: #fff; }

 /**
	* menu button
	*/
.p-menu-button { line-height: 60px; width: 60px; height: 60px; }

 /**
	* news list
	*/
.p-news-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 122px; }

.p-news-list__item { box-sizing: border-box; margin-bottom: 28px; width: 48.67257%; }
.p-news-list__item:nth-child(even) { margin-right: 0; }
.p-news-list__item.is-active { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }

 /**
	* news ticker
	*/
.p-news-ticker { background: #131e20; font-size: 14px; height: 65px; line-height: 65px; overflow: hidden; position: relative; }
.p-news-ticker a { color: #fff; }

.p-news-ticker__list { position: relative; width: 100%; }

.p-news-ticker__item { display: none; width: 100%; }
.p-news-ticker__inner{padding-right: 20px;}
.p-news-ticker__item a:hover { color: #e37100; }

@media only screen and (min-width:992px) {
	.p-news-ticker__item{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}

.p-news-ticker__item-date { color: #ff7f00; margin-right: 20px; }

.p-news-ticker__archive-link { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; z-index: 100; }
.p-news-ticker__archive-link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 16px; transition-property: none; }
.p-news-ticker__archive-link:hover { color: #e37100; }

 /**
	* page-links
	*/
.p-page-links { font-size: 14px; }
.p-page-links a, .p-page-links span { color: #fff; display: inline-block; line-height: 40px; text-align: center; width: 40px; height: 40px; }
.p-page-links span, .p-page-links a span:hover { background: #ff7f00; }
.p-page-links a span { background: #131e20; }
.p-page-links .p-page-links__title { background: transparent; color: #000; text-align: left; width: auto; height: auto; }

 /** pagebuilder extend
	*/
 /**
	* pager
	*/
.p-pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-bottom: 150px; }

.p-pager__item { font-size: 14px; margin-right: 5px; }
.p-pager__item a, .p-pager__item span { color: #fff; display: block; line-height: 40px; text-align: center; width: 40px; height: 40px; }
.p-pager__item a, .p-pager__item .dots { background: #131e20; }
.p-pager__item span { background: #ff7f00; }

 /**
	* page header
	*/
.p-page-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 55.8px; position: relative; width: 100%; height: 500px; }
.p-page-header::before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.p-page-header__inner { text-align: center; position: relative; z-index: 2; -webkit-animation: fadeIn 1s ease 1s; animation: fadeIn 1s ease 1s; animation-fill-mode: both; }

.p-page-header__title { color: #fff; font-size: 40px; line-height: 1.3; margin-bottom: 7px; word-wrap: break-word;}

.p-page-header__desc { color: #fff; font-size: 16px; line-height: 2.2; }

.p-page-header__meta { color: #fff; font-size: 14px; line-height: 1.9; }
.p-page-header__meta a { color: #fff; }
.p-page-header__meta a:hover { color: #e37100; }

.p-page-header__date + .p-page-header__category::before { content: "|"; margin-left: 10px; margin-right: 10px; }
.p-page-header__date { 
	font-family: 'Arial';
}

 /**
	* pagetop
	*/
.p-pagetop a { background: #333; color: #fff; display: block; height: 56px; position: relative; }
.p-pagetop a:hover { background: #444; }
.p-pagetop a::after { content: "\e911"; font-family: "design_plus"; font-size: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 18px; height: 18px; }

 /**
	* review
	*/
.p-review__image { border-radius: 50%; float: left; margin-top: 11.2px; margin-right: 30px; width: 150px; height: 150px; }

.p-review__name { font-size: 16px; font-weight: bold; line-height: 2.4;    display: block;}
 
 .p-index-content07__review_row{
	display: flex;
 }

.p-review__desc { font-size: 14px; line-height: 2.4; overflow: hidden; }

.p-review__button { background: #131e20; color: #fff; display: block; font-size: 14px; line-height: 50px; margin-top: 14px; margin-bottom: 9.8px; text-align: center; width: 200px; height: 50px; }
.p-review__button::after { content: "\e910"; font-family: "design_plus"; margin-left: 10px; }

/** review footer */
.p-review-footer { border-bottom: 1px solid #ddd; margin-bottom: 150px; text-align: right; }
.p-review-footer + .p-cta { margin-bottom: 150px; }

.p-review-footer__portrait { border-radius: 50%; display: block; margin: 0 auto 15px; width: 150px; height: 150px; object-fit: cover;}

.p-review-footer__name { font-size: 16px; margin-bottom: 15px; text-align: center; line-height: 1.6;}

.p-review-footer__link { background: #131e20; box-sizing: border-box; color: #fff; display: inline-block; font-size: 14px; margin-bottom: -1px; padding: 0 15px; min-width: 200px; height: 50px; line-height: 50px; text-align: center; }
.p-review-footer__link:hover { background: #ff7f00; }
.p-review-footer__link span::before { content: "\e90f"; display: inline-block; font-family: "design_plus"; margin-right: 10px; }

/** review header */
.p-review-header { border-top: 1px solid #ddd; position: relative; }

.p-review-header__name { background: #ccc; box-sizing: border-box; color: #fff; display: inline-block; font-size: 16px; min-width: 200px; height: 50px; line-height: 50px; margin-top: -1px; margin-bottom: 54px; padding: 0 15px; text-align: center; }

.p-review-header__title { font-size: 30px; line-height: 1.4; margin-bottom: 54px; }

 /**
	* review list
	*/
.p-review-list { margin-bottom: 50px; }

.p-review-list__row { border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 39px; }
.p-review-list__row:first-child { padding-top: 0; }
.p-review-list__row:last-child { border-bottom: 0; }

.p-review-list__item { padding-bottom: 40.2px; width: 46.0177%; }

.slick-dots li { border-radius: 50%; margin: 0 14px 0 0; width: 12px; height: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease; }
.slick-dots li:last-child { margin-right: 0; }
.slick-dots li.slick-active, .slick-dots li:hover { background: #ff7f00; }
.slick-dots li button { width: 12px; height: 12px; }
.slick-dots li button::before { content: ""; }

.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}


 /**
	* showcase
	*/
.p-showcase { color: #fff; overflow: hidden; position: relative; width: 100%; height: 580px; }
.p-showcase::before { box-sizing: border-box; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.p-showcase--reverse .p-showcase__content { right: 0; }
.p-showcase--reverse .p-showcase__image { left: 0; }

.p-showcase__inner { height: 100%; opacity: 0; transition-property: opacity; transform: translateY(10%); }
.p-showcase__inner.is-active { opacity: 1; transform: translateY(0); transition: 0.5s; transition-delay: 0.5s; }

.p-showcase__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 46.0177%; }

.p-showcase__catch { font-size: 40px; line-height: 1.4; margin-bottom: 15px; }
.p-showcase__catch  a{ color: inherit; text-decoration: underline;}
.p-showcase__catch  a:hover{opacity: .6;}
.p-showcase__desc { font-size: 16px; line-height: 2.2; margin-bottom: 15px; }
.p-showcase__desc  a{ color: inherit; text-decoration: underline;}
.p-showcase__desc  a:hover{opacity: .6;}
.p-showcase__image { position: absolute; right: 0; width: 50%; }
.p-showcase__image img { width: 100%; height: auto; }

 /**  showcaseの画像が700pxより大きい場合 **/
.p-showcase.mode-auto {
	height: unset;
	min-height: 580px;
}

.p-showcase.mode-auto .p-showcase__inner{
	min-height: 580px;
    display: flex;
    align-items: center;
	justify-content: space-between;
	margin: 40px auto;
}

.p-showcase.mode-auto.p-showcase--reverse .p-showcase__inner{
	flex-direction: row-reverse;
}


.p-showcase.mode-auto .p-showcase__content,
.p-showcase.mode-auto .p-showcase__image{
	position: unset;
	transform: unset;
}

 /**
	* social nav
	*/
.p-social-nav { margin-bottom: 30px; text-align: center; }

.p-social-nav__item { display: inline-block; margin-right: 20px; }
.p-social-nav__item:last-child { margin-right: 0; }
.p-social-nav__item a { color: #fff; }
.p-social-nav__item a::before { font-family: "sns_icon"; transition-property: none; }
.p-social-nav__item a:hover { color: #e37100; }

.p-social-nav__item--line a::before { font-size: 18px; content: "\e909"; }
.p-social-nav__item--tiktok a::before { content: "\e94d"; }
.p-social-nav__item--instagram a::before { content: "\ea92"; }
.p-social-nav__item--twitter a::before { content: "\e950"; }
.p-social-nav__item--facebook a::before { font-size: 20px; content: "\e944"; }
.p-social-nav__item--pinterest a::before { font-size: 20px; content: "\e905"; }
.p-social-nav__item--youtube a::before { font-size: 20px; content: "\ea9d"; }
.p-social-nav__item--note a::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 2px;
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}
.p-social-nav__item--rss a::before { content: "\e90b"; }

 /**
	* widget area
	*/
.p-widget-area { background: #eeefef; }

.p-widget-area__inner { padding-top: 80px; padding-bottom: 80px; }

.p-widget-area__column { float: left; margin-right: 55px; width: -webkit-calc((100% - 110px) / 3); width: calc((100% - 110px) / 3); }
.p-widget-area__column:last-child { margin-right: 0; }

 /**
	* widget dropdown
	*/
.p-widget-dropdown { background: #131e20; font-size: 14px; height: 45px; line-height: 45px; position: relative; }
.p-widget-dropdown::after { color: #a9a9a9; content: "\e90e"; font-family: "design_plus"; position: absolute; top: 0; right: 17px; }
.p-widget-dropdown select { color: #fff; font-family: inherit; width: 100%; height: 100%; padding-left: 19px; padding-right: 17px; }

 /**
	* widget list
	*/
.p-widget-list li { font-size: 14px; }

.p-widget-list__item { background: #fff; font-size: 14px; line-height: 1.7; margin-bottom: 2px; }
.p-widget-list__item:last-child { margin-bottom: 0; }
.p-widget-list__item a { display: block; padding: 12px 52px 12px 22px; position: relative; }
.p-widget-list__item a::after { color: #aaa; content: "\e910"; font-family: "design_plus"; font-size: 16px; margin: auto; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-widget-list__item a:hover::after { color: #000; transition: none; }

.p-widget-list__item-date { color: #999; display: block; font-size: 14px; }

.p-widget:not(.widget_custom_html,.widget_text) a:not(.tag-cloud-link):hover{ opacity: .6; }
 /**
	* widget search
	*/
.p-widget-search { position: relative; }

.p-widget-search__input { height: 45px; line-height: 45px; padding: 0 10px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); }

.p-widget-search__submit { background: #131e20; color: #fff; cursor: pointer; font-family: "design_plus"; font-size: 20px; position: absolute; right: 0; width: 45px; height: 45px; }

 /**
	* widget
	*/
.p-widget { margin-bottom: 60px; }
.p-widget:last-child { margin-bottom: 0; }

.p-widget__title,.widget_block .wp-block-heading { font-size: 16px; margin-bottom: 20px; font-weight: 600; }

/* default widget */
.p-widget li { line-height: 1.7; }
.p-widget .calendar_wrap caption { margin-bottom: 20px; }
.p-widget .calendar_wrap tbody { line-height: 1.7; margin-bottom: 20px; }
.p-widget .calendar_wrap tfoot { line-height: 1.7; }
.p-widget .searchform { position: relative; }
.p-widget .searchform #s { height: 45px; line-height: 45px; padding: 0 55px 0 10px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); }
.p-widget .searchform #searchsubmit { background: #131e20; color: #fff; cursor: pointer; position: absolute; top: 0; right: 0; width: 45px; height: 45px;font-family: "design_plus";font-size: 20px;}

/* デフォルトのRSS */
.widget_rss  .rss-widget-feed { display:none; }
.widget_rss  .rss-widget-title { text-decoration: none; }
.widget_rss li { border-bottom:1px solid #ddd; margin:0 0 -1px 0; padding:20px 30px 15px; font-size:14px;}
.widget_rss li:last-of-type { border:none; }
.widget_rss ul li { padding:20px 0px; border-bottom:1px solid #ddd; margin-top:-1px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget_rss ul li:not(:first-child) { border-top:1px solid #ddd; }
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:13px; line-height:1; margin-right:10px; padding:0 0 0 22px; position:relative; }
.widget_rss ul li .rss-date:before {font-family: 'design_plus';
  content: '\e94e';font-size:16px; position:absolute; top:-2px; left:0px; -webkit-font-smoothing: antialiased; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:13px; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin:0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:13px; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; }
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }


/* デフォルトのタグ一覧 */
.widget_tag_cloud .tagcloud {
	margin:0 0 -6px 0; padding:0; position:relative;
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tagcloud a { margin:0 6px 6px 0; font-size:14px !important; display:block; background:#fff; padding:0px 20px; border-radius:5px; height:36px; line-height:36px; border: 1px solid #ddd;}
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; }

/* デフォルトの最近の記事 */
.widget_recent_entries li { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px; }
.widget_recent_entries li:last-child { border:none; padding:0; margin:0; }
.widget_recent_entries li a { display:block; }
.widget_recent_entries .post-date { position:relative; color:#999; font-size:14px; display:block; margin-top:3px; }
.widget_recent_entries .post-date:before {
  font-family:'design_plus'; content:'\e94e'; font-size:13px; display:inline-block; margin:0 7px 0 0; vertical-align:-1px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* デフォルトのカテゴリー */
.category_list_widget ul { margin:0; }
.category_list_widget ul ul { margin-left:1em; }
.category_list_widget ul li { margin:0; padding:0; line-height:1; }
.category_list_widget ul li a { display:block; line-height:1.6; padding:10px 0; }
.category_list_widget .widget_headline + ul { margin:-12px 0 -14px; }
.widget_categories ul { margin:0; }
.widget_categories ul ul { margin-left:1em; }
.widget_categories ul li { margin:0; padding:0; line-height:1; }
.widget_categories ul li a { display:inline-block; line-height:1.6; padding:10px 0; }
.widget_categories ul li { color:#999; }
.widget_categories .widget_headline + ul { margin:-12px 0 -14px; }

/* デフォルトの固定ページ */
.widget_pages ul { margin:0; }
.widget_pages ul ul { margin-left:1em; }
.widget_pages ul li { margin:0; padding:0; line-height:1; }
.widget_pages ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_pages .widget_headline + ul { margin:-12px 0 -14px; }

/* デフォルトのナビ　*/
.widget_nav_menu ul { margin:0; }
.widget_nav_menu ul ul { margin-left:1em; }
.widget_nav_menu ul li { margin:0; padding:0; line-height:1; }
.widget_nav_menu ul li a { display:block; line-height:1.6; padding:10px 0; }
.widget_nav_menu .widget_headline + ul { margin:-12px 0 -14px; }

/* デフォルトのアーカイブ　*/
.widget_archive ul li a { display:block; line-height:1.6; padding:10px 0; }

/* デフォルトのコメントウィジェット */
.widget_recent_comments li { color:#999;padding:10px 0;  }

/* デフォルトのテキストウィジェット */
.widget_text .p-entry__body {line-height: 1.6; }

/* デフォルトのメタウィジェット */
.widget_meta ul { margin-bottom:-8px; }
.widget_meta ul li{ padding:10px 0; }


/* デフォルトのアーカイブとカテゴリー　ドロップダウンメニュー */
.widget_archive select, .widget_categories select {
	border:1px solid #ddd; background:#fff;  width:100%; height:60px; padding:0 18px; font-size:15px; cursor:pointer;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
	display:block; clip:auto; clip-path:none; pointer-events:none;
	height:60px; width:50px; margin:0;
	left:calc(100% - 50px); text-indent:-100vw;
}
.widget_archive .select_wrap,.widget_categories .select_wrap{
  position: relative;
}
.widget_archive .select_wrap:before, .widget_categories .select_wrap:before {
  font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
  display:block; font-size:14px; width:14px; height:14px; line-height:14px;
  position:absolute; right:15px; top:25px;
}

/* カレンダー */
#calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:14px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:12px 0; font-size:16px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody span { display:block; padding:15px 10px; }
#wp-calendar tbody a { display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto; text-decoration:none; background-color:#000; color:#fff; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#aaa; }
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:14px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; }

/* デフォルトのギャラリー */
.widget_media_gallery .gallery-caption {
	background-color:#000; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%;  transform: translateY(50%);
	opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
	-webkit-box-sizing:border-box; box-sizing:border-box;
  }
  .widget_media_gallery .gallery-item { margin-top:0 !important; }
  .widget_media_gallery .gallery-item img{border: none !important;width: 100%;height: 100%;object-fit: contain;}
  .widget_media_gallery .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%;  }
  .widget_media_gallery .gallery-item:hover .gallery-caption { opacity: .7; transition: all .25s ease; transform: translateY(0%);}

/* Utility ----------------------------------------------------------------- */
/** clearfix */
.u-clearfix::after { clear: both; content: " "; display: table; }

/** float */
.u-left { float: left; }

.u-right { float: right; }

/** hidden */
.u-hidden { display: none; }

@media only screen and (max-width: 991px) { .u-hidden-sm { display: none; } }
/** overflow */
.u-overflow-hidden { overflow: hidden; }



/* ヘッダーメッセージ */
#header_message {
	position:relative; z-index:2000; width:100%; box-sizing:border-box;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  min-height:50px; text-align: center; font-size:14px; font-weight:600; padding:15px 20px;
}
#header_message .label { display:block; color:inherit; line-height:1.4; padding:0 20px; }
#header_message a.label:hover { text-decoration: underline; }
@media (max-width: 767px) {
  #header_message { min-height:40px; font-size:12px; }
}


/* クイックタグ追加分 */
h2.style_h2 { font-size:26px; font-weight:600; line-height:1.4; margin: 3em 0 1.3em 0; text-align:center; }
h3.style_h3 { font-size:22px; font-weight:600; line-height:1.6; margin: 3em 0 1.3em 0; }
h4.style_h4 { font-size:20px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h5.style_h5 { font-size:18px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
h6.style_h6 { font-size:16px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; }
@media screen and (max-width: 800px) {
  h2.style_h2 { font-size:20px; margin: 2.5em 0 1em 0; }
  h3.style_h3 { font-size:18px; margin: 2.3em 0 1em 0; }
  h4.style_h4 { font-size:16px; margin: 2.2em 0 1em 0; }
  h5.style_h5 { font-size:16px; margin: 2.2em 0 1em 0; }
  h6.style_h6 { font-size:14px; margin: 2.2em 0 1em 0; }
}
@media screen and (max-width: 600px) {
  h2.style_h2 { margin: 2.3em 0 1em 0; }
  h3.style_h3 { margin: 2em 0 1em 0; }
  h4.style_h4 { margin: 2em 0 1em 0; }
  h5.style_h5 { margin: 2em 0 1em 0; }
  h6.style_h6 { margin: 2em 0 1em 0; }
}

/* ----------------------------------------------------------------------
 汎用スタイルの追加
 https://tcd-theme.com/2023/09/utility-classes.html
---------------------------------------------------------------------- */
.p-entry__body .a_break { display: inline-block; }
@media (max-width: 767px) {
  .p-entry__body .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
  .p-entry__body .is-sp { display:none!important; }
}
.p-entry__body .e_link {
  display: inline-block; position: relative; padding-right:1em;
}
.p-entry__body .e_link:after {
  font-family: 'design_plus'; content: '\e92a'; font-size: 100%; display: block;
  position: absolute; transition:none; margin-top:-0.1em;
  right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.p-entry__body img.frame {
  border: 1px solid #d2d2d2;
  -webkit-box-shadow: 0 6px 6px -6px #cccccc;
  -moz-box-shadow: 0 6px 6px -6px #cccccc;
  box-shadow: 0 6px 6px -6px #cccccc;
}

/* ----------------------------------------------------------------------
埋め込みコンテンツの余白調整
---------------------------------------------------------------------- */
.wp-block-embed { margin-bottom: 2em; }

/* ----------------------------------------------------------------------
フォントを黒色にする
---------------------------------------------------------------------- */

body.font_black .p-news-ticker a,
body.font_black .p-footer-blog__item-title a,
body.font_black .p-article01__date,
body.font_black .p-article01__category a,
body.font_black .p-logo a,
body.font_black .p-social-nav__item a,
body.font_black .p-footer-nav a,
body.font_black .p-footer-nav li + li::before,
body.font_black .p-global-nav .sub-menu a,
body.font_black .p-menu-button.is-active,
body.font_black .p-news-ticker__item-date,
body.font_black .p-footer-blog__catch,
body.font_black .p-footer-blog__archive-link,
body.font_black .p-address,
body.font_black .p-article01__date + .p-article01__category::before{
	color: #000;
  }
  
  body.font_black .p-menu-button.is-active + nav .p-global-nav a{
	color: #000!Important;
  }
  
body.font_black .p-footer-blog .slick-dots li:not(.slick-active){
	background: #000;opacity: .2;
}

.p-news-ticker__item-date {
	font-family: 'Arial';
}

/* スクロール */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 30px;
}
html:has(.is-fixed) {
	scroll-padding-top: 100px;
}
@media (max-width: 1199px) {
	html {
	scroll-padding-top: 30px !important;
}

	html:has(.is-mobile-fix) {
		scroll-padding-top: 80px !important;
	}
}/*
Theme Name: OOPS_child
Author: 
Description: Your description goes here
Version: 1.0
Template: oops_tcd048

This is the child theme for OOPS! theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(//jpculture.jp/wp-content/themes/oops_tcd048/img/ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(https://jpculture.jp/wp-content/themes/oops_tcd048/css/fonts/slick.eot);src:url(https://jpculture.jp/wp-content/themes/oops_tcd048/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(https://jpculture.jp/wp-content/themes/oops_tcd048/css/fonts/slick.woff) format('woff'),url(https://jpculture.jp/wp-content/themes/oops_tcd048/css/fonts/slick.ttf) format('truetype'),url(https://jpculture.jp/wp-content/themes/oops_tcd048/css/fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:''}.slick-next:before,[dir=rtl] .slick-prev:before{content:''}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}
/*
Theme Name: OOPS_child
Author: 
Description: Your description goes here
Version: 1.0
Template: oops_tcd048

This is the child theme for OOPS! theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/* ----------------------- margin調整 -------------------------- */

.single_share .share-btm{
  margin-top: 10px;
  margin-bottom: 45px;
}

.single_share .share-top{
  margin-bottom: 20px;
}


/* ----------------------- Share button -------------------------- */

.single_share li a [class^="icon-"]{
  display: none;
}

/*** 共通 ***/
.single_share ul { display:flex; flex-wrap:wrap; margin:0 -3px -3px 0; }
.single_share li:not(.default) { flex: 1 1 0%; margin:0 3px 3px 0; max-width:100px; }

.single_share li:not(.default) a { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; border-radius:3px; align-items:center; cursor: pointer;}

.single_share a:before { font-family:'design_plus'; display:block; color:#fff; margin-right:5px; position:relative; transition: color 0.25s ease; -webkit-font-smoothing: antialiased; }

.single_share .ttl { font-size: 12px;position: relative;font-family: Arial; }

/*** サイズ違い ***/
.single_share .share-type1 a,
.single_share .share-type2 a { line-height: 30px;}

.single_share .share-type3 ul,
.single_share .share-type4 ul { margin:0 -5px -5px 0; }
.single_share .share-type3 li,
.single_share .share-type4 li { flex: 0 0 auto; width:calc(25% - 5px); margin:0 5px 5px 0; max-width:inherit; }
.single_share .share-type3 a,
.single_share .share-type4 a {  height: 40px;}

.single_share .share-type3 a { line-height:42px; }
.single_share .share-type4 a { line-height:40px; }

/** カラー or モノクロ ***/
.single_share .share-type1 a,
.single_share .share-type3 a { background:#000; color:#fff;}

.single_share .share-type2 a,
.single_share .share-type4 a { background:#f2f2f2; color:#000; border:1px solid #ddd; }

.single_share .share-type2 a:before,
.single_share .share-type4 a:before { color:#000; }

/*** 各シェアアイコン ***/

.single_share .twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901"; font-size:12px; top:-1px; }
.single_share .facebook a:before { font-family: 'tiktok_x_icon'; content: "\e902";  font-size:18px; top:-1px; }
.single_share .hatebu a:before { content:'\e908'; font-size:14px; top:0px; }
.single_share .pocket a:before { content:'\e90a'; font-size:16px; top:0px; }
.single_share .rss a:before { content:'\e90b'; font-size:12px; top:-0.5px; }
.single_share .feedly a:before { content:'\e907'; font-size:15px; top:-1px; }
.single_share .pinterest a:before { content:'\e905'; font-size:16px; top:-0.5px; }
.single_share .line_button a:before { content:'\e909'; font-size:16px; top:0px; }
.single_share .note_button a:before {
  content: '';
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; top:0px;
}

.single_share .share-type1 .twitter a,
.single_share .share-type3 .twitter a { background:#000; border-color:#000; }
.single_share .share-type1 .facebook a,
.single_share .share-type3 .facebook a { background:#35629a; border-color:#35629a; }
.single_share .share-type1 .hatebu a,
.single_share .share-type3 .hatebu a { background:#3c7dd1; border-color:#3c7dd1; }
.single_share .share-type1 .pocket a,
.single_share .share-type3 .pocket a { background:#ee4056; border-color:#ee4056; }
.single_share .share-type1 .rss a,
.single_share .share-type3 .rss a { background:#ffb53c; border-color:#ffb53c; }
.single_share .share-type1 .feedly a,
.single_share .share-type3 .feedly a { background:#6cc655; border-color:#6cc655; }
.single_share .share-type1 .pinterest a,
.single_share .share-type3 .pinterest a { background:#d4121c; border-color:#d4121c; }
.single_share .share-type1 .line_button a,
.single_share .share-type3 .line_button a { background:#00B900; border-color:#00B900; }
.single_share .share-type1 .note_button a, 
.single_share .share-type3 .note_button a { background:#fff; border:1px solid #ddd; color:#000; box-sizing:content-box; top: -1px; }

@media(hover: hover) {
  .single_share .share-type1 .twitter a:hover,
  .single_share .share-type3 .twitter a:hover { background:#666; }
  .single_share .share-type1 .facebook a:hover,
  .single_share .share-type3 .facebook a:hover { background:#1f3669;}
  .single_share .share-type1 .hatebu a:hover,
  .single_share .share-type3 .hatebu a:hover { background:#0270ac; }
  .single_share .share-type1 .pocket a:hover,
  .single_share .share-type3 .pocket a:hover { background:#c53648; }
  .single_share .share-type1 .rss a:hover,
  .single_share .share-type3 .rss a:hover { background:#e09900;}
  .single_share .share-type1 .feedly a:hover,
  .single_share .share-type3 .feedly a:hover { background:#5ca449; }
  .single_share .share-type1 .pinterest a:hover,
  .single_share .share-type3 .pinterest a:hover { background:#a42f35; }
  .single_share .share-type1 a:hover,
  .single_share .share-type3 a:hover { color:#fff; }
  .single_share .share-type1 .line_button a:hover,
  .single_share .share-type3 .line_button a:hover { background:#009100; }
  .single_share .share-type1 .note_button a:hover,
  .single_share .share-type3 .note_button a:hover { background:#eee; border-color:#ddd; color:#000; }
  
  .single_share .share-type2 .twitter a:hover,
  .single_share .share-type4 .twitter a:hover { background:#000; border-color:#000; }
  .single_share .share-type2 .facebook a:hover,
  .single_share .share-type4 .facebook a:hover { background:#35629a; border-color:#35629a; }
  .single_share .share-type2 .hatebu a:hover,
  .single_share .share-type4 .hatebu a:hover { background:#3c7dd1; border-color:#3c7dd1; }
  .single_share .share-type2 .pocket a:hover,
  .single_share .share-type4 .pocket a:hover { background:#ee4056; border-color:#ee4056; }
  .single_share .share-type2 .rss a:hover,
  .single_share .share-type4 .rss a:hover { background:#ffb53c; border-color:#ffb53c; }
  .single_share .share-type2 .feedly a:hover,
  .single_share .share-type4 .feedly a:hover { background:#6cc655; border-color:#6cc655; }
  .single_share .share-type2 .pinterest a:hover,
  .single_share .share-type4 .pinterest a:hover { background:#d4121c; border-color:#d4121c; }
  .single_share .share-type2 a:hover,
  .single_share .share-type4 a:hover { color:#fff; }
  .single_share .share-type2 a:hover:before,
  .single_share .share-type4 a:hover:before { color:#fff; }
  .single_share .share-type2 .line_button a:hover,
  .single_share .share-type4 .line_button a:hover { background:#00B900; border-color:#00B900; }
  .single_share .share-type2 .note_button a:hover,
  .single_share .share-type4 .note_button a:hover { background:#000000; border-color:#000000; }
  .single_share .share-type2 .note_button a:hover:before,
  .single_share .share-type4 .note_button a:hover:before {
    content: '';
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; top:0px;
  }
}

@media screen and (max-width:800px) {
  .single_share .share-type1 .ttl,
  .single_share .share-type2 .ttl { display:none; }
  .single_share .share-type3 .ttl,
  .single_share .share-type4 .ttl { display:inline; }
  
  .single_share .share-type3 a,
  .single_share .share-type4 a { height:35px; line-height:37px; }
  
  .single_share .share-type4 a { line-height:35px; }
  
  .single_share a:before { margin:0; }
  .single_share .share-type3 a:before,
  .single_share .share-type4 a:before { margin-right:5px; }
  
  
.single_share .twitter a:before { top:0px }
.single_share .facebook a:before { top:-1px;  }
.single_share .hatebu a:before { top:0px; }
.single_share .pocket a:before { top:0px; }
.single_share .rss a:before { top:-1px; }
.single_share .feedly a:before {  top:-1.5px; }

}
@media screen and (max-width:500px) {
	.single_share .ttl { max-width:inherit; }
  .single_share .share-type3 li,
  .single_share .share-type4 li { width:calc(50% - 5px); max-width:inherit; }
}

.single_share .share-type5 ul { display:flex; flex-wrap:wrap; margin:0 -3px -10px 0; }
.single_share .share-type5 li { margin:0 3px 3px 0; }
.single_share .share-type5 li.pocket_button { width:90px !important; }


@media only screen and (max-width:991px) {
	.l-footer__logo {
		margin-bottom:13.2px
	}
}
@media only screen and (max-width:767px) {
	.l-footer {
		padding-top:29.4px
	}
	.l-footer__inner {
		padding-bottom:27px
	}
}
@media only screen and (max-width:1200px) {
	.l-header,
	.l-header--large,
	.l-header.is-fixed {
		height:60px;
		line-height:60px
	}
	.l-header.is-fixed~.l-main {
		margin-top:60px
	}
	.l-header.is-fixed.is-mobile-fix~.l-main {
		margin-top:0px
	}
	.l-header__inner {
		display:block;
		width:100%;
		height:100%;
		max-width:none
	}
	.l-header__logo {
		position:relative;
		height:100%;
		padding-left:22px
	}
	.l-header__logo a {
		line-height:60px;
		height:60px
	}
}
@media only screen and (max-width:767px) {
	.l-inner {
		width:88.88889%
	}
	.l-inner--narrow {
		width:100%
	}
}
@media only screen and (max-width:767px) {
	.c-breadcrumb__item+.c-breadcrumb__item::before {
		margin-left:5px;
		margin-right:5px
	}
}
@media only screen and (max-width:767px) {
	.c-comment__item-act {
		margin-top:10px;
		padding-left:0;
		position:static
	}
	.c-comment__tab-item a,
	.c-comment__tab-item p {
		padding:5px 10px
	}
	.c-comment__tab-item.is-active a,
	.c-comment__tab-item.is-active p {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		align-items:center;
		justify-content:center
	}
}
@media only screen and (max-width:767px) {
	.p-header-video,
	.p-header-youtube {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		align-items:center;
		justify-content:center
	}
	.p-header-video .caption,
	.p-header-youtube .caption {
		width:100%;
		padding:0 50px;
		text-align:center
	}
}
@media only screen and (max-width:500px) {
	.p-header-video .caption .title,
	.p-header-youtube .caption .title {
		margin-bottom:10px
	}
	.p-header-video .caption .desc,
	.p-header-youtube .caption .desc {
		margin-bottom:13.4px;
		line-height:2
	}
}
@media only screen and (max-width:767px) {
	.c-load--type1 {
		width:30px;
		height:30px
	}
	.c-load--type2::before {
		width:8px;
		height:8px
	}
	.c-load--type2::after {
		width:8px;
		height:8px
	}
	#site_loader_animation i {
		width:.25em;
		height:.25em;
		margin:0 .125em
	}
}
@media only screen and (max-width:1200px) {
	.c-menu-button {
		display:block
	}
}
@media only screen and (max-width:767px) {
	.c-meta-box {
		background:0 0;
		margin-bottom:10px;
		padding:0
	}
	.c-meta-box__item {
		border-right:0;
		float:none;
		margin-bottom:20px
	}
}
@media only screen and (max-width:991px) {
	.c-nav01__item--prev a::before {
		content:attr(data-prev)
	}
	.c-nav01__item--next a::before {
		content:attr(data-next)
	}
}
@media only screen and (max-width:767px) {
	.c-nav01__item {
		text-align:center;
		font-size:12px;
		width:50%;
		height:50px
	}
	.c-nav01__item a {
		box-sizing:border-box;
		display:block;
		line-height:48px;
		padding:0;
		width:100%;
		height:48px
	}
	.c-nav01__item--prev::before {
		color:#cecece;
		left:16px;
		width:18px;
		height:18px;
		line-height:20px
	}
	.c-nav01__item--next::after {
		color:#cecece;
		right:16px;
		width:18px;
		height:18px;
		line-height:20px
	}
}
@media only screen and (max-width:767px) {
	.c-pw__box {
		margin:0 auto;
		width:88.88889%;
		padding:20px;
		text-align:center
	}
	.c-pw__box-inner {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.c-pw__box-label {
		display:block;
		margin-bottom:1em;
		margin-right:0;
		font-size:12px
	}
	.c-pw__box-input {
		display:block;
		width:100%;
		margin-bottom:1em;
		margin-right:0
	}
}
@media only screen and (max-width:991px) {
	.c-share__btn {
		margin-bottom:5px
	}
}
@media only screen and (max-width:991px) {
	.p-address {
		display:block
	}
}
@media only screen and (max-width:767px) {
	.p-article01__thumbnail {
		margin-bottom:9px
	}
	.p-article01__title {
		font-size:12px;
		line-height:1.8;
		margin-bottom:2px
	}
	.p-article01__meta {
		font-size:12px
	}
	.p-article01__date+.p-article01__category::before {
		margin-left:5px;
		margin-right:5px
	}
}
@media only screen and (max-width:767px) {
	.p-article02 {
		padding:7px 20px 7px 7px
	}
	.p-article02__thumbnail {
		margin-right:20px;
		width:100px
	}
	.p-article02__thumbnail img {
		height:auto
	}
	.p-article02__header {
		margin-bottom:0
	}
	.p-article02__title {
		font-size:12px;
		font-weight:400;
		line-height:1.6;
		margin-bottom:0
	}
	.p-article02__date {
		font-size:10px
	}
	.p-article02__excerpt {
		display:none
	}
}
@media only screen and (max-width:767px) {
	.p-blog-list {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin-bottom:0
	}
	.p-blog-list__item {
		margin-right:0;
		margin-bottom:30px;
		width:46.875%
	}
}
@media only screen and (max-width:991px) {
	.p-breadcrumb {
		margin-bottom:35px
	}
}
@media only screen and (max-width:767px) {
	.p-breadcrumb {
		font-size:12px;
		line-height:2;
		margin-bottom:13.5px
	}
}
@media only screen and (max-width:767px) {
	.p-button {
		font-size:12px;
		line-height:40px;
		width:150px;
		height:40px
	}
}
@media only screen and (max-width:991px) {
	.p-copyright {
		font-size:14px;
		height:50px;
		line-height:50px;
		text-align:center
	}
	.p-copyright small {
		float:none
	}
}
@media only screen and (max-width:991px) {
	.p-cta--type2 .p-cta__inner {
		width:60%
	}
	.p-cta--type2 .p-cta__img {
		width:40%
	}
}
@media only screen and (max-width:767px) {
	.p-cta {
		height:280px;
		margin-bottom:30px
	}
	.p-cta--type1 {
		display:block
	}
	.p-cta--type1 .p-cta__inner {
		box-sizing:border-box;
		height:100%;
		padding-top:20px
	}
	.p-cta--type1 .p-cta__btn {
		width:calc(100% - 20px);
		position:absolute;
		left:0;
		right:0;
		bottom:10px;
		margin:0 auto
	}
	.p-cta--type1 .p-cta__desc {
		font-size:12px!important;
		line-height:1.5
	}
	.p-cta--type2 {
		height:auto;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.p-cta--type2 .p-cta__inner {
		border:1px solid #ddd;
		border-top:0;
		padding:20px 10px 10px;
		width:100%
	}
	.p-cta--type2 .p-cta__catch {
		margin-bottom:6px
	}
	.p-cta--type2 .p-cta__desc p {
		margin-bottom:12px
	}
	.p-cta--type2 .p-cta__btn {
		position:static
	}
	.p-cta--type2 .p-cta__img {
		width:100%
	}
	.p-cta__inner {
		padding:0 10px
	}
	.p-cta__catch {
		font-size:16px!important;
		margin-bottom:6px;
		padding:0 10px;
		text-align:left
	}
	.p-cta__desc {
		font-size:14px!important;
		line-height:1.8;
		padding:0 10px;
		text-align:left
	}
	.p-cta__desc p {
		margin-bottom:0
	}
	.p-cta__btn {
		min-width:0;
		width:100%;
		height:50px;
		line-height:50px
	}
	.p-cta__img {
		overflow:visible;
		width:100%
	}
	.p-cta__img img {
		position:static;
		transform:none;
		width:100%;
		height:auto
	}
}
@media only screen and (max-width:991px) {
	.p-entry__ad-item {
		display:block
	}
	.p-entry__ad-item+.p-entry__ad-item {
		margin-top:30px;
		margin-left:0
	}
}
@media only screen and (max-width:767px) {
	.p-entry__body {
		margin-bottom:34px;
		width:100%
	}
	body.home .p-entry__body {
		 margin-top:  34px; 
	}
	.p-entry__body {
		font-size:14px;
		line-height:2
	}
	.p-entry__body p {
		font-size:inherit
	}
	.p-entry__body p.has-small-font-size {
		font-size:80%!important
	}
	.p-entry__body p.has-medium-font-size {
		font-size:100%!important
	}
	.p-entry__body p.has-large-font-size {
		font-size:120%!important
	}
	.p-entry__body p.has-huge-font-size {
		font-size:150%!important
	}
	.p-entry__body td,
	.p-entry__body th {
		font-size:12px
	}
	.p-entry__share {
		margin-bottom:23px
	}
	.p-entry__nav {
		margin-bottom:30px
	}
	.p-entry__related {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin-bottom:0
	}
	.p-entry__related .no-post{
		margin-bottom:20px;
	}
	.p-entry__related-item {
		margin-right:0;
		margin-bottom:30px;
		width:46.875%
	}
	.p-entry__ad {
		margin-bottom:30px
	}
}
@media only screen and (max-width:767px) {
	.p-footer-blog {
		margin-bottom:30px
	}
	.p-footer-blog__catch {
		font-size:18px!important;
		line-height:1.4;
		margin-bottom:25.4px;
		text-align:center
	}
	.p-footer-blog__archive-link {
		display:none
	}
	.p-footer-blog__list {
		padding-bottom:38px
	}
	.p-footer-blog__item-wrapper {
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
	.p-footer-blog__item {
		margin-bottom:25.5px;
		width:47.5%
	}
	.p-footer-blog__item:nth-child(even) {
		margin-right:0
	}
	.p-footer-blog__item:nth-child(3),
	.p-footer-blog__item:nth-child(4) {
		margin-bottom:0
	}
}
@media only screen and (max-width:1199px) {
	.p-footer-cta__catch {
		margin-bottom:0
	}
	.p-footer-cta__desc {
		display:none
	}
	.p-footer-cta__btn {
		margin-left:30px
	}
}
@media only screen and (max-width:991px) {
	.p-footer-cta__catch {
		font-size:16px
	}
}
@media only screen and (max-width:767px) {
	.p-footer-cta__inner {
		height:60px;
		padding-left:10px;
		padding-right:55px
	}
	.p-footer-cta__inner::after {
		content:"\e910";
		color:#fff;
		font-family:design_plus;
		font-size:14px;
		width:14px;
		height:14px;
		position:absolute;
		top:0;
		bottom:0;
		right:45px;
		margin:auto
	}
	.p-footer-cta__catch {
		font-size:11px;
		line-height:1.6;
		margin-bottom:0
	}
	.p-footer-cta__desc {
		display:none
	}
	.p-footer-cta__btn {
		display:none
	}
	.p-footer-cta__close {
		border-radius:0;
		top:0;
		right:0;
		width:35px;
		height:100%;
		background:#444;
		text-align:center
	}
	.p-footer-cta__close::before {
		height:100%;
		line-height:60px
	}
}
@media only screen and (max-width:767px) {
	.p-footer-nav {
		font-size:12px;
		line-height:2.6
	}
}
@media screen and (max-width:375px) {
	.p-footer-nav {
		line-height:1.8
	}
}
@media only screen and (max-width:1200px) {
	.p-global-nav {
		display:none;
		position:absolute;
		top:60px;
		left:0;
		z-index:99;
		width:100%
	}
	.is-fixed .p-global-nav {
		height:100vh;
		overflow:auto
	}
	.p-global-nav>li {
		float:none
	}
	.p-global-nav>li>a:hover {
		color:#fff
	}
	.p-global-nav li {
		width:100%
	}
	.p-global-nav li.current-menu-item a {
		color:#fff
	}
	.p-global-nav .menu-item-has-children>a>span.is-active::before {
		content:"-"
	}
	.p-global-nav .menu-item-has-children>a>span::before {
		border:1px solid #555;
		border-radius:100%;
		color:#aaa;
		content:"+";
		line-height:24px;
		display:block;
		margin:auto;
		position:absolute;
		top:0;
		right:17px;
		bottom:0;
		text-align:center;
		width:24px;
		height:24px
	}
	.p-global-nav .sub-menu {
		display:none;
		opacity:1;
		position:static;
		visibility:visible;
		width:100%;
		transition-property:none
	}
	.p-global-nav .sub-menu li {
		box-sizing:border-box;
		padding-left:1em
	}
	.p-global-nav .sub-menu .menu-item-has-children>a::after {
		content:""
	}
	.p-global-nav .sub-menu a {
		background:0 0!important;
		height:50px;
		line-height:50px;
		padding:0 22px;
		width:100%
	}
	.p-global-nav a {
		color:#fff!important;
		box-sizing:border-box;
		font-size:13px;
		height:50px;
		line-height:50px;
		position:relative
	}
	.p-global-nav > li.rev ul li.menu-item-has-children > a:after, .p-global-nav > li:nth-last-of-type(1) ul li.menu-item-has-children > a:after { content:''; }
	.p-global-nav > li.rev ul li.menu-item-has-children > a, .p-global-nav > li:nth-last-of-type(1) ul li.menu-item-has-children > a { padding-left: 22px; }
}
@media only screen and (max-width:767px) {
	.p-headline {
		font-size:14px!important;
		height:40px;
		line-height:40px;
		text-align:center;
		margin-bottom:6.25%
	}
}

@media only screen and (max-width:767px) {
	.p-index-content01 {
		padding-top:24.4px;
		padding-bottom:24px
	}
	.p-index-content01__catch {
		margin-bottom:6.4px
	}
	.p-index-content01__desc {
		line-height:2
	}
}
@media only screen and (max-width:767px) {
	.p-index-content02 {
		border-top:1px solid #ddd;
		display:block;
		margin-bottom:0;
		padding-top:26.4px
	}
	.p-index-content02__item {
		border-right:0;
		margin-bottom:30px;
		padding-left:0;
		padding-right:0
	}
	.p-index-content02__item-catch {
		line-height:1.4;
		margin-bottom:10.4px
	}
	.p-index-content02__item-desc {
		line-height:2;
		margin-bottom:24px
	}
}
@media only screen and (max-width:767px) {
	.p-index-content04 {
		padding-top:24.4px;
		padding-bottom:24px
	}
	.p-index-content04 .slick-dots {
		margin-top:10px;
		position:static
	}
	.p-index-content04__catch {
		margin-bottom:6.4px
	}
	.p-index-content04__summary {
		line-height:2;
		margin-bottom:24px
	}
	.p-index-content04__carousel {
		padding-bottom:0
	}
	.p-index-content04__carousel.slick-slider {
		margin-bottom:23px
	}
	.p-index-content04__carousel__no-slide{
		margin-bottom: 23px;
	}
	.p-index-content04__carousel__no-slide a{
		width: 33%;
		max-width: unset;
	}
	.p-index-content04__desc {
		display:block;
		columns:1;
		font-size:14px!important;
		line-height:2
	}
	.p-index-content04__desc p {
		margin:0!important;
	}
}
@media only screen and (max-width:767px) {
	.p-index-content05__image {
		position:static
	}
}
@media only screen and (max-width:767px) {
	.p-index-content06 {
		padding-top:30px;
		padding-bottom:0
	}
	.p-index-content06__item {
		margin-bottom:24px;
		width:100%
	}
	.p-index-content06__item-image {
		margin-bottom:18.4px;
		width:180px;
		height:180px
	}
	.p-index-content06__item-catch {
		line-height:1.4;
		margin-bottom:8.4px
	}
	.p-index-content06__item-desc {
		font-size:14px!important;
		line-height:2
	}
	.p-index-content07__review_row{
		display: block;
	 }
}
@media only screen and (max-width:991px) {
	.p-index-content07 .slick-dots {
		bottom:0
	}
	.p-index-content07 .slick-dotted.slick-slider {
		margin-bottom:42px
	}
	.p-index-content07 .p-review__desc {
		font-size:14px
	}
	.p-index-content07__catch {
		margin-bottom:26.4px
	}
	.p-index-content07__review {
		padding-left:0;
		padding-right:0;
		padding-bottom:30px;
		width:100%
	}
}
@media only screen and (max-width:767px) {
	.p-index-content07 {
		height:auto;
		padding:26px 0 30px;
		text-align:center
	}
	.p-index-content07__archive-link {
		font-size:12px
	}
}
@media only screen and (max-width:767px) {
	.p-index-content09 {
		padding-top:24.4px;
		padding-bottom:30px
	}
	.p-index-content09__catch {
		font-size:18px!important;
		margin-bottom:6.4px
	}
	.p-index-content09__desc {
		font-size:12px!important;
		line-height:2
	}
}
@media only screen and (max-width:991px) {
	.p-index-slider__item-content {
		width:56%
	}
	.p-index-slider__item-image {
		width:39%
	}
}
@media only screen and (max-width:500px) {
	.p-index-slider {
		height:580px
	}
	.p-index-slider__item-inner {
		height:100%;
		text-align:center;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		justify-content:center
	}
	.p-index-slider__item-content {
		width:100%
	}
	.p-index-slider__item-catch {
		margin-bottom:10px
	}
	.p-index-slider__item-desc {
		line-height:2;
		margin-bottom:13.4px
	}
	.p-index-slider__item-button {
		margin-bottom:20px
	}
	.p-index-slider__item-image {
		margin-bottom:20px;
		width:auto
	}
	.p-header-video,
	.p-header-youtube {
		height:calc(100svh - 60px);
	}
}
@media only screen and (max-width:767px) {
	.p-latest-news {
		margin-bottom:30px
	}
	.p-latest-news__title {
		font-size:14px;
		height:40px;
		line-height:40px;
		padding-left:13px
	}
	.p-latest-news__archive-link {
		font-size:12px;
		right:11px
	}
	.p-latest-news__item a {
		padding-left:13px;
		padding-right:35px
	}
	.p-latest-news__item a::after {
		right:9px
	}
	.p-latest-news__item-title {
		font-size:12px
	}
	.p-latest-news__item-date {
		font-size:10px
	}
}
@media only screen and (max-width:991px) {
	.p-news-list {
		margin-bottom:18px
	}
	.p-news-list__item {
		margin-right:0;
		width:100%
	}
}
@media only screen and (max-width:767px) {
	.p-news-list__item {
		margin-bottom:0
	}
	.p-news-list__item+.p-news-list__item {
		border-top:0
	}
}
@media only screen and (max-width:991px) {
	.p-news-ticker {
		box-sizing:border-box;
		font-size:12px;
		height:115px;
		line-height:1.6;
		padding-top:17px
	}
	.p-news-ticker__inner {
		height:100%
	}
	.p-news-ticker__archive-link {
		line-height:1;
		top:auto;
		bottom:20px;
		right:0
	}
	.p-news-ticker__archive-link::after {
		margin-left:10px
	}
	.p-news-ticker__item-date {
		display:block;
		font-size:12px;
		line-height:1;
		margin-bottom:6.4px
	}
}
@media only screen and (max-width:767px) {
	.p-pager {
		margin-bottom:50px
	}
}
@media only screen and (max-width:991px) {
	.p-page-header {
		margin-bottom:35px
	}
	.p-page-header__title {
		font-size:30px!important
	}
	.p-page-header__desc {
		font-size:14px!important
	}
}
@media only screen and (max-width:767px) {
	.p-page-header {
		height:280px;
		margin-bottom:13.5px
	}
	.p-page-header__title {
		font-size:20px!important;
		line-height:1.4;
		margin-bottom:0
	}
	.p-page-header__desc {
		font-size:12px!important;
		line-height:2;
		text-align:left
	}
	.p-page-header__meta {
		font-size:12px;
		line-height:1.2
	}
}
@media only screen and (max-width:767px) {
	.p-pagetop {
		line-height:50px;
		position:fixed;
		bottom:0;
		right:0;
		z-index:9999
	}
	.p-pagetop a {
		width:50px;
		height:50px;
		text-align:center
	}
	.p-pagetop a::after {
		position:static
	}
}
@media only screen and (max-width:991px) {
	.p-review {
		text-align:center
	}
	.p-review__image {
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:19px
	}
	.p-review__desc,
	.p-review__name {
		text-align:left
	}
	.p-review__button {
		line-height:40px;
		margin-left:auto;
		margin-right:auto;
		width:160px;
		height:40px
	}
}
@media only screen and (max-width:767px) {
	.p-review__name {
		font-size:12px;
		line-height:2;
		text-align:left
	}
	.p-review__desc {
		font-size:12px;
		line-height:2;
		text-align:left
	}
	.p-review__button {
		font-size:12px;
		margin-bottom:5.8px
	}
}
@media only screen and (max-width:767px) {
	.p-review-header__name {
		font-size:12px;
		margin-bottom:26px;
		min-width:160px;
		height:40px;
		line-height:40px
	}
	.p-review-header__title {
		font-size:20px!important;
		margin-bottom:26px;
		width:100%
	}
}
@media only screen and (max-width:767px) {
	.p-review-footer {
		border:0;
		margin-bottom:50px;
		text-align:center
	}
	.p-review-footer+.p-cta {
		margin-bottom:30px
	}
	.p-review-footer__name {
		font-size:12px;
		margin-bottom:40px
	}
	.p-review-footer__link {
		font-size:12px;
		min-width:160px;
		height:40px;
		line-height:40px
	}
}
@media only screen and (max-width:767px) {
	.p-review-list {
		margin-bottom:20px
	}
	.p-review-list__row {
		border-bottom:0;
		padding-top:0
	}
	.p-review-list__item {
		border-bottom:1px solid #ddd;
		margin-top:18.8px;
		padding-bottom:24px;
		width:100%
	}
}
@media only screen and (max-width:767px) {
	.p-social-nav {
		margin-bottom:22px
	}
}
@media only screen and (max-width:991px) {
	.p-showcase__content {
		width:56%
	}
	.p-showcase__image {
		width:40%
	}
}
@media only screen and (max-width:767px) {
	.p-showcase__inner {
		box-sizing:border-box;
		padding-top:50px;
		text-align:center
	}
	.p-showcase__content {
		position:relative;
		position:static;
		-webkit-transform:none;
		transform:none;
		width:100%
	}
	.p-showcase__catch {
		margin-bottom:10px
	}
	.p-showcase__desc {
		line-height:2;
		margin-bottom:14px
	}
	.p-showcase__action {
		margin-bottom:28px
	}
	.p-showcase__image {
		left:0;
		margin:auto;
		-webkit-transform:none;
		transform:none;
		width:auto;
		height:40%
	}
	.p-showcase__image img {
		width:auto;
		height:100%
	}
}

 /**  showcaseの画像が700pxより大きい場合 **/
@media only screen and (max-width:767px) {
	.p-showcase.mode-auto {
		min-height: unset;
	}
	.p-showcase.mode-auto .p-showcase__inner{
		min-height: unset;
		display: block;
	}
	.p-showcase.mode-auto .p-showcase__image img{ width: 100%; height: auto; }
	.p-showcase.mode-auto .p-showcase__image { height: unset; position: unset;margin: 15px 0 25px;}
	.p-showcase.mode-auto {
		height: auto;
	}
}

@media only screen and (max-width:767px) {
	.p-widget {
		margin-bottom:30px
	}
	.p-widget__title,.widget_block .wp-block-heading {
		font-size:14px;
		margin-bottom:18px
	}
}
@media only screen and (max-width:767px) {
	.p-widget-dropdown {
		height:40px;
		line-height:40px
	}
}
@media only screen and (max-width:767px) {
	.p-widget-list__item {
		border:1px solid #ddd;
		font-size:12px;
		line-height:1.6;
		margin-bottom:0
	}
	.p-widget-list__item+.p-widget-list__item {
		border-top:0
	}
	.p-widget-list__item a {
		padding:14.4px 44px 14.4px 20px
	}
	.p-widget-list__item a::after {
		right:9px
	}
}
@media only screen and (max-width:767px) {
	.p-widget-search__input {
		height:40px;
		line-height:40px;
		width:calc(100% - 40px)
	}
	.p-widget-search__submit {
		width:40px;
		height:40px
	}
}
@media only screen and (max-width:767px) {
	.p-widget-area__inner {
		padding-top:30px;
		padding-bottom:0
	}
	.p-widget-area__column {
		float:none;
		margin-right:0;
		margin-bottom:30px;
		width:100%
	}
}
@media only screen and (max-width:991px) {
	.pb_headline {
		font-size:30px
	}
}
@media only screen and (max-width:767px) {
	.pb_headline {
		font-size:20px
	}
	.pb_catchcopy {
		font-size:20px
	}
}:root {
  /* base */
  --tcdce-base-font-size-pc: inherit;
  --tcdce-base-font-size-sp: inherit;
  --tcdce-base-font-family: inherit;
  --tcdce-base-line-height-pc: 2.4;
  --tcdce-base-line-height-sp: 2.2;
  --tcdce-base-font-color: inherit;
  --tcdce-base-link-color: #0b57d0;
  --tcdce-base-link-decoration: underline;
  --tcdce-base-margin-top-pc: 0;
  --tcdce-base-margin-top-sp: 0;
  --tcdce-base-margin-bottom-pc: 40px;
  --tcdce-base-margin-bottom-sp: 30px;
  --tcdce-half-leading: calc((1em - 1lh) / 2);

  /* オプション */
  --tcdce-opt-font-type-serif: "Times New Roman", times, "游明朝", "Yu Mincho",
    "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
    "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  --tcdce-opt-font-type-sans-serif: Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  --tcdce-opt-font-weight-normal: 400;
  --tcdce-opt-font-weight-bold: 600;
  --tcdce-opt-inset-block-top: 0 auto;
  --tcdce-opt-inset-block-center: 0;
  --tcdce-opt-inset-block-bottom: auto 0;
  --tcdce-opt-inset-inline-left: 0 auto;
  --tcdce-opt-inset-inline-center: 0;
  --tcdce-opt-inset-inline-right: auto 0;
  --tcdce-opt-icon: "";
  --tcdce-opt-icon--info: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480.01-290q12.76 0 21.37-8.63Q510-307.25 510-320v-170q0-12.75-8.63-21.38-8.63-8.62-21.38-8.62-12.76 0-21.37 8.62Q450-502.75 450-490v170q0 12.75 8.63 21.37 8.63 8.63 21.38 8.63ZM480-588.46q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.07 488.46q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  --tcdce-opt-icon--help: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M479.56-255.39q17.13 0 28.94-11.82 11.81-11.83 11.81-28.97 0-17.13-11.83-28.94-11.83-11.8-28.96-11.8-17.13 0-28.94 11.83-11.81 11.83-11.81 28.96 0 17.13 11.83 28.94 11.83 11.8 28.96 11.8Zm.51 155.39q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Zm3.24-171.23q27.68 0 47.91 17.43 20.24 17.43 20.24 43.57 0 22-12.93 39.38-12.92 17.39-29.54 32.39-21.78 19.32-38.35 42.51-16.57 23.18-17.72 51.64-.39 10.93 7.69 18.31 8.08 7.38 18.84 7.38 11.54 0 19.54-7.69t10.23-18.84q4-20.62 17.04-36.73 13.04-16.12 28.25-30.65 21.87-21.32 38.17-46.48 16.31-25.17 16.31-56.14 0-47.54-37.46-78.12Q534-703.84 484-703.84q-35.69 0-67.31 15.8-31.61 15.81-49.23 46.12-5.46 9.31-3.5 19.59 1.95 10.29 10.55 15.62 10.95 6.09 22.49 3.48 11.54-2.62 19.61-13.15 12.16-15.77 29.43-25.31t37.2-9.54Z"/></svg>');
  --tcdce-opt-icon--pen: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M200-200h50.46l409.46-409.46-50.46-50.46L200-250.46V-200Zm-23.84 60q-15.37 0-25.76-10.4-10.4-10.39-10.4-25.76v-69.3q0-14.63 5.62-27.89 5.61-13.26 15.46-23.11l506.54-506.31q9.07-8.24 20.03-12.73 10.97-4.5 23-4.5t23.3 4.27q11.28 4.27 19.97 13.58l48.85 49.46q9.31 8.69 13.27 20 3.96 11.31 3.96 22.62 0 12.07-4.12 23.03-4.12 10.97-13.11 20.04L296.46-161.08q-9.85 9.85-23.11 15.46-13.26 5.62-27.89 5.62h-69.3Zm584.22-570.15-50.23-50.23 50.23 50.23Zm-126.13 75.9-24.79-25.67 50.46 50.46-25.67-24.79Z"/></svg>');
  --tcdce-opt-icon--bulb: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-96.92q-30.31 0-52.27-21-21.96-21-23.88-51.31h152.3q-1.92 30.31-23.88 51.31-21.96 21-52.27 21Zm-120-127.7q-12.77 0-21.38-8.61-8.62-8.62-8.62-21.39 0-12.77 8.62-21.38 8.61-8.62 21.38-8.62h240q12.77 0 21.38 8.62 8.62 8.61 8.62 21.38t-8.62 21.39q-8.61 8.61-21.38 8.61H360ZM336.15-340q-62.84-39.08-99.49-102.12Q200-505.15 200-580q0-116.92 81.54-198.46T480-860q116.92 0 198.46 81.54T760-580q0 74.85-36.66 137.88-36.65 63.04-99.49 102.12h-287.7ZM354-400h252q45-32 69.5-79T700-580q0-92-64-156t-156-64q-92 0-156 64t-64 156q0 54 24.5 101t69.5 79Zm126 0Z"/></svg>');
  --tcdce-opt-icon--warn: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-290.77q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.01-146.15q12.76 0 21.37-8.63 8.62-8.62 8.62-21.37v-180q0-12.75-8.63-21.38-8.63-8.62-21.38-8.62-12.76 0-21.37 8.62-8.62 8.63-8.62 21.38v180q0 12.75 8.63 21.37 8.63 8.63 21.38 8.63Zm.06 336.92q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  --tcdce-opt-icon--good: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M827.69-620q28.54 0 50.42 21.89Q900-576.23 900-547.69v64.61q0 6.3-1.62 13.5-1.61 7.19-3.61 13.43l-114.64 270.5q-8.59 19.19-28.82 32.42T709.09-140H288.46v-480l232.69-230.69q11.93-11.92 27.62-14.23 15.69-2.31 30.07 5.38 14.39 7.7 21.08 21.85 6.69 14.15 2.85 29.31L559.69-620h268Zm-479.23 25.54V-200h360.77q4.23 0 8.65-2.31 4.43-2.31 6.74-7.69L840-480v-67.69q0-5.39-3.46-8.85t-8.85-3.46H483.85L534-779.23 348.46-594.46ZM172.31-140q-29.83 0-51.07-21.24Q100-182.48 100-212.31v-335.38q0-29.83 21.24-51.07Q142.48-620 172.31-620h116.15v60H172.31q-5.39 0-8.85 3.46t-3.46 8.85v335.38q0 5.39 3.46 8.85t8.85 3.46h116.15v60H172.31Zm176.15-60v-394.46V-200Z"/></svg>');
  --tcdce-opt-icon--bad: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M132.31-340q-28.54 0-50.42-21.89Q60-383.77 60-412.31v-64.61q0-6.3 1.62-13.5 1.61-7.19 3.61-13.43l114.64-270.5q8.59-19.19 28.82-32.42T250.91-820h420.63v480L438.85-109.31q-11.93 11.92-27.62 14.23-15.69 2.31-30.07-5.38-14.39-7.7-21.08-21.85-6.69-14.15-2.85-29.31L400.31-340h-268Zm479.23-25.54V-760H250.77q-4.23 0-8.65 2.31-4.43 2.31-6.74 7.69L120-480v67.69q0 5.39 3.46 8.85t8.85 3.46h343.84L426-180.77l185.54-184.77ZM787.69-820q29.83 0 51.07 21.24Q860-777.52 860-747.69v335.38q0 29.83-21.24 51.07Q817.52-340 787.69-340H671.54v-60h116.15q5.39 0 8.85-3.46t3.46-8.85v-335.38q0-5.39-3.46-8.85t-8.85-3.46H671.54v-60h116.15Zm-176.15 60v394.46V-760Z"/></svg>');
  --tcdce-opt-icon--check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="m382-339.38 345.54-345.54q8.92-8.93 20.88-9.12 11.96-.19 21.27 9.12 9.31 9.31 9.31 21.38 0 12.08-9.31 21.39l-362.38 363q-10.85 10.84-25.31 10.84-14.46 0-25.31-10.84l-167-167q-8.92-8.93-8.8-21.2.11-12.26 9.42-21.57t21.38-9.31q12.08 0 21.39 9.31L382-339.38Z"/></svg>');
  --tcdce-opt-icon--circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  --tcdce-opt-icon--cross: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-437.85 277.08-234.92q-8.31 8.3-20.89 8.5-12.57.19-21.27-8.5-8.69-8.7-8.69-21.08 0-12.38 8.69-21.08L437.85-480 234.92-682.92q-8.3-8.31-8.5-20.89-.19-12.57 8.5-21.27 8.7-8.69 21.08-8.69 12.38 0 21.08 8.69L480-522.15l202.92-202.93q8.31-8.3 20.89-8.5 12.57-.19 21.27 8.5 8.69 8.7 8.69 21.08 0 12.38-8.69 21.08L522.15-480l202.93 202.92q8.3 8.31 8.5 20.89.19 12.57-8.5 21.27-8.7 8.69-21.08 8.69-12.38 0-21.08-8.69L480-437.85Z"/></svg>');

  /* h1 */
  /* ベース */
  --tcdce-h1-font-size-pc: 32px;
  --tcdce-h1-font-size-sp: 22px;
  --tcdce-h1-line-height: 1.5;
  --tcdce-h1-text-align: center;
  --tcdce-h1-font-weight: 600;
  --tcdce-h1-font-color: var(--tcdce-base-font-color);
  --tcdce-h1-font-family: var(--tcdce-base-font-family);
  --tcdce-h1-content-width: 100%;
  /* 背景 */
  --tcdce-h1-background: initial;
  --tcdce-h1-background-color: ;
  --tcdce-h1-background-gradation-color1: ;
  --tcdce-h1-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h1-border-style: hidden;
  --tcdce-h1-border-position: var(--tcdce-h2-border-width);
  --tcdce-h1-border-width: 0px;
  --tcdce-h1-border-color: ;
  --tcdce-h1-border-gradation-color1: ;
  --tcdce-h1-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h1-element-background: initial;
  --tcdce-h1-element-color: ;
  --tcdce-h1-element-gradation-color1: ;
  --tcdce-h1-element-gradation-color2: ;
  --tcdce-h1-element-image-url: ;
  --tcdce-h1-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h1-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h1-element-size-w-pc: 0px;
  --tcdce-h1-element-size-w-sp: 0px;
  --tcdce-h1-element-size-h-pc: 0px;
  --tcdce-h1-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h1-padding-pc: 0px;
  --tcdce-h1-padding-sp: 0px;
  --tcdce-h1-padding-top-pc: 0px;
  --tcdce-h1-padding-top-sp: 0px;
  --tcdce-h1-padding-right-pc: 0px;
  --tcdce-h1-padding-right-sp: 0px;
  --tcdce-h1-padding-bottom-pc: 0px;
  --tcdce-h1-padding-bottom-sp: 0px;
  --tcdce-h1-padding-left-pc: 0px;
  --tcdce-h1-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h1-margin-top-pc: 100px;
  --tcdce-h1-margin-top-sp: 50px;
  --tcdce-h1-margin-bottom-pc: 30px;
  --tcdce-h1-margin-bottom-sp: 20px;

  /* h2 */
  /* ベース */
  --tcdce-h2-font-size-pc: 28px;
  --tcdce-h2-font-size-sp: 22px;
  --tcdce-h2-line-height: 1.5;
  --tcdce-h2-text-align: center;
  --tcdce-h2-font-weight: 600;
  --tcdce-h2-font-color: var(--tcdce-base-font-color);
  --tcdce-h2-font-family: var(--tcdce-base-font-family);
  --tcdce-h2-content-width: 100%;
  /* 背景 */
  --tcdce-h2-background: initial;
  --tcdce-h2-background-color: ;
  --tcdce-h2-background-gradation-color1: ;
  --tcdce-h2-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h2-border-style: hidden;
  --tcdce-h2-border-position: var(--tcdce-h2-border-width);
  --tcdce-h2-border-width: 0px;
  --tcdce-h2-border-color: ;
  --tcdce-h2-border-gradation-color1: ;
  --tcdce-h2-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h2-element-background: initial;
  --tcdce-h2-element-color: ;
  --tcdce-h2-element-gradation-color1: ;
  --tcdce-h2-element-gradation-color2: ;
  --tcdce-h2-element-image-url: ;
  --tcdce-h2-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h2-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h2-element-size-w-pc: 0px;
  --tcdce-h2-element-size-w-sp: 0px;
  --tcdce-h2-element-size-h-pc: 0px;
  --tcdce-h2-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h2-padding-pc: 0px;
  --tcdce-h2-padding-sp: 0px;
  --tcdce-h2-padding-top-pc: 0px;
  --tcdce-h2-padding-top-sp: 0px;
  --tcdce-h2-padding-right-pc: 0px;
  --tcdce-h2-padding-right-sp: 0px;
  --tcdce-h2-padding-bottom-pc: 0px;
  --tcdce-h2-padding-bottom-sp: 0px;
  --tcdce-h2-padding-left-pc: 0px;
  --tcdce-h2-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h2-margin-top-pc: 100px;
  --tcdce-h2-margin-top-sp: 50px;
  --tcdce-h2-margin-bottom-pc: 30px;
  --tcdce-h2-margin-bottom-sp: 20px;

  /* h3 */
  /* ベース */
  --tcdce-h3-font-size-pc: 24px;
  --tcdce-h3-font-size-sp: 20px;
  --tcdce-h3-line-height: 1.5;
  --tcdce-h3-text-align: left;
  --tcdce-h3-font-weight: 600;
  --tcdce-h3-font-color: var(--tcdce-base-font-color);
  --tcdce-h3-font-family: var(--tcdce-base-font-family);
  --tcdce-h3-content-width: 100%;
  /* 背景 */
  --tcdce-h3-background: initial;
  --tcdce-h3-background-color: ;
  --tcdce-h3-background-gradation-color1: ;
  --tcdce-h3-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h3-border-style: hidden;
  --tcdce-h3-border-position: var(--tcdce-h3-border-width);
  --tcdce-h3-border-width: 0px;
  --tcdce-h3-border-color: ;
  --tcdce-h3-border-gradation-color1: ;
  --tcdce-h3-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h3-element-background: initial;
  --tcdce-h3-element-color: ;
  --tcdce-h3-element-gradation-color1: ;
  --tcdce-h3-element-gradation-color2: ;
  --tcdce-h3-element-image-url: ;
  --tcdce-h3-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h3-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h3-element-size-w-pc: 0px;
  --tcdce-h3-element-size-w-sp: 0px;
  --tcdce-h3-element-size-h-pc: 0px;
  --tcdce-h3-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h3-padding-pc: 0px;
  --tcdce-h3-padding-sp: 0px;
  --tcdce-h3-padding-top-pc: 0px;
  --tcdce-h3-padding-top-sp: 0px;
  --tcdce-h3-padding-right-pc: 0px;
  --tcdce-h3-padding-right-sp: 0px;
  --tcdce-h3-padding-bottom-pc: 0px;
  --tcdce-h3-padding-bottom-sp: 0px;
  --tcdce-h3-padding-left-pc: 0px;
  --tcdce-h3-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h3-margin-top-pc: 80px;
  --tcdce-h3-margin-top-sp: 50px;
  --tcdce-h3-margin-bottom-pc: 20px;
  --tcdce-h3-margin-bottom-sp: 20px;

  /* h4 */
  /* ベース */
  --tcdce-h4-font-size-pc: 22px;
  --tcdce-h4-font-size-sp: 18px;
  --tcdce-h4-line-height: 1.5;
  --tcdce-h4-text-align: left;
  --tcdce-h4-font-weight: 600;
  --tcdce-h4-font-color: var(--tcdce-base-font-color);
  --tcdce-h4-font-family: var(--tcdce-base-font-family);
  --tcdce-h4-content-width: 100%;
  /* 背景 */
  --tcdce-h4-background: initial;
  --tcdce-h4-background-color: ;
  --tcdce-h4-background-gradation-color1: ;
  --tcdce-h4-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h4-border-style: hidden;
  --tcdce-h4-border-position: var(--tcdce-h4-border-width);
  --tcdce-h4-border-width: 0px;
  --tcdce-h4-border-color: ;
  --tcdce-h4-border-gradation-color1: ;
  --tcdce-h4-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h4-element-background: initial;
  --tcdce-h4-element-color: ;
  --tcdce-h4-element-gradation-color1: ;
  --tcdce-h4-element-gradation-color2: ;
  --tcdce-h4-element-image-url: ;
  --tcdce-h4-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h4-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h4-element-size-w-pc: 0px;
  --tcdce-h4-element-size-w-sp: 0px;
  --tcdce-h4-element-size-h-pc: 0px;
  --tcdce-h4-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h4-padding-pc: 0px;
  --tcdce-h4-padding-sp: 0px;
  --tcdce-h4-padding-top-pc: 0px;
  --tcdce-h4-padding-top-sp: 0px;
  --tcdce-h4-padding-right-pc: 0px;
  --tcdce-h4-padding-right-sp: 0px;
  --tcdce-h4-padding-bottom-pc: 0px;
  --tcdce-h4-padding-bottom-sp: 0px;
  --tcdce-h4-padding-left-pc: 0px;
  --tcdce-h4-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h4-margin-top-pc: 60px;
  --tcdce-h4-margin-top-sp: 40px;
  --tcdce-h4-margin-bottom-pc: 15px;
  --tcdce-h4-margin-bottom-sp: 15px;

  /* h5 */
  /* ベース */
  --tcdce-h5-font-size-pc: 20px;
  --tcdce-h5-font-size-sp: 16px;
  --tcdce-h5-line-height: 1.5;
  --tcdce-h5-text-align: left;
  --tcdce-h5-font-weight: 600;
  --tcdce-h5-font-color: var(--tcdce-base-font-color);
  --tcdce-h5-font-family: var(--tcdce-base-font-family);
  --tcdce-h5-content-width: 100%;
  /* 背景 */
  --tcdce-h5-background: initial;
  --tcdce-h5-background-color: ;
  --tcdce-h5-background-gradation-color1: ;
  --tcdce-h5-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h5-border-style: hidden;
  --tcdce-h5-border-position: var(--tcdce-h5-border-width);
  --tcdce-h5-border-width: 0px;
  --tcdce-h5-border-color: ;
  --tcdce-h5-border-gradation-color1: ;
  --tcdce-h5-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h5-element-background: initial;
  --tcdce-h5-element-color: ;
  --tcdce-h5-element-gradation-color1: ;
  --tcdce-h5-element-gradation-color2: ;
  --tcdce-h5-element-image-url: ;
  --tcdce-h5-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h5-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h5-element-size-w-pc: 0px;
  --tcdce-h5-element-size-w-sp: 0px;
  --tcdce-h5-element-size-h-pc: 0px;
  --tcdce-h5-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h5-padding-pc: 0px;
  --tcdce-h5-padding-sp: 0px;
  --tcdce-h5-padding-top-pc: 0px;
  --tcdce-h5-padding-top-sp: 0px;
  --tcdce-h5-padding-right-pc: 0px;
  --tcdce-h5-padding-right-sp: 0px;
  --tcdce-h5-padding-bottom-pc: 0px;
  --tcdce-h5-padding-bottom-sp: 0px;
  --tcdce-h5-padding-left-pc: 0px;
  --tcdce-h5-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h5-margin-top-pc: 50px;
  --tcdce-h5-margin-top-sp: 40px;
  --tcdce-h5-margin-bottom-pc: 10px;
  --tcdce-h5-margin-bottom-sp: 10px;

  /* h6 */
  /* ベース */
  --tcdce-h6-font-size-pc: 18px;
  --tcdce-h6-font-size-sp: 16px;
  --tcdce-h6-line-height: 1.5;
  --tcdce-h6-text-align: left;
  --tcdce-h6-font-weight: 600;
  --tcdce-h6-font-color: var(--tcdce-base-font-color);
  --tcdce-h6-font-family: var(--tcdce-base-font-family);
  --tcdce-h6-content-width: 100%;
  /* 背景 */
  --tcdce-h6-background: initial;
  --tcdce-h6-background-color: ;
  --tcdce-h6-background-gradation-color1: ;
  --tcdce-h6-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-h6-border-style: hidden;
  --tcdce-h6-border-position: var(--tcdce-h6-border-width);
  --tcdce-h6-border-width: 0px;
  --tcdce-h6-border-color: ;
  --tcdce-h6-border-gradation-color1: ;
  --tcdce-h6-border-gradation-color2: ;
  /* エレメント */
  --tcdce-h6-element-background: initial;
  --tcdce-h6-element-color: ;
  --tcdce-h6-element-gradation-color1: ;
  --tcdce-h6-element-gradation-color2: ;
  --tcdce-h6-element-image-url: ;
  --tcdce-h6-element-inset-inline: var(--tcdce-opt-inset-inline-left);
  --tcdce-h6-element-inset-block: var(--tcdce-opt-inset-block-top);
  --tcdce-h6-element-size-w-pc: 0px;
  --tcdce-h6-element-size-w-sp: 0px;
  --tcdce-h6-element-size-h-pc: 0px;
  --tcdce-h6-element-size-h-sp: 0px;
  /* パディング */
  --tcdce-h6-padding-pc: 0px;
  --tcdce-h6-padding-sp: 0px;
  --tcdce-h6-padding-top-pc: 0px;
  --tcdce-h6-padding-top-sp: 0px;
  --tcdce-h6-padding-right-pc: 0px;
  --tcdce-h6-padding-right-sp: 0px;
  --tcdce-h6-padding-bottom-pc: 0px;
  --tcdce-h6-padding-bottom-sp: 0px;
  --tcdce-h6-padding-left-pc: 0px;
  --tcdce-h6-padding-left-sp: 0px;
  /* マージン */
  --tcdce-h6-margin-top-pc: 50px;
  --tcdce-h6-margin-top-sp: 40px;
  --tcdce-h6-margin-bottom-pc: 10px;
  --tcdce-h6-margin-bottom-sp: 10px;

  /* ul */
  --tcdce-ul-font-size-pc: 16px;
  --tcdce-ul-font-size-sp: 14px;
  --tcdce-ul-font-weight: normal;
  --tcdce-ul-font-color: var(--tcdce-base-font-color);
  /* 背景 */
  --tcdce-ul-background: initial;
  --tcdce-ul-background-color: ;
  --tcdce-ul-background-gradation-color1: ;
  --tcdce-ul-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-ul-border-style: hidden;
  --tcdce-ul-border-width: 2;
  --tcdce-ul-border-color: #000000;
  /* アイコン */
  --tcdce-ul-list-style: disc;
  --tcdce-ul-icon: none;
  --tcdce-ul-icon-offset: 1em;
  --tcdce-ul-icon-content: ;
  --tcdce-ul-icon-image-url: ;
  --tcdce-ul-icon-color: #000000;
  /* パディング */
  --tcdce-ul-padding-pc: 0px;
  --tcdce-ul-padding-sp: 0px;
  --tcdce-ul-padding-custom-pc: 30px;
  --tcdce-ul-padding-custom-sp: 15px;
  /* マージン */
  --tcdce-ul-margin-top-pc: 40px;
  --tcdce-ul-margin-top-sp: 30px;
  --tcdce-ul-margin-bottom-pc: 40px;
  --tcdce-ul-margin-bottom-sp: 30px;

  /* ol */
  --tcdce-ol-font-size-pc: 16px;
  --tcdce-ol-font-size-sp: 14px;
  --tcdce-ol-font-weight: normal;
  --tcdce-ol-font-color: var(--tcdce-base-font-color);
  /* 背景 */
  --tcdce-ol-background: initial;
  --tcdce-ol-background-color: ;
  --tcdce-ol-background-gradation-color1: ;
  --tcdce-ol-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-ol-border-style: hidden;
  --tcdce-ol-border-width: 2;
  --tcdce-ol-border-color: #000000;
  /* カウンター */
  --tcdce-ol-list-style: decimal;
  --tcdce-ol-counter-type: none;
  --tcdce-ol-counter-offset: 1em;
  --tcdce-ol-counter-weight: normal;
  --tcdce-ol-counter-size: scale(1);
  --tcdce-ol-counter-color: #000000;
  --tcdce-ol-counter-background: transparent;
  --tcdce-ol-counter-background-color: #000000;
  /* パディング */
  --tcdce-ol-padding-pc: 0px;
  --tcdce-ol-padding-sp: 0px;
  --tcdce-ol-padding-custom-pc: 30px;
  --tcdce-ol-padding-custom-sp: 15px;
  /* マージン */
  --tcdce-ol-margin-top-pc: 40px;
  --tcdce-ol-margin-top-sp: 30px;
  --tcdce-ol-margin-bottom-pc: 40px;
  --tcdce-ol-margin-bottom-sp: 30px;

  /* box */
  /* ベース */
  --tcdce-box-font-size-pc: 16px;
  --tcdce-box-font-size-sp: 14px;
  --tcdce-box-font-color: #000000;
  --tcdce-box-font-weight: normal;
  /* 背景 */
  --tcdce-box-background: #f6f6f6;
  --tcdce-box-background-gradation-color1: ;
  --tcdce-box-background-gradation-color2: ;
  /* 枠線 */
  --tcdce-box-border-style: hidden;
  --tcdce-box-border-width: 2;
  --tcdce-box-border-color: #000000;
  /* アイコン */
  --tcdce-box-icon: none;
  --tcdce-box-icon-offset: 0em;
  --tcdce-box-icon-content: ;
  --tcdce-box-icon-image-url: ;
  --tcdce-box-icon-color: #000000;
  /* パディング */
  --tcdce-box-padding-pc: 1.5em;
  --tcdce-box-padding-sp: 1em;
  --tcdce-box-padding-custom-pc: 30px;
  --tcdce-box-padding-custom-sp: 15px;
  /* マージン */
  --tcdce-box-margin-top-pc: 40px;
  --tcdce-box-margin-top-sp: 30px;
  --tcdce-box-margin-bottom-pc: 40px;
  --tcdce-box-margin-bottom-sp: 30px;

  /* marker */
  --tcdce-marker-font-weight: 400;
  --tcdce-marker-color: #fff799;
  --tcdce-marker-weight: 0.8em;
  --tcdce-marker-animation: none;
  --tcdce-marker-animation-keyframes: tcdCeMarkerAnimation 1s ease;

  /* button */
  --tcdce-button-font-size-pc: 16px;
  --tcdce-button-font-size-sp: 14px;
  --tcdce-button-font-weight: 400;
  --tcdce-button-size-width-pc: 270px;
  --tcdce-button-size-width-sp: 220px;
  --tcdce-button-size-height-pc: 60px;
  --tcdce-button-size-height-sp: 50px;
  --tcdce-button-shape: 60px;
  --tcdce-button-shape--round: var(--tcdce-button-size-height-pc);
  --tcdce-button-shape--square: 0;
  --tcdce-button-preset-color--a: #000000;
  --tcdce-button-preset-color--b: #333333;
  --tcdce-button-preset-color--gradation--a: ;
  --tcdce-button-preset-color--gradation--b: ;
  --tcdce-button-font-color: #ffffff;
  --tcdce-button-font-color-hover: #ffffff;
  --tcdce-button-background: var(--tcdce-button-preset-color--a);
  --tcdce-button-background-hover: var(--tcdce-button-preset-color--b);
  --tcdce-button-border: none;
  --tcdce-button-border-hover: none;
  --tcdce-button-transform: none;
  --tcdce-button-transform-hover: none;
  --tcdce-button-overlay: none;
  --tcdce-button-margin-top-pc: 40px;
  --tcdce-button-margin-top-sp: 30px;
  --tcdce-button-margin-bottom-pc: 40px;
  --tcdce-button-margin-bottom-sp: 30px;

  /* speech bubble */
  --tcdce-sb-font-size-pc: 16px;
  --tcdce-sb-font-size-sp: 14px;
  --tcdce-sb-font-weight: 400;
  --tcdce-sb-font-color: #000000;
  --tcdce-sb-image-url: url(//jpculture.jp/wp-content/plugins/tcd-classic-editor/assets/image/avatar.png);
  --tcdce-sb-preset-color--bg: #ffffff;
  --tcdce-sb-preset-color--border: #000000;
  --tcdce-sb-background: transparent;
  --tcdce-sb-border-color: transparent;
  --tcdce-sb-padding: 0;
  --tcdce-sb-direction: row;
  --tcdce-sb-triangle-before-offset: -10px;
  --tcdce-sb-triangle-after-offset: -7px;
  --tcdce-sb-triangle-path: polygon(100% 0, 0 50%, 100% 100%);
  --tcdce-sb-margin-top-pc: 40px;
  --tcdce-sb-margin-top-sp: 30px;
  --tcdce-sb-margin-bottom-pc: 40px;
  --tcdce-sb-margin-bottom-sp: 30px;
}

@font-face {
  font-family: "editor";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url(//jpculture.jp/wp-content/plugins/tcd-classic-editor/assets/font/editor.woff?v=1.0) format("woff");
}

:is(.tcdce-body, .editor-styles-wrapper) {
  container: tcdce / inline-size;
  position: relative;
  color: var(--tcdce-base-font-color);
  font-size: var(--tcdce-base-font-size-pc);
  font-family: var(--tcdce-base-font-family);
  line-height: var(--tcdce-base-line-height-pc);
  overflow-wrap: break-word;
}

:is(.tcdce-body, .editor-styles-wrapper),
:is(.tcdce-body, .editor-styles-wrapper) * {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  :is(.tcdce-body, .editor-styles-wrapper) {
    font-size: var(--tcdce-base-font-size-sp);
    line-height: var(--tcdce-base-line-height-sp);
  }
}

/* ベースマージン */
:is(.tcdce-body, .editor-styles-wrapper) > *:has(+ *) {
  margin-bottom: var(--tcdce-base-margin-bottom-pc);
}

/* グループブロック対策 */
.tcdce-body .wp-block-group__inner-container > *:has(+ *) {
  margin-bottom: var(--tcdce-base-margin-bottom-pc);
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .tcdce-body .wp-block-group__inner-container) > * {
    --tcdce-base-margin-bottom-pc: var(--tcdce-base-margin-bottom-sp);
  }
}

/* text link */
:is(.tcdce-body, .editor-styles-wrapper) :where(a) {
  color: var(--tcdce-base-link-color);
}

@media (any-hover: hover) {
  :is(.tcdce-body, .editor-styles-wrapper) :where(a:hover) {
    text-decoration: var(--tcdce-base-link-decoration);
  }
}

/* strong & bold */
:is(.tcdce-body, .editor-styles-wrapper) strong,
:is(.tcdce-body, .editor-styles-wrapper) b {
  font-weight: 700;
}

/* alignment */
:is(.tcdce-body, .editor-styles-wrapper) .alignright {
  float: right;
}

:is(.tcdce-body, .editor-styles-wrapper) .alignleft {
  float: left;
}

:is(.tcdce-body, .editor-styles-wrapper) .aligncenter {
  display: table;
  margin-right: auto;
  margin-bottom: 7px;
  margin-left: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote.alignleft,
:is(.tcdce-body, .editor-styles-wrapper) img.alignleft {
  margin: 7px 24px 7px 0;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote.alignright,
:is(.tcdce-body, .editor-styles-wrapper) img.alignright {
  margin: 7px 0 7px 24px;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-caption.alignright {
  margin: 7px 0 7px 14px;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote.aligncenter,
:is(.tcdce-body, .editor-styles-wrapper) img.aligncenter,
:is(.tcdce-body, .editor-styles-wrapper) .wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}

/* paragraph */
:is(.tcdce-body, .editor-styles-wrapper) p:has(+ *) {
  margin: 0 0
    calc(var(--tcdce-base-margin-bottom-pc) + var(--tcdce-half-leading));
}

/* pre code */
:is(.tcdce-body, .editor-styles-wrapper) pre {
  font-size: 0.9em;
  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
    monospace;
  padding: 1.6em 2em;
  overflow: auto;
  line-height: 1.8;
  color: #1b1b1b;
  background: #f2f1f1;
  border: none;
  margin-bottom: 40px;
}

/* 見出しの整列 */
:is(.tcdce-body, .editor-styles-wrapper)
  .has-text-align-left:is(h1, h2, h3, h4, h5, h6) {
  text-align: left;
}
:is(.tcdce-body, .editor-styles-wrapper)
  .has-text-align-center:is(h1, h2, h3, h4, h5, h6) {
  text-align: center;
}
:is(.tcdce-body, .editor-styles-wrapper)
  .has-text-align-right:is(h1, h2, h3, h4, h5, h6) {
  text-align: right;
}

/* headline 1 */
:is(.tcdce-body, .editor-styles-wrapper) h1 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h1-font-size-pc);
  font-weight: var(--tcdce-h1-font-weight);
  line-height: var(--tcdce-h1-line-height);
  text-align: var(--tcdce-h1-text-align);
  color: var(--tcdce-h1-font-color);
  font-family: var(--tcdce-h1-font-family);
  width: var(--tcdce-h1-content-width);

  /* 背景 */
  --tcdce-h1-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h1-background-gradation-color1) 0%,
    var(--tcdce-h1-background-gradation-color2) 100%
  );
  --tcdce-h1-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h1-background-gradation-color1) 0%,
    var(--tcdce-h1-background-gradation-color2) 100%
  );
  background: var(--tcdce-h1-background);

  /* 枠線 */
  --tcdce-h1-border-position1: var(--tcdce-h1-border-width) 0 0 0;
  --tcdce-h1-border-position2: 0 0 0 var(--tcdce-h1-border-width);
  --tcdce-h1-border-position3: 0 0 var(--tcdce-h1-border-width) 0;
  --tcdce-h1-border-position4: var(--tcdce-h1-border-width) 0;
  --tcdce-h1-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h1-border-gradation-color1) 0%,
    var(--tcdce-h1-border-gradation-color2) 100%
  );
  --tcdce-h1-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h1-border-gradation-color1) 0%,
    var(--tcdce-h1-border-gradation-color2) 100%
  );
  border: var(--tcdce-h1-border-style) var(--tcdce-h1-border-color);
  border-width: var(--tcdce-h1-border-position);
  border-image: var(--tcdce-h1-border-style) 1;
  border-image-width: var(--tcdce-h1-border-position);

  /* エレメント */
  --tcdce-h1-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h1-element-gradation-color1) 0%,
    var(--tcdce-h1-element-gradation-color2) 100%
  );
  --tcdce-h1-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h1-element-gradation-color1) 0%,
    var(--tcdce-h1-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h1-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h1 {
  margin-top: var(--tcdce-h1-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h1:has(+ *) {
  margin-bottom: var(--tcdce-h1-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h1:before {
  content: "";
  display: block;
  width: var(--tcdce-h1-element-size-w-pc);
  height: var(--tcdce-h1-element-size-h-pc);
  background: var(--tcdce-h1-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h1-element-inset-block);
  inset-inline: var(--tcdce-h1-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h1 {
    font-size: var(--tcdce-h1-font-size-sp);
    padding: var(--tcdce-h1-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h1:before {
    width: var(--tcdce-h1-element-size-w-sp);
    height: var(--tcdce-h1-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h1 {
    margin-top: var(--tcdce-h1-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h1:has(+ *) {
    margin-bottom: var(--tcdce-h1-margin-bottom-sp);
  }
}

/* headline 2 */
:is(.tcdce-body, .editor-styles-wrapper) h2 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h2-font-size-pc);
  font-weight: var(--tcdce-h2-font-weight);
  line-height: var(--tcdce-h2-line-height);
  text-align: var(--tcdce-h2-text-align);
  color: var(--tcdce-h2-font-color);
  font-family: var(--tcdce-h2-font-family);
  width: var(--tcdce-h2-content-width);

  /* 背景 */
  --tcdce-h2-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h2-background-gradation-color1) 0%,
    var(--tcdce-h2-background-gradation-color2) 100%
  );
  --tcdce-h2-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h2-background-gradation-color1) 0%,
    var(--tcdce-h2-background-gradation-color2) 100%
  );
  background: var(--tcdce-h2-background);

  /* 枠線 */
  --tcdce-h2-border-position1: var(--tcdce-h2-border-width) 0 0 0;
  --tcdce-h2-border-position2: 0 0 0 var(--tcdce-h2-border-width);
  --tcdce-h2-border-position3: 0 0 var(--tcdce-h2-border-width) 0;
  --tcdce-h2-border-position4: var(--tcdce-h2-border-width) 0;
  --tcdce-h2-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h2-border-gradation-color1) 0%,
    var(--tcdce-h2-border-gradation-color2) 100%
  );
  --tcdce-h2-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h2-border-gradation-color1) 0%,
    var(--tcdce-h2-border-gradation-color2) 100%
  );
  border: var(--tcdce-h2-border-style) var(--tcdce-h2-border-color);
  border-width: var(--tcdce-h2-border-position);
  border-image: var(--tcdce-h2-border-style) 1;
  border-image-width: var(--tcdce-h2-border-position);

  /* エレメント */
  --tcdce-h2-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h2-element-gradation-color1) 0%,
    var(--tcdce-h2-element-gradation-color2) 100%
  );
  --tcdce-h2-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h2-element-gradation-color1) 0%,
    var(--tcdce-h2-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h2-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h2 {
  margin-top: var(--tcdce-h2-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h2:has(+ *) {
  margin-bottom: var(--tcdce-h2-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h2:before {
  content: "";
  display: block;
  width: var(--tcdce-h2-element-size-w-pc);
  height: var(--tcdce-h2-element-size-h-pc);
  background: var(--tcdce-h2-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h2-element-inset-block);
  inset-inline: var(--tcdce-h2-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h2 {
    font-size: var(--tcdce-h2-font-size-sp);
    padding: var(--tcdce-h2-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h2:before {
    width: var(--tcdce-h2-element-size-w-sp);
    height: var(--tcdce-h2-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h2 {
    margin-top: var(--tcdce-h2-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h2:has(+ *) {
    margin-bottom: var(--tcdce-h2-margin-bottom-sp);
  }
}

/* headline 3 */
:is(.tcdce-body, .editor-styles-wrapper) h3 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h3-font-size-pc);
  font-weight: var(--tcdce-h3-font-weight);
  line-height: var(--tcdce-h3-line-height);
  text-align: var(--tcdce-h3-text-align);
  color: var(--tcdce-h3-font-color);
  font-family: var(--tcdce-h3-font-family);
  width: var(--tcdce-h3-content-width);

  /* 背景 */
  --tcdce-h3-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h3-background-gradation-color1) 0%,
    var(--tcdce-h3-background-gradation-color2) 100%
  );
  --tcdce-h3-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h3-background-gradation-color1) 0%,
    var(--tcdce-h3-background-gradation-color2) 100%
  );
  background: var(--tcdce-h3-background);

  /* 枠線 */
  --tcdce-h3-border-position1: var(--tcdce-h3-border-width) 0 0 0;
  --tcdce-h3-border-position2: 0 0 0 var(--tcdce-h3-border-width);
  --tcdce-h3-border-position3: 0 0 var(--tcdce-h3-border-width) 0;
  --tcdce-h3-border-position4: var(--tcdce-h3-border-width) 0;
  --tcdce-h3-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h3-border-gradation-color1) 0%,
    var(--tcdce-h3-border-gradation-color2) 100%
  );
  --tcdce-h3-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h3-border-gradation-color1) 0%,
    var(--tcdce-h3-border-gradation-color2) 100%
  );
  border: var(--tcdce-h3-border-style) var(--tcdce-h3-border-color);
  border-width: var(--tcdce-h3-border-position);
  border-image: var(--tcdce-h3-border-style) 1;
  border-image-width: var(--tcdce-h3-border-position);

  /* エレメント */
  --tcdce-h3-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h3-element-gradation-color1) 0%,
    var(--tcdce-h3-element-gradation-color2) 100%
  );
  --tcdce-h3-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h3-element-gradation-color1) 0%,
    var(--tcdce-h3-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h3-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h3 {
  margin-top: var(--tcdce-h3-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h3:has(+ *) {
  margin-bottom: var(--tcdce-h3-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h3:before {
  content: "";
  display: block;
  width: var(--tcdce-h3-element-size-w-pc);
  height: var(--tcdce-h3-element-size-h-pc);
  background: var(--tcdce-h3-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h3-element-inset-block);
  inset-inline: var(--tcdce-h3-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h3 {
    font-size: var(--tcdce-h3-font-size-sp);
    padding: var(--tcdce-h3-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h3:before {
    width: var(--tcdce-h3-element-size-w-sp);
    height: var(--tcdce-h3-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h3 {
    margin-top: var(--tcdce-h3-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h3:has(+ *) {
    margin-bottom: var(--tcdce-h3-margin-bottom-sp);
  }
}

/* headline 4 */
:is(.tcdce-body, .editor-styles-wrapper) h4 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h4-font-size-pc);
  font-weight: var(--tcdce-h4-font-weight);
  line-height: var(--tcdce-h4-line-height);
  text-align: var(--tcdce-h4-text-align);
  color: var(--tcdce-h4-font-color);
  font-family: var(--tcdce-h4-font-family);
  width: var(--tcdce-h4-content-width);

  /* 背景 */
  --tcdce-h4-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h4-background-gradation-color1) 0%,
    var(--tcdce-h4-background-gradation-color2) 100%
  );
  --tcdce-h4-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h4-background-gradation-color1) 0%,
    var(--tcdce-h4-background-gradation-color2) 100%
  );
  background: var(--tcdce-h4-background);

  /* 枠線 */
  --tcdce-h4-border-position1: var(--tcdce-h4-border-width) 0 0 0;
  --tcdce-h4-border-position2: 0 0 0 var(--tcdce-h4-border-width);
  --tcdce-h4-border-position3: 0 0 var(--tcdce-h4-border-width) 0;
  --tcdce-h4-border-position4: var(--tcdce-h4-border-width) 0;
  --tcdce-h4-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h4-border-gradation-color1) 0%,
    var(--tcdce-h4-border-gradation-color2) 100%
  );
  --tcdce-h4-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h4-border-gradation-color1) 0%,
    var(--tcdce-h4-border-gradation-color2) 100%
  );
  border: var(--tcdce-h4-border-style) var(--tcdce-h4-border-color);
  border-width: var(--tcdce-h4-border-position);
  border-image: var(--tcdce-h4-border-style) 1;
  border-image-width: var(--tcdce-h4-border-position);

  /* エレメント */
  --tcdce-h4-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h4-element-gradation-color1) 0%,
    var(--tcdce-h4-element-gradation-color2) 100%
  );
  --tcdce-h4-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h4-element-gradation-color1) 0%,
    var(--tcdce-h4-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h4-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h4 {
  margin-top: var(--tcdce-h4-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h4:has(+ *) {
  margin-bottom: var(--tcdce-h4-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h4:before {
  content: "";
  display: block;
  width: var(--tcdce-h4-element-size-w-pc);
  height: var(--tcdce-h4-element-size-h-pc);
  background: var(--tcdce-h4-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h4-element-inset-block);
  inset-inline: var(--tcdce-h4-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h4 {
    font-size: var(--tcdce-h4-font-size-sp);
    padding: var(--tcdce-h4-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h4:before {
    width: var(--tcdce-h4-element-size-w-sp);
    height: var(--tcdce-h4-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h4 {
    margin-top: var(--tcdce-h4-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h4:has(+ *) {
    margin-bottom: var(--tcdce-h4-margin-bottom-sp);
  }
}

/* headline 5 */
:is(.tcdce-body, .editor-styles-wrapper) h5 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h5-font-size-pc);
  font-weight: var(--tcdce-h5-font-weight);
  line-height: var(--tcdce-h5-line-height);
  text-align: var(--tcdce-h5-text-align);
  color: var(--tcdce-h5-font-color);
  font-family: var(--tcdce-h5-font-family);
  width: var(--tcdce-h5-content-width);

  /* 背景 */
  --tcdce-h5-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h5-background-gradation-color1) 0%,
    var(--tcdce-h5-background-gradation-color2) 100%
  );
  --tcdce-h5-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h5-background-gradation-color1) 0%,
    var(--tcdce-h5-background-gradation-color2) 100%
  );
  background: var(--tcdce-h5-background);

  /* 枠線 */
  --tcdce-h5-border-position1: var(--tcdce-h5-border-width) 0 0 0;
  --tcdce-h5-border-position2: 0 0 0 var(--tcdce-h5-border-width);
  --tcdce-h5-border-position3: 0 0 var(--tcdce-h5-border-width) 0;
  --tcdce-h5-border-position4: var(--tcdce-h5-border-width) 0;
  --tcdce-h5-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h5-border-gradation-color1) 0%,
    var(--tcdce-h5-border-gradation-color2) 100%
  );
  --tcdce-h5-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h5-border-gradation-color1) 0%,
    var(--tcdce-h5-border-gradation-color2) 100%
  );
  border: var(--tcdce-h5-border-style) var(--tcdce-h5-border-color);
  border-width: var(--tcdce-h5-border-position);
  border-image: var(--tcdce-h5-border-style) 1;
  border-image-width: var(--tcdce-h5-border-position);

  /* エレメント */
  --tcdce-h5-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h5-element-gradation-color1) 0%,
    var(--tcdce-h5-element-gradation-color2) 100%
  );
  --tcdce-h5-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h5-element-gradation-color1) 0%,
    var(--tcdce-h5-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h5-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h5 {
  margin-top: var(--tcdce-h5-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h5:has(+ *) {
  margin-bottom: var(--tcdce-h5-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h5:before {
  content: "";
  display: block;
  width: var(--tcdce-h5-element-size-w-pc);
  height: var(--tcdce-h5-element-size-h-pc);
  background: var(--tcdce-h5-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h5-element-inset-block);
  inset-inline: var(--tcdce-h5-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h5 {
    font-size: var(--tcdce-h5-font-size-sp);
    padding: var(--tcdce-h5-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h5:before {
    width: var(--tcdce-h5-element-size-w-sp);
    height: var(--tcdce-h5-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h5 {
    margin-top: var(--tcdce-h5-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h5:has(+ *) {
    margin-bottom: var(--tcdce-5-margin-bottom-sp);
  }
}

/* headline 6 */
:is(.tcdce-body, .editor-styles-wrapper) h6 {
  /* ベース */
  position: relative;
  font-size: var(--tcdce-h6-font-size-pc);
  font-weight: var(--tcdce-h6-font-weight);
  line-height: var(--tcdce-h6-line-height);
  text-align: var(--tcdce-h6-text-align);
  color: var(--tcdce-h6-font-color);
  font-family: var(--tcdce-h6-font-family);
  width: var(--tcdce-h6-content-width);

  /* 背景 */
  --tcdce-h6-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h6-background-gradation-color1) 0%,
    var(--tcdce-h6-background-gradation-color2) 100%
  );
  --tcdce-h6-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h6-background-gradation-color1) 0%,
    var(--tcdce-h6-background-gradation-color2) 100%
  );
  background: var(--tcdce-h6-background);

  /* 枠線 */
  --tcdce-h6-border-position1: var(--tcdce-h6-border-width) 0 0 0;
  --tcdce-h6-border-position2: 0 0 0 var(--tcdce-h6-border-width);
  --tcdce-h6-border-position3: 0 0 var(--tcdce-h6-border-width) 0;
  --tcdce-h6-border-position4: var(--tcdce-h6-border-width) 0;
  --tcdce-h6-border-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h6-border-gradation-color1) 0%,
    var(--tcdce-h6-border-gradation-color2) 100%
  );
  --tcdce-h6-border-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h6-border-gradation-color1) 0%,
    var(--tcdce-h6-border-gradation-color2) 100%
  );
  border: var(--tcdce-h6-border-style) var(--tcdce-h6-border-color);
  border-width: var(--tcdce-h6-border-position);
  border-image: var(--tcdce-h6-border-style) 1;
  border-image-width: var(--tcdce-h6-border-position);

  /* エレメント */
  --tcdce-h6-element-gradation1: linear-gradient(
    90deg,
    var(--tcdce-h6-element-gradation-color1) 0%,
    var(--tcdce-h6-element-gradation-color2) 100%
  );
  --tcdce-h6-element-gradation2: linear-gradient(
    180deg,
    var(--tcdce-h6-element-gradation-color1) 0%,
    var(--tcdce-h6-element-gradation-color2) 100%
  );

  /* パディング */
  padding: var(--tcdce-h6-padding-pc);

  /* マージン */
  margin-inline: auto;
}

:is(.tcdce-body, .editor-styles-wrapper) * + h6 {
  margin-top: var(--tcdce-h6-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h6:has(+ *) {
  margin-bottom: var(--tcdce-h6-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) h6:before {
  content: "";
  display: block;
  width: var(--tcdce-h6-element-size-w-pc);
  height: var(--tcdce-h6-element-size-h-pc);
  background: var(--tcdce-h6-element-background);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset-block: var(--tcdce-h6-element-inset-block);
  inset-inline: var(--tcdce-h6-element-inset-inline);
  margin: auto;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) h6 {
    font-size: var(--tcdce-h6-font-size-sp);
    padding: var(--tcdce-h6-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h6:before {
    width: var(--tcdce-h6-element-size-w-sp);
    height: var(--tcdce-h6-element-size-h-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + h6 {
    margin-top: var(--tcdce-h6-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) h6:has(+ *) {
    margin-bottom: var(--tcdce-5-margin-bottom-sp);
  }
}

/* ul */
:is(.tcdce-body, .editor-styles-wrapper) ul {
  /* ベース */
  font-size: var(--tcdce-ul-font-size-pc);
  font-weight: var(--tcdce-ul-font-weight);
  text-align: left;
  color: var(--tcdce-ul-font-color);
  line-height: 2.2;

  /* 背景 */
  --tcdce-ul-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-ul-background-gradation-color1) 0%,
    var(--tcdce-ul-background-gradation-color2) 100%
  );
  --tcdce-ul-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-ul-background-gradation-color1) 0%,
    var(--tcdce-ul-background-gradation-color2) 100%
  );
  background: var(--tcdce-ul-background);

  /* 枠線 */
  border-style: var(--tcdce-ul-border-style);
  border-width: var(--tcdce-ul-border-width);
  border-color: var(--tcdce-ul-border-color);

  /* パディング */
  padding-block: calc(var(--tcdce-ul-padding-pc) - 0.6em);
  padding-inline-start: calc(
    var(--tcdce-ul-padding-pc) + var(--tcdce-ul-icon-offset)
  );
  padding-inline-end: var(--tcdce-ul-padding-pc);

  /* マーカー */
  list-style-position: outside;
  list-style-type: var(--tcdce-ul-list-style);

  margin-inline: 0;
}

:is(.tcdce-body, .editor-styles-wrapper) * + ul {
  margin-top: var(--tcdce-ul-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) ul:has(+ *) {
  margin-bottom: var(--tcdce-ul-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) ul li {
  position: relative;
  margin: 0;
  line-height: revert;
  list-style-type: inherit;
}

:is(.tcdce-body, .editor-styles-wrapper) ul li::before {
  content: var(--tcdce-ul-icon);
  color: var(--tcdce-ul-icon-color);
  width: 1em;
  height: 1em;
  position: absolute;
  top: calc(0.6em - 0.05em);
  left: -1.5em;
  mask-image: var(--tcdce-ul-icon-content);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background: currentColor;
  transform: scale(1.2);
}

:is(.tcdce-body, .editor-styles-wrapper) ul :is(ol, ul) {
  list-style: inherit;
  padding-block: 0;
  padding-inline: var(--tcdce-ul-icon-offset) 0;
  background: none;
  border: none;
  margin-block: 0;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) ul {
    font-size: var(--tcdce-ul-font-size-sp);
    padding-block: calc(var(--tcdce-ul-padding-sp) - 0.6em);
    padding-inline-start: calc(
      var(--tcdce-ul-padding-sp) + var(--tcdce-ul-icon-offset)
    );
    padding-inline-end: var(--tcdce-ul-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + ul {
    margin-top: var(--tcdce-ul-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) ul:has(+ *) {
    margin-bottom: var(--tcdce-ul-margin-bottom-sp);
  }
}

/* ol */
:is(.tcdce-body, .editor-styles-wrapper) ol {
  /* ベース */
  font-size: var(--tcdce-ol-font-size-pc);
  font-weight: var(--tcdce-ol-font-weight);
  text-align: left;
  color: var(--tcdce-ol-font-color);
  line-height: 2.2;

  /* 背景 */
  --tcdce-ol-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-ol-background-gradation-color1) 0%,
    var(--tcdce-ol-background-gradation-color2) 100%
  );
  --tcdce-ol-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-ol-background-gradation-color1) 0%,
    var(--tcdce-ol-background-gradation-color2) 100%
  );
  background: var(--tcdce-ol-background);

  /* 枠線 */
  border-style: var(--tcdce-ol-border-style);
  border-width: var(--tcdce-ol-border-width);
  border-color: var(--tcdce-ol-border-color);

  /* パディング */
  padding-block: calc(var(--tcdce-ol-padding-pc) - 0.6em);
  padding-inline-start: calc(
    var(--tcdce-ol-padding-pc) + var(--tcdce-ol-counter-offset)
  );
  padding-inline-end: var(--tcdce-ol-padding-pc);

  /* カウンター */
  counter-reset: item;
  list-style-position: outside;
  list-style-type: var(--tcdce-ol-list-style);

  margin-inline: 0;
}

:is(.tcdce-body, .editor-styles-wrapper) * + ol {
  margin-top: var(--tcdce-ol-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) ol:has(+ *) {
  margin-bottom: var(--tcdce-ol-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) ol li {
  counter-increment: item;
  position: relative;
  margin: 0;
  line-height: revert;
  list-style-type: inherit;
}

:is(.tcdce-body, .editor-styles-wrapper) ol li::before {
  font-family: "Arial";
  content: counter(item, var(--tcdce-ol-counter-type));
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  width: 1em;
  height: 1em;
  background: var(--tcdce-ol-counter-background);
  box-shadow: 0px 0px 0px 0.25em var(--tcdce-ol-counter-background);
  border-radius: 50%;
  transform: var(--tcdce-ol-counter-size);
  mask: none;

  position: absolute;
  top: 0.6em;
  left: calc(-1 * var(--tcdce-ol-counter-offset) + 0.2em);

  color: var(--tcdce-ol-counter-color);
  font-weight: var(--tcdce-ol-counter-weight);
}

:is(.tcdce-body, .editor-styles-wrapper) ol :is(ol, ul) {
  counter-reset: item;
  list-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding-block: 0;
  padding-inline: var(--tcdce-ol-counter-offset) 0;
  background: initial;
  border: none;
  margin-block: 0;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) ol {
    font-size: var(--tcdce-ol-font-size-sp);
    padding-block: calc(var(--tcdce-ol-padding-sp) - 0.6em);
    padding-inline-start: calc(
      var(--tcdce-ol-padding-sp) + var(--tcdce-ol-counter-offset)
    );
    padding-inline-end: var(--tcdce-ol-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) * + ol {
    margin-top: var(--tcdce-ol-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) ol:has(+ *) {
    margin-bottom: var(--tcdce-ol-margin-bottom-sp);
  }
}

/* box */
:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-box, .well, .well2, .well3, .q_frame) {
  width: 100%;
  position: relative;
  line-height: 1.8;

  /* ベース */
  border-radius: 0;
  font-size: var(--tcdce-box-font-size-pc);
  font-weight: var(--tcdce-box-font-weight);
  color: var(--tcdce-box-font-color);

  /* 背景 */
  --tcdce-box-background-gradation1: linear-gradient(
    90deg,
    var(--tcdce-box-background-gradation-color1) 0%,
    var(--tcdce-box-background-gradation-color2) 100%
  );
  --tcdce-box-background-gradation2: linear-gradient(
    180deg,
    var(--tcdce-box-background-gradation-color1) 0%,
    var(--tcdce-box-background-gradation-color2) 100%
  );
  background: var(--tcdce-box-background);

  /* 枠線 */
  border-style: var(--tcdce-box-border-style);
  border-width: var(--tcdce-box-border-width);
  border-color: var(--tcdce-box-border-color);

  /* パディング */
  padding-block: calc(var(--tcdce-box-padding-pc) - 0.4em);
  padding-inline-start: calc(
    var(--tcdce-box-padding-pc) + var(--tcdce-box-icon-offset)
  );
  padding-inline-end: var(--tcdce-box-padding-pc);
}

:where(.tcdce-body, .editor-styles-wrapper)
  :where(.tcdce-box, .well, .well2, .well3, .q_frame) {
  text-align: left;
}

:is(.tcdce-body, .editor-styles-wrapper)
  *
  + :is(.tcdce-box, .well, .well2, .well3, .q_frame) {
  margin-top: var(--tcdce-box-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-box, .well, .well2, .well3, .q_frame):has(+ *) {
  margin-bottom: var(--tcdce-box-margin-bottom-pc);
}

/* icon */
:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-box, .well, .well2, .well3, .q_frame):before {
  content: var(--tcdce-box-icon);
  font-weight: normal;
  width: 1em;
  height: 1em;
  color: var(--tcdce-box-icon-color);
  position: absolute;
  top: calc(var(--tcdce-box-padding-pc) - 0.1em);
  left: var(--tcdce-box-padding-pc);
  mask-image: var(--tcdce-box-icon-content);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background: currentColor;
  transform: scale(1.5);
}

/* 既存のラベルを非表示に */
:is(.tcdce-body, .editor-styles-wrapper) .q_frame .q_frame_label {
  display: none;
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper)
    :is(.tcdce-box, .well, .well2, .well3, .q_frame) {
    font-size: var(--tcdce-box-font-size-sp);
    padding-block: calc(var(--tcdce-box-padding-sp) - 0.4em);
    padding-inline-start: calc(
      var(--tcdce-box-padding-sp) + var(--tcdce-box-icon-offset)
    );
    padding-inline-end: var(--tcdce-box-padding-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    *
    + :is(.tcdce-box, .well, .well2, .well3, .q_frame) {
    margin-top: var(--tcdce-box-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(.tcdce-box, .well, .well2, .well3, .q_frame):has(+ *) {
    margin-bottom: var(--tcdce-box-margin-bottom-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(.tcdce-box, .well, .well2, .well3, .q_frame):before {
    top: calc(var(--tcdce-box-padding-sp) - 0.1em);
    left: var(--tcdce-box-padding-sp);
  }
}

/* marker */
:is(.tcdce-body, .editor-styles-wrapper) :is(.tcdce-marker, .q_underline) {
  line-height: 1.8;
  margin: 0;
  font-weight: var(--tcdce-marker-font-weight);
  background-image: linear-gradient(
    to right,
    transparent 50%,
    var(--tcdce-marker-color) 50%
  );
  background-repeat: repeat-x;
  background-position: 100% var(--tcdce-marker-weight);
  background-size: 200% 1em;
  animation: var(--tcdce-marker-animation);
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-marker, .q_underline).is-hide {
  --tcdce-marker-animation: none;
}

@keyframes tcdCeMarkerAnimation {
  0% {
    background-position: 0 var(--tcdce-marker-weight);
  }

  100% {
    background-position: -100% var(--tcdce-marker-weight);
  }
}

/* button */
:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons) {
  text-align: center;
}

:is(.tcdce-body, .editor-styles-wrapper)
  *
  + :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons) {
  margin-top: var(--tcdce-button-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons):has(+ *) {
  margin-bottom: var(--tcdce-button-margin-bottom-pc);
}

/*  ブロック用ラッパー */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-buttons {
  gap: 30px;
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(
    .tcdce-button,
    .q_custom_button,
    .q_custom_button1,
    .q_custom_button2,
    .q_custom_button3,
    .q_button,
    .wp-block-button__link
  ):not(.wp-block-button) {
  --tcdce-base-link-decoration: none;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-width: 100%;
  width: fit-content;
  min-width: var(--tcdce-button-size-width-pc) !important;
  height: var(--tcdce-button-size-height-pc);
  padding: 0 1.5em;
  border-radius: var(--tcdce-button-shape);
  font-size: var(--tcdce-button-font-size-pc);
  font-weight: var(--tcdce-button-font-weight);
  line-height: 1.4;
  color: var(--tcdce-button-font-color);
  border: var(--tcdce-button-border);
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(
    .tcdce-button,
    .q_custom_button,
    .q_custom_button1,
    .q_custom_button2,
    .q_custom_button3,
    .q_button,
    .wp-block-button__link
  ):not(.wp-block-button):before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background: var(--tcdce-button-background);
  transform: var(--tcdce-button-transform);
  transition-property: background, border, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

:is(.tcdce-body, .editor-styles-wrapper)
  :is(
    .tcdce-button,
    .q_custom_button,
    .q_custom_button1,
    .q_custom_button2,
    .q_custom_button3,
    .q_button,
    .wp-block-button__link
  ):not(.wp-block-button):after {
  content: var(--tcdce-button-overlay);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgb(0 0 0 / 0%);
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

@media (any-hover: hover) {
  :is(.tcdce-body, .editor-styles-wrapper)
    :is(
      .tcdce-button,
      .q_custom_button,
      .q_custom_button1,
      .q_custom_button2,
      .q_custom_button3,
      .q_button,
      .wp-block-button__link
    ):not(.wp-block-button):hover {
    color: var(--tcdce-button-font-color-hover);
    border: var(--tcdce-button-border-hover);
    text-decoration: none;
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(
      .tcdce-button,
      .q_custom_button,
      .q_custom_button1,
      .q_custom_button2,
      .q_custom_button3,
      .q_button,
      .wp-block-button__link
    ):not(.wp-block-button):hover:before {
    background: var(--tcdce-button-background-hover);
    transform: var(--tcdce-button-transform-hover);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(
      .tcdce-button,
      .q_custom_button,
      .q_custom_button1,
      .q_custom_button2,
      .q_custom_button3,
      .q_button,
      .wp-block-button__link
    ):not(.wp-block-button):hover:after {
    background: rgb(0 0 0 / 30%);
  }
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper)
    :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons) {
    gap: 20px;
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    *
    + :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons) {
    margin-top: var(--tcdce-button-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(.tcdce-button-wrapper, .q_button_wrap, .wp-block-buttons):has(+ *) {
    margin-bottom: var(--tcdce-button-margin-bottom-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper)
    :is(
      .tcdce-button,
      .q_custom_button,
      .q_custom_button1,
      .q_custom_button2,
      .q_custom_button3,
      .q_button,
      .wp-block-button__link
    ):not(.wp-block-button) {
    --tcdce-button-size-width-pc: var(--tcdce-button-size-width-sp);
    --tcdce-button-size-height-pc: var(--tcdce-button-size-height-sp);
    --tcdce-button-font-size-pc: var(--tcdce-button-font-size-sp);
  }

  /* 管理画面のプレビュー時にスマホ用CSS変数が上書きされるのを防ぐ */
  body.wp-admin
    :is(.tcdce-body, .editor-styles-wrapper)
    :is(
      .tcdce-button,
      .q_custom_button,
      .q_custom_button1,
      .q_custom_button2,
      .q_custom_button3,
      .q_button,
      .wp-block-button__link
    ):not(.wp-block-button) {
    --tcdce-button-size-width-pc: var(--tcdce-button-size-width-sp) !important;
    --tcdce-button-size-height-pc: var(
      --tcdce-button-size-height-sp
    ) !important;
    --tcdce-button-font-size-pc: var(--tcdce-button-font-size-sp) !important;
  }
}

/* speech bubble */
:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  flex-direction: var(--tcdce-sb-direction);
}

:is(.tcdce-body, .editor-styles-wrapper) * + .tcdce-sb {
  margin-top: var(--tcdce-sb-margin-top-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb:has(+ *) {
  margin-bottom: var(--tcdce-sb-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-user {
  flex: 0 0 80px;
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-user-image {
  width: 100%;
  aspect-ratio: 1;
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--tcdce-sb-image-url);
  border-radius: 50%;
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-user-name {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  margin: calc(15px - 0.2em) -5px -0.2em;
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-user-name:empty {
  display: none;
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-content {
  position: relative;
  flex: 1;
  line-height: 2;
  font-size: var(--tcdce-sb-font-size-pc);
  font-weight: var(--tcdce-sb-font-weight);
  text-align: left;
  color: var(--tcdce-sb-font-color);
  background: var(--tcdce-sb-background);
  border: 2px solid var(--tcdce-sb-border-color);
  padding: var(--tcdce-sb-padding);
  border-radius: 10px;
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-content:before,
:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-content:after {
  content: "";
  position: absolute;
  top: 1.5em;
  display: block;
  width: 10px;
  height: 15px;
  left: var(--tcdce-sb-triangle-before-offset);
  clip-path: var(--tcdce-sb-triangle-path);
  background: var(--tcdce-sb-border-color);
}

:is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb-content:after {
  left: var(--tcdce-sb-triangle-after-offset);
  background: var(--tcdce-sb-background);
}

@container tcdce (max-width: 600px) {
  :is(.tcdce-body, .editor-styles-wrapper) * + .tcdce-sb {
    margin-top: var(--tcdce-sb-margin-top-sp);
  }

  :is(.tcdce-body, .editor-styles-wrapper) .tcdce-sb:has(+ *) {
    margin-bottom: var(--tcdce-sb-margin-bottom-sp);
  }
}

/* image */
:is(.tcdce-body, .editor-styles-wrapper) img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* image - block */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-image {
}

/* image - block style */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-image.is-style-sshot {
  border: 1px solid #ddd;
  box-shadow: 0 6px 6px -6px rgb(0 0 0 / 20%);
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-image.is-style-sshot
  .wp-element-caption {
  margin-bottom: 0.6em;
}

/* block quote */
:is(.tcdce-body, .editor-styles-wrapper) blockquote {
  position: relative;
  padding: 2em 2.4em;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.03);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 5px solid #000000;
  box-shadow: none;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote:before,
:is(.tcdce-body, .editor-styles-wrapper) blockquote:after {
  content: '"';
  position: absolute;
  font-size: 1.5em;
  font-style: italic;
  font-weight: 400;
  color: #000000;
  line-height: 1;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote:before {
  top: 0.6em;
  left: 0.6em;
}

:is(.tcdce-body, .editor-styles-wrapper) blockquote:after {
  right: 0.7em;
  bottom: 0.2em;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-quote > cite {
  text-align: right;
  margin-top: 10px;
}

/* captions */
:is(.tcdce-body, .editor-styles-wrapper) .wp-caption {
  max-width: 100%;
  padding: 10px;
  margin-bottom: 2rem;
  background: #fff;
  border: 1px solid #ddd;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-caption-text {
  padding: 10px 0 0;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

/* gallery */
.gallery {
  display: grid;
  padding: 0;
  margin: 0;
}

.gallery-columns-1 {
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
  gap: 3px;
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
  gap: 3px;
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
  gap: 0px;
}

.gallery-columns-10 {
  grid-template-columns: repeat(10, 1fr);
  gap: 0px;
}

.gallery .gallery-item {
  width: initial;
  max-width: 100% !important;
  position: relative;
  text-align: center;
  float: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.gallery > br {
  display: none;
}

.gallery img {
  width: 100%;
  vertical-align: bottom;
}

.gallery .gallery-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.25em 0.5em;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

@media (any-hover: hover) {
  .gallery-item:hover .gallery-caption {
    transform: translateY(0);
  }
}

/* page break */
.tcdce-pager {
  display: grid;
  grid-template-columns: repeat(auto-fit, 50px);
  grid-template-rows: 50px;
  gap: 10px;
  justify-content: center;
  font-size: 16px;
  font-family: Arial;
  text-align: center;
  box-sizing: border-box;
}

* + .tcdce-pager {
  margin-top: 40px;
}

.tcdce-pager > * {
  display: grid;
  place-items: center;
  color: #000000;
  background: #f6f6f6;
  border-radius: 50%;
  box-sizing: border-box;
}

.tcdce-pager > a {
  transition: color 0.3s ease, background 0.3s ease;
}

.tcdce-pager > .current {
  color: #ffffff;
  background: #000000;
}

@media (any-hover: hover) {
  .tcdce-pager > a:hover {
    color: #ffffff;
    background: #000000;
  }
}

@media (max-width: 767px) {
  .tcdce-pager {
    grid-template-columns: repeat(auto-fit, 40px);
    grid-template-rows: 40px;
    gap: 5px;
    font-size: 14px;
  }
}

/* cardlink */
.tcdce-card {
  line-height: 1;
  background: #fafafa;
  border: 1px solid #ddd;
}

.tcdce-card__link {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  color: #000 !important;
}

.tcdce-card__image {
  flex: 0 0 130px;
  aspect-ratio: 1;
}

.tcdce-card__image-bg {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.tcdce-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  word-break: break-word;
}

.tcdce-card__meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  gap: 3px 10px;
}

.tcdce-card__meta-date {
  font-family: "Arial";
  display: flex;
  align-items: center;
  gap: 0.3em;
}

.tcdce-card__meta-date:before {
  font-family: "editor";
  font-size: 1.2em;
  -webkit-font-smoothing: antialiased;
}

.tcdce-card__meta-date--publish:before {
  content: "\e90b";
}

.tcdce-card__meta-date--modify:before {
  content: "\e90c";
}

.tcdce-card__title {
  display: -webkit-box;
  max-height: 3.2em;
  margin: -0.35em 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color 0.3s ease;
}

.tcdce-card__desc {
  display: -webkit-box;
  max-height: 3.2em;
  margin: -0.35em 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (any-hover: hover) {
  .tcdce-card__link:hover .tcdce-card__title {
    color: rgba(0, 0, 0, 0.5);
  }
}

@container tcdce (max-width: 450px) {
  .tcdce-card__link {
    gap: 15px;
    padding: 15px;
  }

  .tcdce-card__image {
    flex: 0 0 110px;
  }

  .tcdce-card__meta {
    font-size: 13px;
    gap: 3px 5px;
  }

  .tcdce-card__title {
    max-height: 5.4em;
    font-size: 14px;
    -webkit-line-clamp: 3;
  }

  .tcdce-card__desc {
    display: none;
  }
}

/* youtube */
:is(.tcdce-body, .editor-styles-wrapper) p:has(> iframe[src*="youtube.com"]) {
  margin-bottom: var(--tcdce-base-margin-bottom-pc);
}

:is(.tcdce-body, .editor-styles-wrapper) iframe[src*="youtube.com"] {
  display: block;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-embed:has(iframe[src*="youtube.com"]) {
  display: block;
}

/* 区切り線 */
:is(.tcdce-body, .editor-styles-wrapper) hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

/* table */
:is(.tcdce-body, .editor-styles-wrapper) table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* table - classic */
:is(.tcdce-body, .editor-styles-wrapper) :is(th, td) {
  font-weight: 400;
  background: #fff;
  border: 1px solid #ddd;
  padding: 0.8em 1em;
  line-height: 1.4;
  vertical-align: middle;
}

/* table - block */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-table {
  overflow: auto hidden;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-table thead {
  border-bottom: none;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-table tfoot {
  border-top: none;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-table :is(th, td) {
  background: transparent;
}

/* table - block - default */
:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-regular
  thead {
  background: #f6f6f6;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-regular
  :is(th, td) {
  border: 1px solid #ddd;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-regular
  tfoot {
  border-top: 3px double #ddd;
}

/* table - block - stripe */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-table.is-style-stripes {
  border-bottom: none;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-stripes
  tbody
  tr:nth-child(odd) {
  background: #f6f6f6;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-stripes
  thead {
  color: #fff;
  background: #000;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-table.is-style-stripes
  tfoot {
  border-top: 3px double #000;
}

/* layout 2c & 3c */
.post_row {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px 30px;
}

.post_col {
  min-inline-size: 0;
}

@media not all and (max-width: 1024px) {
  .post_row:has(.post_col-2) {
    grid-template-columns: repeat(2, 1fr);
  }

  .post_row:has(.post_col-3) {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* google map */
.tcdce-gmap {
  position: relative;
  width: 100%;
  height: 550px;
  background: #ddd;
}

.tcdce-gmap__embed {
  width: 100%;
  height: 550px;
}

.tcdce-gmap__marker::after {
  position: absolute;
  bottom: 0;
  left: -5px;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 16px 5px 0 5px;
  border-top-color: var(--tcdce-gmap-bg-color);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.tcdce-gmap__marker-icon {
  word-break: break-word;
  line-height: 1.4;
  position: absolute;
  top: -114px;
  left: -50px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 100px !important;
  height: 100px !important;
  padding: 5px;
  overflow: hidden;
  font-size: 18px;
  color: var(--tcdce-gmap-font-color);
  text-align: center;
  background-color: var(--tcdce-gmap-bg-color);
  border-radius: 50%;
  background-image: var(--tcdce-gmap-image-url, none);
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .tcdce-gmap,
  .tcdce-gmap__embed {
    height: 320px;
  }
}

/* toc */
.p-toc,
.p-toc * {
  box-sizing: border-box;
}

.p-toc {
  padding: 40px;
  background: #f6f6f6;
  border-radius: 10px;
}

.tcdce-body * + .p-toc {
  margin-top: 50px;
}

.p-toc-headline {
  display: block;
  color: #000000;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  margin: -0.2em 0 calc(30px - 0.2em);
  text-align: center;
}

.p-toc ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.p-toc li {
  line-height: 1.4 !important;
  /* 一部テーマはウィジェット内のliにスタイルを指定しているため、その対策 */
  padding: initial;
  margin: initial;
}

.p-toc a:not(:hover) {
  color: #000 !important;
}

.p-toc ul ul {
  margin-top: 20px;
  padding-left: 1em;
}

@media (any-hover: hover) {
  .p-toc a:hover {
    text-decoration: none !important;
    color: rgba(0, 0, 0, 0.5) !important;
  }
}

@media (max-width: 767px) {
  .p-toc {
    padding: 25px 20px;
  }

  .tcdce-body * + .p-toc {
    margin-top: 40px;
  }

  .p-toc-headline {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

/* sidebar */
.p-toc--sidebar {
  padding: 30px 20px;
  background: #f6f6f6;
  max-height: calc(100svh - 40px - var(--tcdce-toc-sticky-top, 40px));
  overflow: hidden auto;
}

.p-toc--sidebar .p-toc-headline {
  color: #000;
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
}

.widget_tcdce_toc_widget:has(.is-sticky) {
  position: sticky;
  top: var(--tcdce-toc-sticky-top, 40px);
  z-index: 1;
  height: fit-content;
}

/* open button */
.p-toc-open {
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99;
  width: 50px;
  height: 50px;
  color: #000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, pointer-events 0.3s ease;
  box-sizing: border-box;
}

.p-toc-open:not(.is-active) {
  opacity: 0;
  pointer-events: none;
}

.p-toc-open:before {
  content: "\e907";
  font-family: "editor";
  font-size: 28px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

/* GRAVITY以降、固定フッター対策 */
@media (max-width: 767px) {
  /* アイコンメニュー */
  body:has(.p-footer-fix-nav) .p-toc-open {
    margin-bottom: 40px;
  }
  /* バナーCTA NOTE: バナー表示中は非表示 */
  body:has(.p-footer-fix-cta-image) .p-toc-open {
    display: none;
  }
  /* テキストCTA */
  body:has(.p-footer-fix-cta-text) .p-toc-open {
    margin-bottom: 55px;
  }
}

/* modal */
.p-toc-modal,
.p-toc-modal * {
  box-sizing: border-box;
}

.p-toc-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease, pointer-events 0.3s ease;
}

.p-toc-modal:not(.is-active) {
  opacity: 0;
  pointer-events: none;
}

.p-toc-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.p-toc-modal .p-toc {
  width: calc(100% - 40px);
  max-width: 400px;
  padding: 30px;
  max-height: calc(100svh - 120px);
  overflow: hidden auto;
}

.p-toc-modal .p-toc-headline {
  margin-bottom: 25px;
}

.p-toc-modal-close {
  cursor: pointer;
  width: 50px;
  padding: 20px 0;
  background: none;
  border: none;
}

.p-toc-modal-close:before {
  content: "\e901";
  font-family: "editor";
  font-weight: normal;
  font-size: 28px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

/* tab */
.tcdce-tab {
  font-size: 16px;
}

.tcdce-tab__label {
  display: flex;
}

.tcdce-tab__label-item {
  cursor: pointer;
  flex: 1;
  min-width: 0;
  color: #999;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: calc(25px - 0.2em);
  border-bottom: 3px solid #ddd;
  transition: color 0.25s ease, border-color 0.25s ease;
}

.tcdce-tab__label-item.is-active {
  pointer-events: none;
  color: currentColor;
  border-color: #000;
}

.tcdce-tab__field {
  display: none;
  background: #fafafa;
  padding: 40px;
}

.tcdce-tab__field-caption {
  display: block;
  line-height: 1.6;
  text-align: center;
  margin: calc(20px - 0.3em) 0 -0.3em;
}

/* tab active */
.tcdce-tab:has(.tcdce-tab__label-item1.is-active) .tcdce-tab__field1,
.tcdce-tab:has(.tcdce-tab__label-item2.is-active) .tcdce-tab__field2,
.tcdce-tab:has(.tcdce-tab__label-item3.is-active) .tcdce-tab__field3 {
  display: block;
  animation: tcdceTabFadeIn 0.3s ease 0s forwards;
}

@keyframes tcdceTabFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (any-hover: hover) {
  .tcdce-tab__label-item:hover {
    color: currentColor;
  }
}

@container tcdce (max-width: 600px) {
  .tcdce-tab {
    font-size: 14px;
  }

  .tcdce-tab__label-item {
    padding-bottom: calc(20px - 0.2em);
  }

  .tcdce-tab__field {
    padding: 20px;
  }
}

/*
 * block editor
 */

/* caption */
:is(.tcdce-body, .editor-styles-wrapper) .wp-element-caption {
  text-align: center;
  line-height: 1.8;
  margin: 0.6em 0 -0.4em;
}

/* 詳細（アコーディオン） */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details {
  line-height: 1.8;
  padding: 1.4em;
  background: #f6f6f6;
  border: 1px solid #ddd;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-details:has(+ .wp-block-details) {
  margin-bottom: -1px;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details summary {
  position: relative;
  list-style: none;
  background: #ffffff;
  padding: 1em 1.4em;
  margin: -1.4em;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details summary:after {
  content: "\e901";
  font-size: 1.2em;
  font-family: "editor";
  font-weight: normal;
  position: absolute;
  inset: 0 0.8em 0 auto;
  margin: auto;
  line-height: 1;
  height: 1em;
  transform: rotate(45deg);
  -webkit-font-smoothing: antialiased;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details[open] summary {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.4em;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details[open] summary:after {
  transform: rotate(0deg);
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details p {
  margin-top: 0;
  margin-bottom: 0.5em;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-details p:last-of-type {
  margin-bottom: 0;
}

@media (any-hover: hover) {
}

/* 音声 */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-audio audio {
  vertical-align: bottom;
}

/* ファイル */
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-file:not(.wp-element-button),
:is(.tcdce-body, .editor-styles-wrapper) .wp-block-file__content-wrapper {
  display: flex;
  font-size: inherit;
  line-height: 1.4;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-file:not(.wp-element-button)
  a:not(.wp-block-file__button) {
  flex: 1;
  padding: 1em 1.4em;
  background: #f6f6f6;
}

:is(.tcdce-body, .editor-styles-wrapper) .wp-block-file__button {
  text-decoration: none;
  padding: 1em 2em;
  color: #fff;
  background: #000000;
  border-radius: 0;
  transition: opacity 0.3s ease;
}

:is(.tcdce-body, .editor-styles-wrapper)
  .wp-block-file
  *
  + .wp-block-file__button {
  margin-left: 0;
}

@media (any-hover: hover) {
  :is(.tcdce-body, .editor-styles-wrapper) .wp-block-file__button:hover {
    color: #fff;
    opacity: 0.7;
  }
}

/* カラムブロック */
.wp-block-column:only-child {
  margin-inline: auto;
}

/*
 * classic editor support
 */

.tcdce-caution {
  color: red;
  background: rgb(255 0 0 / 10%);
  padding: 0.5em 1em;
}

/*
 * block editor admin
 */

/* 記事タイトル */
.wp-block-post-title {
  --tcdce-h1-text-align: left;
}

/* buttons & columns & group */
.wp-block:is(.wp-block-buttons, .wp-block-columns, .wp-block-group) {
  padding: 1em;
  border: 2px dashed #ddd;
  border-radius: 2px;
}

/* column & spacer */
.wp-block:is(.wp-block-column, .wp-block-spacer) {
  border: 2px dashed #ddd;
  border-radius: 2px;
}

/* classic block 対策 */
.wp-block-freeform {
  padding-inline: 20px;
  border: 1px dotted #1e1e1e;
}

/* ショートコードのマージン調整 */
.wp-block.wp-block-shortcode {
  margin-bottom: 28px;
}