@charset "UTF-8";
@import url('../../css/variables.css');


/*==================================================================================================================================

  *タイトル

==================================================================================================================================*/
h2.wp-block-heading:not(:first-child) {
  margin-top: 80px;
}

.wp-block-kevinbatdorf-code-block-pro{
  max-height: 400px;
  overflow: auto;
}


/*==================================================================================================================================

  *シンプルボタン

==================================================================================================================================*/
.simple-btn-container .block-editor-inner-blocks .block-editor-block-list__layout,
.simple-btn-container{
  display: flex;
  flex-flow: wrap;
  gap: 10px;
  width: 100%;
}

.simple-btn-container.align-left .block-editor-block-list__layout, .simple-btn-container.align-left {
  justify-content: flex-start;
}

.simple-btn-container.align-center .block-editor-block-list__layout, .simple-btn-container.align-center {
  justify-content: center;
}

.simple-btn-container.align-right .block-editor-block-list__layout, .simple-btn-container.align-right {
  justify-content: flex-end;
}

.simple-btn .simple-btn-link{
  position: relative;
  display: inline-block;
  padding: 15px 45px 15px 40px;
  background: var(--sub-color);
  border: 1px solid var(--sub-color);
  border-radius: 300px;
  color: #ffffff;
  font-size: 100%;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-decoration: none;
  text-align: center;
  transition: background 0.2s , color 0.2s , border;
}

.simple-btn .simple-btn-link::after {
  content: "\f105"; /* Unicode値 (例: fa-star) */
  position: absolute;
  top: 49%;
  right: 20px;
  font-family: "Font Awesome 5 Free"; /* Solidアイコン用 */
  font-weight: 900; /* Solidは900, Regularは400 */
  transform: translateY(-50%);
  transition: right 0.2s;
}

.simple-btn a.simple-btn-link:hover {
  background: #ffffff;
  border: 1px solid var(--sub-color);
  color: var(--sub-color);
}

/* テンプレートのボタン */
.template.simple-btn .simple-btn-link{
  background: var(--main-color);
  border: 1px var(--main-color) solid;
}

.template.simple-btn a.simple-btn-link:hover{
  background: #ffffff;
  border: 1px solid var(--main-color);
  color: var(--main-color);
}

/* システムオリジナル用パーツのボタン */
.s-original.simple-btn .simple-btn-link{
  background: #477fd9;
  border: 1px #477fd9 solid;
}

.s-original.simple-btn a.simple-btn-link:hover{
  background: #ffffff;
  border: 1px solid #477fd9;
  color: #477fd9;
}

/* ACFのボタン */
.acf.simple-btn .simple-btn-link{
  background: #a1d875;
  border: 1px #a1d875 solid;
}

.acf.simple-btn a.simple-btn-link:hover{
  background: #ffffff;
  border: 1px solid #a1d875;
  color: #a1d875;
}