/* ******************************************
   基本レイアウト base.css
   body, a, ul, img などの基本タグのスタイル
****************************************** */
html,body{
  height: 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 {*/
.editor-content a:not(.wp-block-button__link):not(.wp-block-file__button):not(.btn):not(.button) {
  font-weight : bold;
  color : var(--link-default);
  text-decoration: underline;
}
/*.editor-content a:hover{*/
.editor-content a:not(.wp-block-button__link):not(.wp-block-file__button):not(.btn):not(.button):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;
}


/*add*/

/* プラグインのgetwidに対応 
.wp-block-getwid-section__wrapper {
  padding: 0;
}*/

/* ブロックエディタのダウンロードボタン */
.wp-block-file {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1rem;
}
.wp-block-file__button {
  background-color: #444;
  color: #fff;
  padding: 0.4em 1em;
  border-radius: 9999px;
  font-size: 0.9rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.wp-block-file__button:hover {
  background-color: #666;
  color: #fff;
}

/* 投稿に動画（.mov）を貼ると長くなりすぎるのを回避 */
.wp-block-video {
  
  margin: 0 auto;
}

.wp-block-video video {
  width: 100%;
  max-height: 600px;
/*  height: auto;*/
  display: block;
  object-fit: contain;
}