@charset "UTF-8";
/*!
Theme Name:Cocoon Child
Description:Cocoon専用の子テーマ
Theme URI:https://wp-cocoon.com/
Author:わいひら
Author URI:https://nelog.jp/
Template:  cocoon-master
Version:   1.1.3
*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,a,img,small,strong,b,u,i,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,menu,nav,section{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,footer,header,menu,nav,section{display:block}
html{scroll-behavior:smooth}
body{line-height:1.3;font-family:arial,sans-serif;color:#2f2f2f;background:url(/wp-content/themes/ymnst/img/body-bg.jpg)}
a{text-decoration:none}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;margin-bottom:20px}
table th,table td{border:1px solid #17a5e7;padding:.5em}
table th{background:#17a5e7;color:white}
input,textarea{border:solid 1px #ababab}
*{-webkit-appearance:none}
b,strong,.texdeco01{font-weight:bold}
/* common */
a{color:#0066cc}
a:hover{opacity:0.6}
img{max-width:100%;height:auto}
.clearfix:after{content:"";display:block;clear:both}

/* cocoon初期設定解除 */
.author-info{
  display:none;
}


/* [PAGE][COMMON] WP Sitemap Page */
.wsp-container>ul{padding-left:0!important}
.wsp-container>ul>li{padding:0!important}
.wsp-container li:before{content:none!important}
.wsp-container>ul>li strong{font-weight:bold}
.wsp-container>ul>li>ul{margin-top:0!important}
.wsp-container>ul>li>ul>li{margin:1em 0!important;padding-left:1em!important}
.wsp-container a{color:#545454}


/********** PC **********/

/* header */
.logo{text-align:left}
.header-in{max-width:1200px;margin:0 auto;position:relative}
#header{box-shadow:0 2px 2px #00000033;position:relative;z-index:2}
header,.footer-wrap{background:#000}
.header-search{padding-right:70px}
.header-search form{display:flex;border:2px solid #ec0313;border-radius:4px;position:absolute;top:25px;right:0;}
.header-search form input{-webkit-appearance:none;border:none;background:#fff;padding:.5em;margin:0;width:260px}
.header-search form button{-webkit-appearance:none;padding:6px 24px;border:none;background:#ec0313}
/*
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger{position:fixed;right:20px;top:30px;width:30px;height:30px;z-index:9999}
.hamburger__line{position:absolute;width:30px;height:3px;right:0;background-color:#fff;transition:all 0.5s;box-shadow:0px 0px 0px 1px black}
.hamburger__line--1{top:1px}
.hamburger__line--2{top:11px}
.hamburger__line--3{top:21px}
/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1{transform:rotate(-45deg);top:11px}
.open .hamburger__line--2{opacity:0}
.open .hamburger__line--3{transform:rotate(45deg);top:11px}
/*
sp-nav(ナビ)
=================================== */
.sp-nav{position:fixed;right:-100%;top:0;width:25%;height:100vh;background-color:#000;transition:all 0.5s;z-index:200;overflow-y:auto;color:#FFF;z-index:999}
.sp-nav ul{margin-top:50px}
.sp-nav ul li{list-style:none;border-bottom:1px solid #FFF;padding:12px 0;margin-left:20px;text-align:justify}
.sp-nav ul li a{color:#FFF}
.open .sp-nav{right:0}/*ハンバーガーがクリックされたら右からスライド*/
.open .black-bg{opacity:0.3;visibility:visible}/*ハンバーガーメニューが開いたら表示*/
.tag_child_link{display:block;margin-left:30px;margin-top:10px}


#grobal-menu{background:#cf000c}
.grobal-menu-inner{list-style:none;max-width:1200px;margin:0 auto;padding:0;background:#ec0313;display:flex;position:relative}
.grobal-menu-item{width:25%;border-right:1px solid #cf030e;text-align:center;}
.grobal-menu-item:last-child{border:none}
.grobal-menu-item>a{display:block;padding:4px 4px}
.grobal-menu-item>a>img{width:auto;height:40px;vertical-align:bottom;object-fit:contain}
.grobal-menu-2nd{list-style:none;display:none;opacity:0;z-index:1;position:absolute;top:64px;width:20%;background:#040404cf;transition:all .2s ease;padding:unset;background:#cf030e;box-shadow:0 8px 8px #00000055 inset;text-align:left}
.grobal-menu-item:hover .grobal-menu-2nd{display:block;opacity:1;padding:.5em 0 0}
.grobal-menu-2nd li a{color:#ffe9e9;border-bottom:1px solid #9a0109;display:block;padding:0.5em 1.5em;font-size:15px}
.grobal-menu-2nd li a:before{content:"";display:inline-block;/*width:10px;height:0;*/border:0.4em solid transparent;border-left-color:inherit}

.entry-title{font-size:24px;font-weight:bold;margin:4px 0;font-family:arial,sans-serif}
.main .entry-title{background:#ec0313;color:#fff;padding:1em;margin-bottom:10px}

/* entry */
main{overflow:hidden}
.entry-image img{width:100%;box-sizing:border-box;vertical-align:bottom}
.entry-title-area{background:#ffeb00;padding:8px 16px}
.entry-title{font-size:24px;font-weight:bold;margin:4px 0}
.entry-title-date{color:#fff;text-align:right}
.entry-title-cat{font-size:13px}
.entry-title-cat span{background:#b4b4b5;color:#fff;padding:.2em .4em;line-height:1;display:inline-block;margin-right:.5em;border-radius:2px}
.entry-title-catlink{font-size:13px;vertical-align:bottom;margin-bottom:8px;flex-shrink:1}
.entry-title-catlink a{background:#cf030e;text-decoration:none;color:#fff;padding:4px 8px;line-height:1;display:inline-block;margin:2px;border-radius:4px}
.addtoany_content{text-align:right;margin:0 0 8px}

#main p{line-height:2em;margin-bottom:1em}
#main table{overflow-x:scroll;-webkit-overflow-scrolling:touch}
.page #main p{margin-bottom:1em}

table{width:100%;border-collapse:collapse;border-color:#FFC107}
table th{border-color:lightgray;background-color:#f3f3f3;color:black}
table td{border-color:lightgray}
table .center-cell{text-align:center}
table .middle-cell{vertical-align:middle}
#main ul,#main ol{padding-left:1em;margin:3em 0;line-height:1.8em}
#main ul li,#main ol li{margin-bottom:1em;list-style-type:none;position:relative;padding-left:1.7em}

#main ol{counter-reset:main-ol}
#main ol li{counter-increment:main-ol}
#main ol li:before{content:counter(main-ol);font-weight:bold;display:inline-block;width:1.5em;line-height:1.5em;margin-right:0.5em;background:linear-gradient(to bottom,#ff2424 0%,#d22222 50%,#5a2433 51%,#ff2424 100%);color:#fff;border-radius:4px;text-align:center;position:absolute;left:0;top:0.15em;text-shadow:0 1px 1px black;height:unset}
#main ul li:before{content:"\2713";font-weight:bold;display:inline-block;width:1.5em;line-height:1.5em;margin-right:0.5em;background:linear-gradient(to bottom,#ff2424 0%,#d22222 50%,#5a2433 51%,#ff2424 100%);color:#fff;border-radius:4px;text-align:center;position:absolute;left:0;top:0.15em;text-shadow:0 1px 1px black;height:unset}
#main blockquote{background:#f3f3f3;border:2px solid #ededed;padding:1em 1em 1em 3em;border-radius:16px;margin:3em 1em;font-style:oblique;color:#5d5d5d;position:relative;line-height:2em}
#main blockquote:before{content:"";display:block;width:1.5em;padding-bottom:1.2em;background-image:url(/wp-content/themes/ymnst/images/blockquote.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:1em;top:1em}
#main blockquote p:last-child{margin-bottom:0}
#entry-footer-area{padding:24px 32px;background:#e4e4e4}

/* archive */

.article-header{background-color:unset}
.entry-list-item{display:flex;flex-wrap:wrap;margin:0 0 16px;padding:12px;border-radius:16px;background:#fff}
a.entry-list-link{color:#545454;text-decoration:none;display:block}
.entry-list-image{width:20%;height:0;padding-bottom:20%;overflow:hidden;position:relative;margin-right:2%;border-radius:8%;border:2px solid #4e4e4e;box-sizing:border-box}
.entry-list-image img{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;max-width:unset;width:auto}
.entry-list-title{width:78%;background:#fff;border-radius:8px;padding:0.5em;box-sizing:border-box}
.entry-list-title .entry-title{font-size:18px;letter-spacing:0;line-height:1.5;background:none;color:#ec0313;padding:0}
.entry-list-excerpt{font-size:14px;line-height:1.5;color:#9c9c9c;margin-bottom:.5em}
.entry-list-item .entry-title-catlink{margin-top:8px}
.entry-list-noresult{color:#545454;padding:2%;border-radius:16px;background:#f9f9f9;text-align:center}
.entry-list-noresult p{margin:1em 0}
.entry-list-noresult p a{text-decoration:none}



.entry-title h1{text-shadow:0 2px 2px #000000cc;margin:0;font-size:32px;line-height:1.25}
.main h2{background:#ec0313;padding:8px 8px 8px 22px;font-size:22px;text-shadow:0 3px #00000055;position:relative;color:white}
.main h2:before{content:"";width:6px;background:#ffde00;height:64%;vertical-align:-0.25em;margin-right:8px;position:absolute;left:8px;top:0;bottom:0;margin:auto}
.main h3{margin:2em 0 1em;padding:0.2em 0;border-bottom:4px solid;color:#ec0313;font-size:22px;line-height:1.25;font-weight:bold}
.entry-post{padding:4%}
.main p{margin:1em 0}


.entry-title{background:#ec0313;color:#fff;padding:1em;margin-bottom:10px}
#main h2{background:#ec0313;padding:8px 8px 8px 22px;font-size:22px;text-shadow:0 2px #00000055;position:relative;color:#fff;font-weight:bold;margin:40px auto 14px}
#main h2:before{content:"";width:6px;background:#ffde00;height:64%;vertical-align:-0.25em;margin-right:8px;position:absolute;left:8px;top:0;bottom:0;margin:auto}
#main h3{margin:2em 0 1em;padding:0.2em 0;border-bottom:4px solid;color:#ec0313;font-size:22px;line-height:1.25;font-weight:bold}
#main h4{margin:2em 0;padding:0.5em;font-size:16px;line-height:1.33;background:#ffde00}
#main img{height:auto;max-width:100%;margin:2px auto;display:block;border:solid 1px #dedede}
#main *:nth-child(1){margin-top:unset}
ul.list{background:#fce3cd;border-radius:10px;padding:1em}

#main .list li:last-child{margin-bottom:0}

#main .rankingitem_all .ranking_h2{background:#ec0313;margin:40px auto 14px;padding:.6em .6em .6em 14px}
#main .rankingitem_all h2:before{content:none}

header.article-header.entry-header{background:none}


/* newSvProfile */
.newSvProfile{max-width:640px;margin:0 auto}
.newSvProfile__head{background:#6e6e6e;text-shadow:0 2px #00000055;color:#fff;font-weight:bold;padding:.4em .8em .2em}
.newSvProfile__body{display:grid;grid-template-columns:90px auto;gap:0.7em;border-top:unset;padding:0.8em;background:#ebebeb}
.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{height:4.5em;overflow-y:hidden;line-height:1.5em;position:relative;}
.newSvProfile__text:after{content:"…続きを読む";position:absolute;right:0;bottom:0;background:#ebebeb;padding-left:0.6em;color:#a7a6a6}
.newSvProfile__text.active:after{content:none}
.newSvProfile__content a{width:fit-content;display:block}

.textbox-gray{border:1px solid #c5c5c5;padding:1.25rem;margin:1rem;border-radius:8px;background:#ececec}
.texdeco03{font-weight:bold;font-size:1.1em;color:#ff0000}
.concrete .textbox-gray{color:#333}


.article h3{border-left:unset;border-top:unset;border-right:unset}

blockquote::before, blockquote::after{font-size:unset}

/****** reviewDesc ********/
#main .reviewDesc{border:2px solid #cf030e;border-radius:1em;padding:1em;display:grid;grid-template-columns:100%;gap:0.8em;background:#ececec}
#main .reviewDesc p:empty{display:none}
#main .reviewDesc p{margin:0;line-height:1}
#main .reviewDesc img{border:unset;margin:0}
#main .reviewDesc ul{margin:0;padding:0}
#main .reviewDesc li{margin:0}
#main .reviewDesc__rank{margin:0 auto;display:flex;width:100%;gap:1em;max-width:82%}
#main .reviewDesc__badge{display:grid;width:100px}
#main .reviewDesc__badge p{background:#cf030e;color:#fff;text-align:center;font-weight:bold;font-size:15px;border-radius:.4em;margin:unset;padding:0.4em 0}
#main .reviewDesc__banner{height:0;margin-top:auto;width:100%;padding-bottom:15.4%}
#main .reviewDesc__banner.rdb-good{background:url(/wp-content/themes/ymnst/images/descbanner-good-pc.png) center/100% 100%}
#main .reviewDesc__banner.rdb-middle{background:url(/wp-content/themes/ymnst/images/descbanner-middle-pc.png) center/100% 100%}
#main .reviewDesc__banner.rdb-bad{background:url(/wp-content/themes/ymnst/images/descbanner-bad-pc.png) center/100% 100%}
#main .reviewDesc__body{display:grid;grid-template-columns:1fr 1fr;gap:0.8em}
#main .reviewDesc__graph{display:grid;grid-template-columns:100%;gap:6px}
#main .reviewDesc__graph>div{display:grid;grid-template-columns:8em 1fr;align-items:center}
#main .reviewDesc__graph>div>p{margin:0;font-size:14px}
#main .reviewDesc__graph>div>div{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:0.6em;color:#fff;font-size:14px;border-radius:0 8px 8px 0}
#main .reviewDesc__graph .SS{background:#cf030e}
#main .reviewDesc__graph .S{background:#9c0008;width:84%}
#main .reviewDesc__graph .A{background:#6e0006;width:68%}
#main .reviewDesc__graph .B{background:#6e0006;width:52%}
#main .reviewDesc__graph .C{background:#360003;width:36%}
#main .reviewDesc__graph .D{background:#1c0002;width:20%}
#main .reviewDesc__points-title{background:#cf030e;color:#fff;padding:0.6em;text-align:center;display:grid;grid-template-columns:100%;gap:.2em}
#main .reviewDesc__points-list{background:#fff;border:1px solid #cf030e;padding:0.6em 1em}
#main .reviewDesc__points-list ul{display:grid;grid-template-columns:100%;gap:0.8em}
#main .reviewDesc__points-list li{line-height:1.4;display:flex;padding:0}
#main .reviewDesc__points-list li:before{position:unset;width:1.5em;height:1.5em;flex-shrink:0}
#main .reviewDesc__result-title{background:#cf030e;color:#fff;text-align:center;padding:0.4em 0.2em 0.2em}
#main .reviewDesc__result-title>span{font-weight:bold;font-size:1.2em}
#main .reviewDesc__result-body{background:#1c0002;color:#fff;padding:0.6em}
#main .reviewDesc__result-body ul{display:grid;grid-auto-flow:column;grid-template-rows:1fr 1fr;width:fit-content;margin:0 auto;gap:0 1.2em}
#main .reviewDesc__result-body li{display:flex;align-items:center;padding:0;gap:0.4em}
#main .reviewDesc__result-body li:before{background:#fff;content:"";width:0.8em;height:0.8em;border-radius:100%;position:unset;margin:0;padding:0}
#main .reviewDesc__result-amount{text-align:center;font-size:1.6em;font-weight:bold}
#main .reviewDesc__result-amount span{font-size:1.3em;color:yellow}

#main .ranking-reviewDesc .reviewDesc__badge{width:28%;align-content:center}
#main .ranking-reviewDesc .ranking-reviewDesc__banner{width:72%}


/* 吹出しUI */
.balloon_01{position:relative;display:block;padding:6px;width:84%;max-width:300px;margin:0 auto;text-align:center;border:3px solid #c5c1c1;color:#000;font-size:16px;font-weight:bold;border-radius:3px;background:yellow}
.balloon_01:before{content:"";position:absolute;bottom:-24px;left:50%;margin-left:-15px;border:12px solid transparent;border-top:12px solid #ff0;z-index:2}
.balloon_01:after{content:"";position:absolute;bottom:-30px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #d6d6d6;z-index:1}
.cv_bg{width:100%;margin-bottom:30px;padding:0;background:none}
.bttn-tds{
  padding:28px 0;
  margin:10px auto;
  display:block;
  color:#fff !important;
  width:100%;
  text-decoration:none;
  font-weight:bold;
  font-size:22px;
  border-radius:10px;
  text-align:center;
  max-width:400px;
  text-shadow:1px 2px 0px rgb(0 0 0 / 50%);
  background:linear-gradient(#c70000 0%,#ff4545 100%);
  box-shadow:0px 2px 2px rgb(0 0 0 / 50%), 0 1px 0 #3f51b5 inset, 0 2px 0 white inset;
  border-bottom:solid 3px #000;
}
.balloon_blue{background:blue}
.balloon_green{background:green}
.jump{animation:0.5s jump infinite alternate linear}

.ranking-banner {
  display: block;
  margin: 0 0 2%;
  position: relative;
}
.ranking-banner .ranking-banner-btn {
  position: absolute;
  right: 1%;
  bottom: 10%;
  width: 51%;
  border:none!important;
  animation: ranking-btn 1s infinite;
}

.kansyuu-prof {background-color: #ececec; display: flex; justify-content: left; align-items: center; padding: 10px 10px 10px 10px}
.kannsyu-img {display: inline-block; font-size: 14px; margin: 2px 2px 2px 2px}



@keyframes jump{to{ transform:transtateY(0); }from{ transform:translateY(5px); }}
@keyframes ranklink{0%,20%,40%,100%{transform:scale(1)}10%,30%{transform:scale(1.025)}}
@keyframes ranklinkicon{0%{transform:translateX(0)}100%{transform:translateX(12px)}}

iframe#instagram-embed-0{min-width:290px!important;width:96%!important}

/* compact-result-list */
.cp-result{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.cp-result__item{border-bottom:1px solid #cfcfcf;padding-bottom:0.4em}
.cp-result__top{display:flex;gap:1em}
.cp-result__name{font-weight:bold;color:#0064cf}
.cp-result__date{font-size:0.9em}
.cp-result__bottom{display:flex;justify-content:space-between;align-items:center}
.cp-result__desc{font-size:14px}
.cp-result__amount{font-size:2em;font-weight:bold;color:#d1000e}
.cp-result__amount span{font-size:0.6em}

.btn_co{padding:0;text-align:center;margin:30px auto;max-width:800px;width:100%;animation:ranklink 1.5s ease infinite}
.cta_btn{width:100%;color:#fff;display:block;text-shadow:2px 1px 1px rgb(129 84 0);background:linear-gradient(#fd8c20 0%,#fbba41 100%);border-bottom:solid 3px #b75b00;padding:25px 0;border-radius:12px;font-size:1.5rem;font-weight:bold}


.top_buttons{display:flex;justify-content:space-around;width:100%;height:100px;align-items:center}
.top_button{width:30%;height:50px;color:#fff;border:1px solid #ccc;border-radius:5px;text-align:center;line-height:50px;font-weight:bold}
.top_button.red{background:#ff5050}
.top_button.blue{background:#3399ff}
.top_button.orange{background:#ff9933}

/* home fv */
.home-fv{text-align:center;background:#0c0c0c}
.home-fv img{max-width:900px;width:100%}

.internalLink{border:solid 1px #FFF;padding:23px}
.internalLink a{color:#FFF}
.internalLink__head{display:flex;justify-content:center;align-items:center}
.internalLink__text{width:100%;margin-left:30px}
.internalLink__thumb{width:50%;text-align:center}
.internalLink__thumb img{border:1px solid;border-radius:12px;width:100%}
.internalLink__foot a{color:#FFF;display:block;text-align:center;background:red;width:230px;padding:10px;margin:10px auto;border-radius:10px}
.internalLink{border:solid 1px lightgray;color:#000}
.internalLink__title{font-weight:bold;margin-bottom:7px}
.internalLink__text{color:#000}



.bsall{display:flex;flex-wrap:wrap;justify-content:space-between}
.bsitem{width:32%;background:#fff;padding:1.5%;margin-bottom:2%;text-align:left;border:solid 1px gray;border-radius:6px;box-sizing:border-box;position:relative}
.bsitem p{display:none}
.bs_ranking_num{position:absolute;top:0;left:0}

.bsname{color:#ec0313;font-weight:bold}
.bsimage{margin-bottom:4%;height:28vw;max-height:162px}
.bsimage img{border:1px solid lightgray;display:block;max-width:unset;width:100%;height:100%;object-fit:cover}
.bstext{color:black;font-size:13px;padding:4px}

.bsall.is-pickuplink{margin:2em 0 0}
.bsall.is-pickuplink .bsitem{background:linear-gradient(to bottom,#fdfdfd,white);border:2px solid lightgray;box-shadow:0 4px #decbcb;padding:0;overflow:hidden;border-radius:12px}
.bsall.is-pickuplink .bstitle{background:#ffde00;color:#333;font-weight:bold;text-align:center;padding:.25em;font-size:clamp(0.5em,1.6vw,1.25em)}
.bsall.is-pickuplink .bsimage{margin:.5em}
.bsall.is-pickuplink .bsimage img{margin:0!important;border:unset!important}
.bsall.is-pickuplink .bsname{margin:.5em .5em 0}
.bsall.is-pickuplink .bstext{margin:0 .5em .5rem;padding:0;line-height:1.5}



/* top Kuchikomi Ranking */

#main .trKuchikomi__item{padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid lightgray;gap:0.5em;position:relative}
#main .trKuchikomi__eyecatch{flex-shrink:0}
#main .trKuchikomi__text{display:flex;flex-direction:column;gap:.2em;flex-grow:1}
#main .trKuchikomi__title{font-weight:bold}
#main .trKuchikomi__rating{color:dimgray}
#main .trKuchikomi__stars{color:orange}
#main .trKuchikomi__stars.starCount1:before{content:"★☆☆☆☆"}
#main .trKuchikomi__stars.starCount2:before{content:"★★☆☆☆"}
#main .trKuchikomi__stars.starCount3:before{content:"★★★☆☆"}
#main .trKuchikomi__stars.starCount4:before{content:"★★★★☆"}
#main .trKuchikomi__stars.starCount5:before{content:"★★★★★"}
#main .trKuchikomi__post{font-size:.9em;color:#333333;padding:0.5em;position:relative}
#main .trKuchikomi__date{text-align:right;color:#b7b7b7;font-size:.8em;margin-top:0.4em}
#main .trKuchikomi__links{gap:0.5em;margin-top:auto;text-align:center}
#main .trKuchikomi__links > a{text-shadow:1px 2px 0px rgb(0 0 0 / 50%);box-shadow:0 2px 2px gray;color:#fff;font-weight:bold;padding:.6em 2em;border-radius:4px;font-size:14px}
#main .trKuchikomi__inner{background:linear-gradient(#c70000 0%,#ff4545 49%,#c70049 50%,#ff4545 100%)}
#main .trKuchikomi__list{background:linear-gradient(#fd8c20 0%,#fbba41 49%,#fd7c20 50%,#fbba41 100%)}
#main .trKuchikomi__item:before{content:"";display:block;width:3em;height:4em;background-size:contain;background-repeat:no-repeat;position:absolute;left:-2px;top:-8px}
#main .trKuchikomi__item:nth-child(1):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal01.png)}
#main .trKuchikomi__item:nth-child(2):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal02.png)}
#main .trKuchikomi__item:nth-child(3):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal03.png)}



.flex{display:flex}
.block_flex{display:block}
.flex .kaime_box{width:48%;margin:1%}


/* top Muryo Ranking */
#main .topRanking-muryo{display:grid;grid-template-columns:repeat(6,1fr);gap:0 .5em}
#main .trMuryo__item{color:#333;position:relative}
#main .trMuryo__name{font-weight:bold;color:#555}
#main .trMuryo__text{font-weight:bold;color:#d51212}
#main .trMuryo__per{font-size:13px;display:flex;gap:0.5em}
#main .trMuryo__per span{background:gray;color:white;padding:.1em .6em;margin-right:.2em;border-radius:2px}
#main .trMuryo__kaisyu:after, #main .trMuryo__tekichu:after{content:"%"}
#main .trMuryo__item:nth-child(-n+3){border:1px solid lightgray;border-radius:4px;grid-column:span 2;padding:0.5em}
#main .trMuryo__item:nth-child(-n+3) .trMuryo__img img{width:100%;height:120px;overflow:hidden;vertical-align:bottom;object-fit:cover}
#main .trMuryo__item:nth-child(-n+3) .trMuryo__content{text-align:center;margin-top:0.5em;line-height:1.2;display:grid;gap:.4em;font-size:14px}
#main .trMuryo__item:nth-child(-n+3) .trMuryo__per{justify-content:center}
#main .trMuryo__item:nth-child(n+4){grid-column:span 3;padding:0 1em .5em 0;margin:.5em 0;border-bottom:1px solid lightgray;display:grid;grid-template-columns:30% 1fr auto;gap:.5em;align-items:center}
#main .trMuryo__item:nth-child(n+4):after{content:"";display:block;width:0.3em;height:0.3em;border:2px solid transparent;border-top-color:#5d5d7b;border-top-color:#c5c5c5;border-right-color:#c5c5c5;transform:rotate(45deg)}
#main .trMuryo__item:nth-child(n+4) .trMuryo__img img{width:100%;height:60px;overflow:hidden;vertical-align:bottom;object-fit:cover}
#main .trMuryo__item:nth-child(n+4) .trMuryo__content{font-size:13px;display:grid;align-items:center;gap:0.2em}
#main .trMuryo__item:before{content:"";display:block;width:3em;height:4em;background-size:contain;background-repeat:no-repeat;position:absolute;left:-2px;top:-8px;max-width:40px}
#main .trMuryo__item:nth-child(1):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal01.png)}
#main .trMuryo__item:nth-child(2):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal02.png)}
#main .trMuryo__item:nth-child(3):before{background-image:url(/wp-content/themes/ymnst/images/topRankingMedal03.png)}
#main .trMuryo__item:nth-child(4):before,
#main .trMuryo__item:nth-child(5):before{left:-4px;top:-4px;width:2em;height:2em;line-height:2em;background:#b10000;text-align:center;color:white;font-weight:bold;border-radius:100%;font-size:14px}
#main .trMuryo__item:nth-child(4):before{content:"4"}
#main .trMuryo__item:nth-child(5):before{content:"5"}






/* fixed-floating-button */
.fixed-floating-button {
  width: 8em;
  height: 8em;
  font-size: 14px;
  background: linear-gradient(to bottom,#ec0313,#a6020e);
  border: 2px solid #fff;
  box-shadow: 0 3px 4px black;
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 100;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  }
  @media (max-width:767px){
  .fixed-floating-button {font-size: 12px;bottom: calc(1em + 69px);}
  }


  .mini_btn_red{
      color: white!important;
      padding: 7px;
      margin: 10px 20px;
      display: block;
      text-decoration: none;
      font-weight: bold;
      font-size: 15px;
      border-radius: 10px;
      text-align: center;
      text-shadow: 1px 2px 0px rgb(0 0 0 / 50%);
      background: linear-gradient(#c70000 0%,#ff4545 100%);
      box-shadow: 0px 2px 2px rgb(0 0 0 / 50%), 0 1px 0 #3f51b5 inset, 0 2px 0 white inset;
      border-bottom: solid 3px #000000;
  }
  .mini_btn_orange{
      color: white!important;
      display: block;
      text-shadow: 2px 1px 1px rgb(129 84 0);
      background: linear-gradient(#fd8c20 0%,#fbba41 100%);
      border-bottom: solid 3px #b75b00;
      padding: 7px;
      font-size: 15px;
      margin: 10px 20px;
      border-radius: 10px;
      font-weight: bold;
  }

.tab-wrap {display:flex;flex-wrap:wrap;overflow:hidden;box-shadow:2px 2px #eee,-2px 2px #eee;margin-bottom:1em;}
.tab-label {color:#ffffffaa;flex:1;font-weight:bold;order:-1;position:relative;padding:1.4em 0;text-align:center;-webkit-tap-highlight-color:transparent;transition:.2s;border-radius:0.6em 0.6em 0 0;/*filter:brightness(0.8);*/font-size:14px}
.tab-label:hover {opacity:.8;}
.tab-label::after {background:#ffde00;bottom:0;content:'';display:block;height:5px;left:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(100%);transition:cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;width:100%;z-index:1;}
.tab-switch:checked + .tab-label{opacity:1;/*filter:brightness(1);*/color:#fff;}
.tab-switch:checked ~ .tab-label::after {transform:translateX(-100%);}
.tab-switch:checked + .tab-label::after {opacity:1;transform:translateX(0);}
.tab-content {height:0;opacity:0;padding:0 20px;pointer-events:none;transform:translateX(-30%);transition:transform .3s 80ms, opacity .3s 80ms;width:100%;}
#entry-content .tab-content table{overflow-x:auto}
.tab-switch:checked ~ .tab-content {transform:translateX(30%);}
.tab-switch:checked + .tab-label + .tab-content {height:auto;opacity:1;order:1;pointer-events:auto;transform:translateX(0);}
.tab-wrap::after {content:'';height:20px;order:-1;width:100%;}
.tab-switch {display:none;}

#ri_idlink{margin:0;display:flex;justify-content:center;bottom:0;max-width:1000px;width:100%;left:0;right:0;margin:0 auto;z-index:100}
#ri_idlink li{list-style:none;margin:0 0.5%;width:22%}
#ri_idlink li a{background:#d32c25;text-decoration:none;color:#fff;display:block;text-align:center;padding:30px 0;font-size:18px;font-weight:700;border:3px solid #fff;border-radius:12px;box-shadow:0 2px 2px rgba(0,0,0,0.5),0 -2px #77201c inset,0 2px rgba(255,255,255,0.5) inset;line-height:1.25}
#ri_idlink li:nth-child(1) a,#tekityukaisyu h3,.ra_tbl .rank_red,.th_red{background:#d32c25;color:#fff}
#ri_idlink li:nth-child(2) a,#muryouyosou h3,.ra_tbl .rank_blue,.th_blue{background:#5780c6;color:#fff}
#ri_idlink li:nth-child(3) a,#tihoukeiba h3,.ra_tbl .rank_green,.th_green{background:#3ab83f;color:#fff}






.rich_reviews{background:#fff;padding:10px}
.full-testimonial{border:1px dotted #b5b5b5;padding:8px}
.rr_star,.stars{color:orange;font-size:28px}
.rr_review_text{font-size:14px}

#main .pickup-review{padding:1em;border:2px solid #e9e9e9;border-radius:1em;max-width:640px;margin:0 auto}
#main .pickup-review__graph{display:grid;grid-template-columns:100%;gap:0.4em}
#main .pickup-review__title{font-weight:bold;text-align:center}
#main .pickup-review__stars{align-items:center;gap:0.4em;justify-content:center}
#main .pickup-review__stars img{border:none;display:unset;max-width:unset;margin:unset;height:2em}
#main .pickup-review__stars span{font-weight:bold}
#main .pickup-review__count{text-align:center;font-size:12px}
#main .pickup-review__count span{font-weight:bold;font-size:1.2em}
#main .pickup-review__graph-items{max-width:480px;margin:0 auto;width:100%;display:grid;grid-template-columns:100%;gap:0.6em}
#main .pickup-review__graph-item{gap:.4em;align-items:center}
#main .pickup-reivew__graph-label{font-size:14PX;color:gray;font-weight:bold}
#main .pickup-review__graph-bar{flex-grow:1;background:#e5e5e5;height:1.8em;border-radius:0.4em;overflow:hidden;box-shadow:0 2px inset #c9c9c9}
#main .pickup-review__graph-bar-inner{background:#ec0313;height:100%}
#main .pickup-review__graph-ratio{width:4em}

.pager-post-navi{
  display:none;
  }


/* accordion-item */
.accordion-item{position:relative;overflow:hidden;padding-bottom:1em;margin:1em 0}
.accordion-button{position:absolute;bottom:0;left:0;right:0;margin:auto;width:fit-content;background:gray;padding:0.4em 1em;font-weight:bold;color:#fff;border-radius:0.4em;line-height:1;z-index:1}


/* balloon */
.balloon__left,.balloon__right{display:flex;align-items:center;gap:1.5em;margin-bottom:1em}
.balloon__left{flex-direction:row}
.balloon__right{flex-direction:row-reverse}
.balloon__icon{text-align:center;font-size:13px;flex-shrink:0}
#main .balloon__icon img{border:unset;width:80px}
.balloon__text{padding:1em;border-radius:1em;position:relative;/*filter:drop-shadow(0 2px 0 #00000055);*/max-width:580px}
.balloon__left .balloon__text{background:#dedede}
.balloon__right .balloon__text{background:#ffedc5}
.balloon__text:before{content:"";display:block;width:1em;height:1em;position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box}
.balloon__left .balloon__text:before{left:-1em;border:.5em solid transparent;border-right-color:#dedede}
.balloon__right .balloon__text:before{right:-1em;border:.5em solid transparent;border-left-color:#ffedc5}

/* scroll_table */
.scroll_tbl{display:block;overflow-x:auto!important;font-size:14px}
.scroll_tbl tbody{display:block}
.scroll_tbl th,.scroll_tbl td{vertical-align:middle;white-space:nowrap}
.scroll_tbl th{position:sticky;left:0;background:#474747;color:#fff}
.scroll_tbl td{min-width:64px}

.scroll-hint-text{display:none}
.scroll-table{position:relative}
.scroll-table table{display:block;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;position:relative;position:relative}


.linkbox{border:4px solid #00b2ff;background:#fff;padding:3em 5px 2em;position:relative;display:flex;flex-direction:column;box-shadow:4px 4px lightgrey;margin:2em 0}
.linkbox:before{content:"関連記事";display:block;background:#00b2ff;color:#fff;padding:0 1em;position:absolute;left:0;top:0}
.linkbox a{position:relative;text-decoration:underline;padding-left:1em;margin:0.5em 0}

/* box1 */
.box1{padding:8px 19px;margin:2em 0;color:#2c2c2f;background:#cde4ff;border-top:solid 5px #5989cf;border-bottom:solid 5px #5989cf;display:inline-block}
.box1 p{margin:0; padding:0}

.trump-img{display:flex;flex-wrap:wrap}
.trump-img div{display:flex;background:#abc1ff;margin:3px;padding:3px;border-radius:5px}
.trump-img .trump-img_not{background:unset}
.imgg750{width:750;height:auto}
.u-purple{background:linear-gradient(to bottom,transparent 75%,hsla(288, 93%, 33%, 0.26) 50%)}
.fa-apple{font-size:18px;padding:0 10px 0}
.fa-google-play{font-size:18px;padding:0 10px 0;color:#00d3ff}
.fa-twitter{color:#ffffff;font-size:18px;padding:0 10px 0}
.pc-br-none br{display:none}
#main .redlist ul li:before{background-image:url(/wp-content/themes/ymnst/images/entry-red-li.png)}
#main .redlist ol li:before{background-color:#db3131}
.f12{font-size:120%}
#main .awesome_icon{vertical-align:middle;display:unset}
.cta-W{background-image:url(/wp-content/themes/ymnst/images/cta-W.png);height:100px}
.cta-W-img{margin:0 auto 5px!important}
.grayhref a{color:#e5e5e5}


/**** RICH REVIEW FORM LAYOUT****/

.form_table{width:100%;max-width:640px;margin:0 auto}
.rr_form_row{display:flex;gap:1em;margin:1em 0}
.rr_form_row td{border:none}
.rr_form_heading{width:20%;text-align:right;padding:.5em;box-sizing:border-box}
.rr_form_heading.rr_required:after{content:"*";color:red}
.rr_form_input{width:80%;padding:0}
.rr_form_input input,.rr_form_input select,.rr_form_input textarea{width:100%;display:block;margin:0;appearance:none;padding:0.5em;box-sizing:border-box;border-radius:8px;border:1px solid gray}
.rr_form_input input[type="submit"]{background:#fac401;font-weight:bold;color:#fff;border:none;font-size:1.2em;max-width:320px;margin:0 auto}
.rr_form_input .form-err{font-size:14px;color:red}

.select_box_cover{position:relative;max-width:320px}

.select_box_cover:after{content:'<>';font:17px "Consolas", monospace;color:#333;right:1em;border-bottom:1px solid #999;position:absolute;pointer-events:none;top:50%;transform:translateY(-50%) rotate(90deg)}

.select_box_cover select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:3em;margin-bottom:1em;padding:0 3em 0 1em;font-size:14px;color:#333;background-color:#f1f1f1;background-image:none;border:1px solid #cccccc;border-radius:4px}

/* toc */
#toc_container{border:1px solid lightgray;font-size:14px;max-width:580px;width:100%;margin:15px auto;padding:2em;box-sizing:border-box;background:#f9f9f9}
.toc_title{text-align:center;line-height:1!important;margin-bottom:0!important}
.toc_title .toggle{color:red;margin-left:1em}
.toc_title .toggle:hover{opacity:.5}
#toc_container ul{margin:.5em 0!important;padding:0 0 0 1em!important}
.toc_list li{margin:0!important;padding:.3em 0!important;line-height:1.25}
.toc_list>li>a{font-weight:bold}
.toc_list li:before{content:none!important}
.toc_list li a{text-decoration:none}

a.entry-card-wrap.a-wrap.border-element.cf{border:1px solid black;padding:15px;}


/* mini ranking */
#main .miniranking{display:flex;gap:1em;box-sizing:border-box;margin:.5em 0 1em}
#main .mr__item{border:2px solid #fed233;border-radius:1em;overflow:hidden;background:#fffcf3;width:30%;flex-grow:1;box-shadow:0 3px #e5a740,0 5px 4px #00000033;display:flex;flex-direction:column}
#main .mr__title{background:#fed233;font-size:20px;padding:0.4em;font-weight:bold;color:#5a5a5a;display:flex;align-items:flex-end;gap:0.2em}
#main .mr__title:before{content:"";display:block;width:1.5em;height:1.5em;background-size:100% 100%;background-position:center}
#main .mr__item:nth-child(1) .mr__title:before{background-image:url(/wp-content/themes/ymnst/images/mr-icon1.png)}
#main .mr__item:nth-child(2) .mr__title:before{background-image:url(/wp-content/themes/ymnst/images/mr-icon2.png)}
#main .mr__item:nth-child(3) .mr__title:before{background-image:url(/wp-content/themes/ymnst/images/mr-icon3.png)}
#main .mr__body{display:flex;flex-direction:column;height:100%}
#main .mr__bodylink{color:#333;display:flex;flex-direction:column;gap:0.4em;margin:0.6em}
#main .mr__esult{text-align:center}
#main .mr__result span{color:#ec0313;font-weight:bold}
#main .mr__image{width:100%;height:120px;overflow:hidden;border:2px solid #ec0313;box-sizing:border-box}
#main .mr__image img{width:100%;height:100%;object-fit:cover;border:none;margin:0}
#main .mr__sitename{color:#ec0313;font-weight:bold;display:none}
#main .mr__text{font-size:0.9em;background:#fff;border:2px solid lightgray;padding:.5em;border-radius:8px}
#main .mr__text span{color:#ec0313;font-weight:bold}
#main .mr__nextrace{font-weight:bold;color:#25b156;text-align:center}
.mr__link{background:#ec0313;color:#fff;padding:.4em;border-radius:8px;margin:auto .6em .6em;display:block;    text-align:center}
#main .mr__link_green{background:#08b600}

.racecource_list{display:flex;gap:.5em;flex-wrap:wrap;margin:10px}
.racecource_list a{display:flex;align-items:center;justify-content:center;gap:0.3em;padding:.5em;font-size:13px;background:#fff327;box-sizing:border-box;color:#333;border-radius:3px}
.racecource_list a:before{content:"";display:block;width:1em;height:1em;background:url(/wp-content/themes/ymnst/images/list-arrow.png) center/100% no-repeat}

.mr__nextrace{position:relative;display:inline-block;padding:0 10px;display:block;font-size:clamp(24px,4.2vw,32px);letter-spacing:-1px;animation:ctaspan 2s infinite}
.mr__nextrace:before{content:'';position:absolute;top:50%;width:44px;height:2px;background:#000;transform:rotate(-110deg)}
.mr__nextrace:after{content:'';position:absolute;top:50%;width:44px;height:2px;background:#000;transform:rotate(-60deg)}
.mr__nextrace .texdeco03{font-size:150%}
.mr__nextrace:before{left:0}
.mr__nextrace:after{right:0}



@keyframes slide_anim{0%{transform:translateX(90px)}100%{transform:translateX(-70px)}}
@keyframes ctaspan{0%,20%,40%,100%{transform:translateY(0px) scale(1)}10%,30%{transform:translateY(-4px) scale(1.03)}}
@keyframes ranking-btn{0%,100%{transform:scale(1)}50%{transform:scale(0.95)}}
@keyframes rankBadge{0%{transform:translateY(0px)}100%{transform:translateY(-4px)}}


/* footer */
footer{margin-top:80px;position:relative}
.footer{padding:8px 0 0 0}
.footer-wrap{padding:40px 0}
#pageTop{position:fixed;bottom:120px;left:1vw;z-index:990;margin:0;display:block;width:35px;line-height:35px;background:#000000bf;opacity:0.8;color:#fff;text-align:center}
#pageDown{position:fixed;bottom:80px;left:1vw;z-index:990;margin:0;display:block;width:35px;line-height:35px;background:#000000bf;opacity:0.8;color:#fff;text-align:center}
#gorankingTop,#goToc{position:fixed;bottom:80px;left:1vw;z-index:990;margin:0;display:block;width:35px;line-height:35px;background:#000000bf;opacity:0.8;color:#fff;text-align:center}
.footer-logo{padding-bottom:40px}
.footer-logo a{width:240px;display:block;margin:0 auto}
.footer-logo a img{width:100%}
.footer-link-all{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.footer-link-item{width:20%}
.footer-link-item p{margin:0;padding-bottom:8px}
.footer-link-item p img{width:auto;height:40px;vertical-align:bottom;object-fit:contain}
.footer-link-item ul{margin:0 0 0 1em;padding:0;list-style:none}
.footer-link-item li{text-align:left;margin:.25em 0}
.footer-link-item li a{color:#fff;font-size:14px;position:relative;padding-left:.6em;display:block}
.footer-link-item li a:before{content:"";display:block;position:absolute;left:0;top:.3em;width:0.6em;height:0.6em;box-sizing:border-box;border:0.3em solid transparent;border-left-color:inherit}
.footer-about{background:#000;padding:1em 0}
.footer-about ul{display:flex;justify-content:center;margin:0}
.footer-about li{list-style:none;margin:0 1.5em}
.footer-about li a{color:#fff;font-size:14px}
.copyright{background:#ec000e;color:#fff;font-size:14px;padding:1em 0;text-align:center}
.footer-bottom{position:unset;padding:0}
.logo-footer{position:unset}
.footer-bottom-logo{position:unset;float:unset}
.footer-bottom-logo .logo-image{text-align:center}
.footer-bottom-content{float:unset;text-align:unset}
.footer-bottom-logo img{height:unset}
div#footer-in{width:unset}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1320px以下*/
@media screen and (max-width:1320px){
  /*必要ならばここにコードを書く*/
  .header-search form{ right: 65px;}

}
/*1023px以下*/
@media screen and (max-width:1023px){
  /*必要ならばここにコードを書く*/

}

/*834px以下*/
@media screen and (max-width:834px){
  /*必要ならばここにコードを書く*/


  .sp-nav{width:100%}
.header-search{
  padding-right:12px;
}


.header-inner{width:96%;padding:1% 2%;height:54px}
.header-logo{width:86px}
.logo img{width:100%;max-width:150px}
.header-search{width:66%;max-width:240px}
.header-search form{width:40%;top:28px;right:15vw}
.header-search form input{width:78%;font-size:14px;border-radius:0;-webkit-appearance:none;vertical-align:middle;padding:.4em}
.header-search form button{width:22%;display:block;text-align:center;margin:0;padding:0}

#grobal-menu{position:fixed;bottom:0;border-top:3px solid #cf000c;border-bottom:none;z-index:100;width:100%;transform:translateZ(1px)}
.grobal-menu-inner{width:100%;background:black}
.grobal-menu-item{border-color:#484848;/* position:relative */}
.grobal-menu-item>a{padding:8px 0}
.grobal-menu-item>a>img{height:48px}
.grobal-menu-item:hover .grobal-menu-2nd{top:unset;bottom:69px;display:block;opacity:1;padding:0;box-shadow:unset;width:90%;left:0;right:0;margin:auto}
.grobal-menu-2nd{left:0}
.grobal-menu-2nd li a{font-size:13px}
.grobal-menu-item .sp{height:50px;background-size:80% auto;background-position:center center;background-repeat:no-repeat;max-width:100px;margin:0 auto}
.menu1{background-image:url(/wp-content/themes/ymnst/images/grobal-ranking-sp.png)}
.menu2{background-image:url(/wp-content/themes/ymnst/images/grobal-sites-sp.png)}
.menu3{background-image:url(/wp-content/themes/ymnst/images/grobal-free-sp.png)}
.menu4{background-image:url(/wp-content/themes/ymnst/images/grobal-track-sp.png)}
.menu5{background-image:url(/wp-content/themes/ymnst/images/grobal-column-sp.png)}
.menu6{background-image:url(/wp-content/themes/ymnst/images/grobal-ticket-sp.png)}

.menu_recommend{background-image:url(/wp-content/themes/ymnst/images/grobal-recm-sp.png)}
.menu_sites{background-image:url(/wp-content/themes/ymnst/images/grobal-sites-sp.png)}
.menu_freeprediction{background-image:url(/wp-content/themes/ymnst/images/grobal-freepre-sp.png)}
.menu_howto{background-image:url(/wp-content/themes/ymnst/images/grobal-howto-sp.png)}
.menu_column{background-image:url(/wp-content/themes/ymnst/images/grobal-column-sp.png)}

.pc{display:none}


.container{width:100%;padding:0}
.container{margin:0 auto}
.entry-title-date{font-size:13px;margin:10px 5px}
#main .about{width:98%;margin:2%;white-space:initial}
#main{padding:2%}
/* main{padding:4%} */
.entry-title-catlink{font-size:11px}
#main{font-size:15px}
#main h2{padding:.6em .6em .6em 2.6em;font-size:20px}
#main h3{font-size:18px}
#main h4{font-size:17px}

/* archive */
.entry-list-item{margin:0 0 4%}
.entry-list-image{width:100%;border-radius:8px;margin:0 0 2%;height:unset;padding:0}
.entry-list-image img{width:100%;height:auto;position:relative;vertical-align:bottom}
.entry-list-title{width:100%;padding:0}
.entry-list-title .entry-title{font-size:16px}
.entry-list-excerpt{font-size:12px}

.entry-title{padding:4% 2%;margin-bottom:2%}
.entry-title h1{font-size:20px}
.main .about{width:100%;margin:2% 0%}
.main h2{font-size:18px;padding-left:14px}
#main h2{font-size:18px;padding-left:14px}
#main h2:before{left:6px;width:4px}
#main h3{font-size:18px}

#main .reviewDesc{padding:2%}
#main .reviewDesc__rank{gap:2%;grid-template-columns:34% 1fr;width:100%;display:grid;max-width:unset}
#main .reviewDesc__badge{width:100%}
#main .reviewDesc__badge p{font-size:13px}
#main .reviewDesc__banner{width:100%;height:100%;padding:unset}
#main .reviewDesc__banner.rdb-good{background:url(/wp-content/themes/ymnst/images/descbanner-good-sp.png) center/100% 100%}
#main .reviewDesc__banner.rdb-middle{background:url(/wp-content/themes/ymnst/images/descbanner-middle-sp.png) center/100% 100%}
#main .reviewDesc__banner.rdb-bad{background:url(/wp-content/themes/ymnst/images/descbanner-bad-sp.png) center/100% 100%}
#main .reviewDesc__body{grid-template-columns:1fr}
#main .reviewDesc__graph{gap:8px}
#main .reviewDesc__graph>div{grid-template-columns:7.2em 1fr}
#main .reviewDesc__graph>div>p{font-size:12px}
#main .reviewDesc__graph>div>div{padding:0.1em .6em 0.1em 0;border-radius:0 0.4em 0.4em 0}
#main .reviewDesc__points-title{font-size:14px}
#main .reviewDesc__points-list ul{gap:.4em}
#main .reviewDesc__result-title{font-size:14px;padding:.6em 0 0.4em}
#main .reviewDesc__result-title>span{display:block}
#main .reviewDesc__result-body ul{grid-auto-flow:unset}
#main .reviewDesc__result-amount{font-size:1.2em}

#main .ranking-reviewDesc .reviewDesc__rank{grid-template-columns:28% 1fr}
#main .ranking-reviewDesc .reviewDesc__badge{width:unset}
#main .ranking-reviewDesc .ranking-reviewDesc__banner{width:unset}

.cp-result{grid-template-columns:1fr}
.btn_co{width:95%;margin:20px 2.5%}
.cta_btn{font-size:1.3rem}

.internalLink{border:none;padding:12px}
.internalLink__thumb{width:100%}
.internalLink__head{flex-direction:column}
.internalLink__text{margin:20px 0}

.bsall{margin:0 2%}
.bsitem{width:100%;margin:2% 0;align-items:center}
.bstext{font-size:12px}
.bsimage{width:48%;margin:2%}
.bsitem_content{width:48%;margin:2%;}
.bsall.is-pickuplink{max-width:320px;margin:2em auto}
.bsall.is-pickuplink .bsitem{width:100%}
.bsall.is-pickuplink .bstitle{font-size:1.1em}
.bsall.is-pickuplink .bsimage{height:160px;overflow:hidden;display:flex}
.bsall.is-pickuplink .bsimage img{object-fit:cover}


#main .topRanking-kuchikomi{max-width:480px;margin:0 auto}
#main .trKuchikomi__item{display:grid;grid-template-columns:minmax(80px,20%) 1fr;margin-bottom:1.6em;padding:0 1em 1.6em}
#main .trKuchikomi__eyecatch{grid-column:1;grid-row:auto / span 3}
#main .trKuchikomi__text{display:contents}
#main .trKuchikomi__post{grid-column:1 / 3}
#main .trKuchikomi__links{display:contents}
#main .trKuchikomi__links > a{padding:0.8em;box-sizing:border-box}
#main .trKuchikomi__inner{grid-column:2/3;grid-row:3/4;max-width:200px;margin:0 auto;width:100%}
#main .trKuchikomi__list{grid-column:1/3;width:100%;max-width:300px;margin:0 auto}
#main .trKuchikomi__item:before{width:10vw;height:13.2vw;max-width:40px}


#main .topRanking-muryo{display:block;max-width:480px;margin:0 auto}
    #main .trMuryo__item:nth-child(n){grid-column:span 3;padding:0 1em .5em;margin:.5em 0;border:none;border-bottom:1px solid lightgray;display:grid;grid-template-columns:30% 1fr auto;gap:.5em;align-items:center}
    #main .trMuryo__item:nth-child(n):after{content:"";display:block;width:0.3em;height:0.3em;border:2px solid transparent;border-top-color:#5d5d7b;border-top-color:#c5c5c5;border-right-color:#c5c5c5;transform:rotate(45deg)}
    #main .trMuryo__item:nth-child(n) .trMuryo__img img{width:100%;height:60px;overflow:hidden;vertical-align:bottom;object-fit:cover}
    #main .trMuryo__item:nth-child(n) .trMuryo__content{font-size:13px;display:flex;flex-direction:column;text-align:unset;align-items:flex-start}
    #main .trMuryo__item:nth-child(-n+3) .trMuryo__per{justify-content:unset;font-size:12px}
    #main .trMuryo__item:before{width:10vw;height:13.2vw}
    #main .trMuryo__item:nth-child(4):before,
    #main .trMuryo__item:nth-child(5):before{font-size:3vw}

    /* balloon */
.balloon__left,.balloon__right{gap:1em}
#main .balloon__icon img{width:5em}

.sp_tate th,.sp_tate td{width:94%;display:block;text-align:center}

.scroll-hint-text{display:block}
.scroll-hint-icon-wrap{background:#0000005c;color:#fff;text-align:center;height:100px;position:absolute;top:10%;left:0;right:0;width:160px;margin:0 auto;display:flex;align-items:center;justify-content:center}
#main .scroll-hint-icon-wrap img{animation:slide_anim 2s infinite;border:unset}
.scroll-table:hover .scroll-hint-icon-wrap{display:none}

.racecource_list{gap:0.4em;margin:10px 3%}
.racecource_list a{white-space:nowrap;font-size:12px;gap:0.2em}
#toc_container{padding:1.5em .5em}

/* box1 */
.box1{padding:8px 19px;margin:2em 0;color:#2c2c2f;background:#cde4ff;border-top:solid 5px #5989cf;border-bottom:solid 5px #5989cf}
.box1 p{margin:0; padding:0}


.block_flex{display:flex}
.rr_form_row{gap:0.5em}
.rr_form_heading{padding:0.3em 0;font-size:12px;width:3em}
.rr_form_input{flex-grow:1}
.rr_form_input input,.rr_form_input select,.rr_form_input textarea{font-size:16px}
.rr_form_input input[type="submit"]{font-size:1em}

#toc_container{padding:1.5em .5em}

footer{margin-bottom:65px}
.footer-link-all{width:100%;display:block;width:250px;margin:0 auto;text-align:left}
.footer-link-item{display:inline-block;margin-bottom:40px;vertical-align:top;width:100%}
.footer-about ul{display:block;padding:0}
.footer-about li{margin:0.5em 0;text-align:center}

/* mini ranking */
#main .miniranking{flex-direction:column}
#main .mr__item{width:100%;max-width:300px;margin:0 auto}



}


/* fixed-floating-button */
.fixed-floating-button{width:8em;height:8em;font-size:14px;background:linear-gradient(to bottom,#ec0313,#a6020e);border:2px solid #fff;box-shadow:0 3px 4px black;position:fixed;right:1em;bottom:1em;z-index:100;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold}
@media (max-width:767px){
  .fixed-floating-button{font-size:12px;bottom:calc(1em + 69px)}
}


/*480px以下*/
@media screen and (max-width:480px){
  /*必要ならばここにコードを書く*/
}


#entry-content .pickup-review {padding: 1em;border: 2px solid #e9e9e9;border-radius: 1em;max-width: 640px;margin: 0 auto;}
#entry-content .pickup-review__graph {display: grid;grid-template-columns: 100%;gap: 0.4em;}
#entry-content .pickup-review__title {font-weight: bold;text-align: center;}
#entry-content .pickup-review__stars {align-items: center;gap: 0.4em;justify-content: center;}
#entry-content .pickup-review__stars img {border: none;display: unset;max-width: unset;margin: unset;height: 2em;}
#entry-content .pickup-review__stars span {font-weight: bold;}
#entry-content .pickup-review__count {text-align: center;font-size: 12px;}
#entry-content .pickup-review__count span {font-weight: bold;font-size: 1.2em;}
#entry-content .pickup-review__graph-items {max-width: 480px;margin: 0 auto;width: 100%;display: grid;grid-template-columns: 100%;gap: 0.6em;}
#entry-content .pickup-review__graph-item {gap: .4em;align-items: center;}
#entry-content .pickup-reivew__graph-label {font-size: 14PX;color: gray;font-weight: bold;}
#entry-content .pickup-review__graph-bar {flex-grow: 1;background: #e5e5e5;height: 1.8em;border-radius: 0.4em;overflow: hidden;box-shadow: 0 2px inset #c9c9c9;}
#entry-content .pickup-review__graph-bar-inner {background: #ec0313;height: 100%;}
#entry-content .pickup-review__graph-ratio {width: 4em;}

#main img.wpcf7-captcha-captcha-301 {
    max-width: none;
    width: fit-content;
    text-align: left;
    margin: 0px 2px -2px;
    display: inline-block;
}