@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:600');

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body.safari #content, body.safari #footer {/*サファリでリンク先から戻った時文字が拡大する対応*/
    -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
  background: #fff;
  color: #404040;
  font-size: 17px;
  background: #fff;
}


/** link **/
a:hover,
a:active {
	text-decoration: none;
}
.taC{
    text-align: center;
}
.taR{
    text-align: right;
}


/*初期設定
----------------------------------------------------*/
body {
  margin: 0;
}
img {
  width: 100%;
  vertical-align: bottom;
}
.wrapper{
	width: 700px;
    margin: 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	color: #1a1a1a;
	background: #fff;
  box-shadow: 0px 5px 22px 0px rgb(0 0 0 / 25%);
}

h1 {
  margin: 0;
}

h2 {
  margin: 2% 0 0;
}
h3 {
  margin-top: 4%;
  padding: 10px;
  font-size: 28px;
  background-color: #0c198a;
  color: #fff;
  text-align: center;
}
.anno {
  text-align: right;
  font-size: 70%;
  padding-right: 2%;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.red {
  color: #d90f12;
}
.blue {
  color: #0c198a;
}
.black {
  color: #181818;
}
.star {
  color: #ffbb00;
}
span.ex {
  font-size: 3.5rem;
  color: #d90f12;
}
span.go {
  font-size: 3.3rem;
  color: #ffbc53;
  font-weight: lighter;
}
span.so {
  font-size: 3.3rem;
  color: #0066ff;
}
@media (max-width: 767px) {
  .wrapper {
    width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  h3 {
    font-size: 20px;
  }
  p {
    font-size: 15px;
  }
  table td {
    font-size: 14px;
  }
  span.ex, span.go, span.so, span.ba {
    line-height: 50px;
  }
  span.ex {
    font-size: 3.2rem;
  }
  span.go {
    font-size: 3.0rem;
  }
  span.so {
    font-size: 3.0rem;
  }
}



/* FV */
.fv_bottom  p{
  font-size: 20px;
}

@media (max-width: 767px) {
  .fv_bottom p{
    font-size: 18px;
  }
}

/* 簡易比較表 */
.crown {
  width: 20%;
}
.min_table_wrap {
  overflow-x: auto;
  width: 100%;
  margin: 4% auto;
}
.min_table {
  text-align: center;
  width: 95%;
  border: 2px solid #e2e2e2;
  margin: 0 auto;
}
.min_table th, .min_table td {
  padding: 2% 3%;
  border-right: 2px solid rgb(225, 225, 225);
}
.min_table th:last-child, .min_table td:last-child {
  border-right: none;
}
.min_table tr:last-child th, .min_table tr:last-child td {
  border-bottom: none;
}
.min_table td {
  width: 30%;
}
.min_table a {
  display: block; 
  text-decoration: none;
  color: #fff;
  padding: 3% 3%;
  background: #06be00;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 0 #0d9700;
  margin: 1% auto 5%;
  line-height: 1.4;
  width: 100%;
}
.min_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 91px;
}
.gold {
  background-color: #fffcd4;
}
.silver {
  background-color: #f1f1f1;
}
.copper {
  background-color: #fff;
}
@media (max-width:767px) {
  .min_table_area {
    margin: 0 5% 5%;
  }
  .min_table_wrap {
    margin-right: 5%;
  }
  .min_table {
    width: 550px;
    overflow-x: auto;
  }
}

/* 比較表 */
.table_area {
  background-color: #e9f2ff;
  padding: 2% 0;
}
.rankTable {
  width: 95%;
  margin: 0 auto;
  margin-top: 3%;
  text-align: center;
  background-color: #fff;
}
.rankTable td {
  padding: 2% 2%;
  border-right: 2px solid rgb(225, 225, 225);
  width: 20%;
}
.rankTable td:last-child {
  border-right: none;
}
.rankTable table tr th { 
  background: #0c198a;
  color: #ffffff;
  border-radius: 0;
  padding: 0.5% 0;
}
.rankTable tr:nth-child(odd) th:first-child, .rankTable tr td:first-child {
  background: #fff8c0;
  vertical-align: middle;
}
td.btn_02 {
  padding: 1%;
}
.btn_02 a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 3% 3%;
  background: #ffa600;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 0 #df9100;
  margin: 1% auto 5%;
  line-height: 1.4;
  width: 100%;
  font-weight: bold;
}

@media (max-width:767px) {
  .rankTable_area {
    margin: 0 5%;
  }
  .rankTable_wrap {
    overflow-x: auto;
    width: 100%;
    margin-right: 5%;
  }
  .rankTable {
    width: 650px;
  }
  .rankTable table tr th {
    font-size: 15px;
  }
}

/* コンテンツ共通 */
.content_area {
  padding: 3%;
  margin: 0 auto;
}
.score_img {
  width: 90%;
  padding: 5%;
  margin: 0 auto 5%;
  background-color:#fff;
}
.score_no{
  text-align: center;
  background-color: #e0e0e0;
  padding: 1%;
  width: 50%;
  margin: 0 auto 2%;
  border-radius: 50px;
}
.tag {
  display: flex;
  gap: 8px;
  margin-top: 2%;
  font-size: 14px;
  flex-wrap: wrap;
  width: 90%;
  margin: 4% auto 0;
}

.tag-local, .tag-hit, .tag-recovery, .tag-cosp, 
.tag-kohaito, .tag-hosyo, .tag-line, .tag-beginner,
.tag-lose, .tag-sup, .tag-jyusyo {
  padding: 4px 12px;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
}
.tag-local {
  border: 1px solid #808080;
}
.tag-hit {
  border: 1px solid #fc0f72;
}
.tag-recovery {
  border: 1px solid #ff102f;
}
.tag-cosp {
  border: 1px solid #ff4800;
}
.tag-kohaito {
  border: 1px solid #fbff00;
}
.tag-hosyo {
  border: 1px solid #88ff00;
}
.tag-line {
  border: 1px solid #33ff00;
}
.tag-beginner {
  border: 1px solid #00b7ff;
}
.tag-lose {
  border: 1px solid #0066ff;
}
.tag-sup {
  border: 1px solid #3700ff;
} 
.tag-jyusyo {
  border: 1px solid #ae00ff;
}

.point_area {
  padding: 3%;
  margin: 4% 3% 4%;
  border-radius: 10px;
  border: 2px solid #c7ddff;
  background-color: #fff;
}
.point_ttl {
  font-size: 20px;
  font-weight: bold;
  color: #0c198a;
  padding-bottom: 1%;
  border-bottom: 1px solid #c7ddff;
  margin-top: 2%;
}
.point_txt {
  margin: 2% 0 5% 2%;
}
.voice_area {
  width: 90%;
  margin: 0 auto 3%;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  padding: 4%;
  gap: 5%;
  align-items: center;
}
.voice_icon {
  width: 12%;
}
.voice_txt {
  width: 80%;
  padding: 0;
  font-size: 16px;
}
.line_btn {
  margin: 7% auto 5%;
  width: 95%;
}

@media (max-width: 767px) {
  .point_ttl {
    font-size: 18px;
  }
  .voice_txt {
    font-size: 14px;
  }
}


/* ハーレム競馬 */
.harem_area {
  background-color: #ffe4e4;
}
.harem_area h3 {
  background-color: #d90f12;
}
.harem_area .point_ttl {
  color: #d90f12;
  border-bottom: 1px solid #ffc9c9;
}
.harem_area .point_area {
  border: 2px solid #ffc9c9;
}
/* タイムマシン */
.tm_area {
  background-color: #e9f2ff;
}
/* 競馬ナンバー1 */
.no1_area {
  background-color: #e9f2ff;
}
/* アイリアル */
.aireal_area {
  background-color: #e9e9e9;
}
.aireal_area h3 {
  background-color: #181818;
}
.aireal_area .point_ttl {
  color: #181818;
  border-bottom: 1px solid #797979;
}
.aireal_area .point_area {
  border: 2px solid #c7c7c7;
}
/* 馬券茶屋 */
.baken_area {
  background-color: #e9e9e9;
}
.baken_area h3 {
  background-color: #181818;
}
.baken_area .point_ttl {
  color: #181818;
  border-bottom: 1px solid #797979;
}
.baken_area .point_area {
  border: 2px solid #c7c7c7;
}
/* フッター */
footer {
  padding: 5%;
  background-color: #0c198a;
  text-align: center;
}
footer a {
  color: #fff;
  text-decoration: none;
}