/* ******************************************
   基本レイアウト base.css
   body, a, ul, img などの基本タグのスタイル
****************************************** */
html,body{
  height: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
    
*, *:before, *:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit; 
  transition: all 0.3s ease;
}
a:hover{
  color: inherit;  
  text-shadow: 0 0 1.5px rgba(0, 0, 0, 0.2); 
}

.editor-content a {
  font-weight : bold;
  color : var(--link-default);
}
.editor-content a:hover{
  color: var(--link-hover); 
}


ul {
  list-style-position: inside; /*リストマーカーを内側に配置*/
}
  
ul:not([class]) {
  padding-left: 1.25em;
  list-style: disc;
}
  
ol:not([class]) {
  padding-left: 1.875em;
  list-style: decimal;
}

iframe,
object {
  width: 100%;
}

figure {
  max-width: 100%;
}
  

img,
iframe,
object,
video,
audio {
  line-height: 1; /*下に謎の余白が出るのを防ぐ*/
}

/* ******************************************
   ブロックエディタ対応クラス
****************************************** */
.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.is-layout-flex.is-vertical {
  flex-direction: column;
}

.is-content-justification-center {
  justify-content: center;
}
.is-content-justification-left {
  justify-content: flex-start;
}
.is-content-justification-right {
  justify-content: flex-end;
}

.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.wp-block-column {
  flex: 1;
  min-width: 200px;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.wp-block-heading {
  font-weight: bold;
  margin-top: 2rem;
}

.wp-block-paragraph {
  margin-bottom: 1.5em;
  line-height: 1.8;
}