/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
.editor-styles-wrapper { font-size: 1.8rem;}

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

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

/*見出し(基本設定はstyle.css)
----------------------*/
/*SubTitle*/
.is-style-text-subtitle{font-size: 1.4rem; position: relative; padding-left: 30px; font-weight: 700; margin-bottom: 30px;}
.is-style-text-subtitle::before{content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #E1513B; border-radius: 8px;}
@media screen and (min-width: 768px) {
 .is-style-text-subtitle{margin-bottom: 50px; }
}
/*display*/
.editor-canvas .is-style-text-display,
.wp-block-query .is-style-text-display{ border-bottom:none; padding: 0;}

/* List
-----------------------*/
ul.wp-block-list,
ul.wp-block-page-list{padding-left: 0; margin-bottom: 24px;}
ul.wp-block-list li,
ul.wp-block-page-list li{ list-style: none; position: relative; margin-bottom: 10px; padding-left: 24px;}
ul.wp-block-list li::after,
ul.wp-block-page-list li::after{content: ""; position: absolute; top: 12px; left:0; width: 8px; height: 8px; border-radius: 4px; background-color: #2CCE88;}
@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%;}
}

/*引用
----------------------*/
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.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;}

/*　ファイル
----------------------*/
.is-layout-constrained .wp-block-file a{font-size: 100%;}
.wp-element-button, .wp-block-button__link{padding: calc(0.4em + 2px) calc(1.333em + 2px);}

/*ボタングループ
----------------------*/
.is-style-col3 .wp-block-button{}
@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;}
.wp-block-button__link{ border-radius: 10px; border: 1px solid #1A65D6; color: #1A65D6; background-color: #FFF; box-shadow: 0 0 10px rgba(0,100,158,0.25); padding: 10px 40px 10px 30px; position: relative;}
.wp-block-button__link::after{content:""; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto;background: url("../images/ico_arr.svg") no-repeat 0 0; width: 24px; height: 9px;}
.wp-block-button__link:hover{ color: #29BBE8;}
@media screen and (min-width: 768px) {
 .wp-block-buttons{margin-top: 50px; margin-bottom: 50px;}
 .wp-block-button__link{padding: 18px 40px 18px 30px}
}
/*戻るボタン*/
.is-style-backBtn .wp-block-button__link{ border: none; padding: 0; box-shadow: none; padding-left: 40px;}
.is-style-backBtn .wp-block-button__link::after{transform: scale(-1, 1); left: 0; right: auto;}

/*グループ
----------------------*/
.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;}

/*タクソノミー
----------------------*/
/*Pill Shaped*/
.is-style-post-terms-1 a:where(:not(.wp-element-button)){
 border-radius: 5px; border:none; color: #FFF; background: #29BBE8; font-size: 1.2rem; padding: 10px;}
@media screen and (min-width: 768px) {
 .is-style-post-terms-1 a:where(:not(.wp-element-button))){ font-size: 1.5rem; padding: 10px 20px;}
}

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