/* カスタム CSS をここに入力してください */

/*太字*/
.huto {
     font-weight: bold;
}
/*赤い太字*/
.hutoaka {
     font-weight: bold;
color:#ff0000;
}

/*青い太字*/
.hutoao {
     font-weight: bold;
color:#0000ff;
}

/*蛍光アンダーライン*/
.marker {
background: linear-gradient(transparent 60%, #ff9999 60%);
}


/* 商品リンクタイトル色変更 */
div.yyi-rinker-title a {
  color: #4682b4!important;
}


/*テーブルの横スクロールのためのCSSはここから*/
 table{ 
    width:100%;
}
.scroll{
    overflow: auto;
    white-space:nowrap;
}
.scroll::-webkit-scrollbar{
    height: 15px;
}
.scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
    background: #bbb;
}
 /*テーブルの横スクロールのためのCSSはここまで*/

/* ----------------------------------------------------
 ページ分割の装飾
-----------------------------------------------------*/

.page-page {
width: 100%;
text-align: center;
margin: 80px 0 10px;
}

.page-page span {
padding: 7px 10px;
font-size: 15px;
background: #fff;
position: relative;
box-shadow: 0 0 1px 2px #a0396b inset;
}

.page-page span:before {
content:"NOW";
position: absolute;
top: -120%;
left: 0; /*追加しました*/
width: 100%;
display: block;
text-align: center;
background: #a0396b;
padding: 5px 0;
border-radius: 7px;
color: #fff;
font-size: 12px;
font-weight: bold;
}

.page-page span:after {
content:"";
top: -50%;
border: 8px solid transparent;
border-top-color: #a0396b;
position: absolute;
left: 50%;
margin-left: -8px;
border: ;
}

.page-page a {
text-decoration: none;
}

.page-page a span {
background: #a0396b;
color: #000;
padding: 7px 10px;
color: #fff;
box-shadow: none;
font-weight: bold;
}

.page-page a span:before {
content:"";
padding: 0;
}

.page-page a span:after {
border: none;
}

/*jinのアイキャッチの高さをそろえる*/

.pickup-image,
.new-entry-item .eyecatch,
.post-list-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.pickup-image:before,
.new-entry-item .eyecatch:before,
.post-list-thumb:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 16:9 */
}
.pickup-image img,
.new-entry-item .eyecatch img,
.post-list-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
   -webkit-transform: translate(-50%, -50%) !important;
   transform: translate(-50%, -50%) !important;
}