/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/* 編集画面の rem 基準をフロントと合わせる */
.editor-styles-wrapper { font-size: 16px;}

/* Blocks margin*/
.is-layout-constrained blockquote,
.is-layout-constrained .wp-block-table,
.is-layout-constrained .wp-block-image,
.is-layout-constrained .wp-block-gallery,
.is-layout-constrained .wp-block-media-text__media{margin-bottom: 30px;}
.is-layout-constrained .wp-block-list .wp-block-list{margin-bottom: 0px;}

.is-layout-constrained p{margin-bottom: 16px;}
:root :where(.is-layout-constrained) > p{margin-block-start: 0;}

/* 編集画面＞タグの追加ボタン */
.is-opened button.editor-post-taxonomies__hierarchical-terms-add{display: none !important;} 

/*段落
----------------------*/
/* Anotation */
p.is-style-text-annotation { padding: 10px 30px; border-radius: 20px;}

/*見出し(基本設定はstyle.css)
----------------------*/
/*SubTitle*/
.is-style-text-subtitle{position: relative; padding-left: 22px; font-weight: 700; line-height: 1.75;}
.is-style-text-subtitle::before{content: ""; position: absolute; left: 0; top: 8px; width: 14px; height: 14px; background: var(--wp--preset--color--light-blue); border-radius: 8px;}

/*display*/
.editor-canvas .is-style-text-display,
.wp-block-query .is-style-text-display{ border-bottom:none; padding: 0;}

/*区切り
----------------------*/
.wp-block-separator{ border: none; border-bottom:1px solid var(--wp--preset--color--blue); margin-top: 30px;margin-bottom: 30px;}

/* List
-----------------------*/
.is-layout-constrained .wp-block-media-text__media{margin-bottom: 24px;}
.is-layout-constrained .wp-block-list .wp-block-list{margin-bottom: 0px;}
.wp-block-list,
.wp-block-page-list{padding-left: 0; margin-bottom: 24px;}
.wp-block-list li,
.wp-block-page-list li{ position: relative; margin-bottom: 16px; }
ul.wp-block-list li,
ul.wp-block-page-list li{ list-style: inside;  }
ol.wp-block-list,
ol.wp-block-page-list li{ list-style: auto inside;}
ol.wp-block-list ol.wp-block-list{ margin-top: 10px; margin-left: 20px;}

.entry-content ul.wp-block-list li,
.entry-content ul.wp-block-page-list li{ list-style: none; position: relative; margin-bottom: 10px; padding-left: 24px;}
.entry-content ol.wp-block-list li{margin-left: 24px; text-indent: -1.3em;}
.entry-content ul.wp-block-list li::after,
.entry-content ul.wp-block-page-list li::after{content: ""; position: absolute; top: 12px; left:4px; width: 8px; height: 8px; border-radius: 4px; background-color:var(--wp--preset--color--light-blue);}

.entry-content ul.wp-block-navigation__submenu-container{ padding-left: 0px; padding-top: 5px;} /*ul ul*/
.entry-content ul.wp-block-navigation__submenu-container li::after{content: ""; position: absolute; top: 12px; left:4px; width: 10px; height: 4px; border-radius: 4px; background-color:var(--wp--preset--color--light-blue);}

.block-editor-block-list__block li.wp-block-list-item .block-editor-rich-text__editable{display: inline-block;}
.block-editor-block-list__block li.wp-block-list-item ::marker{display: inline-block;}

@media screen and (min-width: 480px) {
 .wp-block-list.is-style-col4{ display: flex; flex-wrap: wrap; gap:2%;}
 .wp-block-list.is-style-col4 li{ width: 32%;}
}
@media screen and (min-width: 768px) {
 .wp-block-list.is-style-col4 li{ width: 23%;}
}

#editor li >div{display: inline;}

/*引用
----------------------*/
blockquote{ border-left:3px solid #B1BFD4; padding-left:15px; }
blockquote p{ position:relative; }
blockquote cite{ display: block; text-align:right;}

/*詳細
----------------------*/
.wp-block-details summary{box-shadow: 0px 0px 10px rgba(0, 100, 158, 0.25); background: #FFF; font-weight: 700; margin-bottom: 10px; position: relative; padding: 20px 60px 20px 30px;}
.wp-block-details summary::before,.wp-block-details summary::after{content:""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; background-color: #1A65D6;border-radius: 2px; width: 30px; height: 4px;}
.wp-block-details summary::after { transform: rotate(90deg);}
.wp-block-details[open] summary::after {content: none;}
.wp-block-details .contentWrap { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease;
}

/*テーブル
----------------------*/
.wp-block-table table,.wp-block-table th,.wp-block-table td {border-color: #B1BFD4}
.wp-block-table th{background-color: var(--wp--preset--color--bg-blue);}
/*罫線なし*/
.wp-block-table.is-style-rwd table{width: auto;}
@media screen and (max-width: 767px) {
 .wp-block-table.is-style-rwd table, .wp-block-table.is-style-rwd tr, .wp-block-table.is-style-rwd th, .wp-block-table.is-style-rwd td{display: block;}
}

/*画像
----------------------*/
.wp-block-image>a, .wp-block-image>figure>a{ display: inline;}
@media screen and (min-width: 768px) {
 .wp-block-image a{overflow: hidden;}
 .wp-block-image a:hover img { transform: scale(1.1, 1.1); transition: 1s all;}
}
.is-style-imgDeco{position: relative; margin-bottom: 20px;}
.is-style-imgDeco::before,
.is-style-imgDeco::after{ content: ""; position: absolute; border-radius: 25px; width: 70%; height: 70%; z-index: -2; border-width: 15px; border-style: solid;}
.is-style-imgDeco::before{ top:-8px; left: -8px; border-color: #2CCE88;}
.is-style-imgDeco::after{ right:-8px; bottom: -6px; border-color: #FFA8A8;}

/*カバー
----------------------*/
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {background-attachment: fixed;}
/* iOS Safari は background-attachment:fixed 非対応でスクロール不具合が発生するため scroll に変更 */
@supports (-webkit-touch-callout: none) {
 .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {background-attachment: scroll;}
}

/*　ファイル
----------------------*/
.wp-block-file:not(.wp-element-button){font-size: 1em;}
.wp-block-file__button.wp-element-button{font-size: .8em;}
.wp-element-button, .wp-block-button__link{padding: calc(0.1em + 2px) calc(1.333em + 2px);}

/*ボタングループ
----------------------*/
@media screen and (min-width: 768px) {
 .is-style-col2{gap:4%;}
 .is-style-col3{gap:2%;}
 .is-style-col2 .wp-block-button{ width: 48%; margin-bottom: 30px}
 .is-style-col3 .wp-block-button{ width: 32%; margin-bottom: 30px}
}
/*ボタン
----------------------*/
.wp-block-buttons{margin-top: 30px; margin-bottom: 30px;}
:root :where(.editor-styles-wrapper) :where(.wp-block-button .wp-block-button__link),
.wp-block-button .wp-block-button__link{ border-radius: 10px; border: 1px solid var(--wp--preset--color--light-blue); color:var(--wp--preset--color--blue); background-color:var(--wp--preset--color--bg-blue); padding: 10px 20px; position: relative;}
.wp-block-button .wp-block-button__link:hover{ color: #29BBE8;}

/*アイコン付きボタン*/
.is-style-goBtn .wp-block-button__link{border-radius: 40px;border: 1px solid var(--wp--preset--color--blue); color:var(--wp--preset--color--base); background-color:var(--wp--preset--color--blue); padding: 10px 40px; position: relative;}
.is-style-goBtn .wp-block-button__link::after{content:""; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto;background: url("../images/ico_go_arr.svg") no-repeat 0 0; width: 20px; height: 20px;}

@media screen and (min-width: 768px) {
 .wp-block-buttons{margin-top: 50px; margin-bottom: 50px;}
 .wp-block-button .wp-block-button__link{padding: 18px 40px}
 .is-style-goBtn .wp-block-button__link{padding: 10px 60px;}
}

/*グループ
----------------------*/
.wp-block-columns.is-style-section1 { overflow: hidden;}

/* アーカイブ
----------------------*/
.wp-block-archives-dropdown select {padding: 10px 20px 10px 15px; cursor: pointer; border-color: #B1BFD4; border-radius: 5px;}

/*タクソノミー
----------------------*/
/*タグ*/
.wp-block-query .taxonomy-category a{ border-radius: 0; border:none;  border:1px solid var(--wp--preset--color--blue); padding: 4px 10px; min-width: 160px; text-align:center; display: inline-block; line-height: 1.2; text-decoration: none;}
/*タグ背景 ※4,5個目は未使用。  */
.wp-block-query .taxonomy-category a{ background: var(--wp--preset--color--bggray);}
.category-cat1 .taxonomy-category a { background: var(--wp--preset--color--light-blue);}
.category-cat2 .taxonomy-category a { background: var(--wp--preset--color--bg-green);}
.category-cat3 .taxonomy-category a { background: var(--wp--preset--color--bg-blue);}
.category-cat4 .taxonomy-category a { background: #fdedf3;}
.category-cat5 .taxonomy-category a { background: #fdf7ed;}
@media screen and (min-width: 768px) {
 .is-style-post-terms-1 a:where(:not(.wp-element-button)){ padding: 4px 20px;}
}

/*検索
----------------------*/
.wp-block-search {max-width: 480px; width: 90%; margin: 30px auto;}


/*クエリー
----------------------*/
.wp-block-query li > h2:first-child{margin-top: 0;}
.wp-block-post-title :where(a){text-decoration: underline;}

/*カラム
----------------------*/
:root {
  --columns-gap: var(--wp--preset--spacing--50);
}

@media (max-width: 768px) {
  :root {
    --columns-gap: var(--wp--preset--spacing--30);
  }
}