body,input,textarea{margin:0}
#gnav a,article,aside,footer,header,main,nav,section{display:block}
.gnav,.sub-menu,nav ol,nav ul{list-style:none}
*,::after,::before{box-sizing:inherit}
::after,::before{text-decoration:inherit;vertical-align:inherit}
html{scroll-behavior:smooth;scroll-padding-top:7.5em;}
html,img{box-sizing:border-box}
a{color:#0e548d;text-decoration:none}
.under{text-decoration:underline}
canvas,iframe,img,svg{vertical-align:middle}
iframe{border:none;max-width:100%}
table{border-collapse:collapse}
input,textarea{font-size:16px;-webkit-appearance:none;appearance:none;background:#f6f3f6;border:none;outline:0;padding:10px}
[type=submit],button,[type=button]{-webkit-appearance:button}
select{color:orange}
#breadcrumb>li:nth-of-type(n+2)::before,#entry-content ul>li::before,#side li::before,.link-icon::after{vertical-align:middle;content:""}
[type=search]{width:100%}
p,li,th,td,textarea,h1,h2,h3,h4{word-break:break-all}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%}
body{font:normal 1.5rem "Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,Meiryo;letter-spacing:0.05em;font-size:16px}
li,ul{margin:0;padding:0;list-style-type:none}
h1,h2,h3,h4{margin:0}
h1,h2{line-height:1.2}
h1{font-size:20px;font-weight:600;margin:0.67em 0}
.top_h1{font-size:28px;}
@media (max-width:750px){
  .top_h1{font-size:1.2em;}
}
h2{font-size: 20px;}
h2,h3{font-weight:bold;color:black}
/* カラー変更: h3見出しテキスト色を青に (#116524 → #004999) */
h3{margin:0 0 1em;padding:2px 0 2px 5px;font-size:1.4em;color:#004999;border-left:8px solid}
/* カラー変更: h4見出しテキスト色を青に (#116524 → #004999) */
h4{font-size:1.1em;padding:10px;color:#004999}
img{border-style:none;object-fit:cover}
button{border:none;background:none}
input[type=submit]{background:#e00606;color:#fff;font-weight:600}
p{line-height:1.4;margin:0 0 15px;}
.bold{font-weight:bold}
.red{color:#fd1f1f}
.blue{color:#0033FF}
.green{color:green}
.gray{color:gray}
/* カラー変更: ダブルボーダーを青に (darkgreen → #004999) */
.double_box{padding:10px;margin-bottom:10px;border:5px double #004999;border-radius:10px}
.side_title{border-bottom:solid 2px black;background:none;letter-spacing:-1px;font-size: 20px;}
.inpagelinkbutton a{color:white;font-weight:bold;display:block;background:#ff8800;text-align:center;font-size:2.0em;line-height:1.25;padding:0.5em 0;margin:1em 0;border-radius:100px;border:5px solid white;box-shadow:0 1px 2px 2px rgba(0,0,0,0.25);text-shadow:0 1px 2px rgba(0,0,0,0.5);transition:0.1s}
/* カラー変更: テーブルヘッダー背景を青グラデーションに (#004999 → #004999) */
th{color:#ffffff;background: linear-gradient(135deg, #004999 0%, #0066CC 100%);}

/*header*/
.headerMenuLi a{color:white;display:block;padding:14px 0}
.headerMenuLi a.headerMenuRanking{color:yellow}
.headerMenuLi a.headerMenuRanking:before{content:"";display:inline-block;width:1.2em;height:1.2em;vertical-align:-.2em;margin-right:.2em;background-image:url(/wp-content/themes/boatrace-research/images/gn-crown.png);background-repeat:no-repeat;background-size:100%}
/* カラー変更: ヘッダーメニュー背景を青グラデーションに (#004999 → #004999) */
#headerMenu_2{background:linear-gradient(135deg, #004999 0%, #0066CC 100%);border-bottom:solid 2px black;position:sticky;top:0;z-index:99}
#headerMenuInner{width:100%;max-width:1100px;margin:0 auto;list-style:none;display:flex}
/* カラー変更: メニューボーダーを青に (#062714 → #003366) */
#headerMenuInner>li{width:25%;text-align:center;border-right:1px solid #003366;position: relative}
/* カラー変更: サブメニュー背景を青に (#1b7b43 → #003366) */
#headerMenuInner>li>ul{display:none;position:absolute;width:100%;background:#003366;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);z-index:100}
#headerMenuInner>li:hover>ul{display:block}
#headerMenuInner>li>ul>li{border-top:1px solid}
#headerMenuInner>li>ul>li>a:hover{opacity:.5}
/* カラー変更: 左端メニューボーダーを青に (#062714 → #003366) */
#headerMenuInner>li:nth-child(1){border-left:1px solid #003366}
#breadcrumb{line-height:1.4;margin:0;overflow:hidden;padding:0 0 1em}
#breadcrumb li{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
#breadcrumb>li:last-child::before{transform:translateY(-1px)}
#topbar{display:flex;justify-content:space-between;align-items:center;height:70px;margin:0 auto;width:100%;max-width:1100px}
#control_head{position:relative}
#logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;width:500px}
#logo a img{width:100%;max-width:180px}
.site-title{color:#333;font-size:3.4rem;font-weight:300;line-height:inherit;margin:0 0 0 30px;max-width:470px;word-break:break-all}
.site-description{font-size:1.4rem;margin:2px 0 0 30px;max-width:400px}
.site-logo{margin:0;max-height:inherit}
.fixed_top{position:fixed;background:#000000b3;bottom:5%;right:0;width:50px}
/*マイクロコピー*/
.microcopy{line-height:1.4;margin:0 0px -20px 0px;text-align:center;font-size:12px}
/*リストデザイン1*/
/* カラー変更: リストボーダーをニュートラルグレーに (#07af37 → #D9DDE4) */
.box-beauty ul{border:2px solid #D9DDE4;border-radius:8px;padding:0 0.5em;position:relative;background:#FFFFFF}
.box-beauty ul li{line-height:1.5;padding:0.5em 0 0.5em 1.4em;border-bottom:dashed 1px silver;list-style-type:none!important}
/* カラー変更: リストアイコン色をアクセント緑に (#07af37 → #6BB742) */
.box-beauty ul li:before{position:absolute;left :0.5em;color:#6BB742;}
ul li:last-of-type{border-bottom:none}
/*ボックスデザイン1*/
/* カラー変更: タイトルボックス枠線をニュートラルグレーに (#004999 → #D9DDE4) */
.title-box4{margin:2em 0 1em 0;background-color:#fff;border:1px solid #D9DDE4;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
/* カラー変更: タイトルボックス見出し背景を青グラデーションに (#004999 → #004999) */
.title-box4-title{font-size:16px;position:absolute;margin-top:-37px;margin-left:-2px;background:linear-gradient(135deg, #004999 0%, #0066CC 100%);color:#fff;font-weight:bold;border-radius:4px 4px 0 0;padding:4px 10px}
.title-box4 p{margin:0;padding:1em}
/*sidebar*/
.widget-wrap{letter-spacing:0px}
.search-form{border:solid 1px gray;width:50%;max-width:200px}
.siderank_all{padding:12px 6px;margin-bottom:24px}
.siderank_item{padding:0 0 8px;margin-bottom:12px;border-bottom:1px dotted #417143}
.siderank_item a{display:block}
.siderank_eyecatch img{width:70px;height:70px}
.siderank_eyecatch{width:25%;vertical-align:text-bottom;float:left}
.siderank_explain{font-size:14px;line-height:1.3;padding-left:2%;float:left;width:70%;color:black}
/*pager*/
.pager{clear:both;margin:20px 0 0;text-align:center}
.pager span{margin:5px;line-height:2.5;padding:4px 13px;color:#000;border:1px solid #bbb;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.pager span.current{color:#fff;background:#4c7121}
.pager span.invalid{display:none}
.pager a{display:inline-block}
.pageNum{margin:0;text-align:center;padding-top:1em}
/*graph*/
#entry-content .rate_table{width:45%;float:left;margin:10% 0 0 2%}
.rate_table th,.rate_table td{padding:0.2em !important}
.star-ratings{color:#ffa500;font-size:28px;height:45px;text-shadow:0 1px 0px black,0 1px 0px black;letter-spacing:0px;width:100%}
.graph{width:50%;float:left}
.radar_graph:after{display:block;content:"";clear:both}
.totalreview{border:2px solid #676767;padding:0.5em;text-align:center;margin-bottom:2em}
.totalreview_head{font-size:2em;font-weight:bold;color:#676767}
.totalreview_head>span{color:#ffa500;font-size:1.5em;letter-spacing:-8px;margin-right:5px}
.totalreview_head_main{width:50%;display:inline-block;color:#404040;font-size: 20px;}
.totalreview_head_right{display:inline-block;font-size:18px;color:#404040;text-align:right;vertical-align:bottom}
.y_star{color:#ffa500}
.totalreview_comment{color:#ff0000;border-top:1px solid lightgray;margin-top:0.5em;padding-top:0.5em;font-size:1.2em}
/*graph*/
#side{width:28%}
#entry-content ul ul{margin:0 0 0 1em}
#wrapper{display:flex;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:28px auto 0;max-width:1100px}
.r-column{flex-wrap:wrap}
#boatrace-research-wrapper{width:70%}
.l-wrap{margin-left:15px}
/*archive*/
.entry-list{background-color:#fff;margin-top:5px;width:100%;border-bottom:1px solid #b5b4b4;padding:1%}
.entry-list a{display:flex}
.entry-image{width:25%}
.entry-image img{width:100%;height:8vw}
.entry-inner{width:73%;margin-left:2%}
.entry-title{letter-spacing:-1px;font-size:20px;}
.entry-content{letter-spacing:-1px;margin-top:2%;font-size:15px}
.reviews_num{color:black;text-align:right}
#entry-content>.entry-widget p{font-size:1.4rem;margin:0 0 5px 5px;padding-bottom:3px;text-align:left}
.entry-date{color:#666;font-size:1.4rem}
#entry{background:#fff;padding:0;width:100%}
/* #entry>.no-img{height:158px} */
.entry-top>header>.entry-title{font-size:2.2rem;display:unset}
.entry-top>.entry-image{width:100%;float:none}
.entry-top>.entry-image>img{width:100%;height:auto}
.entry-top>.entry-image>.entry-image::after{content:"";background-color:rgba(0,0,0,.25);height:100%;left:0;position:absolute;top:0;width:100%}
.entry-meta{font-size:1.4rem;font-weight:400;margin-top:3px}
#entry-content{margin:16px}
#entry-content li:not(.icon-round){font-size:15px;line-height:1.6}
#entry-content h2,#entry-content h3,#entry-content h4{font-weight:600;line-height:1.2;position:relative}
/* カラー変更: h2見出し背景を青グラデーションに (#004999 → #004999) */
#entry-content h2,.top_h2{margin:1.5em 0;padding:12px;background:linear-gradient(135deg, #004999 0%, #0066CC 100%);color:#fff;text-align:left;font-size:2rem;line-height:1.25;border-radius:4px}
#entry-content h3{font-size:2.2rem;margin:2em -0.5em 1em;padding-left: 0.3em;border-bottom:solid 1px black;letter-spacing:-1px}
#entry-content h4{font-size:1.9rem;margin:1.5em 0 0.75em;padding-left:0.8em;color:#c71610;border-bottom:1px solid}
/* カラー変更: PRタグ背景を青グラデーションに (#1b7b43 → #004999) */
.pr-style::before {content:"PR";padding: 4px 10px;background:linear-gradient(135deg, #004999 0%, #0066CC 100%);display: inline-block;color: #FFF;font-size: 14px;margin-right: 5px;border-radius:4px;}
.title-flex-entry{display: flex;align-items: center;background: #0066cc;padding: 0.6em;color: white;}
#entry-content .h2-layout,#entry-content .h3-layout#entry-content .h4-layout{font-weight: 600;line-height: 1.2;position: relative;}
/* カラー変更: h2レイアウト背景を青グラデーションに (#004999 → #004999) */
#entry-content .h2-layout{margin:1.5em 0;padding:12px;background:linear-gradient(135deg, #004999 0%, #0066CC 100%);color:#fff;text-align:left;font-size:2rem;line-height:1.25;border-radius:4px}
/* カラー変更: h3レイアウトテキスト色・ボーダーを青に (#116524 → #004999) */
#entry-content .h3-layout{font-size:2.2rem;margin:2em -0.5em 1em;padding-left: 0.3em;border-bottom:solid 1px black;letter-spacing:-1px;padding: 2px 0 2px 5px;color: #004999;border-left: 8px solid #004999;}
#entry-content .h4-layout{font-size:1.9rem;margin:1.5em 0 0.75em;padding-left:0.8em;color:#c71610;border-bottom:1px solid}

.rr_successful{padding:21px 13px;background:#eee;font-size:1.3em;text-align:center;position:fixed;top:40%;left:0;right:0;margin:0 10%;z-index:999;color:green}
.rr_successful .big-star{vertical-align:middle;margin:8px}
.left{float:left}
.right{float:right}
.right_txt{text-align:center}
.form-err{color:red;font-size:0.8em;line-height:0.6em}
.post_container{padding:21px}
.rr_review_name{text-align:right;font-size:0.8em}
.stars,.rr_star{color:#ffaf00;letter-spacing:-4px;font-size:20px}
.rr_date{color:gray;font-weight:normal;text-align:right}
.youtube{position:relative;max-width:100%;padding-top:56.25%}
.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}
blockquote{background:#f1f1f1;margin:15px;padding:40px 2em;position:relative}
.form_table input,.form_table textarea{width:100%}
.clear{clear:both}
.clearfix::after{content:"";display:block;clear:both}
#entry-content img{height:auto;margin-top:15px;max-width:100%}
#entry-content ol,#entry-content ul{margin:20px 0;padding:0;list-style-position:inside}
#entry-content ul>li{list-style-type:"●"}
#entry-content ol>li{list-style-type:decimal}
#entry-content table{box-shadow:0 0 5px #f0f0f0;margin:15px auto;width:100%;border:solid 1px #ddd}
/* カラー変更: テーブルヘッダーボーダーを青に (#3e9562 → #0066CC) */
#entry-content table th{border:solid 1px #0066CC;}
#entry-content table td,#entry-content table th{padding:0.5em;border-right: solid 1px #c7c7c7}
td.rr_form_heading{width:25%}
#entry-content dl,#entry-content table tr:nth-of-type(even),#entry-content table>thead{background:#fafafa}
.single-ranking-banner{margin:4% 0;border:2px solid #4c7121}
.single-ranking-banner img{height:auto;width:100%}
.related-entry>li,.related-head{background:#fff}
.pagination{margin:16px 0;display:flex;justify-content:center}
.pagination a,.pagination span{background:#fff;font-size:1.6rem;margin:0 0.25em;padding:0.4em 1em}
.pagination a{border:1px solid}
.pagination .current,.pagination a:hover{background:#0c499d;color:#fff;font-weight:600;opacity:1}
a.ctabtn{clear:both;background:#ff2424 url(/wp-content/uploads/2016/08/anim_page_btn.gif) no-repeat;background-position:left 30px center;box-shadow:0 1px 0px black,0 1px 1px black;display:block;margin:20px auto 30px;width:360px;padding:20px 0 20px 90px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.66);font-size:1.8rem;line-height:1;border-radius:10px}
/*footer*/
#footer{margin-top:100px;width:100%;background:#d8d8d8}
#footer a{color:#333}
#footer>a>img{width:26%;margin:2% 37% 0}
#pages{padding:1.5em 0;text-align:center}
.pages>li{display:inline-block;margin:8px 16px}
#copyright{padding:20px 0}
/* カラー変更: コピーライト背景を青に (#004999 → #004999) */
#copyright,#copyright>a,#copyright>p>a{color:#fff;font-size:1.3rem;text-align:center;background:#004999}
#not-found,.aligncenter,.count{text-align:center}
.gray:not(.underline):not(.marker){color:#ccc}
.lazyload,.lazyloading{opacity:0}
.lazyloaded{animation:fadeIn 0.7s ease 0s 1 normal}
#not-found{padding:90px 0}
#not-found>p{font-size:3rem}
#not-found>h1{font-size:1.6rem}
#not-found>a{background:#0ad212;color:#fff;display:inline-block;line-height:42px;width:220px}
.error404 #footer{margin-top:30px}
.archive-head>h1,.search-head>h1{font-size:2.4rem}
.categories{padding:5% 0;border-bottom:solid 1px #d6d3d3;list-style:none}
/* toc */
#toc_container {background: #f1f1f1;border: 2px solid #e3e3e3;padding: 2rem}
#toc_container .toc_title {margin: 0 0 2rem;padding-bottom: 1rem;border-bottom: 1px solid lightgray;text-align: center}
#toc_container .toc_list {margin:0;display: grid;gap: .8rem;padding: 0 1rem}
#toc_container .toc_list li{list-style-type: none;line-height:1.25}
#toc_container .toc_list li ul{border-left:2px solid lightgray;padding-left: .5rem;padding-top:.25rem;font-weight: normal}
#toc_container .toc_list li ul li:before{content: "-";padding-right: .25em}
#toc_container .toc_list a{font-size:15px}
/*page ranking*/
#ranking_title img{margin:0;width:100%}
#rankingpage_points{background:#fffde6;padding:2% 4%}
#rankingpage_points p{font-size:20px;margin:0 0 0.5em}
#rankingpage_points ul{margin:0}
#rankingpage_points ul li{margin:1% 0;font-size:1.2em;list-style: none;}
#rankingpage_points ul li span{color:#ff3333}
#rankingpage_points ul li:before{content:"";display:inline-block;width:2em;height:2em;background:url(/wp-content/uploads/ri_check.png);background-size:100% 100%;vertical-align:-0.5em;margin-right:0.5em}
.rankingpage_voice{}
.rankingpage_voice__item{
  border: 1px solid #c3c2bc;
  border-left-width: 10px;
  background-color: #fffde6;
  padding: 5px 10px;
  margin: 5px 10px;
  max-width: 100%;
  font-size: 14px;
}
.rankingpage_voice__item:first-line {
    color: green;
    font-size: 16px;
}
.rankingpage_dashbox{
  background-color: #fffaf0;
  border-radius: 1em;
  border: 3px dashed #696969;
  padding: 10px;
  margin-bottom:2em;
}
.rankingpage_greenbox{
  background-color: #eef7f0;
  border-radius: 1em;
  border: 3px solid lightgray;
  padding: 10px;
  margin-bottom:2em;
}


/* カラー変更: ランキングアイテムボーダーをニュートラルグレーに (#004999 → #D9DDE4) */
.ranking_item{padding-bottom:4%;margin-bottom:8%;border-bottom:1px solid #D9DDE4}
.ri-title{margin-top:-80px;padding-top:80px}
.ri-title h2{margin:0!important;padding:2%!important;font-size:32px!important}
.ri-title h2 span{display:block;color:#fff7a0;font-size:20px;font-weight:normal}
.ri_eyecatch{margin-bottom:2%}
.ri_eyecatch img{width:100%}
.ri_ctatop{margin:5% auto}
.ri_ctatop a{display:block;width:100%;color:white;text-align:center;font-size:32px;border-radius:16px;padding:.5em 0;background:#ff4040;box-shadow:0 3px 0px rgb(255,143,143) inset,0 3px 0px rgb(183,37,37),0 5px 5px rgba(0,0,0,0.5);text-shadow:0 2px 2px rgba(0,0,0,0.5)}
/* カラー変更: ランキングテキストh3ボーダーを青に (#116524 → #004999) */
.ri_text h3{border-bottom:none!important;border-left:8px solid #004999;color:#2d2d2d}
.ri_table table th,.ri_table table td{border:2px solid gray}
.ri_table table th{background:lightgray}
.ri_ctabottom{display:flex;margin:4% 0}
.ri_ctabottom a{width:48%;margin:0 1%;display:block;color:white;text-align:center;font-size:22px;border-radius:16px;padding:1em 0;text-shadow:0 2px 2px rgba(0,0,0,0.5)}
.ri_ctabottom a:nth-of-type(1){background:#ffa501;box-shadow:0 3px 0px rgb(255,208,122) inset,0 3px 0px rgb(177,114,0),0 5px 5px rgba(0,0,0,0.5)}
.ri_ctabottom a:nth-of-type(2){background:#ff4040;box-shadow:0 3px 0px rgb(255,143,143) inset,0 3px 0px rgb(183,37,37),0 5px 5px rgba(0,0,0,0.5)}
.textbox-gray{background:#ececec;margin:2% 0;padding:2%}
.full-testimonial{border-bottom:1px solid lightgray;display:block}

.center{text-align:center}
.f120{font-size:120%}
.underline{text-decoration:underline}
.font-16-bold{font-size:16px;line-height:24px;font-weight:bold}
.font-18px-red{font-size:18px;color:red}
.font-21px-red{font-size:21px;color:red}
.font-21px-black{font-size:21px;color:black}
.background-yellow{background-color:#ffff00}
.font-21px-black-background-yellow{font-size:21px;color:black;background-color:#ffff00}
.font-21px-red-background-yellow{font-size:21px;color:red;background-color:#ffff00}
.font-21px-black-underline{font-size:21px;color:black;text-decoration:underline}
.font-21px-red-underline{font-size:21px;color:black;text-decoration:underline}

.link_all{width:100%;border:solid 1px #d2caca;margin:2% 0;border-radius:5px;padding:1%}
.link_img,.link_info{display:inline-block}
.link_img{width:30%}
.link_info{width:68%;vertical-align:top}
.link_title{color:black}
.link_desc{font-size:14px}

.rr-honeydo{display:none}

/* カラー変更: リスト背景・枠線をニュートラルに (#eef7f0 → #FFFFFF, #cacaca → #D9DDE4) */
ul.list{background:#FFFFFF;border:1px solid #D9DDE4;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.04);}
ul.list li{margin:.5em 0}

/* linkbox */
.linkbox{margin-bottom:16px;background:#fff5df;padding:1em;border:2px solid gray;border-radius:16px}
.linkbox a{position:relative;padding-left:1.25em;display:block;margin-bottom:.5em;text-decoration:underline}
.linkbox a:before{content:"●";position:absolute;left:0;text-decoration:none}
/* カラー変更: リンクボックステキスト色を青に (#004999 → #004999) */
.linkbox:before{content:"関連記事";color:#004999;display:block;padding:0 0 .5em;font-size:1.25em;font-weight:600;}

/* fixed_banner */
.fixed_banner{display:none}
/* scroll table */
#entry-content .scroll_table{overflow-x:scroll;position:relative;margin: 2em 0;}
/* カラー変更: スクロール案内テキスト色を青に (#004999 → #004999) */
#entry-content .scroll_table:before {
    content: "横にスクロールできます";
    color: #004999;
    font-size: 13px;
    font-weight: 600;
}
#entry-content .scroll_table table{width:100%;min-width:700px;border-collapse:collapse;margin:0;}
#entry-content .scroll_table table th,#entry-content .scroll_table table td{/*border:2px solid #eee;*/padding:4px 8px}
.scroll_hint{position:absolute;top:0%;left:0%;right:0%;bottom:0%;margin:auto;display:block;width:130px;height:9vh;height:80px;background:#00000061;color:#fff;text-align:center;overflow:hidden;z-index:999}
.scroll_hint img{animation:anim 2s 5}
.scroll_hint span{font-size:12px}
.scroll_table:hover .scroll_hint{display:none}
@keyframes anim{0%{transform:translateX(0px)}100%{transform:translateX(-100px)}}

/* 馬券風的中実績 */
#entry-content .ticket-result{background: url(/wp-content/themes/boatrace-research/images/55/ticket-result-bg.png) center/100% 100%;width: 100%;height: 0;padding-bottom: 57.8%;position: relative;margin-bottom:48px;border:1px solid gray}
#entry-content .ticket-result-inner{position: absolute;left: 48%;top: 0%;display: flex;flex-direction: column;height: 100%;justify-content: center;gap: 3%}
/* カラー変更: 的中実績h3背景を青グラデーションに (#004999 → #004999) */
#entry-content .ticket-result-inner h3{border: unset;margin: 0;padding: 0.2em 0.6em;font-size: clamp(18px,3.4vw,40px);background: linear-gradient(135deg, #004999 0%, #0066CC 100%);color: white;border-radius:4px;}
#entry-content .ticket-result-inner p{padding: 0;margin: 0;font-size: clamp(13px,2.6vw,30px)}
#entry-content .ticket-result-inner p.amount{font-size: clamp(18px,3.4vw,40px);color:red}


@media (max-width:750px){
  body{overflow-x:hidden;width:100%}
  #topbar{align-items:center;height:55px}
  #logo{width:44%;max-width:200px;display:block}
  #headerMenuInner{width:100%;flex-wrap:wrap}
  #headerMenuInner>li{width:50%;font-size:12px}
  #headerMenuInner>li:nth-child(1),#headerMenuInner>li:nth-child(2){border-bottom:1px solid #062714}
  .headerMenuLi a{padding:8px 0}
  #wrapper{width:100%;margin:0;padding:2% 0}
  #boatrace-research-wrapper{width:100%;padding:0 2%}
  /*page ranking*/
  #rankingpage_points p{font-size:1em}
  #rankingpage_points ul li{font-size:1em!important;position:relative;padding-left:2em;line-height:1.4!important;margin:.5em 0;}
  #rankingpage_points ul li:before{width:1.5em;height:1.5em;vertical-align:-0.5em;position:absolute;left:0}
  .ri-title{margin:-80px -4% 0}
  .ri-title p{font-size:0.9em}
  .ri-title h2{font-size:20px!important}
  .ri-title h2 span{font-size:14px}
  .ri_ctatop a{font-size:20px;padding:1em 0}
  .ri_text h3{margin:1em -2%!important;font-size:20px!important}
  .ri_ctabottom{display:block}
  .ri_ctabottom a{width:100%;margin-bottom:20px !important;font-size:20px;font-weight:bold;padding: 16px 0;}
  .link_img,.link_info{width:96%;margin:1% 2%}
  /*pages*/
  .categories{padding:5% 0;border-bottom:solid 1px #d6d3d3;list-style:none}
  a.ctabtn{background-size:auto 60%;background-position:left 6px center;max-width:320px;width:100%;padding:20px 0;text-align:center}
  .inpagelinkbutton a{font-size:4.5vw;border-width:3px;padding:1em 0}
  #pages{padding:0}
  .pages>li{display:block;border-top:1px solid #ababab;margin:0 1em;font-size:15px}
  .pages>li>a{padding:1em 0;display:block}
  .pages>li:nth-child(1){border:unset}
  #entry-content{margin:0}
  .pagination{margin:8px 0 24px;flex-wrap:wrap}
  .pagination a,.pagination span{background:#fff;font-size:1.2rem;margin:0 0.1em;padding:0.4em 0.75em}
  .pagination a{border:1px solid}
  .pagination .current,.pagination a:hover{background:#0c499d;color:#fff;font-weight:600;opacity:1}
  /*review*/
  .totalreview_comment{font-size:1em}
  .totalreview_head{font-size:1.2em;letter-spacing:-1px}
  .totalreview_head_main{width:100%;font-size:22px}
  .totalreview_head_right{width:100%;text-align:center;border-top:solid 1px #6f5252;padding-top:2%}
  /*side*/
  #side{width:100%;margin:4%}
  .siderank_explain{font-size:1.5rem}
  /*graph*/
  .graph{width:100%;float:unset}
  #entry-content .rate_table{width:100%;float:unset;margin:5% 0}
  .star-ratings{font-size:25px;height:30px;letter-spacing:1}
  /*archive*/
  .entry-image img{height:18vw}
  .entry-title{font-size:18px}
  .entry-content{font-size:13px;margin-top:1%}
  /*footer*/
  /* カラー変更: SPフットー背景を青に (#004999 → #004999) */
  #footer{margin:0;padding-bottom:24vw;background:#004999}
  #footer #pages{background: #d8d8d8}
  #copyright{padding:1em}
  .youtube{position:relative;max-width:100%;padding-top:56.25%}
  /* fixed_top */
  .fixed_top{bottom:24vw}
  /*fixed_banner*/
  .fixed_banner{display: flex;justify-content: center;position: fixed;bottom: 0;left: 0;right: 0;margin: auto;z-index: 100}
  .fixed_banner a{display: block}
  .fixed_banner a img{width: 100%;height: auto}

  /* 馬券風的中実績 */
  #entry-content .ticket-result-inner h3{font-size: 5vw}
  #entry-content .ticket-result-inner p{font-size: 4vw}
  #entry-content .ticket-result-inner p.amount{font-size: 6vw}


}




@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes rotating{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
iframe#instagram-embed-0{min-width:290px!important;width:96%!important}

/*ランクアイコン*/
.rank1:before,
.rank2:before,
.rank3:before,
.rank4:before{content: "";width: 1.6em;height: 1.6em;display: inline-block;vertical-align: bottom;margin-right: 0.3em;}
.rank1:before{background: url(/wp-content/uploads/2021/10/1i-e1634271617954.png) center/100% no-repeat}
.rank2:before{background: url(/wp-content/uploads/2021/10/2i-e1634271636577.png) center/100% no-repeat}
.rank3:before{background: url(/wp-content/uploads/2021/10/3i-e1634271629357.png) center/100% no-repeat}
.rank4:before{background: url(/wp-content/uploads/2021/10/4i-e1634271642816.png) center/100% no-repeat}
.kuchikomi{font-size:18px;margin:0;padding: 20px 0px 0px 50px;border-left:none;border-bottom:0px;background-image:url(https://boatrace-research.jp/wp-content/uploads/2021/10/kuchikomi-e1634279702112.png);background-repeat:no-repeat;background-position:left top}

.teitetsu{font-size: 18px;margin:0;padding: 5px 0px 0px 40px;border-left:none;border-bottom:0px;background-image:url(https://boatrace-research.jp/wp-content/uploads/2021/10/teitetsu-e1634280258216.png);background-repeat:no-repeat;background-position:left top}

.uma1:before{position: relative;top: 3px;margin: 0px 0px 0px 0px;content: url('https://boatrace-research.jp/wp-content/uploads/2021/10/uma2.png')}


  /*枠*/
.box29{margin:2em 0;background:#ecffdc;width:300px}
.box29 .box-title{font-size:1.2em;background:#227812;padding:4px;text-align:center;color:#FFF;font-weight:bold;letter-spacing:0.05em}
.box29 p{padding:0px 20px;margin:0}


/* スマート　囲み枠　1 */
.kakomi-smart1{position:relative;margin:2em auto;padding:2.5em 1em 1em;width:90%;border-style:solid;border-color:#82ca9c;border-width:5px 1px 1px;background-color:#f7f7f7;color:#666;box-shadow:1px 1px 3px #ccc}
.title-smart1{position:absolute;top:8px;left:15px;background-color:#f7f7f7;color:#82ca9c;font-size:1.1em;font-weight:bold}
/* ドット 囲み枠 */
.kakomi-box9{margin:2em auto;padding:1em;width:90%;border:5px dotted #3cb371;background-color:#fff;border-radius:1px}

/* シンプル 枠（影）1 */
.kakomi-box3{margin:2em auto;padding:1em;width:90%;border:1px solid #ccc; /* 枠線 */background-color:#fff; /* 背景色 */box-shadow:1px 1px 2px #ccc}


/* 監修者 */
.newSvProfile{max-width:640px;margin:0 auto}
/* カラー変更: 監修者ヘッダー背景を青グラデーションに (#004999 → #004999) */
.newSvProfile__head{background:linear-gradient(135deg, #004999 0%, #0066CC 100%);text-shadow:0 2px #00000055;color:#fff;font-weight:bold;padding:.4em .8em .2em;border-radius:4px 4px 0 0;}
.newSvProfile__body{display:grid;grid-template-columns:155px auto;gap:0.7em;border-top:unset;padding:0.8em;background:#d8d8d8}
.newSvProfile__img img{margin:0}
.newSvProfile__content{font-size:13px;display:grid;grid-template-columns:100%;gap:.4em}
.newSvProfile__name{font-weight:bold}
.newSvProfile__text{line-height:1.5em;position:relative;}
.newSvProfile__text.active:after{content:none}
.newSvProfile__content a{width:fit-content;display:block;color:#0e548d}

.newSvProfile__short {margin-bottom: 2em;}
.newSvProfile__short .newSvProfile__body {grid-template-columns: 64px auto;}
#entry-content .newSvProfile__short .newSvProfile__img img {margin-top: unset;}

@media screen and (max-width:765px) {
  .newSvProfile__body{
    grid-template-columns: 129px auto;
  }
  .newSvProfile__img img{
    width: 130px;
  }

}
._scroll {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

#entry-content .zoomin img {
  margin: 0;
}

#entry-content .zoomin:hover img {
  opacity: 0.7;
}

.breadcrumbs{font-size: 12px;margin-top: 10px;}
.r-column .breadcrumbs_page{margin-bottom: 10px;}
/*240530追記*/
#entry-content .recommend_h2{
margin: 40px 0;
position: relative;
padding: 1rem 1rem 1rem 1.5rem;
border-radius: 5px;
border: 3px solid #333;
box-shadow: -3px 3px 0 0 #333;
font-weight: bold;
background: #ff4040;
}
#entry-content .recommend_h2::before,.recommend_h2::after{
position: absolute;
left: 30px;
height: 0;
width: 0;
border: solid transparent;
content: "";
}
#entry-content .recommend_h2::before{
top: 100%;
margin-left: -12px;
border-color: transparent;
border-top-color: #333;
border-right-color: #333;
border-width: 10px;
}
#entry-content .recommend_h2::after{
top: 97%;
margin-left: -7px;
border-color: transparent;
border-top-color: #ff4040;
border-right-color: #ff4040;
border-width: 6.5px;
}
.recommend-title img{max-width:70%;}
.wp-block-image{margin-bottom:0px !important;}
.recommend{background-color: #ecfeff;}
#entry-content .recommend-ssbox img{max-width:100% !important; padding:0; margin-top: 0;height: 120px; object-fit: contain;}
.recommend-title {text-align: center;font-size: 27px;font-weight: bold;line-height: 45px; padding:0;}
.recommend-title p{margin:40px 0 0;}
.recommend-box{display: flex; flex-direction: row; width: 100%; margin: 0 auto; justify-content: center; gap: 10px;}
.recommend_sstitle{
background-color: #ff4040;color: #fff;font-size: 25px;font-weight: bold;text-align: center;padding: 10px 10px;border-radius: 10px 10px 0 0;
}
.recommend_sstitle_first{background-color: #00a3b5; color: #fff; font-size: 25px; font-weight: bold;text-align: center;}
.recommend-ssbox{padding: 0px 10px;}
.recommend-ssbox p{text-align: center;margin: 10px 0 0 !important; font-size: 20px;
    font-weight: bold;}
.recommend-ssbox a{text-decoration: none;color: #000; font-weight: bold;font-size: 25px;}
.recommend_cards{margin: 0px 0 30px; width: calc(100% / 3); border: 2px solid #333;border-radius: 12px;background: #fff3e6;}
.recommend-txt{text-align: center;font-size: 14px; font-weight:bold;margin:0 0 10px}
.recommend_sstitle img{width: 100px; height: 81px; transform: translateY(-51px);}
.recommend_sstitle p{margin: 0 auto!important; font-size:17px; color: #fff;}
.recommend_sstitle_first p{background: linear-gradient(transparent 70%, #e2647d 60%); max-width: 200px; font-weight: 800; color:#fff;font-size:20px;}
.recommend-title span{font-size:22px;}
.recommend-button {background: #ff4040;border-radius: 2px;max-width: 150px;margin: 10px auto 20px;color: #fff;font-weight: bold;padding: 6px 10px;text-align: center;box-shadow: -2px 2px 0px #333;}
.recommend-button:hover{box-shadow:none;transform: translateY(1px);}
.recommend-button a{font-size: 15px; color: #fff; text-decoration: none;}
@media screen and (max-width: 600px) {
.recommend-box {flex-direction: column;width: 100%;}
.recommend_cards {width: 100%;}
#entry-content .recommend-ssbox img {height: 100%;width: 100%;}
.recommend-button {margin: 15px auto 20px;}
#entry-content .recommend_h2{margin: 50px 0 40px;
}
}

/* 下部ランキングh2からdivへスタイルコピー */
/* カラー変更: ミニランキング見出し背景を青グラデーションに (#004999 → #004999) */
div#miniranking1{font-weight:600;line-height:1.2;position:relative;margin:1.5em 0;padding:12px;background:linear-gradient(135deg, #004999 0%, #0066CC 100%);color:#fff;text-align:left;font-size:2rem;border-radius:4px;}

/*240613　追記*/
#entry-content .ranking-box{overflow-x: scroll; table-layout: fixed; border-collapse: collapse; margin: 0; padding-bottom: 10px; position: relative;}
/* カラー変更: ランキングテーブルth背景を青グラデーションに (#004999 → #004999) */
#entry-content .ranking-box table tr th{width: 150px; min-width: 150px; font-weight: 700; background: linear-gradient(135deg, #004999 0%, #0066CC 100%); position: -webkit-sticky; position: sticky; left: 0;border:unset;}
/* カラー変更: ランキングテーブルthボーダーを青に (#004999 → #004999) */
#entry-content .ranking-box table tr th:before{content: ""; width: 100%; height: 100%; border: 1px solid #004999; position: absolute; top: 0; left: -1px; border-bottom: 1px solid #fff;}
#entry-content .ranking-box table tr td{white-space: normal; vertical-align: middle; font-size: 15px; line-height: 18px; text-align: center; padding: 5px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 180px; min-width: 180px;}
#entry-content .ranking-box table tr td a{background: #ff4040; border-radius: 2px; max-width: 150px; color: #fff; font-weight: bold; padding: 5px 10px; text-align: center; box-shadow: -2px 2px 0px #333;}
#entry-content .ranking-box table tr td.name{font-size: 18px; font-weight: bold;}
.list_content{margin: 40px 0 0 0 !important;}
.tabs {padding-bottom: 40px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 60px auto 0;}
/* カラー変更: タブボーダーを青に、背景をニュートラルに (#133709 → #004999, #d9d9d9 → #F0F3F7) */
.tab_item {width: calc(100%/4); border-bottom: 3px solid #004999; background-color: #F0F3F7; line-height: 50px; font-size: 16px; text-align: center; color: #565656; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; padding: 13px 0 10px; font-size: 22px; border-right: 1px solid #D9DDE4;border-radius:4px 4px 0 0;}
/* カラー変更: タブ左ボーダーをニュートラルグレーに (#133709 → #D9DDE4) */
.tab_item_f{border-left: 1px solid #D9DDE4;}
.tab_item:hover {opacity: 0.75; cursor: pointer;}
input[name="tab_item"] {display: none;}
.tab_content {display: none; padding: 0 40px; clear: both; overflow: hidden;}
#all:checked ~ #all_content,#earn:checked ~ #earn_content,#local_horse_racing:checked ~ #local_horse_racing_content,#free_predictions:checked ~ #free_predictions_content {display: block;}
/* カラー変更: タブ選択時背景を青グラデーションに (#004999 → #004999) */
.tabs input:checked + .tab_item {background: linear-gradient(135deg, #004999 0%, #0066CC 100%); color: #fff;}
.sub_ranking .sub_ranking_box{display: flex; flex-wrap: wrap; justify-content: space-between; }
/* カラー変更: サブランキングボックス枠線をニュートラルグレーに (#133709 → #FFFFFF, #004999 → #D9DDE4) */
.sub_ranking .sub_ranking_box .box{width: 49%; background: #FFFFFF; border: 1px solid #D9DDE4; margin: 0 0 20px 0; border-radius: 8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.sub_ranking .title_box{position: relative;}
/* カラー変更: サブランキング番号背景を青グラデーションに (#004999 → #004999) */
.sub_ranking .title_box .nm{position: absolute; background: linear-gradient(135deg, #004999 0%, #0066CC 100%); margin: 0 !important; font-size: 25px !important; padding: 10px; font-weight: bold; border-radius: 0 0 10px 0; color: #fff; width: 80px; text-align: center;}
.sub_ranking .title_box .title{background: #f9eedc; font-size: 20px !important; margin: 0 !important; color: #000; font-weight: bold; padding: 10px 0 5px 90px;}
.sub_ranking .cta_box {text-align: center;}
.sub_ranking .cta_box .cta{display: flex; align-items: center; justify-content: center; width: 70%; margin: 10px auto 12px !important; text-align: center; border-radius: 5px; font-weight: bold !important; padding: 10px 0 5px 0 !important; letter-spacing: 1px; box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 30%); color: #ffffff !important; text-decoration: unset !important; transition: all 0.5s ease-in-out;}
.sub_ranking .cta_box .review{background: linear-gradient(-30deg, #224589, #386acc) !important; text-shadow: 2px 2px 0 #274c95, -2px -2px 0 #274c95,-2px 2px 0 #274c95, 2px -2px 0 #274c95,0px 2px 0 #274c95, 0-2px 0 #274c95,-2px 0 0 #274c95, 2px 0 0 #274c95 !important; border: 2px solid #224589;}
.sub_ranking .cta_box .site{background: linear-gradient(-30deg, #c57a04, #fb9900); text-shadow: 2px 2px 0 #b36e01, -2px -2px 0 #b36e01,-2px 2px 0 #b36e01, 2px -2px 0 #b36e01,0px 2px 0 #b36e01, 0-2px 0 #b36e01,-2px 0 0 #b36e01, 2px 0 0 #b36e01 !important; border: 2px solid #b36e01;}
.sub_ranking .cta_box .cta i{transform: translate(20px, -1px);}
.sub_ranking .cta_box .cta:hover{opacity: unset !important; transform: translate(2px, 2px);}
.textlink_box{display: flex; justify-content: center;}
.textlink_box .textlink{margin: 10px 5px !important; width: 95%;}
.textlink_box .textlink a:before{left: 5%;}
.textlink_box .outerlink a{background: linear-gradient(-30deg, #598103, #6a9c00) !important ; border: 4px solid #8dff66 !important ;}
.add_contents ul{background: linear-gradient(-30deg, #310415, #832246); box-shadow: 2px 2px 8px black inset; text-shadow: 2px 2px 8px black; border-radius: 1em; border: 4px solid #f01365; padding: 1em 1em 1em 2em; margin: 1em auto; text-decoration: none; font-size: 16px;}
@media screen and (max-width: 835px){
/* カラー変更: SPタブボーダーをニュートラルグレーに (#133709 → #D9DDE4) */
.tab_item {width: 100%; padding: 0px 0 0px; font-size: 18px; border-bottom: 1px solid #D9DDE4; border-right: unset;}
.tab_item_f{border-left: unset;}
.sub_ranking .sub_ranking_box{justify-content: center;}
.sub_ranking .sub_ranking_box .box{width: 95%;}
}

/* 20240912追記 */
.tab_item.w-3{width: calc(100%/3);}
#day1:checked ~ #day1_content,#day2:checked ~ #day2_content,#day3:checked ~ #day3_content {display: block;}
/* カラー変更: タブリスト選択時背景を青グラデーションに (#004999 → #004999) */
.tabs_list input:checked + .tab_item {background: linear-gradient(135deg, #004999 0%, #0066CC 100%); color: #fff;}
/* カラー変更: 戻るボタン背景を青グラデーションに (#004999 → #004999) */
a.back-button{
  display: block;
  max-width: 350px;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  background: linear-gradient(135deg, #004999 0%, #0066CC 100%);
  color: #ffffff;
  font-weight: bold;
  border-radius: 4px;
}
a.back-button:hover{
  opacity: 0.8;
}

@media screen and (max-width: 835px){
    /* カラー変更: SPタブ3列ボーダーをニュートラルグレーに (#133709 → #D9DDE4) */
    .tab_item.w-3{width: 100%; padding: 0px 0 0px; font-size: 18px; border-bottom: 1px solid #D9DDE4; border-right: unset;}
}
.w100_img{width:100%;height:auto}

/* 続きを読む */

.read-more-wrap{
  text-align: center;
  margin-bottom: 30px;
  margin-top: -25px;
}

.read-more-btn {
  background-color: #004999;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 18px;
  border-radius: 4px;
  text-decoration: none;
}

/* テーブルスマホCSS調整 */
@media screen and (max-width: 768px){
  #entry-content table th{
    /* width: 35%; */
    font-size: 14px;
  }

}








table.predictions-table tr td span {
  padding: 2px;
}
table.predictions-table tr td span.n1 {
	background: #fff;
	color: #000;
	border: 1px solid #9F9F9F;
}

table.predictions-table tr td span.n2 {
	background: #000;
	color: #FFF;
	border: 1px solid #9F9F9F;
}

table.predictions-table tr td span.n3 {
	background: red;
	color: #FFF;
	border: 1px solid #9F9F9F;
}

table.predictions-table tr td span.n4 {
	background: blue;
	color: #FFF;
	border: 1px solid #9F9F9F;
}

table.predictions-table tr td span.n5 {
	background: yellow;
	color: #000;
	border: 1px solid #9F9F9F;
}

table.predictions-table tr td span.n6 {
	background: green;
	color: #FFF;
	border: 1px solid #9F9F9F;
}