@charset "utf-8";

  [class*="is-style-theme-"]{
    /* padding: 10px; */
    /* margin-bottom: 20px; */
}


/********************************************************
WordPress 初期CSS　書き換え
********************************************************/
.wp-block-button > .wp-element-button {
  color: var(--main-dark-area-text-color);
  background-color: var(--main-dark-area-bg-color);
}

.wp-block-separator {
  color: var(--main-dark-area-bg-color);
  border-color: var(--main-dark-area-bg-color);
}


:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
    padding: 4px !important;
    /* margin-bottom: 0 !important; */
}
.wp-block-search__button {
  padding: .375em .625em !important;
}


.wp-block-group :is(h1,h2,h3,h4,h5,h6,p) {
/* margin:inherit; */
    /* padding: inherit; */
}

.wp-block-list {
    padding-left: 1rem;
	padding-inline-start: 1.5em;
}
.wp-block-code,
.wp-block-quote,
.wp-block-calendar,
.wp-block-table{
    margin-bottom: 2em;
}

.wp-block-code{
box-sizing: border-box;
color: #fff;
background-color: #000;
white-space: nowrap;
overflow-x: auto;
border: solid 1px #000 !important;
}
.wp-block-code:not(.is-style-theme-code-numbering) {
padding: 1rem 1.25rem;
}
.wp-block-code code code{
white-space: nowrap;
}


/* ========================================
   コアブロック：引用
======================================== */

/* 共通 */
.wp-block-quote {
    display: block;
    position: relative;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow-wrap: break-word;
}

.wp-block-quote > p,
.wp-block-quote > cite {
    position: relative;
    z-index: 1;
}

.wp-block-quote > p {
    margin-top: 0;
    margin-bottom: 0.75em;
}

.wp-block-quote > p:last-of-type {
    margin-bottom: 0;
}

.wp-block-quote > cite {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.875em;
    text-align: right;
}

/* ========================================
   デフォルト
   引用符付きカード
======================================== */
.wp-block-quote:not(.is-style-plain):not(.is-large):not(.is-style-large) {
    padding:
        clamp(2rem, 4vw, 2.5rem)
        clamp(1.5rem, 4vw, 2.25rem);
    background-color: whitesmoke;
    border: 1px solid gainsboro;
    box-shadow: 3px 3px 5px whitesmoke;
    overflow: hidden;
}

.wp-block-quote:not(.is-style-plain):not(.is-large):not(.is-style-large)::before,
.wp-block-quote:not(.is-style-plain):not(.is-large):not(.is-style-large)::after {
    display: block;
    position: absolute;
    font-size: 77px;
    line-height: 1;
    color: #c8c8c8;
    opacity: 0.5;
    border: 0;
    z-index: 0;
    pointer-events: none;
}

.wp-block-quote:not(.is-style-plain):not(.is-large):not(.is-style-large)::before {
    content: "“";
    top: 0;
    left: 0.15em;
}

.wp-block-quote:not(.is-style-plain):not(.is-large):not(.is-style-large)::after {
    content: "”";
    right: 0.15em;
    bottom: -0.45em;
}

/* ========================================
   プレーン
   背景・影・大型引用符・丸みなし
======================================== */
.wp-block-quote.is-style-plain {
    padding: 1.25rem;
    text-align: center;
    background: transparent;
    border: 0;
    border-block: 0.25rem solid var(
        --main-dark-area-bg-color,
        currentColor
    );
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.wp-block-quote.is-style-plain > cite {
    text-align: center;
}


/* プレーンと旧Largeには大型引用符を出さない */
.wp-block-quote:is(
    .is-style-plain,
    .is-large,
    .is-style-large
)::before,
.wp-block-quote:is(
    .is-style-plain,
    .is-large,
    .is-style-large
)::after {
    content: none;
}


.wp-block-quote> cite{
    display: block;
    text-align: right;

}

pre {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    background-color: whitesmoke;
 }


.wp-block-table table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;

 }

.wp-block-table td {
    padding: 6px;
    border: 1px solid var(--main-dark-area-bg-color);

 }
.wp-block-table th {
    padding: 6px;
	color: var(--main-dark-area-text-color);
	background: var(--main-dark-area-bg-color);
    border: 1px solid var(--main-dark-area-bg-color);

}
/* コアブロック/カレンダー */
.wp-calendar-table {
    /* margin-bottom: .5em !important; */
}

/* ==================================== */
/* ウィジェット widget */
/* ==================================== */
.headline_top_widget p,
.headline_bottom_widget p {
    margin-bottom: 0;
 }

/********************************************************
WordPress コアブロック
********************************************************/
/***************************
コアブロック 見出し段落
****************************/
/* マージン無し */
.is-style-theme-margin-auto {
    margin: auto !important;
}

[class*="is-style-theme-updownline-"]{
    /* padding: 10px; */
    /* margin-bottom: 20px; */
}
[class*="is-style-theme-updownline-"]::before {
    /* padding: 10px; */
    /* margin-bottom: 20px; */
}
[class*="is-style-theme-updownline-"]::after {
    /* padding: 10px; */
    /* margin-bottom: 20px; */
}
/* 背景+上下線 */
.is-style-theme-updownline-color {
    position: relative;
    background-color: var(--main-dark-area-bg-color);
    color: var(--main-dark-area-text-color);
    padding: .5em !important;

}
.is-style-theme-updownline-color::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--main-dark-area-bg-color);
    top:-5px;
    left:0;
}
.is-style-theme-updownline-color::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--main-dark-area-bg-color);
    bottom:-5px;
    left:0;
}

/* 囲い 細 */
.is-style-theme-border-square-thin-color {
    border:2px solid var(--main-dark-area-bg-color);
    padding: .5em !important;
}
/* 背景色 メインカラー */
.is-style-theme-bgcolor-color {
    background-color: var(--main-dark-area-bg-color);
    color: var(--main-dark-area-text-color);
    padding: .5em !important;

}

/* 下線 細 */
.is-style-theme-under-line-thin-color {
    border-bottom:2px solid var(--main-dark-area-bg-color);
}

/* 上線 細 */
.is-style-theme-top-line-thin-color {
    border-top:2px solid var(--main-dark-area-bg-color);
}

/* 上下線 上太/下細 */
.is-style-theme-updown-line-middle-color {
    border-top:3px solid var(--main-dark-area-bg-color);
    border-bottom:1px solid var(--main-dark-area-bg-color);
}
/* 上下線 細 */
.is-style-theme-updown-line-thin-color {
    border-top:2px solid var(--main-dark-area-bg-color);
    border-bottom:2px solid var(--main-dark-area-bg-color);
}
/* 上下二重線 */
.is-style-theme-updown-line-double-color {
    border-top:3px double var(--main-dark-area-bg-color);
    border-bottom:3px double var(--main-dark-area-bg-color);
}


/* 鍵括弧 */
.is-style-theme-square-brackets-color {
	position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.is-style-theme-square-brackets-color::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	top: 0;
	left: 0;
    border-color: var(--main-dark-area-bg-color);
    border-style: solid;
    border-width:1px 0 0 1px;
}
.is-style-theme-square-brackets-color::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
	right: 0;
    /* left: auto; */
    /* top: auto; */
    border-color: var(--main-dark-area-bg-color);
    border-style: solid;
    border-width:0 1px 1px 0;
}
/* 大括弧 */
.is-style-theme-big-brackets-color {
	position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.is-style-theme-big-brackets-color::before,
.is-style-theme-big-brackets-color::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}
.is-style-theme-big-brackets-color::before {
    top: 0;
	left: 0;
	border-left: solid 1px var(--main-dark-area-bg-color);
	border-top: solid 1px var(--main-dark-area-bg-color);
	border-bottom: solid 1px var(--main-dark-area-bg-color);
	border-right: 0;
}
.is-style-theme-big-brackets-color::after {
    top: 0;
	right: 0;
    left: auto;
	border-right: solid 1px var(--main-dark-area-bg-color);
	border-top: solid 1px var(--main-dark-area-bg-color);
	border-bottom: solid 1px var(--main-dark-area-bg-color);
    border-left: 0;
}
/* 中央線 */
.is-style-theme-center-line-color {
 display: flex;
 flex-wrap: nowrap;
 justify-content: center;
 align-items: center;
 border:0;
 width: 100%;
 white-space: nowrap;
 padding-left: 0 !important;
 padding-right: 0 !important;
}
.is-style-theme-center-line-color::before,
.is-style-theme-center-line-color::after{
 content: '';
 width: 100%;
 height: 2px;
 background-color:var(--main-dark-area-bg-color);
}
.is-style-theme-center-line-color::before{
 margin-right:0.5rem;
}
.is-style-theme-center-line-color::after {
 margin-left:0.5rem;
}
/* ------------------------------- */
/* 線形 黒 */
/* ------------------------------- */


/* ------------------------------- */
/* 吹き出し 上下線 */
/* ------------------------------- */
/* 吹き出し 上下線 下向き左側*/
.is-style-theme-speechbubble-updown-color-left {
    position: relative;
    /* padding: 10px; */
    border-top: 2px solid var(--main-dark-area-bg-color);
    border-bottom: 2px solid var(--main-dark-area-bg-color);
    background-color: #fff;
  }
.is-style-theme-speechbubble-updown-color-left::before {
position: absolute;
bottom: -16px;
left: 20px;
width: 0;
height: 0;
content: '';
border-width: 16px 14px 0 14px;
border-style: solid;
border-color: var(--main-dark-area-bg-color) transparent transparent transparent;
}
.is-style-theme-speechbubble-updown-color-left::after {
position: absolute;
bottom: -14px;
left: 20px;
width: 0;
height: 0;
content: '';
border-width: 16px 14px 0 14px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
  [class*="is-style-theme-"]{
    /* padding: 10px; */
    /* margin-bottom: 20px; */
}




/* 吹き出し 上下線 下向き中央*/
.is-style-theme-speechbubble-updown-color-center {
    position: relative;
    /* padding: 10px; */
    border: 2px solid var(--main-dark-area-bg-color);
    border-left: none;
    border-right: none;
    background-color: #fff;
    text-align: center;
  }
.is-style-theme-speechbubble-updown-color-center::before {
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX( -50%);
width: 0;
height: 0;
content: '';
border-width: 16px 14px 0 14px;
border-style: solid;
border-color: var(--main-dark-area-bg-color) transparent transparent transparent;
}
.is-style-theme-speechbubble-updown-color-center::after {
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX( -50%);
width: 0;
height: 0;
content: '';
border-width: 16px 14px 0 14px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}



/* WPプリセットカラーを合わせる */
.has-black-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--black) transparent transparent transparent;
}
.has-cyan-bluish-gray-background-color[class*="is-style-theme-speechbubble-updown"]::after{
border-color: var(--wp--preset--color--cyan-bluish-gray) transparent transparent transparent;
}
.has-white-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--white) transparent transparent transparent;
}
.has-pale-pink-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--pale-pink) transparent transparent transparent;
}
.has-vivid-red-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--vivid-red) transparent transparent transparent;
}
.has-luminous-vivid-orange-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--luminous-vivid-orange) transparent transparent transparent;
}
.has-luminous-vivid-amber-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--luminous-vivid-amber) transparent transparent transparent;
}
.has-light-green-cyan-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--light-green-cyan) transparent transparent transparent;
}
.has-vivid-green-cyan-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--vivid-green-cyan) transparent transparent transparent;
}
.has-pale-cyan-blue-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--pale-cyan-blue) transparent transparent transparent;
}
.has-vivid-cyan-blue-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--vivid-cyan-blue) transparent transparent transparent;
}
.has-vivid-purple-background-color[class*="is-style-theme-speechbubble-updown-"]::after{
border-color: var(--wp--preset--color--vivid-purple) transparent transparent transparent;
}
/* ---------------------------------- */
/* 吹き出し 囲い枠線  */
/* ---------------------------------- */
/* 吹き出し 下向き */
.is-style-theme-speechbubble-square-color-bottom {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding: 12px !important;
  border: 2px solid var(--main-dark-area-bg-color);
  background-color: #ffffff;
}

.is-style-theme-speechbubble-square-color-bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: var(--main-dark-area-bg-color) transparent transparent;
  translate: -50% 100%;
}

.is-style-theme-speechbubble-square-color-bottom::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 40px;
  border-style: solid;
  /* border-width: 11.4px 7.6px 0 7.6px; */
    border-width: 15px 10px 0 10px;

  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
}
/* WPプリセットカラーを合わせる */
.has-black-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--black) transparent transparent transparent;
}
.has-cyan-bluish-gray-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--cyan-bluish-gray) transparent transparent transparent;
}
.has-white-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--white) transparent transparent transparent;
}
.has-pale-pink-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--pale-pink) transparent transparent transparent;
}
.has-vivid-red-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--vivid-red) transparent transparent transparent;
}
.has-luminous-vivid-orange-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--luminous-vivid-orange) transparent transparent transparent;
}
.has-luminous-vivid-amber-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--luminous-vivid-amber) transparent transparent transparent;
}
.has-light-green-cyan-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--light-green-cyan) transparent transparent transparent;
}
.has-vivid-green-cyan-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--vivid-green-cyan) transparent transparent transparent;
}
.has-pale-cyan-blue-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--pale-cyan-blue) transparent transparent transparent;
}
.has-vivid-cyan-blue-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--vivid-cyan-blue) transparent transparent transparent;
}
.has-vivid-purple-background-color.is-style-theme-speechbubble-square-color-bottom::after{
border-color: var(--wp--preset--color--vivid-purple) transparent transparent transparent;
}

/* 吹き出し 左向き */
.is-style-theme-speechbubble-square-color-left {
  position: relative;
  display: block;
  margin-left: 15px;
  padding: 12px !important;
  border: 2px solid var(--main-dark-area-bg-color);
  background-color: #ffffff;
  text-align: left;
}

.is-style-theme-speechbubble-square-color-left::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent var(--main-dark-area-bg-color) transparent transparent;
    translate: -100% -50%;
}

.is-style-theme-speechbubble-square-color-left::after {
    content: "";
    position: absolute;
    top: 25px;
    left: 3px;
    border-style: solid;
    border-width: 10px 15px 10px 0;

    border-color: transparent #ffffff transparent transparent;
    translate: -100% -50%;
}
/* WPプリセットカラーを合わせる */
.has-black-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--black) transparent transparent;
}
.has-cyan-bluish-gray-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--cyan-bluish-gray) transparent transparent;
}
.has-white-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--white) transparent transparent;
}
.has-pale-pink-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--pale-pink) transparent transparent;
}
.has-vivid-red-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--vivid-red) transparent transparent;
}
.has-luminous-vivid-orange-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--luminous-vivid-orange) transparent transparent;
}
.has-luminous-vivid-amber-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--luminous-vivid-amber) transparent transparent;
}
.has-light-green-cyan-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--light-green-cyan) transparent transparent;
}
.has-vivid-green-cyan-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--vivid-green-cyan) transparent transparent;
}
.has-pale-cyan-blue-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--pale-cyan-blue) transparent transparent;
}
.has-vivid-cyan-blue-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--vivid-cyan-blue) transparent transparent;
}
.has-vivid-purple-background-color.is-style-theme-speechbubble-square-color-left::after{
border-color: transparent var(--wp--preset--color--vivid-purple) transparent transparent;
}
/* 吹き出し 右向き */
.is-style-theme-speechbubble-square-color-right {
  position: relative;
  display: block;
  margin-right: 15px;
  padding: 12px !important;
  border: 2px solid var(--main-dark-area-bg-color);
  background-color: #ffffff;
  text-align: left;
}

.is-style-theme-speechbubble-square-color-right::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent var(--main-dark-area-bg-color);
  translate: 100% -50%;
}

.is-style-theme-speechbubble-square-color-right::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 3px;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #ffffff;
    translate: 100% -50%;
}
/* WPプリセットカラーを合わせる */
.has-black-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--black);
}
.has-cyan-bluish-gray-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--cyan-bluish-gray);
}
.has-white-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--white);
}
.has-pale-pink-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--pale-pink);
}
.has-vivid-red-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--vivid-red);
}
.has-luminous-vivid-orange-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--luminous-vivid-orange);
}
.has-luminous-vivid-amber-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--luminous-vivid-amber);
}
.has-light-green-cyan-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--light-green-cyan);
}
.has-vivid-green-cyan-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--vivid-green-cyan);
}
.has-pale-cyan-blue-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--pale-cyan-blue);
}
.has-vivid-cyan-blue-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--vivid-cyan-blue);
}
.has-vivid-purple-background-color.is-style-theme-speechbubble-square-color-right::after{
border-color: transparent transparent transparent var(--wp--preset--color--vivid-purple);
}

/* 左線 */
.is-style-theme-left-color-line {
    border-left:10px solid var(--main-dark-area-bg-color);
    padding: .5em !important;
}
.is-style-theme-left-color-shadow {
    padding: .5em !important;
    border:1px solid #cccccc;
    border-left:10px solid var(--main-dark-area-bg-color);
    box-shadow: 3px 3px 3px  #cccccc;
}

.is-style-theme-shadow-rightbottom {
    border:1px solid var(--main-dark-area-bg-color);
    box-shadow: 3px 3px 3px  #cccccc;
    padding: .5em !important;
}
.is-style-theme-shadow-square {
	box-shadow: 0px 0px 5px var(--main-border-shadow-color);
    padding: .5em !important;
}


.is-style-theme-shadow-alignment {
    border: solid 1px  var(--main-dark-area-bg-color);
    box-shadow:10px 10px 0px var(--main-dark-area-bg-color);
    padding: .5em !important;
}

/* ランキング */
[class*="is-style-theme-ranking"]::before{
        content: "\e682";
    font-family: "WhiteDress Icons";
    font-weight: 900;
    left:0;
    flex-shrink: 0;
    font-size: 1.1em;
    margin-right: 5px;
}
.is-style-theme-ranking-gold::before {
    content: "\e682";
    font-family: "WhiteDress Icons";
    font-weight: 900;
    left:0;
    flex-shrink: 0;
    font-size: 1.1em;
    margin-right: 5px;

}

.is-style-theme-ranking-gold::before {
    color: #e6c300;
}

.is-style-theme-ranking-silver::before {
color: #a9a9a9;
}

.is-style-theme-ranking-bronze::before {
color: #815a2b;
}
.is-style-theme-ranking-others::before {
color: limegreen ;
}


/* -------------------------------- */
/* ポイント */
/* -------------------------------- */
/* 全体装飾 */
[class*="is-style-theme-point-up"]{
    position: relative;
    display: block;
    flex-wrap: nowrap;
    /* padding: 0.75rem !important; */
    padding: 1rem !important;
    padding-left: 3.5rem !important;
    padding-bottom: 1rem !important;
    /* background-color: #fff; */
    border-width: 2px;
    border-style: solid;
    line-height: 1.5 !important;
}
[class*="is-style-theme-point-up"]::first-line {
    /* font-size: 1.2rem; */
    /* font-weight: 600; */
}
[class*="is-style-theme-point-up"]::before{
    box-sizing: border-box;
    font-family: "WhiteDress Icons";
    font-weight: 900;
    padding-left: 0;
    position: absolute;
    margin: .5rem;
    top:0;
    left:0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1.5 !important;

}
[class*="is-style-theme-point-up"]::after{

}
/* クエスチョン */
.is-style-theme-point-up-question {
    border-color: #314fa9;
}
.is-style-theme-point-up-question::before {
    content: '\51';
    line-height: 1 !important;
    padding-bottom: 2px;
    border-color: #314fa9;
    background-color: #314fa9;
}
.wp-block-heading.is-style-theme-point-up-question::before {
    padding-bottom: 0;
}
.wp-block-heading:is(
    .is-style-theme-point-up-question,
    .is-style-theme-point-up-hatena
) {
    padding-block: .75rem !important;
}
.wp-block-heading:is(
    .is-style-theme-point-up-question,
    .is-style-theme-point-up-hatena
)::before {
    top: calc(50% - .5rem);
    transform: translateY(-50%);
}
/* アンサー */
.is-style-theme-point-up-answer {
     border-color: #dc353b;
}
.is-style-theme-point-up-answer::before {
    content: '\41';
    border-color: #dc353b;
    background-color: #dc353b;
}
/* インフォメーション */
.is-style-theme-point-up-information {
     border-color: var(--main-dark-area-bg-color);
}
.is-style-theme-point-up-information::before {
    content: '\f129';
    border-color: var(--main-dark-area-bg-color);
    background-color: var(--main-dark-area-bg-color);
}
/* 電球 */
.is-style-theme-point-up-lightbulb {
     border-color: #ffd145;
}
.is-style-theme-point-up-lightbulb::before {
    content: '\f0eb';
    border-color: #ffd145;
    background-color: #ffd145;
}
/* チェックマーク */
.is-style-theme-point-up-check {
     border-color: #11d934;
}
.is-style-theme-point-up-check::before {
    content: '\f00c';
    border-color: #11d934;
    background-color: #11d934;
}
/* アラート */
.is-style-theme-point-up-alert {
     border-color: #dc353b;
}
.is-style-theme-point-up-alert::before {
    content: '\f071';
    border-color: #dc353b;
    background-color: #dc353b;
}
/* アナウンス */
.is-style-theme-point-up-announce {
     border-color: #fd6d14;
}
.is-style-theme-point-up-announce::before {
    content: '\f0a1';
    border-color: #fd6d14;
    background-color: #fd6d14;
}
/* コメント */
.is-style-theme-point-up-comment {
     border-color: #a9a9a9;
}
.is-style-theme-point-up-comment::before {
    content: '\f075';
    font-weight: 400;
    border-color: #a9a9a9;
    background-color: #a9a9a9;
}
/* 丸 */
.is-style-theme-point-up-circle {
     border-color: #4a92fe;
}
.is-style-theme-point-up-circle::before {
    content: "\f111";
    font-weight: 400;
    border-color: #4a92fe;
    background-color: #4a92fe;
}
/* バツ */
.is-style-theme-point-up-xmark {
     border-color: #fe5c4a;
}
.is-style-theme-point-up-xmark::before {
    content: "\58";
    border-color: #fe5c4a;
    background-color: #fe5c4a;
}
/* 虫眼鏡 */
.is-style-theme-point-up-magnifying {
     border-color: #d3d3d3;
}
.is-style-theme-point-up-magnifying::before {
    content: "\f002";
    border-color: #d3d3d3;
    background-color: #d3d3d3;
}
/* ギフト */
.is-style-theme-point-up-gift {
     border-color: #b1af38;
}
.is-style-theme-point-up-gift::before {
    content: "\f06b";
    border-color: #b1af38;
    background-color: #b1af38;
}
/* ピン */
.is-style-theme-point-up-thumbtack {
     border-color: #dc2f14;
}
.is-style-theme-point-up-thumbtack::before {
    content: "\f08d";
    border-color: #dc2f14;
    background-color: #dc2f14;
}
/* グッド */
.is-style-theme-point-up-good {
     border-color: #6dc67d;
}
.is-style-theme-point-up-good::before {
    content: "\f164";
    font-weight: 400;
    border-color: #6dc67d;
    background-color: #6dc67d;
}
/* バッド */
.is-style-theme-point-up-bad {
     border-color: #6da4c6;
}
.is-style-theme-point-up-bad::before {
    content: "\f165";
    font-weight: 400;
    border-color: #6da4c6;
    background-color: #6da4c6;
}
/* はてな */
.is-style-theme-point-up-hatena {
     border-color: #3157a9;
}
.is-style-theme-point-up-hatena::before {
    content: "\3f";
    line-height: 1 !important;
    border-color: #3157a9;
    background-color: #3157a9;
}
/* ペン */
.is-style-theme-point-up-pen {
     border-color: #555555;
}
.is-style-theme-point-up-pen::before {
    content: "\f305";
    border-color: #555555;
    background-color: #555555;
}
/* メモ */
.is-style-theme-point-up-memo {
     border-color: #708090;
}
.is-style-theme-point-up-memo::before {
    content: "\f31c";
    border-color: #708090;
    background-color: #708090;
}


/* -------------------------------- */
/* アイコンボックス上 */
/* -------------------------------- */
/* 全体装飾 */
[class*="is-style-theme-box-top"]{
    position: relative;
    padding-left: 3.5rem !important;
     display: flex;
 flex-wrap: nowrap;
 padding: 1.5rem !important;
color: #000;
border-width: 2px;
border-style: solid;
}
[class*="is-style-theme-box-top"]::before{
    font-family: "WhiteDress Icons";
    font-weight: 900;
    padding-left: 0;
    position: absolute;
    /* margin-top: 0.15em; */
    top:-1.25rem;
    left:1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    /* text-align: center; */
    /* border: solid 2px red; */
    border-radius: var(--theme-border-radius-small-parts);
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #fff; */
    color: #fff;
    border-width: 2px;
    border-style: solid;
}
/* クエスチョン */
.is-style-theme-box-top-question {
     border-color: #314fa9;
}
.is-style-theme-box-top-question::before {
    content: '\51';
    border-color: #314fa9;
    background-color: #314fa9;

}
/* アンサー */
.is-style-theme-box-top-answer {
     border-color: #dc353b;
}
.is-style-theme-box-top-answer::before {
    content: '\41';
    border-color: #dc353b;
    background-color: #dc353b;
}
/* インフォメーション */
.is-style-theme-box-top-information {
     border-color: var(--main-dark-area-bg-color);
}
.is-style-theme-box-top-information::before {
    content: '\f129';
    border-color: var(--main-dark-area-bg-color);
    background-color: var(--main-dark-area-bg-color);
}
/* 電球 */
.is-style-theme-box-top-lightbulb {
     border-color: #ffd145;
}
.is-style-theme-box-top-lightbulb::before {
    content: '\f0eb';
    border-color: #ffd145;
    background-color: #ffd145;
}
/* チェックマーク */
.is-style-theme-box-top-check {
     border-color: #11d934;
}
.is-style-theme-box-top-check::before {
    content: '\f00c';
    border-color: #11d934;
    background-color: #11d934;
}
/* アラート */
.is-style-theme-box-top-alert {
     border-color: #dc353b;
}
.is-style-theme-box-top-alert::before {
    content: '\f071';
    border-color: #dc353b;
    background-color: #dc353b;
}
/* アナウンス */
.is-style-theme-box-top-announce {
     border-color: #fd6d14;
}
.is-style-theme-box-top-announce::before {
    content: '\f0a1';
    border-color: #fd6d14;
    background-color: #fd6d14;
}
/* コメント */
.is-style-theme-box-top-comment {
     border-color: #a9a9a9;
}
.is-style-theme-box-top-comment::before {
    content: '\f075';
    font-weight: 400;
    border-color: #a9a9a9;
    background-color: #a9a9a9;
}
/* 丸 */
.is-style-theme-box-top-circle {
     border-color: #4a92fe;
}
.is-style-theme-box-top-circle::before {
    content: "\f111";
    font-weight: 400;
    border-color: #4a92fe;
    background-color: #4a92fe;
}
/* バツ */
.is-style-theme-box-top-xmark {
     border-color: #fe5c4a;
}
.is-style-theme-box-top-xmark::before {
    content: "\58";
    border-color: #fe5c4a;
    background-color: #fe5c4a;
}
/* 虫眼鏡 */
.is-style-theme-box-top-magnifying {
     border-color: #d3d3d3;
}
.is-style-theme-box-top-magnifying::before {
    content: "\f002";
    border-color: #d3d3d3;
    background-color: #d3d3d3;
}
/* ギフト */
.is-style-theme-box-top-gift {
     border-color: #b1af38;
}
.is-style-theme-box-top-gift::before {
    content: "\f06b";
    border-color: #b1af38;
    background-color: #b1af38;
}
/* ピン */
.is-style-theme-box-top-thumbtack {
     border-color: #dc2f14;
}
.is-style-theme-box-top-thumbtack::before {
    content: "\f08d";
    border-color: #dc2f14;
    background-color: #dc2f14;
}
/* グッド */
.is-style-theme-box-top-good {
     border-color: #6dc67d;
}
.is-style-theme-box-top-good::before {
    content: "\f164";
    font-weight: 400;
    border-color: #6dc67d;
    background-color: #6dc67d;
}
/* バッド */
.is-style-theme-box-top-bad {
     border-color: #6da4c6;
}
.is-style-theme-box-top-bad::before {
    content: "\f165";
    font-weight: 400;
    border-color: #6da4c6;
    background-color: #6da4c6;
}
/* はてな */
.is-style-theme-box-top-hatena {
     border-color: #3157a9;
}
.is-style-theme-box-top-hatena::before {
    content: "\3f";
    border-color: #3157a9;
    background-color: #3157a9;
}
/* ペン */
.is-style-theme-box-top-pen {
     border-color: #555555;
}
.is-style-theme-box-top-pen::before {
    content: "\f305";
    border-color: #555555;
    background-color: #555555;
}
/* メモ */
.is-style-theme-box-top-memo {
     border-color: #708090;
}
.is-style-theme-box-top-memo::before {
    content: "\f31c";
    border-color: #708090;
    background-color: #708090;
}
/* -------------------------------- */
/* アイコンボックス/グループブロック */
/* -------------------------------- */
[class*="is-style-theme-point-up"] :is(h1,h2,h3,h4,h5,h6,p,div),
[class*="is-style-theme-box-top"] :is(h1,h2,h3,h4,h5,h6,p,div)
{
    padding: 0 !important;
    /* margin-top: .5rem; */
    margin-bottom: .5rem;
    line-height: 1.5;
}
[class*="is-style-theme-box-top"] .wp-block-group__inner-container{
    margin-top: .5rem !important;
}
[class*="is-style-theme-point-up"] :is(h1,h2,h3,h4,h5,h6,div):first-of-type,
[class*="is-style-theme-box-top"] :is(h1,h2,h3,h4,h5,h6,div):first-of-type
{
    margin-top: -.25rem;
}
[class*="is-style-theme-point-up"] :is(p):first-of-type,
[class*="is-style-theme-box-top"] :is(p):first-of-type
{
    margin-top: .25rem;
}
[class*="is-style-theme-point-up"] :is(h1,h2,h3,h4,h5,h6,p,ul,ol,div):last-child,
[class*="is-style-theme-box-top"] :is(h1,h2,h3,h4,h5,h6,p,ul,ol,div):last-child
{
    margin-bottom: .0;
}
/***************************
コアブロック リスト
****************************/
/* ---------------------------- */
/* ul */
/* ---------------------------- */
[class*="is-style-theme-list-"] li{
    line-height: 1.8;
    /* padding-left:5px; */
}
[class*="is-style-theme-list-step"] li{
    line-height: 1.5;
}
/* アイコンリスト */
[class*="is-style-theme-list-icon-"] {
    list-style: none;
    padding-left: 0;
}

[class*="is-style-theme-list-icon-"] li {
    position: relative;
    list-style: none;
    padding-left: 1.6em;
}

[class*="is-style-theme-list-icon-"] li::before {
    position: absolute;
    top: 0.55em;
    left: 0.2em;
    width: 1.1em;
    font-family: "WhiteDress Icons";
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
}

.is-style-theme-list-none-icon {
    list-style: none;
    padding-left: 0;

}
.is-style-theme-list-none-icon li {
    list-style: none;
    padding-left: 0;

}
.is-style-theme-list-icon-angle-right li::before {
    content: '\f105';
    font-weight: 900;
}
.is-style-theme-list-icon-caret-right li::before {
    content: '\f061';
    font-weight: 900;
}
.is-style-theme-list-icon-arrow-right li::before {
    content: '\f0da';
    font-weight: 900;
}

:is(
    .is-style-theme-list-icon-angle-right,
    .is-style-theme-list-icon-caret-right,
    .is-style-theme-list-icon-arrow-right
) li::before {
    color: var(--main-dark-area-bg-color);
}


/* ここからアイコンフォント */
.is-style-theme-list-icon-circle li::before {
    content: "\f111";
    font-weight: 400;
    color: #4a92fe;
}
.is-style-theme-list-icon-check li::before {
    content: "\f00c";
    font-weight: 900;
    color: #11d934;
}


.is-style-theme-list-icon-qmark li::before {
    content: "\51";
    font-weight: 900;
    color: #314fa9;

}
.is-style-theme-list-icon-answer li::before {
    content: "\41";
    font-weight: 900;
    color: #dc353b;
}
.is-style-theme-list-icon-information li::before {
    content: "\f129";
    font-weight: 900;
    color: var(--main-dark-area-bg-color);
}
.is-style-theme-list-icon-lightbulb li::before {
    content: "\f0eb";
    font-weight: 900;
    color: #ffd145;
}
.is-style-theme-list-icon-alert li::before {
    content: "\f071";
    font-weight: 900;
    color: #dc353b;
}
.is-style-theme-list-icon-announce li::before {
    content: "\f0a1";
    font-weight: 900;
    color: #fd6d14;
}
.is-style-theme-list-icon-comment li::before {
    content: "\f075";
    font-weight: 400;
    color: #a9a9a9;
}

.is-style-theme-list-icon-xmark li::before {
    content: "\f00d";
    font-weight: 900;
    color: #fe5c4a;
}
.is-style-theme-list-icon-gift li::before {
    content: "\f06b";
    font-weight: 900;
    color: #b1af38;
}
.is-style-theme-list-icon-thumbtack li::before {
    content: "\f08d";
    font-weight: 900;
    color: #dc2f14;
}
.is-style-theme-list-icon-good li::before {
    content: "\f164";
    font-weight: 400;
    color: #4a92fe;
}
.is-style-theme-list-icon-bad li::before {
    content: "\f165";
    font-weight: 400;
    color: #6da4c6;
}
.is-style-theme-list-icon-question li::before {
    content: "\3f";
    font-weight: 900;
    color: #314fa9;
}
.is-style-theme-list-icon-pen li::before {
    content: "\f305";
    font-weight: 900;
    color: #555555;
}
.is-style-theme-list-icon-memo li::before {
    content: "\f31c";
    font-weight: 900;
    color: #708090;
}

/* 下線 */
.is-style-theme-list-underline-color {
    padding-left: 0;
}
.is-style-theme-list-underline-color > li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid var(--main-dark-area-bg-color);
}

/* 上下線 */
.is-style-theme-list-topbottomline-color {
    padding-left: 0;
}
.is-style-theme-list-topbottomline-color > li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid var(--main-dark-area-bg-color);
}
.is-style-theme-list-topbottomline-color > li:first-child{
    border-top: 1px solid var(--main-dark-area-bg-color);
}




/* STEP */
.is-style-theme-list-step-leftline,
.is-style-theme-list-step-speechbubble {
    padding-left: 0;
}

:is(
    .is-style-theme-list-step-leftline,
    .is-style-theme-list-step-speechbubble
) > li > :is(ul, ol) {
    margin-top: 0.75rem;
    margin-bottom: 0;
    padding-inline-start: 1.25em;
}

:is(
    .is-style-theme-list-step-leftline,
    .is-style-theme-list-step-speechbubble
) > li > :is(ul, ol) :is(ul, ol) {
    margin-top: 0.5rem;
}

:is(
    .is-style-theme-list-step-leftline,
    .is-style-theme-list-step-speechbubble
) > li > :is(ul, ol) li {
    position: static;
    width: auto;
    padding: 0;
    margin: 0.35rem 0 0;
    border: 0;
    background: transparent;
    color: inherit;
    line-height: 1.8;
    text-align: left;
}

:is(
    .is-style-theme-list-step-leftline,
    .is-style-theme-list-step-speechbubble
) > li > :is(ul, ol) li::before,
:is(
    .is-style-theme-list-step-leftline,
    .is-style-theme-list-step-speechbubble
) > li > :is(ul, ol) li::after {
    content: none;
}

.is-style-theme-list-step-leftline {
    padding-left: 1rem;
}

.is-style-theme-list-step-leftline > li{
    list-style: none;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 10px;
    border-left: solid 2px var(--main-dark-area-bg-color);
    width: 100%;
    line-height: 1.8;
}
.is-style-theme-list-step-leftline > li::first-line{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8;
}
.is-style-theme-list-step-leftline > li::before{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px var(--main-dark-area-bg-color);
    background-color: var(--main-dark-area-bg-color);
    border-radius: var(--theme-border-radius-small-parts);
    top:-5px;
    left:-6px;
}
.is-style-theme-list-step-leftline > li:last-child::after{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px var(--main-dark-area-bg-color);
    background-color: var(--main-dark-area-bg-color);
    border-radius: var(--theme-border-radius-small-parts);
    bottom:-5px;
    left:-6px;
}

.is-style-theme-list-step-leftline > li > :is(ul, ol) {
    padding-inline-start: 1.1em;
}

/* 吹き出し */
.is-style-theme-list-step-speechbubble > li{
    list-style: none;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    border: 3px solid var(--main-dark-area-bg-color);
    background-color: #fff;
    text-align: center;
    margin-bottom: 25px;
 }
.is-style-theme-list-step-speechbubble > li:not(:last-child)::before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX( -50%);
    width: 0;
    height: 0;
    content: '';
    border-width: 20px 30px 0 30px;
    border-style: solid;
    border-color: var(--main-dark-area-bg-color) transparent transparent transparent;
    z-index: 1;
}
.is-style-theme-list-step-speechbubble > li:not(:last-child)::after {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX( -50%);
    width: 0;
    height: 0;
    content: '';
    border-width: 20px 30px 0 30px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.is-style-theme-list-step-speechbubble > li > :is(ul, ol) {
    text-align: left;
}

/* ---------------------------- */
/* ol */
/* ---------------------------- */
.is-style-theme-list-number-zero{
    padding-left: 1.75rem;
    list-style: decimal-leading-zero;
}
.is-style-theme-list-number-zero li{
    padding-left: 0;
    /* list-style: decimal-leading-zero; */
}

/* 〇-〇形式：ルート */
.is-style-theme-list-number-toc {
	counter-reset: theme-list-counter;
	padding-inline-start: 1.5em;
	list-style-position: outside;
}

/* 〇-〇形式：入れ子 */
.is-style-theme-list-number-toc ol {
	counter-reset: theme-list-counter;
	padding-inline-start: 2.25em;
	list-style-position: outside;
}

/* 右線〇-〇形式 */
.is-style-theme-list-number-rightline,
.is-style-theme-list-number-rightline ol {
	counter-reset: theme-list-counter;
	padding-inline-start: 2.25em;
	list-style-position: outside;
}

.wp-block-list:is(
    .is-style-theme-list-number-toc,
    .is-style-theme-list-number-rightline
) > li,
.wp-block-list:is(
    .is-style-theme-list-number-toc,
    .is-style-theme-list-number-rightline
) ol > li {
    counter-increment: theme-list-counter;
    margin-left: 0 !important;
}

.is-style-theme-list-number-toc > li::marker,
.is-style-theme-list-number-toc ol > li::marker {
    content: counters(theme-list-counter, "-") " ";
}

.is-style-theme-list-number-rightline > li::marker,
.is-style-theme-list-number-rightline ol > li::marker {
    content: counters(theme-list-counter, "-") " │ ";
}

.wp-block-list:is(
    .is-style-theme-list-number-bg-circle,
    .is-style-theme-list-number-bg-square
),
.wp-block-list:is(
    .is-style-theme-list-number-bg-circle,
    .is-style-theme-list-number-bg-square
) ol {
    list-style: none;
    counter-reset: theme-list-counter;
}

.wp-block-list:is(
    .is-style-theme-list-number-bg-circle,
    .is-style-theme-list-number-bg-square
) > li,
.wp-block-list:is(
    .is-style-theme-list-number-bg-circle,
    .is-style-theme-list-number-bg-square
) ol > li {
    position: relative;
    list-style: none;
    counter-increment: theme-list-counter;
    margin-left: 0 !important;
}

.is-style-theme-list-number-bg-circle,
.is-style-theme-list-number-bg-square {
    padding-left: 1.65rem;
}

.is-style-theme-list-number-bg-circle > li,
.is-style-theme-list-number-bg-square > li,
.is-style-theme-list-number-bg-circle ol > li,
.is-style-theme-list-number-bg-square ol > li {
    padding-left: .25rem;
}

.is-style-theme-list-number-bg-circle > li::before,
.is-style-theme-list-number-bg-square > li::before,
.is-style-theme-list-number-bg-circle ol > li::before,
.is-style-theme-list-number-bg-square ol > li::before {
    content: counter(theme-list-counter);
    position: absolute;
    color: #fff;
    font-size: 0.9rem;
    background-color: #000;
    width: 1.1rem;
    height: 1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    top: .2em;
    left: -1.35rem;
}

.is-style-theme-list-number-bg-circle > li::before,
.is-style-theme-list-number-bg-circle ol > li::before {
    border-radius: 50%;
}

.wp-block-list:is(
    .is-style-theme-list-number-toc,
    .is-style-theme-list-number-rightline,
    .is-style-theme-list-number-bg-circle,
    .is-style-theme-list-number-bg-square
) ul {
    list-style: disc;
}

/* マーク・番号付きリストの左余白調整（下線・上下線・STEP系は対象外） */
.is-style-theme-list-none-icon {
    padding-left: 0;
}

.is-style-theme-list-none-icon li {
    padding-left: 0;
}


[class*="is-style-theme-list-icon-"] {
    padding-left: 0;
}





/***************************
コアブロック 画像
****************************/
.wp-block-image > figcaption {
    text-align: center;
}

.is-style-theme-image-shadow-box img{
    border:1px solid #cccccc;
    box-shadow: 3px 3px 3px  #cccccc;

}

.is-style-theme-image-border-box img{
    border:1px solid var(--main-dark-area-bg-color);

}

.is-style-theme-image-outline-white img{
    border:1px solid #fff;
    outline: 1px solid #fff;
    outline-offset: -5px;

}
.is-style-theme-image-outline-color img{
    border:1px solid #cccccc;
    outline: 1px solid #cccccc;
    outline-offset: -5px;

}

.is-style-theme-image-photo-frame img{
    position: relative;
    border: 5px solid #FFF;
    box-shadow: 0 0 1px #000;

}

.is-style-theme-image-wooden-frame img{
    border: 5px ridge #aa6600;


}

.is-style-theme-image-photo-monotone img{
    filter: grayscale(100%);

}

.is-style-theme-image-photo-sepia img{
    filter: sepia(100%);

}

/* ======================== */
/* コアブロック/詳細 */
/* ======================== */
[class*="is-style-theme-details-underline-"] {
    --details-inline-space: 10px;
    --details-block-space: 10px;
    --details-icon-size: 2rem;
    --details-icon-gap: 5px;
    display: block;
    position: relative;
    transition: all .5s ease;
    overflow: hidden;
    border:0;
    margin: auto;
    z-index: 0;
}
[class*="is-style-theme-details-underline-"] summary{
    border-bottom: solid 1px var(--main-dark-area-bg-color);
        position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--details-block-space) calc(var(--details-inline-space) + var(--details-icon-size)) var(--details-block-space) var(--details-inline-space);
    font-size: 1em;
    transition: all .3s ease;
    cursor: pointer;
    z-index: 1;
}
[class*="is-style-theme-details-underline-"] summary::after{
    position: absolute;
    content: "\f107";
    font-family: "WhiteDress Icons";
    font-weight: 900;
    width: 2rem;
    height: 2em;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-top: .6rem; */

    right: var(--details-inline-space);
	transform: translateY(-50%);
	-webkit-transform: translateY( -50%);
	-ms-transform: translateY( -50%);
	top: 50%;
}
[class*="is-style-theme-details-underline-"][open] summary::after{
    content: "\f106";
    font-family: "WhiteDress Icons";
    font-weight: 900;
}
[class*="is-style-theme-details-underline-"] > p{
    margin-block: 0;
    padding: var(--details-block-space) var(--details-inline-space);
}
[class*="is-style-theme-details-underline-"] > p:last-of-type {
    margin-bottom: 0;
}


/* Google風下線 */
.is-style-theme-details-underline-angel {

}
.is-style-theme-details-underline-angel p{
	padding: var(--details-block-space) var(--details-inline-space);
}
.is-style-theme-details-underline-angel summary {
	padding: var(--details-block-space) calc(var(--details-inline-space) + var(--details-icon-size)) var(--details-block-space) var(--details-inline-space);
}
.is-style-theme-details-underline-angel summary::after {
    color: var(--main-dark-area-text-color);
    background-color: var(--main-dark-area-bg-color);
    border-radius: var(--theme-border-radius-small-parts);
}
.is-style-theme-details-underline-angel[open] summary::after {

}



/* FAQ */
.is-style-theme-details-underline-faq {
 /* border-top: solid 1px #ccc; */
 /* border-bottom: solid 1px #ccc; */

}
.is-style-theme-details-underline-faq summary {
	padding: var(--details-block-space) calc(var(--details-inline-space) + var(--details-icon-size)) var(--details-block-space) var(--details-inline-space);
/* border: 0; */
}

.is-style-theme-details-underline-faq summary::before {
    /* position: absolute; */
    content: '\51';
    font-family: "WhiteDress Icons";
    font-weight: 900;
    /* margin-right: 5px; */
        width: 2rem;
    height: 2rem;
        display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main-dark-area-text-color);
    background-color: var(--main-dark-area-bg-color);
    border-radius: var(--theme-border-radius-small-parts);
    top:0;
    left:0;
margin-right: 5px;
}

.is-style-theme-details-underline-faq p {
        position: relative;
    /* margin-top: 0.5em; */
	padding: var(--details-block-space) var(--details-inline-space) var(--details-block-space) calc(var(--details-inline-space) + var(--details-icon-size) + var(--details-icon-gap));

}
.is-style-theme-details-underline-faq p::before {
    position: absolute;
    content: "\41";
    font-family: "WhiteDress Icons";
    font-weight: 900;
    top: var(--details-block-space);
    left: var(--details-inline-space);
    /* padding: 10px; */
    /* font-size: 1rem; */
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    border-radius: var(--theme-border-radius-small-parts);
    color: var(--main-dark-area-text-color);
    background-color: var(--main-dark-area-bg-color);


}.is-style-theme-details-underline-faq p:first-of-type::before {
    position: absolute;
    content: "\41";
    font-family: "WhiteDress Icons";
        background-color: var(--main-dark-area-bg-color);

}
.is-style-theme-details-underline-faq[open]{
 border-bottom: solid 1px var(--main-dark-area-bg-color);

}
.is-style-theme-details-underline-faq[open] summary::after {
 /* border-bottom: solid 1px #ccc; */

}
/* ----------------------------- */
/* wide */
/* ----------------------------- */
[class*="is-style-theme-details-wide-"] {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 2rem;
    padding: 0;
    border: solid 1px var(--main-dark-area-bg-color);
    transition: all .3s ease;
    z-index: 0;
}
[class*="is-style-theme-details-wide-"] > summary {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 3.5rem;
    box-sizing: border-box;
    padding: .75rem 3.5rem .75rem 1rem;
    color: var(--main-dark-area-text-color);
    background-color: var(--main-dark-area-bg-color);
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    line-height: 1.4;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 1;
}
[class*="is-style-theme-details-wide-"] > summary::after {
    position: absolute;
    display: block;
    top: 50%;
    right: 1rem;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
    transform: translateY(-50%);
    transition: transform .3s ease;
}

[class*="is-style-theme-details-wide-"][open] {
    padding: 0 1rem 1rem;
}

[class*="is-style-theme-details-wide-"][open] > summary {
    width: calc(100% + 2rem);
    margin: 0 -1rem 1rem;
}

[class*="is-style-theme-details-wide-"][open] > :not(summary) {
    margin-top: 0;
    margin-bottom: .75rem;
}

[class*="is-style-theme-details-wide-"][open] > :last-child:not(summary) {
    margin-bottom: 0;
}

/* プラス */
.is-style-theme-details-wide-plus > summary::after {
    content: "+";
}
.is-style-theme-details-wide-plus[open] > summary::after {
    transform: translateY(-50%) rotate(45deg);
}
/* 三角 */
.is-style-theme-details-wide-triangle > summary::after {
    content: "▼";
    font-size: 1rem;
}
.is-style-theme-details-wide-triangle[open] > summary::after {
    transform: translateY(-50%) rotate(180deg);
}
/* OPEN */
.is-style-theme-details-wide-open > summary::after {
    content: "[ OPEN ]";
    font-size: .875rem;
}
.is-style-theme-details-wide-open[open] > summary::after {
    content: "[ CLOSE ]";
    transform: translateY(-50%);
}

/* ----------------------------- */
/* wide FAQ */
/* ----------------------------- */
.is-style-theme-details-wide-faq {
    margin-bottom: 2rem;
}
.is-style-theme-details-wide-faq > summary::before {
    content: "\51";
    flex: 0 0 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    padding: 0;
    font-family: "WhiteDress Icons";
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    border-radius: var(--theme-border-radius-small-parts);
}
.is-style-theme-details-wide-faq > summary::after {
    content: "▼";
    font-size: 1rem;
}
.is-style-theme-details-wide-faq[open] > summary::after {
    transform: translateY(-50%) rotate(180deg);
}

/* 回答本文 */
.is-style-theme-details-wide-faq > p {
    position: relative;
    min-height: 2rem;
    margin: 0;
    padding: .25rem 0 .25rem 2.75rem;
    line-height: 1.8;
}
.is-style-theme-details-wide-faq > p::before {
    content: none;
}
.is-style-theme-details-wide-faq > p:first-of-type::before {
    content: "\41";
    position: absolute;
    top: .15rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    font-family: "WhiteDress Icons";
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    border-radius: var(--theme-border-radius-small-parts);
}
/* ======================== */
/* コアブロック/ボタン */
/* ======================== */


/* ======================== */
/* コアブロック/テーブル table */
/* ======================== */

/* ======================== */
/* コアブロック/カレンダー */
/* ======================== */


/* ======================== */
/* コアブロック/検索 */
/* ======================== */
/* ------------------------ */
/* デフォルト */
/* 外側 */
/* .wp-block-search__button-outside .wp-block-search__button{
    border-radius: 0 var(--theme-border-radius-button) var(--theme-border-radius-button) 0;
}
.wp-block-search__button-outside .wp-block-search__input{
    border-radius: var(--theme-border-radius-button) 0 0 var(--theme-border-radius-button);
    padding-left: .5rem;

} */
/* 内側 */
.wp-block-search__button-inside .wp-block-search__button{
    margin-left: 0;
}
.wp-block-search__button-inside .wp-block-search__input{
    padding-left: .5rem;
}


/* ======================== */
/* コアブロック/コード */
/* ======================== */
.is-style-theme-code-numbering{
    padding: 10px 0 !important;
    counter-reset: numbering; /* カウンターをリセット */
    line-height: 2;
    position: relative;
}
.is-style-theme-code-numbering code{
    white-space: nowrap !important;
}
.is-style-theme-code-numbering code code {
  counter-increment: numbering;
  position: relative;
  min-width: 100%;
  box-sizing: border-box;
  padding-right: 1rem;
  padding-left: 3.5rem;
}
.is-style-theme-code-numbering code code:nth-child(2n) {
    /* background-color: #32373c; */
}
.is-style-theme-code-numbering code code::before {
  content: counter(numbering) " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.75rem;
  box-sizing: border-box;
  padding-right: .625rem;
  text-align: right;
  color: #aaa;
  border-right: solid 1px #aaa;
}

.is-style-theme-code-numbering::before {
  /* content: 'code';
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
    font-size: 1rem;
    width: 3rem;
    height: 1.5rem;
    color: #000;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
 justify-content: center; */
}