@charset "utf-8";
/*
Theme Name: FORCE Child
Template: force_tcd078
*/

/* --- ここから下にCSSを記述してください --- */

.styled_h21{position:relative;padding:.5em .7em!important;background-color:#036a38;color:#fff;font-weight:700!important}
.styled_h21::after{content:'';position:absolute;top:100%;left:30px;width:0;height:0;border:11px solid transparent;border-top-color:#036a38}
.styled_h2,.styled_h31{font-family:"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif}
.styled_h31{text-align:center}
.styled_h31:first-letter{color:#036a38;font-size:2em}

/* 共通スタイル */
.Blue,.bronze,.deep_Green,.gold,.Green,.Red,.silver,.Skyblue{padding:10px;text-align:center;margin-bottom:30px}
.Blue table,.bronze table,.deep_Green table,.gold table,.Green table,.Red table,.silver table,.Skyblue table{margin:0 auto}

/* 各カラーグラデーション */
.gold{background:linear-gradient(45deg,#b67b03 0%,#daaf08 45%,#fee9a0 70%,#daaf08 85%,#b67b03 90% 100%)}
.silver{background:linear-gradient(45deg,#b0b0b0 0%,#d3d3d3 45%,#f5f5f5 70%,#d3d3d3 85%,#b0b0b0 90% 100%)}
.bronze{background:linear-gradient(45deg,#8c7853 0%,#cd7f32 45%,#d2691e 70%,#cd7f32 85%,#8c7853 90% 100%)}
.Blue{background:linear-gradient(45deg,#001f3f 0%,#003366 45%,#004080 70%,#003366 85%,#001f3f 90% 100%)}
.Green{background:linear-gradient(45deg,#033a1a 0%,#036a38 45%,#036a38 70%,#036a38 85%,#033a1a 90% 100%)}
.deep_Green{background:linear-gradient(45deg,#081e15 0%,#0d3c29 45%,#0d3c29 70%,#0d3c29 85%,#081e15 90% 100%)}
.Skyblue{background:linear-gradient(45deg,#00aaff 0%,#87ceeb 45%,#b0e2ff 70%,#87ceeb 85%,#00aaff 90% 100%)}
.Red{background:linear-gradient(45deg,#8b0000 0%,#cc0000 45%,#ff4d4d 70%,#cc0000 85%,#8b0000 90% 100%)}

/* スマホ時の横スクロールを解除し、中身を折り返す */
@media (max-width: 767px) {
  .post_content .s_table {
    overflow: visible !important;
  }
  .post_content .s_table table {
    display: block !important;
    width: 100% !important;
  }
  .post_content .s_table table tbody,
  .post_content .s_table table tr,
  .post_content .s_table table td {
    display: block !important;
    width: 100% !important;
    white-space: normal !important; /* 横一行になるのを防ぐ */
    box-sizing: border-box !important;
  }
  /* セルごとの余白調整 */
  .post_content .s_table table td {
    border-bottom: 1px solid rgba(255,255,255,0.2); /* 境界線を見やすく */
    padding: 10px !important;
  }
}