@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

#breadcrumb {
 background-color:#58A55C;
 color:#FFF; /*パンくずリスト色グレー*/
}

.ffb-inner::before {
  content: "[PR]";
  font-size: 14px;
  position: absolute;
  color:#FFF;
  left: 2px;
  border: 1px #515151 solid;
  padding: 0 4px;
}

.ffb-inner {
    display: block;
    padding: 0.3em;
    margin-bottom: 10px;
}

.p-fixBtnWrap {
    align-items: flex-end;
    bottom: 8.25em;
    /* margin-bottom: 20px; */
    display: flex;
    flex-direction: column;
    opacity: 0;
    position: fixed;
    right: 1em;
    text-align: center;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    transition: opacity .3s,visibility .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,visibility .3s;
    transition: opacity .3s,transform .3s,visibility .3s,-webkit-transform .3s;
    visibility: hidden;
    z-index: 99;
}

@media (min-width: 960px)
.p-fixBtnWrap {
    bottom: 8.5em;
    right: 2.5em;
}




/*ランキングアイコン（.rankicon）*/
.rank-g:after {
    content: url(https://oki-raku.net/uchina-link/wp-content/uploads/2025/01/rankicon2.png);
    position: absolute;
    top: -10px;
    left: -5px;
}
.rank-s:after {
    content: url(https://oki-raku.net/uchina-link/wp-content/uploads/2025/01/rankicon3.png);
    position: absolute;
    top: -10px;
    left: -5px;
}
.rank-b:after {
    content: url(https://oki-raku.net/uchina-link/wp-content/uploads/2025/01/rankicon4.png);
    position: absolute;
    top: -10px;
    left: -5px;
}
.rank-e:after {
    content: url(https://oki-raku.net/uchina-link/wp-content/uploads/2025/01/rankicon5.png);
    position: absolute;
    top: -10px;
    left: -5px;
}
.rank-g,.rank-s,.rank-b,.rank-e {
    padding-left: 40px !important;
}

/*バナーの枠線*/
.jsl-custom-label img {
    border: 1px solid #e3e3e3;  /* 灰色の枠線 */
    padding: 5px;  /* 画像と枠線の間に余白 */
    background-color: #ffffff;  /* 余白部分の背景色を白に */
    box-sizing: border-box;  /* パディングを含めたサイズ計算 */
}

/*Scrollボタンの色*/
.p-mainVisual__scroll{
	color: #737373!important;
}

/*画像ホバー*/
p a:hover{ 
	opacity:0.5;
	transition:0.3s;
}

/* 記事タイトルをパンくずリストに表示する */
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
	display: block;
}

/* パンくずリストを改行する */
#breadcrumb .p-breadcrumb__list {
    flex-wrap: wrap;
}

/* レビュープラグインのフォームをセンターにする */
#review-form{
margin: auto;
}

/* レビュープラグインのフィルターのバランス */
.msr-sort-select{
padding: 5px 25px;
}

.msr-sort-label{
font-size: 14px;
}

/* レビュープラグインの口コミを書くの位置調整 */
.msr-review-button-fixed {
    display: none !important;
}

@media (max-width: 768px) {
    .msr-review-button-fixed {
        display: none !important;
    }
}

/* 記事下の検索のタイトル部分 */
.widget-title {
  font-size: 1.7em;
  font-weight: bold;
  border-bottom: 2px solid #58A55C;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}