/* ======================================
   グラデーション背景共通スタイル
   ====================================== */
.wp-block-group[class*="is-style-goriweb-haikei-5"],
[class*="is-style-goriweb-haikei-5"] {
  text-align: center;
  color: #fff;
  padding: 1rem 1.5rem;
}

/* ======================================
   虹色グラデーション背景
　　51 ネイビー
　　52 オレンジ
　　53 パープル
　　54 グリーン
　　55 ピンク
　　56 ブルー
　　57 レッド
   ====================================== */

/* 51 ネイビーーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-51,
.is-style-goriweb-haikei-51 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #00274d), 
    color-stop(50%, #004c8c), 
    color-stop(100%, #002d72));
  background-image: -webkit-linear-gradient(left, 
    #00274d 0%, 
    #004c8c 50%, 
    #002d72 100%);
  background-image: linear-gradient(to right, 
    #00274d 0%, 
    #004c8c 50%, 
    #002d72 100%);
}

/* 52 オレンジーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-52,
.is-style-goriweb-haikei-52 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #ff512f), 
    color-stop(50%, #f09819), 
    color-stop(100%, #ff512f));
  background-image: -webkit-linear-gradient(left, 
    #ff512f 0%, 
    #f09819 50%, 
    #ff512f 100%);
  background-image: linear-gradient(to right, 
    #ff512f 0%, 
    #f09819 50%, 
    #ff512f 100%);
}

/* 53 パープルーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-53,
.is-style-goriweb-haikei-53 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #8e2de2), 
    color-stop(50%, #4a00e0), 
    color-stop(100%, #8e2de2));
  background-image: -webkit-linear-gradient(left, 
    #8e2de2 0%, 
    #4a00e0 50%, 
    #8e2de2 100%);
  background-image: linear-gradient(to right, 
    #8e2de2 0%, 
    #4a00e0 50%, 
    #8e2de2 100%);
}

/* 54 グリーンーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-54,
.is-style-goriweb-haikei-54 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #56ab2f), 
    color-stop(50%, #a8e063), 
    color-stop(100%, #56ab2f));
  background-image: -webkit-linear-gradient(left, 
    #56ab2f 0%, 
    #a8e063 50%, 
    #56ab2f 100%);
  background-image: linear-gradient(to right, 
    #56ab2f 0%, 
    #a8e063 50%, 
    #56ab2f 100%);
}

/* 55 ピンクーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-55,
.is-style-goriweb-haikei-55 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #ff9a9e), 
    color-stop(50%, #fad0c4), 
    color-stop(100%, #ff9a9e));
  background-image: -webkit-linear-gradient(left, 
    #ff9a9e 0%, 
    #fad0c4 50%, 
    #ff9a9e 100%);
  background-image: linear-gradient(to right, 
    #ff9a9e 0%, 
    #fad0c4 50%, 
    #ff9a9e 100%);
}

/* 56 ブルーーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-56,
.is-style-goriweb-haikei-56 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #36d1dc), 
    color-stop(50%, #5b86e5), 
    color-stop(100%, #36d1dc));
  background-image: -webkit-linear-gradient(left, 
    #36d1dc 0%, 
    #5b86e5 50%, 
    #36d1dc 100%);
  background-image: linear-gradient(to right, 
    #36d1dc 0%, 
    #5b86e5 50%, 
    #36d1dc 100%);
}

/* 57 レッドーグラデーション背景 */
.wp-block-group.is-style-goriweb-haikei-57,
.is-style-goriweb-haikei-57 {
  background-image: -webkit-gradient(linear, left top, right top, 
    color-stop(0%, #d31027), 
    color-stop(50%, #ea384d), 
    color-stop(100%, #d31027));
  background-image: -webkit-linear-gradient(left, 
    #d31027 0%, 
    #ea384d 50%, 
    #d31027 100%);
  background-image: linear-gradient(to right, 
    #d31027 0%, 
    #ea384d 50%, 
    #d31027 100%);
}




/* ======================================
   背景透過スタイル - 標準タイプ（角丸あり）
   ====================================== */
.wp-block-group.is-style-goriweb-border-31 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.9); /* 10%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-32 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7); /* 30%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-33 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5); /* 50%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-34 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3); /* 70%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-35 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1); /* 90%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* ======================================
   背景透過スタイル - 標準タイプ（角丸なし）
   ====================================== */
.wp-block-group.is-style-goriweb-border-36 {
    background-color: rgba(255, 255, 255, 0.9); /* 10%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-37 {
    background-color: rgba(255, 255, 255, 0.7); /* 30%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-38 {
    background-color: rgba(255, 255, 255, 0.5); /* 50%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-39 {
    background-color: rgba(255, 255, 255, 0.3); /* 70%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-40 {
    background-color: rgba(255, 255, 255, 0.1); /* 90%透過 */
    padding: 2rem;
    margin: 1rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* ======================================
   背景透過スタイル - 中央揃えタイプ（角丸あり）
   ====================================== */
.wp-block-group.is-style-goriweb-border-41 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.9); /* 10%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-42 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7); /* 30%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-43 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5); /* 50%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-44 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3); /* 70%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-45 {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1); /* 90%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* ======================================
   背景透過スタイル - 中央揃えタイプ（角丸なし）
   ====================================== */
.wp-block-group.is-style-goriweb-border-46 {
    background-color: rgba(255, 255, 255, 0.9); /* 10%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-47 {
    background-color: rgba(255, 255, 255, 0.7); /* 30%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-48 {
    background-color: rgba(255, 255, 255, 0.5); /* 50%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-49 {
    background-color: rgba(255, 255, 255, 0.3); /* 70%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-group.is-style-goriweb-border-50 {
    background-color: rgba(255, 255, 255, 0.1); /* 90%透過 */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 2em;
    margin: 2rem;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* ======================================
   背景透過スタイル - 自動幅タイプ
   ====================================== */
.wp-block-group.is-style-goriweb-border-51 {
    display: table;
    width: auto !important;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.9); /* 10%透過 */
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}

.wp-block-group.is-style-goriweb-border-52 {
    display: table;
    width: auto !important;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.7); /* 30%透過 */
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}

.wp-block-group.is-style-goriweb-border-53 {
    display: table;
    width: auto !important;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.5); /* 50%透過 */
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}

.wp-block-group.is-style-goriweb-border-54 {
    display: table;
    width: auto !important;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.3); /* 70%透過 */
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}

.wp-block-group.is-style-goriweb-border-55 {
    display: table;
    width: auto !important;
    margin: 20px auto;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.1); /* 90%透過 */
    border-radius: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.5rem;
}