@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
*/

.author-info{display:none}
body{background-color:#fff !important}
#main{max-width:960px;margin:0 auto}
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,blockquote,a,img,strong,b,dl,dt,dd,ol,ul,li,form,label,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0}
body{line-height:1.3;font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3",arial,sans-serif;font-weight:500}
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}
table th,table td{border:1px solid #17a5e7;padding:.5em}
table{width:100%;border-collapse:collapse;border-color:#5692ff}
table th{border-color:#5692ff;background-color:#c3ecff;color:black}
table td{border-color:#5692ff}
input,textarea{border:solid 1px #a5a5a5}
p{line-height:1.5}
*{-webkit-appearance:none}
/* common */
a{color:#009bdf;text-decoration:none}
a:hover{opacity:0.6}
img{max-width:100%;height:auto}
.clearfix:after{content:"";display:block;clear:both}
b,.texdeco01{font-weight:bold}
#header-inner{display:flex;justify-content:space-between;max-width:1000px;margin:0 auto;width:100%}
#logo{margin:10px 1% 0}
.search_container{margin-top:20px}
.search_container input[type="text"]{border:none;height:32px;width:72%;max-width:200px;border-radius:unset;font-size:14px}
.search_container input[type="submit"]{border:none;background:#3879D9;color:#fff;width:36px;height:34px;padding:0}
.toppageh1{font-size:14px;color:#fff;margin:4px 10px;line-height:1.3;font-weight:bold}
#headMenu{background:#fa7601;border-bottom:2px solid #fce303}
.headMenu_inner{margin:0 auto;width:100%;max-width:1000px;position:relative;display:flex}
.menu__single br{display:none}
#headMenu ul li a{display:block;color:#fff;padding:12px 0}
.headMenu_inner li{border-left:1px solid #fff;box-sizing:border-box;text-align:center;width:25%;font-weight:bold;font-size:16px}
.menu__second-level{visibility:hidden;opacity:0;z-index:1}
.menu__second-level li{width:100%;border-left:none;border-top:solid 1px white}
.menu__second-level li:first-child{border-top:none}
.menu__second-level li:hover{opacity:0.6}
.menu__single .menu__second-level{position:absolute;top:38px;width:25%;background:#2a61addb;padding:unset}
.menu__single:hover .menu__second-level{top:45px;visibility:visible;opacity:1}
.menu__single:last-child .menu__second-level:last-child{right:0}
.headMenu_inner li:last-child{border-right:1px solid #fff}
#pageTop{display:block;width:35px;height:35px;line-height:35px;background:#d3d3d3;color:#464646;text-align:center;border-radius:6px;position:fixed;bottom:24px;right:2%;z-index:999}

.recent_result_news_box p{display:none}
.ranking_banner{margin:10px}
.recent_result_news{background:#fff;width:100%;margin-bottom:3em}
.recent_result_news_box{display:flex;flex-wrap:wrap}
.recent_result_news_inner{width:49%;border-top:solid 3px gray}
.recent_result_news_inner a{display:flex}
.recent_result_news_inner img{width:100px;height:70px;margin:10px 0 !important}
.recent_result_news_desc{width:75%;text-align:left;font-size:14px;color:black;margin:10px 0 10px 13px}
.red{color:#E42F1F;font-weight:bold;font-size:110%}
.recent_result_site{background:#ffff87;color:#46c0d6;font-weight:bold}
.recent_result_comment{font-weight:bold;font-size:80%;margin-left:1%}
.recent_result_br{display:none}
.related_title{font-weight:bold;padding-bottom:5px;font-size:17px}
.related_column{width:47%;margin:1% 1.3%;background:#fff;clear:both;display:inline-block;vertical-align:top;box-shadow:5px 5px 5px rgba(255,255,255,0.4);text-align:left}
.related_column span{color:black;font-weight:bold}
.related_column_thumbnail{width:150px;height:90px;object-fit:cover;float:left;margin:1%;border:solid 1px #676767}
.relate_description{font-size:11px}

.top_head{background:#2a61ad !important;color:#fff;font-size:20px;text-align:center;padding:8px 0;font-weight:bold;margin:0;text-align:left;padding-left:15px;margin-bottom:10px; margin-top:0 !important}

.red_text{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;margin-bottom:3em}
.bsitem{width:32%;font-size:14px;margin:0 .5% 1%;text-align:left;vertical-align:top}
.bsitem a{color:#565656;text-decoration:none;display:flex;flex-direction:column;height:100%}
.bsimage{width:100%;border:1px solid #cc0000;box-sizing:border-box}
.bsimage img{width:100%;height:100%;vertical-align:bottom;object-fit:cover}
.bsname{text-align:center;margin:4px 0;font-weight:bold;color:#2a61ad}
.bsreview{color:#565656;font-size:12px;text-align:center;margin-bottom:4px}
.bsreview:before{content:"評価："}
.bsreview img{vertical-align:middle}
.bstext{font-weight:bold;color:#fff;padding:.51em;font-size:clamp(12px,1.5vw,15px);background:#cc0000;flex-grow:1;text-align:justify}

.footer{border-top:1px solid #222;background:#464646;box-shadow:0 10px 10px rgb(0 0 0 / 25%) inset}

.footer-inner{padding:2em 0;font-size:12px;font-size:0.93rem;text-align:center}

.footer-about{padding:20px 0;background:#000}
.footer-about ul{display:flex;text-align:center;width:100%;max-width:1000px;margin:0 auto}
.footer-about ul li{width:25%}
.footer-about ul li a{color:#fff}
.footer-bottom{margin:10px auto; font-size:18px}


#wrapper{max-width:1000px;width:100%;margin:10px auto}
#breadcrumb{background:#000;padding:4px 16px;margin-bottom:8px}
#breadcrumb li{display:inline-block;color:#9c9c9c;font-size:13px}
#breadcrumb li:after{content:">";color:#9c9c9c;margin:0 10px}
#breadcrumb li:last-child:after{content:none;margin:0}
#breadcrumb li a{color:#ffff00}
#breadcrumb svg.svg-inline--fa.fa-file-o.fa-fw{display:none}

/* entry */
.entry-image img{width:100%;box-sizing:border-box;vertical-align:bottom}
.entry-title-area{padding:8px}
.entry-title{font-weight:bold;color:#333;margin:10px;padding:15px 10px 3px;border-bottom:2px solid #333;font-size:1.39rem;line-height:1.3}
.entry-title-date{font-size:13px}
.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:#0082ba;text-decoration:none;color:#fff;padding:4px 8px;line-height:1;display:inline-block;margin-right:8px;border-radius:4px}
.addtoany_content{text-align:right;margin:0 0 8px}
#content{padding:0 1%}
#content h2,#content h3,#content h4,#content p,#content blockquote{margin-bottom:1.5em}
#content h2,#content h3,#content h4{line-height:1.25em;margin-top:2.5em;text-align:justify}
#content h2{padding:.7em}
#content h3{font-size:20px;font-weight:bold;border-left:6px solid #009ce0;padding-left:0.5em}
#content h4{font-size:18px;padding:0.4em;border-bottom:solid 3px #5692ff;font-weight:bold;border-top:none}
#content p{line-height:2em;word-break:break-all}
#content img{max-width:100%;display:block;margin:0 auto}
.content{margin-top:0}

/* ul,ol */
#content ul li:before{content:"\02022";margin-right:.4em}
#content ol{counter-reset:ol}
#content ol li{counter-increment:ol}
#content ol li:before{content:counter(ol)".";margin-right:.4em}

/* archive */
.archive-head{padding:0 0 1em}
.archive-head h1{font-size:20px}
.archive-head h1 span{padding-right:4px}
a.entry-list-link{color:#545454;text-decoration:none;display:block}
.entry-list-image{width:150px;height:0;padding-bottom:150px;overflow:hidden;position:relative;margin-right:2%;border-radius:8%;border:2px solid #4e4e4e}
.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;box-sizing:border-box}
.entry-list-title .entry-title{margin:0;padding:0;font-size:18px;letter-spacing:0;line-height:1.5}
.entry-list-excerpt p{font-size:15px}
.entry-list-title .entry-title-date{margin-bottom:0.5em}
.entry-list-excerpt{font-size:14px;line-height:1;color:#5151ff;margin-top:16px}
.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}


#content blockquote{background:#f3f3f3;border:2px solid #ededed;padding:1em 1em 1em 2em;margin:1em 0.5em;font-style:oblique;color:#5d5d5d;position:relative;line-height:2em}
#content blockquote p:last-child{margin-bottom:0}
.article_dates{text-align:right;padding:0 1% 1% 0}

.entry-list-item{display:flex;flex-wrap:wrap;margin:0 0 -1px;padding:12px;border:solid 1px lightgray;background:#fff}

.entry{padding:10px;margin:10px}

.h3,#content h3{margin:2em 0 1em;padding:1%;border-left:5px solid #336699;color:#222;text-align:left;font-weight:bold;font-size:1.3rem;line-height:1.33}
#content h3{margin:14px 0 1em 0px;padding:1% 1% 1%;border-left:5px solid #336699;color:#222;text-align:left;font-weight:bold;font-size:1.3rem;line-height:1.33;border-top:unset;border-bottom:unset}

.entry .site_info_table{width:60%;margin:0 20%}
.entry .site_info_table th,.entry .site_info_table td{padding:2%}


#content .tab-content table{overflow-x:auto}

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

/* pickuplink */
.pickuplink{display:flex;justify-content:space-between;margin:3rem 2%}
.pickuplink__item{width:32%;display:flex;flex-direction:column;background:#fdfdfd;border-radius:1em;overflow:hidden;box-shadow:0 4px #b5b5b5, 0 6px 4px lightgrey;border:1px solid #c1c1c1}
.pickuplink__rank{font-size:14px;text-align:center;color:#fff;padding:.2em}
.pickuplink__rank span{font-size:1.4em;font-weight:bold;padding-left:.25em;color:yellow}
.pickuplink__rank.is-hitrate{background:#2b61ad}
.pickuplink__rank.is-free{background:#25a24c}
.pickuplink__rank.is-bighit{background:#de4242}
.pickuplink__item a{color:#565656;text-decoration:none;display:flex;flex-direction:column;height:100%}
.pickuplink__name{text-align:center;margin:4px 0;font-weight:bold;color:#2a61ad}
.pickuplink__img{width:100%;height:160px;border:1px solid #cc0000;box-sizing:border-box}

.pickuplink__img img{width:100%;height:100%;vertical-align:bottom;object-fit:cover}
.pickuplink__text{font-weight:bold;padding:.5em;font-size:clamp(12px,1.5vw,15px);background:#ffd383;flex-grow:1;text-align:justify}
.pickuplink__achieve{padding:0.5em 1em;margin:0;color:#474747}
.pickuplink__achieve p{margin:0 !important;padding:0;text-align:center}

.text-red{color:#da5959}
/* embed */
.link_all{background:#f3f3f3;border:2px solid #bbb;padding:1em;border-radius:8px;margin:2em 1em;color:#5d5d5d;position:relative;line-height:2em}
.link_all a{display:flex;text-decoration:none;align-items:center}
.link_img{width:20%;margin-right:2%}
.link_img img{border-radius:4px;width:100%;vertical-align:bottom}
.link_info{width:78%;line-height:1.5;color:#545454}
.link_title{font-weight:bold;font-size:1.1em;margin-bottom:4px}
.link_desc{color:#8a8a8a;font-size:0.95em}
.link_url{font-size:0.8em;color:darkgrey;text-align:right}

.orange_box{background:#2a61ad !important;color:#fff;font-size:23px;text-align:left;padding:10px;font-weight:bold}

/* 吹き出し */
.left-side,.right-side{width:100%;margin:20px 0;overflow:hidden}
.icon{width:100px;text-align:center}
.icon img{width:60px;height:60px;border:solid 1px #ccc;border-radius:50%}
.icon p{margin:0px;word-wrap:break-word;text-align:center}
.bubble{ max-width:70%;padding:20px;border-radius:10px;display:inline-block;background:#f5f5f5;position:relative}
.bubble::before{ content:"";width:0;height:0;border:10px solid transparent;position:absolute}
.left-side .icon{ float:left;margin-left:10px}
.left-side .bubble{margin:10px 0 0 20px}
.left-side .bubble::before{top:15px;left:-20px;border-right-color:#f5f5f5}
.right-side .icon{float:right;margin-right:10px}
.right-side .bubble{float:right;margin:10px 20px 0 0}
.right-side .bubble::before{top:15px;right:-20px;border-left-color:#f5f5f5}

.cta_btn{width:100%;color:#fff!important;text-decoration:none!important;display:block;text-shadow:1px 1px 1px rgb(0 0 0 / 50%);background:linear-gradient(#ff8508 0%,#ffb497 100%);box-shadow:0px 2px 2px rgb(0 0 0 / 29%);border-bottom:solid 3px #b35427;padding:3% 0;border-radius:4px}
.btn_co{clear:both;padding:0.8em 0;font-size:1.5rem;font-weight:bold;text-align:center;margin:30px auto;max-width:600px;width:100%;animation-name:heartBeat}
ul.list{background:#d5e9ff;border-radius:10px;margin:1%;padding:10px;text-align:left}
.animate{animation-duration:1s;animation-iteration-count:infinite}

/* ranking-btn */
.ranking-btn-wrap{display:flex;justify-content:center;align-items:center;gap:2em;margin:2em 0}
.ranking-btn{animation-name:heartBeat;animation-duration:1s;animation-iteration-count:infinite;width:100%;color:#fff;padding:1em 2em;border-radius:4px;text-align:center;font-size:24px;font-weight:bold;width:fit-content;text-shadow:0 1px 2px #000000aa}
.ranking-btn-blue{background:linear-gradient(#2a61ad 0%,#82e3f7 100%);box-shadow:0px 2px 2px rgb(0 0 0 / 29%);border-bottom:solid 3px #466dbe}
.ranking-btn-orange{background:linear-gradient(#fe690f 0%,#fff197 100%);box-shadow:0px 2px 2px rgb(0 0 0 / 29%);border-bottom:solid 3px #c48c4b}


.pager-post-navi{display:none}
aside#related-entries{max-width:1000px;margin:0 auto}
#toc_container.toc_white{background:#fff;margin:0 auto}
.video-container{margin:0 auto}
.th_red{background:#d32c25;color:#fff}
.th_blue{background:#5780c6;color:#fff}
.th_green{background:#3ab83f;color:#fff}

.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:white}
.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}

.article h2{background-color:#fff;padding:25px 0}

.texdeco03{font-weight:bold;font-size:1.1em;color:#ff0000}
.red_line{background:linear-gradient(transparent 70%,#f75e1d6f 0%)}
.blue_line{background:linear-gradient(transparent 70%,#0c8be073 0%)}
.yelow_line{background:linear-gradient(transparent 70%,#e7ff3482 0%)}

table:not(.has-border-color) :where(th, td){border:1px solid #17a5e7}
.ra_table_cover{display:block;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch}
.ra_tbl{width:100%}
.ra_tbl a{font-size:14px;color:#ff0000}
.ra_tbl th{padding:10px}
.ra_tbl th.rank_blue,h3#tkrank01,h3#tkrank02,h3#tkrank04,h3#tkrank03,h3#tkrank05{background:#2b61ad;color:#fff}
.ra_tbl th.rank_green,h3#myrank01,h3#myrank02,h3#myrank04,h3#myrank03,h3#myrank05{background:#25a24c;color:#fff}
.ra_tbl th.rank_red,h3#krank01,h3#krank02,h3#krank04,h3#krank03,h3#krank05{background:#de4242;color:#fff}
h3#tkrank01 span,h3#tkrank02 span,h3#tkrank04 span,h3#tkrank03 span,h3#tkrank05 span,
h3#myrank01 span,h3#myrank02 span,h3#myrank04 span,h3#myrank03 span,h3#myrank05 span,
h3#krank01 span,h3#krank02 span,h3#krank04 span,h3#krank03 span,h3#krank05 span{font-weight:normal;font-size:.85em;margin-right:.5em}
h2#tekityu img,h2#muryouyosou img,#h2 kohaito img{vertical-align:bottom;box-shadow:0 3px 6px}
.ra_tbl th a{color:#fff}
.ra_tbl th,.ra_tbl td{border:1px solid #ddd}

#richreviews{border:solid 1px lightgray}
#richreviews_show_inner{border:1px solid #b5b5b5;margin:20px 5px}
.full-testimonial{border-bottom:1px dotted #b5b5b5;padding:1%;color:black}
.full-testimonial .rr_review_name{color:#000}
.stars,.rr_star{color:#ffaf00}

/**** 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}
table tr:nth-of-type(2n+1){background-color:#fff}



iframe#instagram-embed-0{min-width:290px!important;width:96%!important}
/* END MEDIAQUERY(SP) */
@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)}}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.05)}28%{transform:scale(1)}42%{transform:scale(1.05)}70%{transform:scale(1)}}


/* toc custom */
#toc_container{width:100%;max-width:640px;padding:1em}
#toc_container ul li:before,#toc_container ul li:after{content:none}
#toc_container ul li{padding-left:unset;border-bottom:unset;margin-bottom:unset;padding-bottom:unset}

/* timeline */
#content .timeline > li.timeline-item{overflow:hidden;margin:0;position:relative}
#content .timeline-item-label{width:110px;float:left;padding-top:18px;text-align:right;padding-right:1em;font-size:14px}
#content .timeline-item-title{font-weight:bold}
#content .timeline-item-content{width:calc(100% - 110px);float:left;padding:0.8em 1.4em;border-left:3px #e5e5d1 solid;color:#000}
#content .timeline-item:before{content:"";width:12px;height:12px;background:var(--cocoon-custom-point-color);position:absolute;left:105px;top:24px;border-radius:100%}

/* horizontal ranking */
#main .h-ranking{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;margin:1em 0 2em;padding-bottom:1em}
#main .h-ranking__item{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:0.4em;align-items:center}
#main .h-ranking__head{text-align:center;font-weight:bold;line-height:1}
#main .h-ranking__head span{font-size:1.2em;padding:0 .2em}
#main .h-ranking__item a{text-decoration:none;text-align:center}
#main .h-ranking__item a p{background:#151515;margin:0;color:#fff;font-weight:bold;font-size:14px}
#main .h-ranking__bonus{width:100%;margin:0 auto;border:2px solid #fa7601}
#main .h-ranking__bonus p{margin:0;line-height:1.5;font-weight:bold;font-size:17px}
#main .h-ranking__bonus p:nth-child(1){font-size:13px;color:#fff;text-align:center;background:#fa7601}
#main .h-ranking__bonus p:nth-child(2){background:#fffae9;font-size:15px;padding:0.25em 0.5em}
#main .h-ranking__item .ranking-linkbtn{width:100%}
#main .h-ranking__item .ranking-linkbtn a{font-size:16px;border-radius:8px}
.ranking-linkbtn{margin:1% 0}
.ranking-linkbtn a{background:#3879d9;color:#fff;padding:.5em 1em;display:block;width:100%;max-width:520px;margin:0 auto;font-weight:bold;text-shadow:0 2px 4px #000000aa;box-shadow:0 3px #1c509e;box-sizing:border-box;line-height:1.5}

/* ハンバーガーメニュー */
.hamburger-menu{display:none}


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

/*834px以下*/
@media screen and (max-width:834px){
  /*必要ならばここにコードを書く*/
  #logo{width:48%;max-width:120px;margin:10px 0 6px 4%}
  /* .header_search{width:48%} */
  .toppageh1{font-size:12px}
  .bsitem{width:48%}
  .headMenu_inner li{font-size:12px}
  #pageTop{bottom:24vw}
  .menu__single br{display:block}
  .headMenu_inner li:first-child{border-left:none}
  .headMenu_inner li:last-child{border-right:none}
  .ranking_banner{margin:3%}
  .ranking_banner img{width:94%}
  .recent_result_news_inner{width:100%}
  .recent_result_news_inner img{width:94px;height:60px;border:none;margin:4% 1%}
  .oh_result{font-size:10px}
  .recent_result_news_desc{font-size:13px;margin:1%}
  .footer-about ul{display:block}
  .footer-about ul li{width:100%;margin:10px auto}
  .container{width:100%}
  .entry-title-catlink{font-size:11px}
  #content{font-size:15px}
  #content h2{font-size:18px;margin:2.5em 0 0.6em;padding:0.7em}
  #content h3{font-size:18px}
  #content h4{font-size:17px}
  .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%}
  .entry-list-title .entry-title{font-size:16px}
  .entry-list-excerpt{font-size:12px;margin-top:8px}
  .entry-list-excerpt p{line-height:1.5;font-size:13px}
  .entry{margin:7px}
  .entry-title{margin:10px 0;padding:0 0 8px}
  .entry .site_info_table{width:90%;margin:0 5%}
  .related-entry{justify-content:space-between}
  /*pickuplink*/
  .pickuplink{flex-wrap:wrap;max-width:280px;margin:0 auto}
  .pickuplink__item{width:100%;margin-bottom:2em}
  .link_all{margin:0;padding:.75em}
  .link_all a{display:block}
  .link_all a:after{content:"";display:block;clear:both}
  .link_img{width:50%;margin:0 auto 9px}
  .right_text{text-align:center;background:#7081db;color:#fff;padding:10px}
  .link_info{width:100%;text-align:justify}
  .link_title{font-size:0.9em}
  .link_desc{font-size:.8em}
  .link_url{font-size:.75em}
  .youtube{position:relative;max-width:100%;padding-top:56.25%}
  .red{font-size:100%}
  .cta_btn{font-size:1.1rem;width:94%;margin:10px 0;padding:16px 2%}
  .btn_co{width:95%;margin:20px 2.5%;padding:2% 0}
  /* ranking-btn */
.ranking-btn-wrap{gap:1em}
.ranking-btn{padding:0.5em;font-size:16px;width:100%}

.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}

.left-side .bubble::before{top:-18px;left:23px;transform:rotate(90deg)}
main.main,div.sidebar{padding:5px 16px}
/* ハンバーガメニュー */
@media (max-width:834px){
  #headMenu{display:none}
  #header-inner{justify-content:unset;gap:5px}
  .hamburger-menu{position:relative;display:block}
  .hamburger-icon{width:35px;height:24px;cursor:pointer;position:absolute;top:-60px;right:20px;display:flex;flex-direction:column;justify-content:space-between}
  .hamburger-icon .bar{width:100%;height:3px;background-color:#f6f6f6}
  .hamburger-icon:before{top:-8px}
  .hamburger-icon:after{bottom:-8px}
  .menu-items{display:none;position:absolute;z-index:999;width:100%;text-align:center;background-color:#000;padding:10px 0;border:1px solid #333}
  .menu-items.open{display:block}
  .menu-items ul{list-style:none;padding:0}
  .menu-items ul li{margin-bottom:3px;font-weight:bold}
  .menu-items ul li a{color:#FFF;text-decoration:none;margin-left:8px}
  .menu__single-sp{border-bottom:1px solid #fff;margin-bottom:0;padding:5px 0}
  .menu__single-sp:last-child{border-bottom:none}
  .menu__single-sp p{color:#f9f409;margin-bottom:8px;font-size:14px}
  .menu-items ul li a::after{content:">";margin-left:8px}
}


}

/*480px以下*/
@media screen and (max-width:480px){
  /* timeline */
  #content .timeline-box .timeline{padding-left:10px}
  #content .timeline > li.timeline-item{overflow:visible;border-left:3px #e5e5d1 solid}
  #content .timeline-item-label{width:auto;float:none;text-align:left;padding-left:16px}
  #content .timeline-item-content{width:auto;padding:8px;float:none;border:none}
  #content .timeline-item::before{left:-12px;top:19px;width:21px;height:21px}
}

.breadcrumb-caption{color:yellow}


/* bar-graph-review */
.bar-graph-review{display:flex;flex-direction:column;gap:.4em;border-left:4px solid black;padding:1em .5em 1em 0;background:whitesmoke}
.bar-graph-review__item{color:#fff;font-weight:bold;border-radius:0 8px 8px 0;line-height:1;padding:0.8em .4em;display:flex;justify-content:space-between;font-size:16px;box-shadow:2px 2px #00000018;text-shadow:1px 1px 4px black;gap:1em}
.bar-graph-review__item:before{white-space:nowrap}

.bar-graph-review__item.is-yuryo{background:#ff5f5f}
.bar-graph-review__item.is-yuryo:before{content:"有料予想"}
.bar-graph-review__item.is-muryo{background:#4699ff}
.bar-graph-review__item.is-muryo:before{content:"無料予想"}
.bar-graph-review__item.is-kuchikomi{background:#ffc41f}
.bar-graph-review__item.is-kuchikomi:before{content:"口コミ評価"}
.bar-graph-review__item.is-support{background:#90d634}
.bar-graph-review__item.is-support:before{content:"サポート対応"}

.bar-graph-review__item.length-10{width:20%}
.bar-graph-review__item.length-10:after{content:"1"}
.bar-graph-review__item.length-15{width:30%}
.bar-graph-review__item.length-15:after{content:"1.5"}
.bar-graph-review__item.length-20{width:40%}
.bar-graph-review__item.length-20:after{content:"2"}
.bar-graph-review__item.length-25{width:50%}
.bar-graph-review__item.length-25:after{content:"2.5"}
.bar-graph-review__item.length-30{width:60%}
.bar-graph-review__item.length-30:after{content:"3"}
.bar-graph-review__item.length-35{width:70%}
.bar-graph-review__item.length-35:after{content:"3.5"}
.bar-graph-review__item.length-40{width:80%}
.bar-graph-review__item.length-40:after{content:"4"}
.bar-graph-review__item.length-45{width:90%}
.bar-graph-review__item.length-45:after{content:"4.5"}
.bar-graph-review__item.length-50{width:100%}
.bar-graph-review__item.length-50:after{content:"5"}

.float_global_nav_menu{width:100%;position:fixed;bottom:-6px;right:0;z-index:9999;display:none}
.float_global_nav_menu img{width:20%;margin:0}

@media screen and (max-width:769px){
  .float_global_nav_menu{display:block}
}

#content h2.e-card-title{margin:1%;padding:1%;font-size:17px}
.list{row-gap:0em}

@media screen and (max-width:834px){
  main.main{padding:1% 2%}
}


/* paginathing.js */
.front_reviews .rr-show__paging{height:unset;}
.rr-show__paging{background:whitesmoke;padding:1em;}
.pagination{list-style-type:none;display:flex;flex-wrap:wrap;padding:unset !important;}
.pagination li{list-style-type:none;}
.pagination li a{
    color:#666;
    border:1px solid lightgray;
    border-bottom-width:2px;
    display:flex;
    line-height:1;
    padding:0.4em;
}
.pagination li.first,.pagination li.last,.pagination li.disabled{display:none;}
.pagination li:before{display:none;}


/* 20241009追記(タブ機能CSS) */
.tab_item{width:calc(100%/4); border-bottom:3px solid #007bbb; background-color:#d9d9d9;  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:1px solid #000}
.tab_item_f{border-left:1px solid #000}
.tab_item:hover{opacity:0.75; cursor:pointer}
input[name="tab_item"]{display:none}
.tab_content{ padding:20px; clear:both; overflow:hidden;border:1px solid #000}
.tab_item.w-3{width:calc(100%/3)}
.tabs_list input:checked + .tab_item{background-color:#fa7601; color:#fff}


a.back-button{display:block;max-width:350px;margin:0 auto;padding:1em;text-align:center;background-color:#fa7601;color:#ffffff;font-weight:bold}
a.back-button:hover{opacity:0.8}

@media screen and (max-width:720px){
.tab_item{padding:0px 0 0px; font-size:18px; }
.tab_content{padding:10px}
}


.flex{display:flex}
.gap10{gap:10px}
.gap20{gap:20px}
.gap30{gap:30px}

.star-filter{color:#000}
select{color:#000}



.posts-not-found,
.posts-not-found h1,
.posts-not-found p{
  color:#fff !important;
}


mark,mark.has-cocoon-black-color{
  /* color:#fff!important; */
}


#content article .block-box{
  /* background:black!important; */
}

body #container #content #content-in article .block-box ul li{
  /* color:#fff!important; */
}
.wp-block-list li mark.has-inline-color{
  color:#fff !important;
}

.red_conversion_button{
  display:block;
  color:#fff!important;
  background:#E42F1F!important;
  padding:8px 24px;
  text-decoration:none;
  border-radius:50px;
  font-weight:700;
  position:relative;
  transition:all 0.3s ease;
  padding-right:40px;
  width:100%;
  max-width:480px;
  margin:auto;
  text-align:center;
  overflow:hidden;
  border:1px solid #111;
  animation-iteration-count:unset;
  text-shadow:unset;
}