/* ----------------------------------------------------------------------

	識者の見解　レース展望/レース見解

---------------------------------------------------------------------- */

#column {
  margin-top: 30px;
}


/* - 識者の見解 タブ
---------------------------- */

div.nav.tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 30px;
}

div.nav.tab > div.current > a:after {
  display: block;
}


/* - レース見解
---------------------------- */

#column .expert_block+.expert_block {
  margin-top: 50px;
}

#column .expert_block>.block_header>.content>h2 {
  display: flex;
}

#column .expert_block>.block_header>.content>h2 .flag {
  display: grid;
  place-content: center;
  width: 22px;
  margin-right: 5px;
}

#column .expert_block>.block_header>.content>h2 .txt .opt {
  font-size: 1.2rem;
}

div.writer_block>.content {
  display: flex;
}

div.writer_block>.content>.pic {
  flex: 0 0 86px;
  margin-right: 20px;
}

div.writer_block>.content>.txt {
  flex: 1;
  line-height: 1.6;
}

#column .img_flex_list>div .cap span.opt {
  display: block;
  margin-top: 3px;
  font-size: 1.2rem;
}

.caution.cancel {
  margin-top: 20px;
  margin-bottom: 30px;
}

.expert_block ul.data_line_list>li .data_list_unit>div.content .cancel {
  font-size: 1.2rem;
  padding-top: 5px;
}



/* ------------------------------------------------------------

	〜639px

------------------------------------------------------------ */
@media screen and (max-width : 639px) {

  #column {
    margin-top: 25px;
  }

  div.nav.tab {
    grid-template-columns: repeat(2, auto);
  }

  div.nav.tab>div>a,
  div.nav.tab.auto>div>a {
    padding-inline: 0;
  }

}


/* ------------------------------------------------------------

	〜479px

------------------------------------------------------------ */

@media screen and (max-width : 479px) {

  .contents_head>.inner>.cell.title>h1>span.sub {
    margin-left: 0;
    margin-top: 10px;
    display: block;
  }

  div.writer_block.caution {
    padding: 15px;
  }

  div.writer_block>.content {
    display: block;
  }

  div.writer_block>.content>.pic {
    width: 120px;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  div.writer_block>.content>.txt {
    flex: 1;
    line-height: 1.6;
  }

}


/* ------------------------------------------------------------

	〜359px

------------------------------------------------------------ */

@media screen and (max-width : 359px) {}


@media print {

  html,
  body {
    height: auto;
  }

  #wrapper {
    min-height: 1px;
  }

  #contentsBody table {
    border-collapse: separate;
  }

  #race_title>h1 {
    background-color: #333;
  }

  #column>div.nav.tab {
    display: none;
  }
}