@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.0.0
Author: opencage
Author URI: https://open-cage.com/
*/

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


/* 見出し装飾  */
.entry-content h2 {
  color: #333333 !important;	
  border-top: 2px solid #1ca89a !important;
  border-bottom: 2px solid #1ca89a !important;		
  padding: 15px 15px !important;	
  background: transparent !important;
  box-shadow: none !important;
}

.entry-content h3 {
  line-height: 1.4 ;	
  background: #f3f3f3 !important;
  border-left: 4px solid #1ca89a !important;
  border-top: none !important;
  border-bottom: none !important;	
  padding: 10px 0px 10px 15px !important ;
  margin: 30px 0px 20px;
}

.entry-content h4{
  font-size: 123.1%;
  border-left: transparent !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #1ca89a !important;	
  padding: 20px 0px 5px !important;
  margin: 0px 0px 20px;
}

.entry-content h4:before{		
  margin-right:12px;
  color: #1ca89a !important;
  font-family: "Font Awesome 5 Free";
  content:"\f14a";
}

.entry-content h5 {
  line-height: 1.7 ;	
  background: #ffffff !important;
  border-left: 4px solid #2294d6 !important;
  padding: 3px 20px 3px 10px ;
  margin: 15px auto 25px 0;
  text-transform: none;
}

.entry-content h6 {
	font-size: 90.1%;
	font-weight: bold;
	margin: 0 0px 20px;
	padding: 5px 15px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.6);
	border-radius: 4px;
	background: #e5e5e5;
}

.h7 {
	display: table;
	margin: 5px auto 15px 0;
	padding: 3px 20px 3px 10px;
	font-size: 108%;
	font-weight: bold;
	border: solid 1px #ccc;
	border-radius: 6px;
	background: #fff;
}
.h7:before {
	margin-right: 5px;
	color: #999;
	font-weight: normal;
	content: "\00A66";
}


/* うまんchu買い目幅 */
.response_body {
	margin: 10px 0 50px;
	padding: 0 15px;
}

/* スマホ改行 */
@media screen and (max-width: 480px) {
  .kaigyou br {
    display: none;
   }
  }


/* 横並びにする幅275 */
	.list275-free {
		float:left;
		width:290px;
		padding: 0 ;
		margin: 0 10px 0px 15px;
         }

	.list275-area {
		float:left;
		width:290px;
		height:auto;
		background-color:#ffffff;
		margin: 0 0 10px 15px;
         }


/* うまんchu用Boxリンク */
div.keiba_link_box a{
	width: auto;
	height: auto;
	color: #0033ff;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	background-color: #f9f9f9;
	border: 1px solid #e7e7e7;
	display: block;
	padding: 1px 1px;
	margin: 2px 0px;
}

div.keiba_link_box a:hover{
	color: #cc0000;
	border: 1px solid #cccccc;
}	


/* 競馬の印用 */
	.horse-mark {
		width:290px;
		padding: 0 ;
		margin: 0 10px 0px 15px;
         }


/* --------------------
 定義型リストタグ リストマーク消し
-------------------- */

dl {
	width:290px;
	margin: 0;
	padding: 0;
}

dl dt {
	padding: 3px 0;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}

dl dd {
	padding: 4px 0 4px -8px;
    list-style:none;
}





/* --- 目次・プラグイン「Table of Contents Plus」から --- */
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #dfdfdf;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:14px}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}


/* JIN 吹き出し */
.balloon-box {
  position: relative;
  overflow: hidden; }

.balloon-icon {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-bottom: 0; }
  @media (max-width: 767px) {
    .balloon-icon {
      width: 60px;
      height: 60px; } }

.balloon-icon.maru {
  border: 2px solid #eee;
  border-radius: 40px; }

.icon-name {
  position: absolute;
  text-align: center;
  letter-spacing: 0;
  line-height: 0.7rem !important;
  color: #777; }
  @media (max-width: 767px) {
    .icon-name {
      width: 60px;
      top: 62px;
      font-size: 9px; } }
  @media (min-width: 768px) {
    .icon-name {
      width: 80px;
      top: 83px;
      font-size: 10px; } }

.balloon-icon img {
  width: 80px;
  height: auto;
  margin-bottom: 0 !important; }
  @media (max-width: 767px) {
    .balloon-icon img {
      width: 60px; } }

.balloon-serif .balloon-content img.star {
  width: 24%;
  padding-bottom: 1px;
  margin-bottom: -3px !important; }
  @media (max-width: 767px) {
    .balloon-serif .balloon-content img.star {
      width: 38%;
      padding-bottom: 2px; } }

.balloon-content p:last-of-type {
  padding-bottom: 0 !important; }

.balloon-left .balloon-icon {
  left: 0; }
.balloon-left .icon-name {
  left: 0; }
.balloon-left .balloon-serif {
  position: relative;
  float: left;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif {
      margin: 0 0px 30px 78px; } }
.balloon-left .balloon-serif:before {
  content: "";
  position: absolute;
  left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:before {
      top: 16px; } }
.balloon-left .balloon-serif:after {
  content: "";
  position: absolute;
  left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif:after {
      top: 15px; } }
.balloon-left .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-left .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-right .balloon-icon {
  right: 0; }
.balloon-right .icon-name {
  right: 0; }
.balloon-right .balloon-serif {
  position: relative;
  float: right;
  margin: 0 105px 40px 105px;
  padding: 0; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif {
      margin: 0 78px 30px 0px; } }
.balloon-right .balloon-serif:before {
  content: "";
  position: absolute;
  right: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0px 7px 10px;
  z-index: 3; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:before {
      top: 13px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:before {
      top: 16px; } }
.balloon-right .balloon-serif:after {
  content: "";
  position: absolute;
  right: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0px 8px 10px;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif:after {
      top: 12px; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif:after {
      top: 15px; } }
.balloon-right .balloon-serif .balloon-content {
  position: relative;
  line-height: 1.5rem;
  border: 2px solid;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 2; }
  @media (max-width: 767px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 0.8rem; } }
  @media (min-width: 768px) {
    .balloon-right .balloon-serif .balloon-content {
      padding: 1.15rem; } }

.balloon-box ol li {
  position: relative;
  display: block;
  padding: 2px 0px 5px 25px;
  margin-bottom: 0.7em; }

.balloon-box ol li:after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  left: 0px;
  top: 0.25em;
  padding: 0 0 0 0px;
  background: #aaa;
  height: 20px;
  width: 20px;
  color: #fff;
  text-align: center;
  font-size: 0.65em;
  border-radius: 11px; }

.balloon-right.balloon-gray .balloon-serif:after {
  border-color: transparent transparent transparent #ccc; }
.balloon-right.balloon-gray .balloon-content {
  border-color: #ccc; }

.balloon-left.balloon-gray .balloon-serif:after {
  border-color: transparent #ccc transparent transparent; }
.balloon-left.balloon-gray .balloon-content {
  border-color: #ccc; }

.balloon-right.balloon-bg-gray .balloon-serif:before {
  border-color: transparent transparent transparent #efefef; }
.balloon-right.balloon-bg-gray .balloon-content {
  background: #efefef; }

.balloon-left.balloon-bg-gray .balloon-serif:before {
  border-color: transparent #efefef transparent transparent; }
.balloon-left.balloon-bg-gray .balloon-content {
  background: #efefef; }

.balloon-right.balloon-blue .balloon-serif:after {
  border-color: transparent transparent transparent #93D2F0; }
.balloon-right.balloon-blue .balloon-content {
  border-color: #93D2F0; }

.balloon-left.balloon-blue .balloon-serif:after {
  border-color: transparent #93D2F0 transparent transparent; }
.balloon-left.balloon-blue .balloon-content {
  border-color: #93D2F0; }

.balloon-right.balloon-bg-blue .balloon-serif:before {
  border-color: transparent transparent transparent #E2F6FF; }
.balloon-right.balloon-bg-blue .balloon-content {
  background: #E2F6FF; }

.balloon-left.balloon-bg-blue .balloon-serif:before {
  border-color: transparent #E2F6FF transparent transparent; }
.balloon-left.balloon-bg-blue .balloon-content {
  background: #E2F6FF; }

.balloon-right.balloon-red .balloon-serif:after {
  border-color: transparent transparent transparent #F48789; }
.balloon-right.balloon-red .balloon-content {
  border-color: #F48789; }

.balloon-left.balloon-red .balloon-serif:after {
  border-color: transparent #F48789 transparent transparent; }
.balloon-left.balloon-red .balloon-content {
  border-color: #F48789; }

.balloon-right.balloon-bg-red .balloon-serif:before {
  border-color: transparent transparent transparent #FFEBEB; }
.balloon-right.balloon-bg-red .balloon-content {
  background: #FFEBEB; }

.balloon-left.balloon-bg-red .balloon-serif:before {
  border-color: transparent #FFEBEB transparent transparent; }
.balloon-left.balloon-bg-red .balloon-content {
  background: #FFEBEB; }

.balloon-right.balloon-green .balloon-serif:after {
  border-color: transparent transparent transparent #9DDD93; }
.balloon-right.balloon-green .balloon-content {
  border-color: #9DDD93; }

.balloon-left.balloon-green .balloon-serif:after {
  border-color: transparent #9DDD93 transparent transparent; }
.balloon-left.balloon-green .balloon-content {
  border-color: #9DDD93; }

.balloon-right.balloon-bg-green .balloon-serif:before {
  border-color: transparent transparent transparent #D1F8C2; }
.balloon-right.balloon-bg-green .balloon-content {
  background: #D1F8C2; }

.balloon-left.balloon-bg-green .balloon-serif:before {
  border-color: transparent #D1F8C2 transparent transparent; }
.balloon-left.balloon-bg-green .balloon-content {
  background: #D1F8C2; }

.balloon-right.balloon-yellow .balloon-serif:after {
  border-color: transparent transparent transparent #FFD75E; }
.balloon-right.balloon-yellow .balloon-content {
  border-color: #FFD75E; }

.balloon-left.balloon-yellow .balloon-serif:after {
  border-color: transparent #FFD75E transparent transparent; }
.balloon-left.balloon-yellow .balloon-content {
  border-color: #FFD75E; }

.balloon-right.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent transparent transparent #FFF8D1; }
.balloon-right.balloon-bg-yellow .balloon-content {
  background: #FFF8D1; }

.balloon-left.balloon-bg-yellow .balloon-serif:before {
  border-color: transparent #FFF8D1 transparent transparent; }
.balloon-left.balloon-bg-yellow .balloon-content {
  background: #FFF8D1; }

.balloon-right.balloon-bg-none .balloon-serif:before {
  border-color: transparent transparent transparent #fff; }
.balloon-right.balloon-bg-none .balloon-content {
  background: #fff; }

.balloon-left.balloon-bg-none .balloon-serif:before {
  border-color: transparent #fff transparent transparent; }
.balloon-left.balloon-bg-none .balloon-content {
  background: #fff; }

.balloon-left.balloon-none .balloon-serif:after,
.balloon-left.balloon-none .balloon-content,
.balloon-right.balloon-none .balloon-serif:after,
.balloon-right.balloon-none .balloon-content {
  border-color: transparent; }

.balloon-left.balloon-none .balloon-serif:before {
  left: -9px; }

.balloon-right.balloon-none .balloon-serif:before {
  right: -9px; }