/*
Theme Name: AFFINGER7 Child
Template: affinger
Description: AFFINGER7 対応
Version: 20260410
*/

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}







/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */




/* ---見出し(本文内)--- */
/* -タイトル- */
.post .entry-title:not(.st-css-no) {
    background: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-title.png") !important;
    background-position: 0% 35% !important; /* 左-上 */
    background-repeat: no-repeat !important;
}

/* -h2- */
.entry-content h2{
    margin-top: 80px !important;
    margin-bottom: 48px !important;
    color: #fffff4 !important;
    font-size: 24px !important;
}
.h2modoki,h2:not(.st-css-no) {
    border: dashed 2px #f2d8bf !important; /*ステッチ風ボーダー色*/
    border-radius: 5px ;
    box-shadow:0 0 0 4px #d8836e, 2px 1px 8px 4px rgba(192, 80, 77, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
    padding: 10px 5px 10px 5px !important;
    background: #d8836e;
}
body .post h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


/* -h3- */
.entry-content h3{
    margin-top: 65px !important;
    border-bottom:solid 5px #dd9b9d !important;
    color: #8e6348 !important;
    font-size:21px !important;
}
.h3modoki:before, h3:not(.st-css-no):before {
    content: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-3.png");
    position:relative;
    top: 13px;
    left: -10px;
}
h3modoki:after, h3:not(.st-css-no):after {
    border-bottom:solid 2px #c59f22 !important;
    bottom:-5px !important;
}
.h3modoki:before, h3:not(.st-css-no){
    text-indent:-1.2em; /* 2行目から1字下げる */
}
#footer .footerlogo:before {
    position: relative !important;
    content: none !important;
}

/* -h4- */
.entry-content h4{
    margin-top: 55px !important;
    border-bottom:3px #f2d8bf dashed;
    color: #8e6348 !important;
    font-size:20px !important;
}
.h4modoki:before, h4:not(.st-css-no):before {
    content: url("https://premium-goma.com/wp-content/uploads/2020/06/pin-4.png");
    position:relative;
    top: 7px;
    left: -10px;
}
.h4modoki, h4:not(.st-css-no){
    text-indent:-1.2em; /* 2行目から1字下げる */
}

/* -h5- */
    .entry-content h5{
    margin-top: 40px !important ;
    margin-bottom: 10px !important ;
}
.h5modoki:before, h5:not(.st-css-no):before {
    content: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-5.png");
    position:relative;
    top: 4px;
    left: -8px;
}
.h5modoki, h5:not(.st-css-no){
    text-indent:-1.2em; /* 2行目から1字下げる */
}

/* まとめ */
.post .st-matome:not(.st-css-no):not(.rankh4):not(.point) {
    color: #fffde7 !important;
    font-size:22px !important;
}
.post .st-matome:not(.st-css-no):not(.rankh4):not(.point):before {
    content: "" !important;
    background-image: url("https://premium-goma.com/wp-content/uploads/2026/10/icon-goma_matome.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 70px !important;
    height: 70px !important;
    padding-left: 30px !important;
    top: -20px !important;
    left: 10px !important;
    border-top: none !important;
}

/* まとめ見出しの吹き出し三角形を消す */
.post .st-matome::after {
    display: none !important;
}
/* ------------------------------------------------------------------- */


/* ---New Entry=All articles(新着記事)・おすすめPick Up(関連記事)--- */

aside .kanren
{
  padding-top: 20px; /* 記事タイトル上余白 */
}

/* New Entry=All articles(新着記事)-見出し */
.n-entry {
    position: absolute;
    background: url("https://premium-goma.com/wp-content/uploads/2020/06/all-articles.png")!important;
    background-repeat: no-repeat !important;
    background-size:contain !important;
    width:500px;
    height: 75px;
    max-width: 100% !important;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden;
}
.n-entry-t {
    margin-bottom:-10px !important;
    padding-top: 80px;
    border:none !important;
}

/* New Entry(新着記事)-タイトル《カテゴリ・タグ検索も》*/
dd h3:not(.st-css-no2){
    padding-left: 25px;
}
dd h3:not(.st-css-no2) a {
    margin-left: -10px ;
    color: #8e6348;
}

/* おすすめPick Up(関連記事)-見出し */
.post h4.point {
    margin-top: 130px !important;
    margin-bottom: 5px !important;
    border: none !important;	
}
.post h4.point:before {
    content:none;
}
.post h4 .point-in {
    background: url("https://premium-goma.com/wp-content/uploads/2020/06/pick-up.png")!important;
    background-repeat: no-repeat !important;
    background-size:contain !important;
    width:500px;
    height: 75px;
    max-width:100% !important;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden;
}

/* おすすめPick Up(関連記事)-タイトル */
.kanren dl {
    border-bottom: 4px dotted #f2d8bf !important;
}
.kanren .clearfix dd h5:not(.st-css-no2) a { /*関連記事タイトル《人気記事も》*/
    color: #8e6348;
}
.kanren .clearfix dd .h5modoki, .kanren .clearfix dd h5:not(.st-css-no) {
    text-indent: 0em;
    line-height: 24px;
}
.kanren .clearfix dd .h5modoki:before, .kanren .clearfix dd h5:not(.st-css-no):before {
    content: none;
}
.kanren:not(.st-cardbox) .clearfix dd .st-excerpt p,
.kanren:not(.st-cardbox) .clearfix dd p { /*関連記事抜粋文字《人気記事も》*/
    color: #8e6348 !important;	
}
/* ------------------------------------------------------------------- */

/* ---任意の人気記事--- */
.poprank-no {
    border: 2px solid #f2d8bf;
    border-radius: 50px;
    background: #ffffff;
    color: #c59f22;	
}
.pop-box {
    margin-bottom: 20px;
    padding: 45px 20px 10px !important;
    border:solid 4px #f2d8bf;
    border-radius: 5px;
    background: #ffffff;
}
.kanren dl:last-child {
    border-bottom-style: none !important;
}

/* 任意の人気記事-見出し */
.post .p-entry, #side .p-entry, .home-post .p-entry {
    width:200px;
    height: 60px;
    margin-top: -1px !important;
    margin-left: -12px !important;
    padding-top: 18px !important; /* 文字の位置 */
    padding-left: 30px !important; /* 文字の位置 */
    background: url("https://premium-goma.com/wp-content/uploads/2017/09/tape-1.png") !important;
    background-repeat: no-repeat !important;
    color: #8e6348 !important;
    font-size:15px !important;
    box-shadow: none !important;
}

#content-w .p-entry:before {
    content: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-6.png");
    position: relative;
    top: 8px;
    left: -5px;
    border: none;
    opacity: 1;
}
.p-entry:after {
    border: none !important;
}
/* ------------------------------------------------------------------- */

/* ---お知らせ--- */
#topnews-box {
    border: solid 4px #f2d8bf;
    border-radius: 5px;
    background-color: #ffffff !important;
}
#topnews-box div.rss-bar {
    width: 200px;
    height: 60px;
    margin-top: -22px ;
    margin-left: -12px ;
    margin-bottom: -5px;
    padding-top: 25px;/* 文字の位置 */
    background: url("https://premium-goma.com/wp-content/uploads/2017/09/tape-1.png") !important;
    background-repeat: no-repeat !important;
}
.news-ca {
    color: #8e6348 !important;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
}
.fa-rss-square:before {
    content: url(https://premium-goma.com/wp-content/uploads/2018/10/pin-6.png);
    position: relative;
    top: 10px;
    left: 12px;
    padding-right: 2px;
}

#topnews-box .rss-bar .news-ca {
    position: relative !important;
    top: 16px !important;
}

#topnews-box .rss-bar .news-ca::before {
    content: "" !important;
    display: inline-block !important;
    width: 25px;
    height: 25px;
    background: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-6.png") no-repeat center / contain !important;
    vertical-align: middle;
    margin-right: 23px;
    position: relative;
    transform: translateX(23px) !important;
}

#topnews-box dl {
    border-bottom: none !important;
}

#topnews-box dt {
    color: #c59f22;　/* 日付文字 */
    position: relative;
    transform: translateX(1px) !important;
}
#topnews-box div dl dd a {
    color: #693c33 !important;　/* 記事文字 */
}

#topnews-box dd {
    position: relative;#topnews-box dd {
    position: relative;
    left: 10px;
    border-bottom: none !important;
}
    left: 8px;
    border-bottom: none !important;
}

/* 最新記事一覧のピンクの点線 */
#topnews-box dl {
    border-bottom: 1px dashed #dd9b9d !important;
    width: calc(100% - 30px) !important;
    margin-left: 15px !important;
}
/* ------------------------------------------------------------------- */


/* ---フリーボックスウィジェット--- */
/* ---見出し付きフリーボックス--- */
/* ボックス */
.freebox {
    padding-top: 1px !important;
    margin-top: 20px !important;
    border: 2px solid #f2d8bf !important;
    border-radius: 5px;
    background: #fff;
}

/* 見出し */
.p-entry-f {
	width: 200px;
    height: 60px !important;
    margin-top: -10px;
    margin-bottom: -15px;
    margin-left: -11px;
    padding-top: 17px; /* 文字の位置 */
    padding-left: 35px; /* 文字の位置 */
    background: url("https://premium-goma.com/wp-content/uploads/2017/09/tape-1.png") no-repeat left top !important;
    background-repeat: no-repeat !important;
    color: #8e6348 !important;
    font-size: 16px !important;
}
.p-entry-f:before {
    content: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-6.png") !important;
    position: relative !important;
    top: 8px;
    left: -6px;
}

/* エリア内テキスト */
.freebox > * {
    color: #693c33 !important;
    font-size: 100%;
}
/* ------------------------------------------------------------------- */


/* ---この記事を書いた人--- */
.st-author-box {
    position: relative;
}

.st-author-box::before {
    content: "管理人";
    display: block;
    position: relative;
    top: 30px;
    width: 270px;
    height: 50px;
    box-sizing: border-box;
    background: url("https://premium-goma.com/wp-content/uploads/2018/10/tape-3.png") no-repeat left top / 270px 50px !important;
    color: #fffff4;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 0 -20px;
    padding: 13px 0 0 0;
    font-size: 18px;
    text-align: center;
}

.st-author-profile {
    border-radius: 5px;
    background-color: #fffde7 !important;
}

.st-author-profile .st-author-nickname {
    color: #8e6348 !important;
}

.st-author-profile .st-author-description {
    color: #8e6348 !important;
}

.st-author-profile .st-author-nickname {
    border-bottom: 3px dotted #f2d8bf !important;
    padding-bottom: 8px;
    margin-bottom: 15px !important;
}

.st-author-profile .sns .author-homepage a {
    background-color: #c97979 !important;
}

.st-author-profile .sns .author-homepage a .st-svg-home {
    color: #ffffff !important;
}
/* ------------------------------------------------------------------- */


/* ---記事タイトル下--- */
.blogbox {
    margin-bottom: 25px !important;
}
/* ------------------------------------------------------------------- */


/* ---検索フォーム--- */
#searchform {
   border:2px solid #f2d8bf !important;
   border-radius: 5px !important;
}
#s {
   background: #fffff9;
   color: #c59f22;
}
input#searchsubmit { /*虫眼鏡*/
    background: #fffff9;
    color: #c59f22;
}
/* ------------------------------------------------------------------- */


/* ---次のページ（コメントナビ）--- */
.st-pagelink a {
    font-weight: bold;
    color: #c59f22;
}
.st-pagelink a:hover {
    font-weight: bold;
    color: #fffde7;
    transition: 0.8s !important;
}
.page-numbers {
    font-weight: bold;
    color: #c59f22;
}
.page-numbers:hover {
    font-weight: bold;
    color: #fffde7;
    transition: 0.8s !important;
}
.st-pagelink .page-numbers{
    border:2px solid #f2d8bf;
    border-radius: 5px;
    background: #ffffff !important;
}
.st-pagelink .page-numbers:hover {
    border:2px solid #d8836e;
    border-radius: 5px;
    background: #d8836e !important;
    transition: 0.8s !important;
}

/* ---PREV NEXT--- */
.p-navi dl dt {
    color: #c59f22;
}
/* ------------------------------------------------------------------- */

/* 前後の記事タイトルの文字色・下線 */
.p-navi a .st-prev-title,
.p-navi a .st-next-title {
    color: #c0504d !important;
    text-decoration: underline !important;
    text-decoration-color: #c0504d !important;
}

/* 前後の記事ナビ：上の横線 */
.p-navi {
    border-top: 1px solid #c59f22 !important;
}

/* パソコンでは右側の上線を重ねない */
.p-navi a + a {
    border-top: none !important;
}

/* スマホだけ記事の間を点線に */
@media screen and (max-width: 599px) {
    .p-navi a + a {
        border-top: 1px dotted #c59f22 !important;
    }
}

/* パソコン：中央の縦線を点線に */
@media screen and (min-width: 600px) {
    .p-navi a:nth-of-type(2) p {
        border-left: 1px dotted #c59f22 !important;
    }
}

/* スマホ：左側の縦線を消す */
@media screen and (max-width: 599px) {
    .p-navi a:nth-of-type(2) p {
        border-left: none !important;
    }
}

/* 前後の記事ナビ：左右の矢印 */
.p-navi .st-svg-angle-left,
.p-navi .st-svg-angle-right,
.p-navi .st-svg-angle-left::before,
.p-navi .st-svg-angle-right::before {
    color: #d8836e !important;
}

/* 前後の記事ナビ：マウスを合わせたとき */
.p-navi .st-prev-link:hover,
.p-navi .st-next-link:hover {
    background-color: #fffded !important;
}

/* ------------------------------------------------------------------- */


/* ---トップページ--- */
.top-goma{
    max-width: 50%;
    height: auto;
}
.top-page{
    background-color: #fffde7; /* 全体の背景カラー */
    margin: 30px 5px 10px;
    padding: 20px 0px;
	overflow: hidden;
    border: dashed 2px #f2d8bf; /*ステッチ風ボーダー色*/
	border-radius: 5px;
	box-sizing: border-box;
    box-shadow:0 0 0 4px #fffde7, 2px 1px 6px 4px rgba(197, 159, 34, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
/* ------------------------------------------------------------------- */


/* ---黄色マーカー--- */
.ymarker {
background: #fffde7 !important;
font-weight: normal;
}
.ymarker-s {
background: linear-gradient(transparent 50%,#ffffdb 0%) !important;
}

/* ---赤マーカー--- */
.rmarker {
background: #ffede6 !important;
font-weight: normal;
}
.rmarker-s {
background: linear-gradient(transparent 50%,#ffe0d2 0%) !important;
}

/* ---グレーマーカー--- */
.gmarker {
background: #f0f0e0 !important;
font-weight: normal;
}
.gmarker-s {
background: linear-gradient(transparent 50%,#f0f0e0 0%) !important;
}

/* ---黄色ボックス--- */
.yellowbox{
margin-bottom: 40px;
border: none !important;
border-radius: 5px;
background-color: #f0f0e0; /* 背景の色 */
}


/* ---引用風ボックス--- */
.inyoumodoki{
  position: relative;
  border: solid 3px #eeedc8 !important;
  border-radius: 5px !important;
  background: #fffffc !important;
  background-image: none !important; /* 元のグレーアイコン・背景画像を消す */
  margin-bottom: 5px !important;
  font-size: 88% !important;
  padding: 60px 20px 20px 20px !important; /* 上だけ少し広げる */
}
/* 左上の引用アイコンだけ表示 */
.inyoumodoki:before{
  content: url("https://premium-goma.com/wp-content/uploads/2017/11/inyou.png") !important;
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 42px;
  line-height: 1;
  color: #d98a90;
  font-family: serif;
}
/* 余計なアイコンを消す */
.inyoumodoki:after{
  content: none !important;
  display: none !important;
}


/* ---ドットライン--- */
.dotline {
border-bottom: 4px 	double #f2d8bf !important;
}

/* ---赤字太い--- */
.hutoaka {
    font-weight: bold;
    color: #8e6348 !important;
}

/* ---写真に枠線--- */
.photoline img{
border: 1px solid #cbb586;
}

/* ---出典　文字--- */
.wp-caption-text{
color: #cbb586;
}
.wp-caption-text a{
color: #cbb586;
}
.wp-caption-text a, 
.wp-caption-text {
line-height:1.5;
}

/* ---参考--- */
.sankou{
border-radius: 5px;
background-color: #c59f22 !important;  /* 背景の色 */
font-size:85%;
}

/* ---youtube--- */
.fa-youtube-play:before {
    content: "\f16a";
    color: #dd9b9d;
}

/* ---タイムライン--- */
.st-timeline.st-timeline-count > li {
    border-left: 1px solid #eeedc8;
}
.st-timeline.st-timeline-count > li.has-no-text:after, .st-timeline.st-timeline-count > li.is-align-center:after, .st-timeline.st-timeline-count > li.has-text.is-align-default .st-timeline-list-text:after {
    font-size: 60%;
    background: #eeedc8;
    color: #c59f22;
}
/* ------------------------------------------------------------------- */


/* ---会話風ふきだし--- */
.st-kaiwa-face img {
border: none !important;
}
.st-kaiwa-hukidashi {
color: #8d4f42 !important;
}
.st-kaiwa-face-name {
color: #c59f22;
}
/* ------------------------------------------------------------------- */


/* ---ミニふきだし--- */
.post .st-minihukidashi,
.st-minihukidashi{
background: #f2d8bf !important;
color: #8e6348 !important;
border-radius: 15px;
margin-bottom: 6px !important;
padding: 0px 20px 10px;
font-weight: bold !important;
}
.post .st-minihukidashi span,
.st-minihukidashi span{
border-top: 10px solid #f2d8bf !important;
}
.st-minihukidashi .fa {
    margin-right: 7px;
    color: #c59f22;
    font-size: 1.2em;
}

/* 吹き出し：本のアイコン */
.st-minihukidashi .fa-book::before {
    content: "\f02d" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #c59f22 !important;
}

/* ------------------------------------------------------------------- */


/* ---まるもじ--- */
.st-marumozi {
    background: #f2d8bf !important;
    color: #8e6348 !important;
    border-radius: 30px;
    margin: 0 10px 0 0;
    padding: 3px 15px !important;
    font-weight: bold;
}

/* 丸文字ラベル：金色の本アイコン */
.st-marumozi .fa-book::before {
    content: "\f02d" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    font-size: 1.4em !important;
    color: #c59f22 !important;
}

.st-marumozi .fa {
    margin-right: 5px;
    color: #c59f22;
    font-size: 1.2em;
}
/* ------------------------------------------------------------------- */


/* ---クリップメモ--- */
.clip-memobox {
background: #fffde7 !important;
border: 2px solid #f2d8bf !important;
border-radius: 5px !important;
margin-top: 15px !important;
margin-bottom: 25px !important;
padding: 7px !important;
}
.clip-memotext {
padding-left: 15px;
border-left: none !important;
}
.clip-memotext > * {
font-size: 97%;
line-height: 1.5;
color: #8e6348 !important;
}
.clip-fonticon{
color: #dd9b9d !important;
}

/* クリップメモ：外部リンクアイコン */
.clip-fonticon .fa-external-link::before {
    content: "\f08e" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
}
/* クリップメモの縦線の色 */
.clip-memobox .clip-fonticon {
    border-color: #cbb586 !important;
}

/* クリップメモ：チェックアイコン */
.clip-memobox:has(.fa-check-square-o) .fa-check-square-o::before {
    content: "\f046" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
    font-size: 1.3em !important;
}

/* チェックアイコン横の縦線 */
.clip-memobox:has(.fa-check-square-o) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* クリップメモ：本のアイコン */
.clip-memobox:has(.fa-book) .fa-book::before {
    content: "\f02d" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* 本のアイコン横の縦線 */
.clip-memobox:has(.fa-book) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* クリップメモ：電球アイコン */
.clip-memobox:has(.fa-lightbulb-o) .fa-lightbulb-o::before {
    content: "\f0eb" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* 電球アイコン横の縦線 */
.clip-memobox:has(.fa-lightbulb-o) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* クリップメモ：注意アイコン */
.clip-memobox .fa-exclamation-triangle::before {
    content: "\f071" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
    font-size: 1.3em !important;
}

/* 注意アイコン横の縦線 */
.clip-memobox:has(.fa-exclamation-triangle) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* クリップメモ：鉛筆アイコン */
.clip-memobox:has(.fa-pencil) .fa-pencil::before {
    content: "\f040" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
    font-size: 1.4em !important;
}

/* 鉛筆アイコン横の縦線 */
.clip-memobox:has(.fa-pencil) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* クリップメモ：プレゼントアイコン */
.clip-memobox:has(.fa-gift) .fa-gift::before {
    content: "\f06b" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
    font-size: 1.3em !important;
}

/* クリップメモ：ダイヤモンドアイコン */
.clip-memobox:has(.fa-diamond) .fa-diamond::before {
    content: "\f219" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
    font-size: 1.3em !important;
}

/* ダイヤモンドアイコン横の縦線 */
.clip-memobox:has(.fa-diamond) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* プレゼントアイコン横の縦線 */
.clip-memobox:has(.fa-gift) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* レシピ欄：フォークとナイフのアイコン */
.clip-fonticon .fa-cutlery::before {
    content: "\f0f5" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}
/* フォークとナイフを揺らす */
.clip-fonticon .fa-cutlery {
    display: inline-block;
    animation: goma-cutlery-shake 1.5s ease-in-out infinite;
}

@keyframes goma-cutlery-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-8deg); }
    75% { transform: rotate(8deg); }
}
/* レシピ欄：縦線を長くする */
.clip-memobox:has(.fa-cutlery) .clip-fonticon {
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}
/* レシピ欄：丸いチェックマークの色 */
.clip-memobox .checkmark2.on-color::before {
    color: #dd9b9d !important;
}

/* ゲームアイコン */
.clip-memobox:has(.fa-gamepad) .fa-gamepad::before {
    content: "\f11b" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* ゲームアイコン横の縦線 */
.clip-memobox:has(.fa-gamepad) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
}

/* フォークと同じ揺れ方 */
.clip-memobox .fa-gamepad {
    display: inline-block;
    animation: goma-cutlery-shake 1.5s ease-in-out infinite;
}

/* クリップメモ：鉛筆アイコン */
.clip-memobox .clip-fonticon .fa-pencil-square-o::before {
    content: "\f044" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* 鉛筆アイコン横の縦線 */
.clip-memobox:has(.fa-pencil-square-o) .clip-fonticon {
    border-right: 1px solid #cbb586 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ------------------------------------------------------------------- */


/* ---メモボックス(ごまメモ)--- */
.st-memobox2 {
margin: 45px 0px 35px 30px !important;
padding: 20px 18px 20px 40px !important;
border: 3px solid #f2d8bf !important;
border-radius: 5px !important;
background-color :#ffffff !important;
color: #693c33 !important;
}
.st-memobox2 > * {
    font-size: 95% !important;
    line-height: 1.5 !important;
}

.st-memobox2 .st-memobox-title {
top: -90px;
left: -20px;
background: none !important;
color :#c59f22;
font-weight: bold;
font-size: 105% !important;
text-shadow: 
#fffffc 2px 0px,  #fffffc -2px 0px,
#fffffc 0px -2px, #fffffc 0px 2px,
#fffffc 2px 2px , #fffffc -2px 2px,
#fffffc 2px -2px, #fffffc -2px -2px,
#fffffc 1px 2px,  #fffffc -1px 2px,
#fffffc 1px -2px, #fffffc -1px -2px,
#fffffc 2px 1px,  #fffffc -2px 1px,
#fffffc 2px -1px, #fffffc -2px -1px;
}

.st-memobox2 .st-memobox-title:before {
content: url("https://premium-goma.com/wp-content/uploads/2018/10/memo-goma.png") !important;
position: relative !important;
top: 60px;
left: -20px;
background: none !important;
}
.st-memobox2 .st-memobox-title:after {
content: "\f040";
font-family: "GomaTag" !important;
font-size: 110%;
color: #f2d8bf;
margin-left: 3px;
}

/* メモボックスのアイコン */
.st-memobox2 .checkmark2.on-color::before,
.st-memobox2 .hatenamark2.on-color::before {
    color: #dd9b9d !important;
}
/* ------------------------------------------------------------------- */


/* ---マイボックス--- */
.st-mybox {
border: solid 3px #eeedc8 !important;
border-radius: 5px !important;
background: none !important;
}
.st-mybox .st-mybox-title {
color:#c59f22 !important;
}
.st-mybox .fa {
margin-right: 5px;
color:#dd9b9d !important;
}

/* マイボックス：丸いチェックアイコン */
.st-mybox-title .fa-check-circle::before {
    content: "\f058" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* マイボックスの見出し文字サイズ */
.st-mybox-title {
    font-size: 16px !important;
}

/* メールの封筒アイコン */
.st-mybox-title .fa-envelope-o::before {
    content: "\f003" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}
/* マイボックス：ゲームアイコン */
.st-mybox-title .fa-gamepad::before {
    content: "\f11b" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* マイボックス：はてなアイコン */
.st-mybox-title .fa-question-circle::before {
    content: "\f059" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* マイボックス：本アイコン */
.st-mybox-title .fa-book::before {
    content: "\f02d" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}

/* マイボックス：書類アイコン */
.st-mybox-title .fa-file-text-o::before {
    content: "\f0f6" !important;
    font-family: "GomaTag" !important;
    font-style: normal !important;
    color: #dd9b9d !important;
}
/* ------------------------------------------------------------------- */


/* ---スライドボックス--- */
.st-slidebox-c { 
padding: 10px 20px;  
background: #f0f0e0; 
margin-bottom:20px; 
border-radius:5px; 
} 
.post .st-btn-open{ 
color: #d8836e; 
cursor: pointer; 
margin-bottom:0; 
} 
/* ------------------------------------------------------------------- */


/* ---目次（カスタム）--- */
#st_toc_container,
#toc_container {
    border: 3px solid #f2d8bf !important;
    border-radius: 5px !important;
}
.post #st_toc_container .st_toc_title,
.post #toc_container .toc_title,
.post #toc_container .toc_title a:link {
    color: #dd9b9d !important;
}
#st_toc_container .st_toc_title {
    width: 200px;
    height: 53px;
    line-height:43px;
    border: none !important;
    margin: 7px auto !important;
    background-image: url(https://premium-goma.com/wp-content/uploads/2018/04/tape-2.png) !important;
    background-repeat: no-repeat;
}

.st_toc_hierarchical:not(.st_toc_contracted) .st_toc_toggle {
    display:inline-block!important;
}

.post #st_toc_container .st-original-toc > li,
.post #st_toc_container .st-original-toc > li a,
#st_toc_container > ul > li > a,
#toc_container > ul > li > a {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    border-bottom: 3px double #c59f22 !important;
    color: #d8836e !important;
}
#st_toc_container li {
    text-align: center !important;
}

#st_toc_container li li li > a::before {
    content: "▸" !important;
    color: #dd9b9d !important;
    font-family: sans-serif !important;
    font-size: 19px !important;
    margin-right: 5px;
}

#toc_container.only-toc li,
#st_toc_container.only-toc li,
.post #st_toc_container .st-original-toc li a,
#st_toc_container ul a,
#toc_container ul a {
    border-bottom: 2px dashed  #f2d8bf !important;
}

#st_toc_container li li {
    text-align: left !important;
    font-size: 95% !important;
    font-weight: bold;
    line-height: 16px !important;
    list-style-image: url(https://premium-goma.com/wp-content/uploads/2018/10/pin-ol.png);
}
#st_toc_container li li li{
    ttext-align: left !important;
    font-weight: normal;
    list-style: none
}

/* AFFINGER7用 */
/* 目次の［閉じる］の文字色 */
#st_toc_container .st_toc_toggle,
#st_toc_container .st_toc_toggle a {
    color: #c59f22 !important;
}

/* 目次タイトル：アンティーク風の羽根ペン */
#st_toc_container .st_toc_title:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.24 3.76a6 6 0 0 0-8.49 0L4 11.51V20h8.49l7.75-7.75a6 6 0 0 0 0-8.49Z' fill='none' stroke='%23c59f22' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8 2 22M17.5 15H9M12 8v7' fill='none' stroke='%23c59f22' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* 目次：茶色の太字見出しの点線だけ左へ伸ばす */
#st_toc_container > ul > li > ul > li > a {
    position: relative;
    border-bottom: none !important;
}
#st_toc_container > ul > li > ul > li > a::after {
    content: "";
    position: absolute;
    left: -19px;
    right: 0;
    bottom: 0;
    border-bottom: 2px dashed #f2d8bf;
}

/* 目次：茶色の見出しは動かさず、三角の項目だけ左へ */
#st_toc_container > ul > li > ul > li > ul {
    margin-left: -5px !important;
}


/* 目次：茶色の太字見出しの2番目以降の間隔を統一 */
#st_toc_container > ul.st_toc_list > li > ul > li:nth-child(n+2) {
    margin-top: 15px !important;
}

/* 目次：下の階層がある項目と次の項目の間隔を狭くする */
#st_toc_container > ul.st_toc_list > li > ul > li > ul > li:has(> ul) + li {
    margin-top: -10px !important;
}

/* 目次の中身全体を左に移動 */
#st_toc_container > ul.st_toc_list {
    position: relative;
    left: -8px;
}

/* 目次：2つ目以降のピンクの見出しの上に余白を追加 */
#st_toc_container > ul.st_toc_list > li:not(:first-child) {
    margin-top: 30px !important;
}

/* スマホ：目次の二重線を左右15px伸ばす */
@media screen and (max-width: 767px) {
    #st_toc_container > ul.st_toc_list > li > a {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
        text-align: center !important;
        box-sizing: border-box;
    }
}
/* ------------------------------------------------------------------- */


/* ---ブログカード風---　*/
.st-cardbox {
padding: 15px 15px 10px !important;
border:solid 3px #f2d8bf !important;
border-radius: 5px;
margin-bottom: 20px;
box-shadow: none !important;
background-color :#ffffff !important;
}
.st-cardbox .clearfix dd h5,
.post .st-cardbox .clearfix dd h5,
#side .st-cardbox .clearfix dd h5 {
margin-top: 2px !important;
margin-bottom: 10px !important;
border-bottom: 3px dotted #dd9b9d;
padding-bottom: 5px !important;
}

a.st-cardlink,
a .st-cardbox h5,
a .st-cardbox p {
color: #8e6348 !important;
}

.st-cardbox-label-text{
background-color: rgba(197,159,34,0.6) !important;
}

.st-cardbox .clearfix dd p {
    font-size: 13px !important;
}

/* 続きを見る */
.post p.cardbox-more{
margin-bottom: 5px !important;
margin-top: 2px !important;
padding: 2px 10px !important;
border: 2px solid #dd9b9d;
border-radius: 15px;
color: #c59f22 !important;
background: #ffffff;
}
/* ------------------------------------------------------------------- */


/* ---記事スライドショー--- */
.content-post-slider .post-slide,
.post-card-list .post-card {
    background: #f0f0e0 !important; /* 背景色 */
}
.content-post-slider .post-slide-title a,
.post-card-list .post-card-title a {
    color: #8e6348;
}
.content-post-slider .post-slide-excerpt,
.post-card-list .post-card-excerpt {
    color: #d8836e;
}

.content-post-slider .post-slide-more a {
    border: 3px solid #f2d8bf;
    border-radius: 15px;
    background: #fffff9;
    color: #c59f22;
    font-weight: bold !important;
}

.content-post-slider .post-slide-more a:hover {
    border:3px solid #d8836e !important;
    background: #d8836e !important;
    color: #fffde7 !important;
    font-weight: bold !important;
    transition: 0.6s !important;
}

.content-post-slider .post-slide-excerpt p::after {
    background: linear-gradient(
        to bottom,
        rgba(240, 240, 224, 0),
        rgba(240, 240, 224, 1)
    ) !important;
}

.slick-dots li button:before {
    font-family: "GomaTag" !important;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\f069';
    text-align: center;
    opacity: .25;
    color: #d8836e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #c59f22;
}

.content-post-slider .slick-dots li {
    margin: 0 10px !important;
}/* アスタリスクの間隔 */

.content-post-slider .post-slide p {
    color: #dd9b9d !important;
    font-size: 11px !important;
}

.content-post-slider .slick-prev:before {
    content: "\f053" !important;
}

.content-post-slider .slick-next:before {
    content: "\f054" !important;
}

.content-post-slider .slick-prev,
.content-post-slider .slick-next {
    background: #c97969 !important;
}

.content-post-slider .slick-prev::before,
.content-post-slider .slick-next::before {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* ------------------------------------------------------------------- */


/* ---タグクラウド--- */
.tagcloud a {	
color: #c59f22 !important;
border:3px solid #f2d8bf !important;
border-radius: 5px !important;
background: #fffff9 !important;
font-weight: bold !important;	
}

.tagcloud a:hover {
border:3px solid #d8836e !important;
background: #d8836e !important;
color: #fffde7 !important;
font-weight: bold !important;
transition: 0.8s !important;
}

@font-face {
  font-family: "GomaTag";
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2");
}

.tagcloud a:before {
  content: "\f02b";
  font-family: "GomaTag" !important;
  font-weight: normal;
  font-size: 15px;
  color: #dd9b9d;
  display: inline-block;
  margin-right: 7px;
}

.tagcloud a:hover:before {
  color: #8c3625;
}
/* ------------------------------------------------------------ */


/* ---ウィジェット問合せボタン--- */
.st-formbtn {
border-radius: 5px !important;
}

/* ---ウィジェットオリジナルボタン--- */
.st-originalbtn {
border-radius: 5px !important;
}

/* ---オリジナルボタン(トップページ)--- */
.fa-home:before {
font-size: 120% !important;
}
/* ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */


/* ---アドセンスショートコード--- */
.ads-sc{
text-align: center;
padding-top: 30px;
}
.middle-ad{
text-align: center;
}

/* スポンサーリンクの文字色・サイズ */
.ads-sc > p {
    color: #cbb586 !important;
    font-size: 13px !important;
}
/* ------------------------------------------------------------------- */


/* ---本文リスト（ul）--- */
.pin-ul{
list-style-image: url(https://premium-goma.com/wp-content/uploads/2018/10/pin-ul.png);
}

/* ---目次リスト（ol）--- */
.pin-ol{
list-style-image: url(https://premium-goma.com/wp-content/uploads/2018/10/pin-ol.png);
}
.pin-ol-wide{
list-style-image: url(https://premium-goma.com/wp-content/uploads/2018/10/pin-ol.png);
margin: 0;
}
/* ------------------------------------------------------------------- */


/* ---メインコンテンツの背景色--- */
main {
border-radius: 5px;
background: #fffffc !important;
}
/* ------------------------------------------------------------------- */


/* ---サイドバーウィジェット背景--- */
#mybox {
margin-top: 40px !important;
margin-bottom: -20px !important;
padding: 15px !important;
border-radius: 5px;
background: #f0f0e0 !important;
}

/* ---???サイドバーウィジェット名--- */
.menu_underh2{
height: 50px !important;
margin-top: 25px !important;
margin-left: -20px !important;
padding-top: 18px !important; /* 文字の位置 */
padding-left: 30px !important; /* 文字の位置 */
border: none !important;
color: #600700 !important;
}
.menu_underh2:before {
content: url("https://premium-goma.com/wp-content/uploads/2018/10/pin-6.png") !important;
position: relative !important;
top: 8px;
left: -6px;
}

/* ---サイドのテキスト色--- */
#side aside > *,
#side li.cat-item a,
#side aside .kanren .clearfix dd h5:not(.st-css-no) a,
#side aside .kanren .clearfix dd p {
color: #8d4f42 !important;
}
/* ------------------------------------------------------------------- */


/* ---ヘッダーメニュー--- */
header .smanone ul.menu li{
border: none !important;
transition: 0.8s !important;
}/*ゆっくりと色を変える*/

header .smanone ul.menu li:hover{
background-color: #fffde7 !important;
}/*マウスオーバー時の背景色*/

header .smanone ul.menu li a:hover{
color: #8c3625 !important;
}/*マウスオーバー時の文字色*/

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

#st-menubox nav ul:not(.sub-menu) {
width:966px; /*メニュー幅の指定（メニュー数×161px）センター寄せ*/
margin:0 auto;
}

}
/*----------------------------------------------------------------------------*/



/* ---カテゴリ--- */
.catname.st-catid1 {
	background:#c59f22;f
	color:#fffde7;
}
.catname.st-catid3 {
	background:#c59f22;
	color:#fffde7;
}
/* ------------------------------------------------------------------- */

/* ---上へ戻る--- */

/* TOPへ戻る画像：表示サイズ固定 */
#page-top.page-top-img img {
    width: 110px !important;
    height: 110px !important;
    object-fit: contain;
    opacity: 0.7 !important;
}

/* マウスを合わせたとき・クリック時 */
#page-top.page-top-img:hover,
#page-top.page-top-img:active,
#page-top.page-top-img:hover img,
#page-top.page-top-img:active img {
    opacity: 1 !important;
}

/* スマホだけTOPへ戻る画像の位置調整 */
@media screen and (max-width: 599px) {
    #page-top.page-top-img {
        transform: translate(15px, 15px);
    }
}
/* ------------------------------------------------------------------- */



/* ------------------------------------------------------------------- */


/* ---データ表全体（出版社別データ）--- */
table.data{
font-size: 13px;
}

/* ---データ表セル--- */
table.data th,
table.data td{
padding: 3px;
border: 1px #d8836e solid; /* セルの境界線 */
}

.post table thead th, .post table thead td {
    border-bottom: 1px #d8836e solid;
    border-left: 1px #d8836e solid;
}

table.data th.d1{
width: 7%;
}
table.data th.d2{
width: 42%;
}
table.data th.d3{
width: 7%;
}
table.data th.d4{
width: 26%;
}
table.data th.d5{
width: 18%;
}

/* ---データ表見出し--- */
table.data thead th{
background-color: #f2d8bf;  /* 見出しの背景色 */
font-size: 15px;
text-align: center;
}

/* ---データ表 奇数行--- */
table.data tr.odd{
background-color: #fffded;  /* 奇数行の背景色 */
}

/* ---データ表 偶数行--- */
table.data tr.even{
background-color: #fffff9;  /* 偶数行の背景色 */
}
/* ------------------------------------------------------------------- */


/* ---カエレバ・ヨメレバ--- */
.cstmreba {
	width:95%;
	height:auto;
	margin:36px auto;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
}
.cstmreba p {
	margin: 0 !important;
	padding: 0 !important; /* WordPressで自動挿入されるPタグの余白を対処 */
}
.cstmreba a {
	transition: 0.8s ;
	color:#c0504d; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#dd9b9d; /* テキストリンクカラー(マウスオーバー時) */
}
.booklink-box, .kaerebalink-box {
	width: 100%;
	background-color: #fffde7; /* 全体の背景カラー */
	overflow: hidden;
    border: dashed 2px #f2d8bf; /*ステッチ風ボーダー色*/
	border-radius: 5px;
	box-sizing: border-box;
    box-shadow:0 0 0 4px #fffde7, 2px 1px 6px 4px rgba(197, 159, 34, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
	padding: 12px 10px;
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image {
    width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fffde7;
}
.booklink-image a,
.kaerebalink-image a {
	width:100%;
	display:block;
}
.booklink-image a img, .kaerebalink-image a img a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fffde7;
}
.booklink-info, .kaerebalink-info {
	overflow:hidden;
	line-height:140%;
	color: #8d4f42;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a {
	text-decoration: none;
}
/* 作品・商品名 リンク */
.booklink-name>a,
.kaerebalink-name>a {
	border-bottom: none;
	font-size:16px;
    font-weight:bold;
}
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
   margin-bottom: 20px !important; /* タイトル下余白 */
   padding-bottom: 10px !important; /* スマホ-タイトル下余白 */
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date {
    font-size:9px;
}
.booklink-powered-date a,
.kaerebalink-powered-date a {
	color:8e6348; /* カエレバ・ヨメレバ 文字色 */
    border-bottom: none;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover {
	color:#8e3648;
	border-bottom: none;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail {
	font-size:13px;
    margin-top: 8px;
    margin-bottom: 13px; /* 説明下余白 */
}
.kaerebalink-link1 div img, .booklink-link2 div img {
	display:none;
}
.booklink-link2>div,
.kaerebalink-link1>div {
	float:left;
	width:30%; /* ボタン横幅 */
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから *****/
.booklink-link2 a,
.kaerebalink-link1 a {
	width: 100%;
	display:inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 2px 0;
	padding: 4% 0.5%;
	border-radius: 17px;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 14px;
    font-weight: bold;
	line-height: 180%;
}
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border: 2px solid #ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { 
	background:#fffff9; 
	border: 2px solid #8d4f42;
    color: #600700;
    box-shadow: 0 4px 0 #8d4f42; /*ボタンの影*/
} /* Kindle */
.booklink-link2 .shoplinkrakukobo a { 
	background:#fffff9; 
	border: 2px solid #c0504d;
    color: #b80e3b;
    box-shadow: 0 4px 0 #c0504d; /*ボタンの影*/
 } /* 楽天kobo */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, .booklink-link2 .shoplinkamazon a {
	background:#fffff9;
	border: 2px solid #c59f22;
    color: #e4aa01;
    box-shadow: 0 4px 0 #c59f22; /*ボタンの影*/
} /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	background: #fffff9;
	border: 2px solid #d8836e;
    color: #c0504d;
    box-shadow: 0 4px 0 #d8836e; /*ボタンの影*/
} /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a {
	background:#70b062;
	border: 2px solid #70b062;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a:hover { 
	background: #600700; 
	border: 2px solid #600700; 
	color:#fffff9;
    transform: translate(0px, 1px) ;
} /* Kindle */
.booklink-link2 .shoplinkrakukobo a:hover { 
	background: #b80e3b; 
	border: 2px solid #b80e3b; 
	color:#fffff9;
    transform: translate(0px, 1px) ;
 } /* 楽天kobo */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a:hover, .booklink-link2 .shoplinkamazon a:hover {
	background: #e4aa01;
    border: 2px solid #e4aa01;
    color:#fffff9;
    transform: translate(0px, 1px) ;
 } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a:hover , .booklink-link2 .shoplinkrakuten a:hover {
	background: #c0504d;
    border: 2px solid #c0504d;
    color: #fffff9;
    transform: translate(0px, 1px) ;
 } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover {
	color:#70b062;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/

.booklink-footer {display: none;}
.kaerebalink-detail {display: none;}
 
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.booklink-image,
	.kaerebalink-image,
	.tomarebalink-image {
		width:100%;
		float:none;
	}
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.booklink-info,
	.kaerebalink-info,
	.tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
    margin: 0px !important; /* タイトル下余白 */
　　}
}
 
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}
/* ------------------------------------------------------------------- */


/* ---カッテネ--- */
/*  全ボタン共通  */
.kattene__btns a {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 15px !important;
	font-size: .9em !important;
	line-height: 30px !important;
	letter-spacing:0;
}
.kattene .kattene__btns {
  width: 97% !important;
}
.kattene__btns > div {
    margin-bottom: 10px !important;
}
.kattene__btns .kattene__btn {
    width: 97% !important;
}

/* ボタンオレンジ(Amazon) */
.kattene__btn.__orange {
    background:#fffff9 !important;
	border: 2px solid #c59f22 !important;
    color: #e4aa01 !important;
    -webkit-box-shadow: 0 5px 0 #c59f22 !important;
    -moz-box-shadow: 0 5px 0 #c59f22 !important;
    box-shadow: 0 5px 0 #c59f22 !important;
    -o-box-shadow: 0 5px 0 #c59f22 !important;
    -ms-box-shadow: 0 5px 0 #c59f22 !important;
}
.kattene__btn.__orange:hover{
	background: #e4aa01 !important;
    border: 2px solid #e4aa01 !important;
    color:#fffff9 !important;
}
/* ボタンブルー(楽天) */
.kattene__btn.__blue{
	background: #fffff9 !important; 
	border: 2px solid #d8836e !important; 
    color: #c0504d !important; 
    -webkit-box-shadow: 0 5px 0 #d8836e !important;
    -moz-box-shadow: 0 5px 0 #d8836e !important;
    box-shadow: 0 5px 0 #d8836e !important;
    -o-box-shadow: 0 5px 0 #d8836e !important;
    -ms-box-shadow: 0 5px 0 #d8836e !important;
}
.kattene__btn.__blue:hover{
	background: #c0504d !important;
    border: 2px solid #c0504d !important;
    color: #fffff9 !important;
}
/* ボタンレッド(Kindle) */
.kattene__btn.__red {
	background:#fffff9 !important; 
	border: 2px solid #8d4f42 !important; 
    color: #600700 !important;
    -webkit-box-shadow: 0 5px 0 #8d4f42 !important;
    -moz-box-shadow: 0 5px 0 #8d4f42 !important;
    box-shadow: 0 5px 0 #8d4f42 !important;
    -o-box-shadow: 0 5px 0 #8d4f42 !important;
    -ms-box-shadow: 0 5px 0 #8d4f42 !important;
}
.kattene__btn.__red:hover{
	background: #600700 !important;
	border: 2px solid #600700 !important;
	color:#fffff9 !important;
}
/* ボタングリーン(楽天kobo) */
.kattene__btn.__green {
	background:#fffff9 !important;
	border: 2px solid #c0504d !important;
    color: #b80e3b !important;
    -webkit-box-shadow: 0 5px 0 #c0504d !important;
    -moz-box-shadow: 0 5px 0 #c0504d !important;
    box-shadow: 0 5px 0 #c0504d !important;
    -o-box-shadow: 0 5px 0 #c0504d !important;
    -ms-box-shadow: 0 5px 0 #c0504d !important;
}
.kattene__btn.__green:hover {
	background: #b80e3b !important;
	border: 2px solid #b80e3b !important;
	color:#fffff9 !important;
}
/* ボタンピンク */
.kattene__btn.__pink {
	border: 2px solid #e1325b !important; 
}
.kattene__btn.__pink:hover {
	color: #e1325b !important;
}
/* WordPressで自動挿入されたPタグの余白を消す */
.kattene p {
	margin: 0;
	padding: 0;
}
/* ------------------------------------------------------------------- */



/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/


/* あざらしアイコン追記　見出し風 */
.goma-seal-title {
    position: relative;
    display: block;
    margin: 45px 0 25px;
    padding: 22px 0 18px 90px;
    min-height: 70px;
    box-sizing: border-box;

    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #dd9b9d;

    border-bottom: 2px solid #c8a06a;
}

/* あざらしアイコン　追記見出し */
.goma-seal-title {
    position: relative;
    display: block;
    margin: 60px 0 25px;
    padding: 12px 0 0 130px;
    min-height: 75px;
    box-sizing: border-box;

    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #c8a06a;

    border-bottom: 2px solid #dd9b9d;
}

/* あざらしアイコン */
.goma-seal-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% - 5px));
    width: 115px;
    height: 100px;

    background-image: url("https://premium-goma.com/wp-content/uploads/2026/10/icon-goma_postscript.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* スマホ用 */
@media screen and (max-width: 767px) {
    .goma-seal-title {
        font-size: 16px;
        padding-left: 130px;
    }
}

/* HTML */
/* <div class="goma-seal-title">タイトル</div> */



/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */