@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 {scroll-behavior:smooth}
nav.global-nav {position:fixed;bottom:-10px;left:0;z-index:9999}
nav.global-nav ul{display:flex;padding:0}
nav.global-nav li{list-style:none;width:20%}
nav.global-nav li img{width:100%}
.nav-item{display:block;padding-bottom:10px;background:#8abe88}
p{line-height:32px;margin-bottom:28px !important}

/* h2,h3 */
.div_h2{font-size:24px;padding:25px;background-color:var(--cocoon-xx-thin-color);border-radius:var(--cocoon-badge-border-radius);font-weight:bold}
.article h2, .div_h2{background-color:#4e964d;color:#fff;margin-top:2em;margin-bottom:1em}
.article h2:nth-child(1){margin-top:0}

.div_h3{border-left:7px solid var(--cocoon-middle-thickness-color);border-right:1px solid var(--cocoon-thin-color);border-top:1px solid var(--cocoon-thin-color);border-bottom:1px solid var(--cocoon-thin-color);font-size:22px;padding:12px 20px;margin-bottom:1.62em}
.article h3, .div_h3{background:#7abd79;border:unset;color:#fff;font-weight:bold;border-left:0.6em solid #3c803b;margin-top:2em}
.article h3:nth-child(1){margin-top:0}
.div_h4{font-size:20px;padding:9px 10px;border-top:2px solid var(--cocoon-thin-color);border-bottom:2px solid var(--cocoon-thin-color);line-height:1.25;font-weight:bold;margin-bottom:1.62em}
.header-container-in nav{position:static;top:0;left:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:top 1.8s}
.header{position:relative}
.header .header-in{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:unset;align-items:center;padding:0.4em 0.8em .8em}

/*
.header .header-in .logo-image{padding:unset}
.header .header-in .logo-image a{padding:unset}
.header .header-in .logo-image a img{vertical-align:bottom}
 */
.header .header-in .logo-image{
  padding:unset;
  a{padding:unset}
  a img{vertical-align:bottom}
}


.header .header-in:after{content:none}

.navi-in > ul li{width:20%}

aside#search-3{margin-bottom:0;display:flex;align-items:center;gap:.4em}
aside#search-3 .search-box{margin:0}
.search-x-link img{width:50px;vertical-align:bottom}

.navi-footer-link{margin:10px auto}
.navi-footer-link a{text-decoration:none;padding:0 10px}
.navi-footer-link a:last-child{border-right:1px solid var(--cocoon-thin-color)}
.navi-footer-link a{border-left:1px solid var(--cocoon-thin-color)}


.scroll-table{position:relative}
.scroll-table table{overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;position:relative;position:relative;display:block}
@media screen and (max-width:769px){
  .scroll-table table{display:block!important}
}
@media (min-width:750px){
  nav.global-nav {display:none}
}

@media screen and (max-width:1024px){
  aside#search-3{display:none}
}

.pc_scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;display:block;white-space:nowrap}
.yoko_item2 img.aligncenter{width:180px;height:100px;aspect-ratio:16 / 9}

/* フッターの空間が開くのを防ぐ。これのおかげでウィジェットが使えないので、使いたい場合display:noneをオフに */
.main{background:#fff!important}
.footer-widgets{display:none}
.footer-bottom{padding-bottom:70px}


/*画像付き吹き出し*/
.talk{margin-bottom:40px}
.talk figure img{width:100%;height:100%;border:2px solid #9ce191;border-radius:50%;margin:0}
/* 画像の下のテキスト */
.talk-imgname{padding:5px 0 0;font-size:14px;text-align:center}
p.talk-text{margin:0 0 8px}
p.talk-text:last-child{margin-bottom:0px}
/* 回り込み解除 */
.talk:after,.talk:before{clear:both;content:"";display:block}

/* 左画像 */
.talk-Limg{margin-left:4px;margin-top:-1px;float:left;width:60px;height:60px}
/* 左からの吹き出しテキスト */
.talk-Ltxt{color:#444;position:relative;margin-left:100px;padding:1.2em;border:3px solid #9ce191;background-color:#ebffe7;border-radius:5px}
/* 左の三角形を作る */
.talk-Ltxt:before{position:absolute;content:'';border:10px solid transparent;border-right:10px solid #9ce191;top:15px;left:-20px}
.talk-Ltxt:after{position:absolute;content:'';border:10px solid transparent;border-right:10px solid #fff;top:15px;left:-16px}

/* 左画像 */
.talk-Rimg{margin-right:4px;margin-top:-1px;float:right;width:60px;height:60px}
/* 左からの吹き出しテキスト */
.talk-Rtxt{color:#444;position:relative;margin-right:100px;padding:1.2em;border:3px solid #9ce191;background-color:#ebffe7;border-radius:5px}
/* 左の三角形を作る */
.talk-Rtxt:before{position:absolute;content:'';border:10px solid transparent;border-left:10px solid #9ce191;top:15px;right:-20px}
.talk-Rtxt:after{position:absolute;content:'';border:10px solid transparent;border-left:10px solid #fff;top:15px;right:-16px}


a.linkbtn{width:100%;max-width:580px;margin:1.5em auto;background:#ff5b5b;display:block;text-align:center;color:#fff;border-radius:8px;font-size:24px;padding:0.8em 0;box-shadow:0 8px #c13b3b,0 10px 5px rgba(0,0,0,0.3);font-weight:bold;text-shadow:0 2px 2px #c03b3a;transition:0.1s;text-decoration:none}
a.linkbtn:before{content:"▼";text-shadow:-2px 0 2px #c03b3a;transform:rotate(-90deg);display:inline-block}
a.linkbtn br{display:none}
.mark-y{background:linear-gradient(transparent 60%,#fff4ac 0%)}
.mark-p{background:linear-gradient(transparent 60%,#fcc3c5 0%)}
.mark-g{background:linear-gradient(transparent 60%,#b8f9d2 0%)}
.mark-b{background:linear-gradient(transparent 60%,#bfeafd 0%)}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignright{float:right;margin-left:12px;margin-bottom:12px}
.alignleft{float:left;margin-right:12px;margin-bottom:12px}
.aligncenter{clear:both;margin-left:auto;margin-right:auto;display:block}
.youtube{position:relative;width:100%;padding-top:56.25%}
.youtube iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}
.aflink a img{border:1px solid #e4e4e4}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin-bottom:10px}
.related li a{display:flex;color:#222}
.related a img{margin:5px 10px 10px 0;max-width:100px;max-height:80px;object-fit:cover}
table{font-size:.9em;border:2px solid #7abd79}
table thead tr td{background-color:#a4f1a2}

table tbody th{background-color:#e8ffe7}
table tbody th:nth-child(1){text-align:left}
table .center-cell{text-align:center}
table .middle-cell{vertical-align:middle}
.half-table th{width:40%}
.half-table td{width:60%}
table .table-img{display:flex;align-items:center;justify-content:center;gap:0.4em}

/* 実績横並 */
.yoko_content p{margin:6px 0}
.yoko_title{background:#92c47d;color:#fff;text-align:center;font-size:clamp(23px,6vw,35px)}
.yoko_wrap{display:flex}
.yoko_item{border:solid 2px gray;width:100%;margin:1%;padding:10px;background:url(/wp-content/uploads/2022/06/f.png);background-size:100% 100%;background-color:rgba(255,255,255,0.5);background-blend-mode:lighten}
.hit_amount{color:red;text-align:center;font-size:30px;display:block}
.yoko_date{text-align:right}
.cv_btn{background:#ffab40;color:#fff;font-size:clamp(18px,6vw,30px);padding:10px;border-radius:10px;width:100%;display:block;text-shadow:1px 1px 1px black;text-align:center;text-decoration:none;margin:0 auto}
.center{text-align:center}
.post-content .yoko_wrap p.center{background:#ffffffa8;font-size:20px}


.blog_all{border:2px solid #b6b6b6;padding:1em;border-radius:8px;margin:0em 1em;color:#5d5d5d;position:relative;line-height:2em}
.blog_all a{display:flex;text-decoration:none;align-items:center}
.blog_img{width:20%;margin-right:2%}
.blog_img img{border-radius:4px;width:100%;vertical-align:bottom}
.blog_info{width:78%;line-height:1.5;color:#545454}
.blog_title{font-weight:bold;font-size:1.1em;margin-bottom:4px}
.blog_desc{color:#8a8a8a;font-size:0.95em;padding-bottom:2em}
.blog_url{font-size:0.8em;color:darkgrey;text-align:right}
.blog_logo{position:absolute;bottom:10px;right:10px;width:100px}

/* 関連記事用の文字枠*/
.linkbox{color:orange;border:3px solid;border-radius:16px;padding:2em;position:relative;display:flex;flex-direction:column;margin-bottom:1.6em}
.linkbox br{display:none}
.linkbox a{color:#2828ad;font-weight:bold;text-decoration:underline;padding-left:1.25em;position:relative;margin:.5em 0}
.linkbox a:before{content:"●";color:orange;position:absolute;left:0}
.linkbox:before{content:"関連記事";display:block;position:absolute;top:-.75em;left:1em;background:#fff;padding:0 0.5em;font-weight:bold;font-size:1.25em}

@media screen and (max-width:640px){
  .tbl_a th,.tbl_a td{display:block;border-top:none}
  .blog_all{margin:0;padding:1%}
  .blog_all a{display:block}
  .blog_all a:after{content:"";display:block;clear:both}
  .blog_img{float:left;width:58px}
  .blog_info{width:100%;text-align:justify}
  .blog_title{font-size:0.9em}
  .blog_desc{font-size:.8em}
  .blog_url{font-size:.75em}
  .normal_table{width:100%!important;display:table!important}
}

/* ボタン */
a.btn.btn-orange, a.btn.btn-blue{padding:15px;width:50%;font-size:16px;margin:2em 0;animation-name:pulse;animation-iteration-count:infinite;animation-duration:1s;animation-fill-mode:both}
a.btn.btn-orange{background:#F58220;box-shadow:0 5px 0 #cc6600}
a.btn.btn-blue{background:#3b99d9;box-shadow:0 5px 0 #4185b6}
.btn-cta-wrapper{display:flex;margin:15px auto;justify-content:space-between;gap:30px}
.btn-cta-wrapper a.btn{margin:0!important}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}

@media screen and (max-width:697px){
    .yoko_wrap{display:block}
    .yoko_item{width:98%}
    .btn-cta-wrapper{text-align:center;margin:30px auto;width:100%;flex-direction:column;gap:20px}
    a.btn.btn-orange{font-size:16px}
    a.btn.btn-blue{font-size:16px}
    a.btn.btn-orange, a.btn.btn-blue{width:100%}
}

.new_articles .wp-block-column{margin:10px}
#menu-item-32503{width:350px}

/* drawer-menu */
.menu-content{background:#008324fa}
.menu-content .menu-close-button span:before{color:#fff}
.menu-content .menu-drawer{padding:unset}
.menu-content .menu-drawer > .menu-item{border-bottom:1px solid #006700}
.menu-content .menu-drawer > .menu-item.menu-item-32503{background:#ff8c1a;font-weight:bold}
.menu-content .menu-drawer > .menu-item a{color:#fff;padding:.4em .8em;display:flex;align-items:center;gap:.3em}
.menu-content .menu-drawer > .menu-item a:before{content:"";display:block;width:0.3em;height:0.3em;border:0.3em solid transparent;border-left-color:#fff;box-sizing:border-box}
.menu-content .menu-drawer > .menu-item > .sub-menu{background:#015919;padding:.8em}
.menu-content .menu-drawer > .menu-item > .sub-menu > .menu-item{border-bottom:1px solid #ffffff33}

/* newFrontPage */
.front-top-page .entry-content{margin:unset}
.front-top-page main{border:unset}
.front-top-page main .article{margin-bottom:unset}
.entry-content .newFront{margin:unset}
.entry-content .newFront__content{padding:4em 0}
.entry-content .newFront__green{background:#88BE87}
.entry-content .newFront__white{background:#fff}
.entry-content .newFront__inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:100%;gap:2em}
.entry-content .newFront__h2{margin:unset;padding:unset;background:unset;text-align:center;display:grid;grid-template-columns:100%;justify-items:center}
.entry-content .newFront__h2-img{margin-bottom:.3em}
.entry-content .newFront__h2-text{margin:unset}
.entry-content .newFront__green .newFront__h2-text{color:#fff}
.entry-content .newFront__white .newFront__h2-text{color:#676767}
.entry-content .newFront__postList{display:grid;gap:1em}
.entry-content .newFront__postlist--2column{grid-template-columns:1fr 1fr}
.entry-content .newFront__postlist--3column{grid-template-columns:1fr 1fr 1fr}
.entry-content .newFront__postItem a{color:black;text-decoration:none;display:flex;flex-direction:column;gap:0}
.entry-content .newFront__postItem img{vertical-align:bottom}
.entry-content .newFront__postItem span{font-weight:bold;font-size:15px}
.entry-content .newFront__link{background:#454545;color:#fff;text-decoration:none;font-weight:bold;padding:1em 2em;display:block;width:fit-content;margin:0 auto}


/* 口コミ評価 */
.pickup-review{padding:1em;border:2px solid #e9e9e9;border-radius:1em;max-width:640px;margin:0 auto;margin-bottom:1.8em}
.pickup-review__graph{display:grid;grid-template-columns:100%;gap:0.4em}
.pickup-review__title{font-weight:bold;text-align:center}
.pickup-review__stars{text-align:center}
.pickup-review__stars img{border:none;display:unset;max-width:unset;margin:unset;height:2em;vertical-align:text-bottom}
.pickup-review__stars span{font-weight:bold}
.pickup-review__count{text-align:center;font-size:12px}
.pickup-review__count span{font-weight:bold;font-size:1.2em}
.pickup-review__graph-items{max-width:480px;margin:0 auto;width:100%;display:grid;grid-template-columns:100%;gap:0.9em}
.pickup-review__graph-item{display:flex; gap:.4em;align-items:center}
.pickup-reivew__graph-label{font-size:14PX;color:gray;font-weight:bold}
.pickup-review__graph-bar{flex-grow:1;background:#e5e5e5;height:1.8em;border-radius:0.4em;overflow:hidden;box-shadow:0 2px inset #c9c9c9}
.pickup-review__graph-bar-inner{background:#FFE34E;height:100%}
.pickup-review__graph-ratio{width:4em}
.warning_text{text-align:right;margin-bottom:0 !important;margin-top:10px;color:#A1A1A1}
.rr_review_flex{display:flex;justify-content:flex-start;gap:1rem}
.full-testimonial{padding:5px;border-bottom:3px solid #D2D2D2;margin-bottom:unset}
.rr_review_name{display:flex;align-items:center}
.rr_review_name img{vertical-align:bottom;margin-right:10px}
.pickup-review__graph-bar{transition:all .4s}
.pickup-review__graph-bar:hover{opacity:0.3}
.review_goto{background:#ededed;margin:5px auto 0;display:inline-block;padding:10px}
.review_goto img{vertical-align:bottom}
span.stars{color:#ffa41c;margin-right:10px}


#overlay{display:none;position:fixed;top:50%;left:50%;transform:translate(-70%, -50%);max-width:60%;max-height:80%;overflow:auto;background-color:rgba(0,0,0,0.7);z-index:9999;text-align:center;padding:20px;box-sizing:border-box;opacity:0;transition:opacity 0.5s}
#overlay.visible{opacity:1}
#overlay img{max-width:500px;max-height:100%;width:350px}
.close-button{position:absolute;top:-15px;right:0;color:#fff;cursor:pointer;font-size:30px;z-index:10000}


/* horizontal-ranking */
.horizontal-ranking{margin:2em 0}
.hr-title{font-weight:bold;background:#528551;color:#fff;padding:0.4em 1em}
.hr-itemlist{overflow-x:auto;padding-bottom:0.5em}
.hr-itemlist__inner{display:grid;white-space:nowrap;grid-template-columns:repeat(6,auto);gap:0.6em}
.hr-item{border:2px solid #a5a5a5}
.hr-rankno{color:#fff;font-size:16px;padding:.2em .4em;font-weight:bold;text-shadow:2px 2px #00000044}
.hr-item:nth-child(1) .hr-rankno{background:#e6ab00}
.hr-item:nth-child(2) .hr-rankno{background:#A9A9A9}
.hr-item:nth-child(3) .hr-rankno{background:#815A2B}
.hr-item:nth-child(n+4) .hr-rankno{background:#606060}
.hr-item img{width:100%;height:100px;vertical-align:bottom}
.hr-result{font-size:16px;padding:.4em 0.8em 0;line-height:1.5;display:flex;flex-direction:column;width:fit-content;margin:0 auto}
.hr-result p{margin-bottom:0!important}
.hr-result .hr-result__head{font-weight:bold;background:linear-gradient(to bottom, transparent 0%, transparent 50%, #ffa70042 50%, #ffa70042 100%);width:fit-content;color:#bb0000;margin:0 auto;font-size:14px}
.hr-result .hr-result__desc{font-weight:bold;margin-top:0.4em}
.hr-result .hr-result__type{font-size:14px;color:gray}
.hr-result .hr-result__amount{font-weight:bold;font-size:14px}
.hr-result .hr-result__amount span{color:red;font-size:1.5em}
.hr-links{display:flex;flex-direction:column;padding:.4em;gap:.4em}
.hr-links a{font-size:14px;text-align:center;text-decoration:none;font-weight:bold;border-radius:0.5em;line-height:1;padding:0.8em;display:flex;align-items:center;justify-content:center;gap:0.2em}
.hr-links a:after{content:"▼";display:block;font-size:8px;transform:rotate(-90deg)}
.hr-links a:hover{color:#fff;opacity:0.5}
.hr-links a span{font-size:1.2em}
.hr-link__out{background:#ef1800;color:#fff}
.hr-link__review{background:#509b0e;color:#fff}


.is-style-primary-box, .primary-box, .sp-primary, .primary{background-color:#d0f1cf}


/* もっと見るボタン */
.full-testimonial{display:none}
.loadMore{background:unset;font-size:1.2rem;border:unset;padding:unset;width:fit-content;margin:.4em 0 0 auto;display:block;color:#327bb4;font-weight:bold;cursor:pointer}
.loadMore:before{content:"▼"}

/* yoko-result */
.yoko-result{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin:1em 0}
.yr-item{width:250px;background:#fff;border:2px solid lightgray;display:flex;flex-direction:column}
.yr-date{background:#88be87;color:#fff;font-weight:bold;font-size:.9em;padding:.2em 0.8em;text-align:center}
.yr-desc{padding:0.6em;background:url(/wp-content/uploads/2022/06/f.png);background-size:contain;background-color:rgba(255, 255, 255, 0.75);background-blend-mode:lighten;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;height:100%;gap:0.4em}
.yr-place{font-size:.8em;display:flex;gap:0.4em}
.yr-plan{font-weight:bold;flex-grow:1;background:#f4ffcc94;display:flex;align-items:center;width:100%;justify-content:center;line-height:1.2;padding:0.4em;text-align:center;border:1px solid #00000033}
.yr-amount{font-weight:bold;color:#c71d1d}
.yr-amount span{font-size:1.4em}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width:1023px){
  /*必要ならばここにコードを書く*/
  #menu-item-32503{width:100%!important}
  .mobile-header-menu-buttons{box-shadow:unset}
  ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{position:fixed !important;top:0 !important}
}

/*834px以下*/
@media screen and (max-width:834px){
  #header-container .navi, #navi .navi-in>.menu-header .sub-menu{display:none}
  #overlay{transform:translate(-50%, -50%);max-width:80%}
  #overlay img{width:255px}

  /* newFrontPage */
  .entry-content .newFront__h2-img{width:auto;height:1em;max-width:100%}
  .entry-content .newFront__white .newFront__h2-text{font-size:14px}
  .entry-content .newFront__postlist--2column{grid-template-columns:100%}
  .entry-content .newFront__postlist--3column{grid-template-columns:100%}
  .entry-content .newFront__content{padding:2em 4%}
  .entry-content .newFront__postItem span{font-size:13px}
}

/* 黒板風　タイトル　2 */
.kokuban-t2{position:relative;margin:2em auto;padding:3.2em 1em 1em;width:90%;background-color:#006633;font-weight:bold;color:#fff;border:8px solid #b2771f;border-radius:3px;box-shadow:0 0 5px #333,0 0 5px #555 inset}
.kokuban-t2::before,.kokuban-t2::after{position:absolute;content:'';bottom:0}
.kokuban-t2::before{right:10px;border:solid 3px #fff;width:20px;border-radius:3px 2px 0 2px}
.kokuban-t2::after{right:40px;border:solid 3px #ffff6b;width:15px;border-radius:8px 5px 2px 5px}
.title-t2{position:absolute;left:1em;top:.5em;font-weight:bold;font-size:1.1em;color:#ffff6b}
.kokuban-t2 p{display:block;margin-bottom:10px;margin-top:5px}
/* ドット 囲み枠 */
.kakomi-box9{margin:28px auto;padding:3% 3% 6%;width:calc(90% - 10px);border:5px solid #7d714a;border-radius:1px;font-weight:bold;vertical-align:middle;background:url(/wp-content/uploads/2023/12/1548aefdbac56ea9c69aaa5fa5d657c2.png) bottom / auto 1.6em repeat-x #fff}


/*** 20240529 Frontpage ***/

.article .rf-h2{background:unset;padding:0;font-size:2em;color:black;display:flex;align-items:center;gap:0.4em;margin:0}
.newFront__white .rf-h2{color:#88be87}
.newFront__green .rf-h2{color:#fff}
.c_red{color:#ff0000}
.article .rf-headtext{margin:0!important;font-weight:bold}
.rf-postlist{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.rf-postlist__item{color:black;text-decoration:none;background:#f7f7f7;padding:0.5em}
.rf-postlist__item img{vertical-align:bottom;margin-bottom:.2em;width:100%;}
.rf-postlist__item p{margin:0!important;font-size:16px;font-weight:bold;line-height:1.5}

.rf-ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-top:1em;scrollbar-width:none}
.rf-ranking__item{background:#fff;padding:1em;position:relative}
.rf-ranking__item01{order:2}
.rf-ranking__item02{order:1;margin-top:1em}
.rf-ranking__item03{order:3;margin-top:1em}
.rf-ranking__crown{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}
.rf-ranking__item p{font-size:16px;line-height:1.5;font-weight:bold;margin:unset!important;padding:0.6em 0}
.rf-ranking__img{vertical-align:bottom}
.rf-ranking__star{display:flex;align-items:center;gap:.4em}
.rf-ranking__star-head{font-size:13px;flex-shrink:0;text-align:center;background:#e36077;padding:0.5em;line-height:1.25;color:#fff;font-weight:bold}
.rf-ranking__star img{width:100%;max-width:unset;overflow:auto}
.rf-ranking__link{margin-top:1em;padding-top:1em;border-top:1px solid lightgray}
.rf-ranking__link a{border:2px solid #81aaff;color:#81aaff;text-decoration:none;margin:0 auto;width:fit-content;line-height:1;padding:0.6em 2em;font-size:15px;font-weight:bold;display:flex;gap:1em;align-items:center;transition:.2s}
.rf-ranking__link a:hover{background:#81aaff;color:#fff}
.rf-ranking__link a:after{content:">";display:block;text-align:center}

.rf-about{display:flex;gap:1.6em;background:#fff;padding:2em;border-radius:1em}
.rf-sv__img{border-radius:100%;vertical-align:bottom}
.article .rf-sv__name{white-space:nowrap;font-size:13px;font-weight:bold;margin-bottom:unset!important}
.rf-about__text{font-weight:bold}
.rf-about__text span{color:#64bc62;font-size:1.2em;margin-bottom:0.4rem;display:block}

.rf-standard{max-width:720px;margin:0 auto}
.rf-standard img{vertical-align:bottom;max-width:160px;width:100%}
.rf-standard__img{margin-bottom:28px;display:flex;align-items:center;justify-content:space-evenly}

.rf-table{overflow-x:auto}
.rf-table__inner{display:flex;width:fit-content;height:520px}
.rf-table .midashi{position:sticky;left:0;background:#fff;z-index:999}
.rf-table .retu input,.retu img{width:100%}
.rf-table .midashi .seru{background:#579056;color:#fff;white-space:nowrap;width:130px}
.rf-table .seru{width:118px;border:1px solid #000;height:2em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px}
.rf-table .seru:nth-child(1){height:94px}

.rf-reviews{background:#fff;padding:2em;border-radius:1em;overflow-y:scroll;height:55vh}


@media screen and (max-width:834px){
  .entry-content .newFront__content--rfranking{padding:2em 0}
  .entry-content .newFront__content--rfranking .newFront__inner{gap:1em}
  .entry-content .newFront__content--rfranking .newFront__h2{padding:0 1em}
  .article .rf-h2{font-size:6vw;display:flex;gap:.2em}

  .article .rf-h2 > img{width:12px;height:100%}
  .article .rf-headtext{font-size:15px;line-height:2}
  .rf-postlist{grid-template-columns:repeat(1, 1fr)}
  .rf-postlist__item p{font-size:14px}

  .rf-ranking{margin-top:unset;overflow-x:auto;padding:6vw 1em 0}
  .rf-ranking__item{width:64vw}
  .rf-ranking__item01{order:1}
  .rf-ranking__item02{order:2;margin-top:unset}
  .rf-ranking__item03{order:3;margin-top:unset}
  .rf-ranking__crown{width:20%}
  .rf-ranking__item p{font-size:14px}
  .rf-ranking__star-head{font-size:8px}
  .rf-about{flex-direction:column;padding:1.2em}
  .rf-sv{order:2;text-align:center}
  .rf-sv__img{width:36%}
  .article .rf-sv__name{font-size:12px}
  .rf-about__text{order:1;font-size:14px;line-height:1.5}
  .rf-about__text p{line-height:2;margin-bottom:unset!important}
  .rf-about__text span{font-size:1.4em;margin-bottom:.6em}
  .rf-standard{font-size:15px;font-weight:bold}
  .rf-standard p{line-height:2}
  .rf-standard img{width:24%}
  .rf-table__inner{height:auto}
  .rf-table .midashi .seru{width:120px}
  .rf-reviews{padding:0.2em}
  .rr_review_text{margin:3px 0 0}
}

.shima th:nth-child(even){background:#fff}
.go-to-top{bottom:90px;border:solid 1px lightgray;border-radius:4px}
/* トップコンテンツ */
.top-post-list{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:100%;gap:2em}
.font-bold{font-weight:bold}

@media screen and (max-width:798px){
  .top-post-list{gap:1em}
  p.rf-headtex.font-bold{font-size:15px;line-height:2;margin-bottom:15px !important}
  p.supervisor-caption-description{margin-bottom:.4em !important}
  p.supervisor-caption-title{margin-bottom:.4em !important}
}

/*480px以下*/
@media screen and (max-width:480px){
  .div_h2{font-size:20px;padding:0.6em 0.8em}
  .div_h3{padding:0.6em;font-size:18px}
  .div_h4{font-size:16px;padding:0.6em}
}

/* 20240912追記 */
.tabs {padding-bottom:40px; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); margin:60px auto 0}
.tab_item {width:calc(100%/4); border-bottom:3px solid #4e964d; background-color:#d9d9d9; 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 #4e964d}
.tab_item_f{border-left:1px solid #133709}
.tab_item:hover {opacity:0.75; cursor:pointer}
input[name="tab_item"] {display:none}
.tab_content {display:none; padding:30px 0px; clear:both; overflow:hidden}
.tabs input:checked + .tab_item {background-color:#4e964d; color:#fff}

.tab_item.w-3{width:calc(100%/3)}
#day1:checked ~ #day1_content,#day2:checked ~ #day2_content,#day3:checked ~ #day3_content {display:block}
.tabs_list input:checked + .tab_item {background-color:#4e964d; color:#fff}
a.back-button{display:block;max-width:350px;margin:0 auto;padding:1em;text-align:center;background-color:#4e964d;color:#ffffff;font-weight:bold}
a.back-button:hover{opacity:0.8}


@media screen and (max-width:834px){
.tab_item {width:100%; padding:0px 0 0px; font-size:18px; border-bottom:1px solid #133709; border-right:unset}
.tab_item_f{border-left:unset}
.tab_item.w-3{width:100%; padding:0px 0 0px; font-size:18px; border-bottom:1px solid #133709; border-right:unset}
}

.widget-sidebar-title {background:#528551;line-height:1;padding:0.6em;color:white;font-weight:bold}

/* thumbnail-desc */
.entry-content .thumbnail-desc{display:flex;gap:0.5em}
.entry-content .thumbnail-desc__img{display:flex;max-width:200px}
.entry-content .thumbnail-desc__list{width:100%;display:grid;grid-template-columns:auto 1fr;border:2px solid #3c803b}
.entry-content .thumbnail-desc__list dl{display:contents}
.entry-content .thumbnail-desc__list dl + dl dt {border-top:1px solid #325f31}
.entry-content .thumbnail-desc__list dl + dl dd {border-top:1px solid #b5c9b3}
.entry-content .thumbnail-desc__list dt,
.entry-content .thumbnail-desc__list dd{line-height:1.2;padding:.4em .8em;display:flex;align-items:center}
.entry-content .thumbnail-desc__list dt{background:#3c803b;font-weight:bold;color:white;justify-content:center}
.entry-content .thumbnail-desc__list dd{margin:0;background:#fafffa}

@media screen and (max-width:834px){
.entry-content .thumbnail-desc__img{flex-shrink:0;width:35%;height:30%}
.entry-content .thumbnail-desc__list{font-size:14px}
.entry-content .thumbnail-desc__list dt,
.entry-content .thumbnail-desc__list dd{padding:0.2em 0.6em}
}


/* 20241018 ページ読み込み改善追加CSS */
.newFront__content.newFront__green{
  margin-bottom:0;
}