@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* トップページだけに表示するウィジェットエリアを作る　http://ryus.co.jp/blog/toppage-widget-simplicity/から */
.top_main_widget {
  background-color: #ffffff;
  padding: 0;
  margin-top: -10px;
  margin-bottom: 20px;
}

/* メイン部分の枠を消すCSS */
#main{
  border: none;
}

/* グローバルナビの修飾なし */
#navi {
  border: none;
}

/* 固定ページのタイトルと日付を非表示 */
.type-page h1,
.type-page .post-meta{
  display: none;
}

/* .homeの時リスト3列 
 https://wp-simplicity.com/suport/topic/%E3%83%88%E3%83%83%E3%83%97%E3%81%A0%E3%81%91%E4%B8%80%E8%A6%A7%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/ から引用
*/
.home.blog #list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home.blog #list .entry {
  -webkit-box-flex: 1;
      -ms-flex: 1 30%;
          flex: 1 30%;
  margin: 5px;
  max-width: calc((100% - 30px) / 3);
}
@media screen and (max-width: 40em) {
  .home.blog #list .entry {
    -webkit-box-flex: 1;
        -ms-flex: 1 48%;
            flex: 1 48%;
    max-width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 30em) {
  .home.blog #list .entry {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    max-width: initial;
  }
}
.home.blog #list .entry .entry-thumb {
  position: relative;
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
  float: none;
}
.home.blog #list .entry .entry-thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  margin: 0;
}
.home.blog #list .entry .entry-card-content {
  margin: 0;
}
.home.blog #list .entry .entry-card-content h2 {
  font-size: 18px;
  line-height: 1.1;
  margin: 0;
  margin-bottom: 15px;
}
.home.blog #list .entry .entry-card-content h2 a {
  font-size: inherit;
}
.home.blog #list .entry .entry-card-content .post-meta {
  font-size: 14px;
  margin: 0;
  margin-bottom: 15px;
}
.home.blog #list .entry .entry-card-content .entry-snippet {
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 10px;
}

/* レスポンシブ用 不要 */
#body-in {
  width: 1070px;
}
@media screen and (max-width: 48em) {
  #body-in {
    width: 100%;
  }
}
#body-in #main {
  width: 740px;
      padding: 0px 0px 0px 20px;
}
@media screen and (max-width: 48em) {
  #body-in #main {
    width: 100%;
  }
}

/* https://changbeer.site/2019/01/cocoon_responsive_table_with_custom/_から引用 */
.scrollable-table th {
/* ヘッダーを固定する設定 */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

/* All-in-One Event Calendar by Time.ly の調整 
 plugins/all-in-one-event-calendar/public/admin/css/bootstrap.min.css 「全日」バッチを無効 */
.ai1ec-allday-badge {
  display: none;
}

/* トップのスライドショーバナー 
 https://weblasts.com/css/css-slideshow から引用 
 https://weblasts.com/css/css-slideshow-fullesponsive から引用 */
.slide1 {
  position: relative;
  width: 100%;
  padding-top: 44%;
  overflow: hidden;
}
 
.slide1 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 30s linear infinite;
}

@keyframes slideshow {
  0%{ opacity: 0; }
  10%{ opacity: 1; }
  28%{ opacity: 1 }
  38%{ opacity: 0; }
  100%{ opacity: 0; }
}

.slide1 img:nth-child(2){ animation-delay: 10s; }
.slide1 img:last-child{ animation-delay: 20s; }

/* トップページの注意喚起バナー */
.attentionblock{
  text-align:center;
  color:#ffffff;
  display:block;
  background:#ea5404;
}
.attentionblock > a{
  color:#ffffff;
  text-decoration:none;
 }
.attentionblock > a:hover {
  text-decoration:underline;
}

/* トップページの出馬表リンク用 */
.menublock{
  text-align:center;
  color:#ffffff;
  display:block;
  background:#00003c;
}
.menublock > a{
  color:#ffffff;
  text-decoration:none;
 }
.menublock > a:hover {
  text-decoration:underline;
}

/* 動画の最大幅を指定する 640pxから900px */
.video-container{
  max-width:900px;
  position: relative;
}

/* reCAPTCHA バッジを非表示 */
.grecaptcha-badge { visibility: hidden; }

/* customtypepost type-letter_from_goalpost タイトルロゴ */
/* 引用 https://saruwakakun.com/html-css/reference/change-before-after */
.type-letter_from_goalpost .entry-title {
  margin-top: 0px;
  position: relative;/*相対配置*/
}

.type-letter_from_goalpost .entry-title::before{/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 33%;/*画像の幅に対する高さ比率*/
  display: block;
}

.type-letter_from_goalpost .entry-title::after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 0;
  left:0;
  display: block;
  width: 100%;/*幅*/
  height: 240px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
  background-image: url(https://www.keiba.or.jp/wp/wp-content/uploads/2024/05/title2.jpeg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
}

.type-letter_from_goalpost .entry-title-link::before{/*スペースを作る*/
  padding-top: 0%;/*画像の幅に対する高さ比率*/
}
  
.type-letter_from_goalpost .entry-title-link::after {/*画像を絶対配置*/
  width: 0%;/*幅*/
}