@charset "UTF-8";
/* content CSS Document */
/*--------------------------------------------------------------
 * editor-style - 装飾
 *  * root
	 * :var(--base-color-txt);#333
	 * :var(--theme-color);テーマカラー
	 * :var(--point);  //ツートンカラー
	 * └:var(--user-point-colorL)
	 *  :var(--user-point-colorR)
	 * :var(--point-btn);  //ツートンを使ったグラデーション
--------------------------------------------------------------*/
/*toppage*/
.top-catch {min-height:60px;display:flex;justify-content:center;align-items:center;background:var(--point);font-size:1.1em;font-weight:normal;text-shadow:1px 1px 2px #777;color:#fff;}
/*--=====typography（フォント）=====--*/
body {font-family:var(--custom-font-family);}
h1,h2,h3,h4,h5 {}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.3em;}
h6 {font-size:1.1em;}
h2, h3, h4, h5, h6 {margin-top: 2em; margin-bottom: 1.5em;}
.content-in .entry-content > h1:first-child,
.content-in .entry-content > h2:first-child,
.content-in .entry-content > h3:first-child,
.content-in .entry-content > h4:first-child,
.content-in .entry-content > h5:first-child,
.content-in .entry-content > h6:first-child {margin-top: 0.8em;}
h2 +h2, h2 +h3, h2 +h4, h2 +h5, h2 +h6,
h3 +h2, h3 +h3, h3 +h4, h3 +h5, h3 +h6,
h4 +h2, h4 +h3, h4 +h4, h4 +h5, h4 +h6,
h5 +h2, h5 +h3, h5 +h4, h5 +h5, h5 +h6,
h6 +h2, h6 +h3, h6 +h4, h6 +h5, h6 +h6
	{ margin-top: 1.7em;margin-bottom:1.5em}

/*テキストバランス*/
h2, h3, h4, h5, h6  {line-height:1.2;letter-spacing:0.1em;}
p {line-height:1.7;margin-top: 1.5em;margin-bottom: 1.5em;}
.wp-block-columns p {margin-top:0em;margin-bottom:0em;}

/*見出し装飾*/
h2,.h2 {position:relative;padding-left: 1.6em;}
h2::before,h2::after,.h2::before,.h2::after {position: absolute;content: "";display: block;width: 25px;height: 25px;border: 1.5px solid var(--theme-color);top: 30%;left: 1px;transform: translateY(-50%) ;}
h2::after,.h2::after {top: 50%;left: 13px;height: 25px;width: 25px;transform: translateY(-50%) ;border: none;border: 1.5px solid var(--theme-color);opacity:0.6;}

h3,.h3{position:relative;padding-left: 50px;}
h3::before,h3::after,.h3::before,.h3::after {position: absolute;content: "";display: block;width: 20px;height: 20px;border: 1.5px solid var(--theme-color);top: 50%;left: 1px;transform: translateY(-50%) rotate(45deg);}
h3::after,.h3::after {top: 50%;left: 13px;height: 25px;width: 25px;transform: translateY(-50%) rotate(45deg);border: none;background: var(--theme-color);opacity:0.6;}

h4 {background:var(--point);padding: .5em 1em;color: #fff;text-align: center;text-shadow: 1px 1px 2px #777;}

/*スマホ*/
@media screen and (max-width:599px) {
	p {font-size:18px;}
	h2,h3 {text-align:left;}
	h2 {font-size:1.8em;}
	h3 {font-size:1.45em;}
	h4 {font-size:1.3em;}
	h5 {font-size:1.25em;}
	h6 {font-size:1.15em;}
}

/*フォントファミリー*/
.gothic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.y-gothic {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, "メイリオ", Meiryo, sans-serif;
}
.mi {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
}
.y-mi {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, cursive, serif;
}
/*スペース*/
.marT0 {margin-top:0!important;}
.marB0 {margin-bottom:0!important;}
.marTB0 {margin-top:0!important;margin-bottom:0!important;}
.marTh {margin-top:.5em!important;}
.marBh {margin-bottom:.5em!important;}
.marTBh {margin-top:.5em!important;margin-bottom:0!important;}
.mar0 p {margin-top:0!important;margin-bottom:0!important;}
.marT1 {margin-top:1em!important;}
.marB1 {margin-bottom:1em!important;}
.marTB1 {margin-top:1em!important;margin-bottom:1em!important;}
.marTB2 {margin-top:2em!important;margin-bottom:2em!important;}
.mar1 p {margin-top:1em!important;margin-bottom:1em!important;}
.pad1 {padding:10px;}
.site-widthS {width: 33rem;max-width: calc(100% - .5rem);margin-left: auto;margin-right: auto;}
.site-widthM {width: 44rem;max-width: calc(100% - .5rem);margin-left: auto;margin-right: auto;}

/*リスト*/
li {list-style-position: inside;}

/*画像*/
img {vertical-align: middle!important;}

/*リンク*/
.link-nostyle a {text-decoration:none;color:var(--base-color-txt);}

/*各種設定*/

/*ボタン*/
.editor-styles-wrapper .wp-block-button__link {background:var(--theme-color);}
.wp-block-button {margin-top: 2em!important;margin-bottom: 2em!important;}
.wp-block-button a,
.wp-block-button__link {box-shadow: 0 2px 2px 0 rgba(255,255,255,.1) inset,0 2px 10px 0 rgba(255,255,255,.2) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset,1px 1px 3px #888!important;transition:all 0.5s;}
.wp-block-button:hover a,
.wp-block-button__link:hover {box-shadow:0 2px 2px 0 rgba(255,255,255,.1) inset,0 2px 10px 0 rgba(255,255,255,.2) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset!important;transition:all 0.5s;}
.wp-block-button__link {border-radius: 10px;background: var(--theme-color);color: #fff;}
.wp-block-button a,.wp-block-button a:visited {color:#fff;}
.btnS a {padding-top:.5em;padding-bottom:.5em;}

/*summary*/
.wp-block-details {margin: 1.8em auto;position:relative;}
.wp-block-details[open] {padding-bottom:2.5em;}
.wp-block-details summary {position:relative;font-size: 1.1em;margin-bottom: 1em;}
.wp-block-details summary::before {content:'';width:0%;height:1px;background:var(--theme-color);position:absolute;bottom:0;transition:all 3s;}
.wp-block-details summary:hover::before {width:100%;transition:all 1.5s;}
summary::-webkit-details-marker {color:var(--theme-color);}

/*-- 装飾 --*/
.h {background:var(--point);padding: .5em 1em;color: #fff;text-align: center;}
.point {background:var(--theme-color);padding: .5em 1em;color: #fff;}
.back {position:relative;padding:1em;color:#111;}
.back::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--theme-color);opacity:0.15;}
.box {border:2px solid var(--theme-color);}
.box1 {border:1px solid var(--theme-color);}
.boxR {border:2px solid var(--theme-color);border-radius: 10px;}
.box1R {border:1px solid var(--theme-color);border-radius: 10px;}

/*エディタcss*/
.text-marker {background: linear-gradient(to top, rgba(250, 251, 3, 0.9) 30%, transparent 30%)}
.color-pink {color: #fc40de;font-weight: bold;}
.text-border {border-bottom:1px solid #555;}
.text-size-small {font-size:.9em;}
.text-size-medium {font-size:1.3em;}
.text-size-big {font-size:1.7em;}