/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{
position: relative;
padding: 0.5em;
background: #F7ADA5;
color: white;
}


.entry-content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
}


/* 見出し装飾 */
.entry-content h3 {
  background: #f3f3f3 !important;
  border-left: 6px solid #F7ADA5 !important;
  padding: 12px 0px 12px 5px ;
  margin: 30px 0px 20px;
}


/* 見出し装飾 h4 */
.entry-content h4 {
  position: relative;
  border-bottom: 2px solid #F7ADA5 !important;
  background-color: #f3f3f3 !important;
  padding: 12px 0px 12px 5px ;
  margin: 40px 0px 20px;
}
.entry-content h4:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ddd #ddd !important;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}

/*--------------------------------------
  追尾型の目次をスクロールに変更
--------------------------------------*/
#fixed_sidebar .widget h4 + * {
max-height: 250px;/* 縦の幅 */
overflow-y: auto;
}

/*--------------------------------------
  関連記事(横長)
--------------------------------------*/
.linkto {/*全体*/
    position: relative;/*疑似要素の基準に*/
    max-width: 100%;/*最大の横幅*/
}
.linkto:before {/*疑似要素（前）*/
    position: absolute;/*基準を元に*/
    content: "関連";/*挿入する文字*/
    top: 10px;/*上からの位置*/
    left: 275px;/*左からの位置*/
    display: inline-block;/*縦横設定できるように*/
    width: 47px;/*横幅*/
    height: 27px;/*縦幅*/
    text-align: center;/*中央揃え*/
    vertical-align: middle;/*縦の中央揃え*/
    background: #ff525290;/*背景色*/
    font-size: 14px;/*文字の大きさ*/
    line-height: 28px;/*行の高さ*/
    color: white;/*文字色*/
    letter-spacing: 3px;/*文字間隔*/
    padding-left: 3px;/*内側の余白*/
    border-radius: 2px;/*角丸*/
}
.linkto:after {/*疑似要素（後）*/
    position: absolute;/*基準を元に*/
    display: flex;/*中の要素を動かせるように*/
    height: 100%;/*背景の高さ*/
    padding: 0px 15px;/*内側の余白（左右15px）*/
    content: "\f138";/*アイコン*/
    font-family: "FontAwesome";/*アイコンを表示できるように*/
    top: 0px;/*上からの位置*/
    right: 0px;/*右からの位置*/
    font-size: 2.8em;/*フォントサイズ*/
    color: #fff;/*文字色*/
    background: #58A9EF;/*背景色*/
    align-items: center;/*中央揃え*/
}
.linkto .tbtext {/*テキスト部分*/
    padding: 30px 62px 0px 10px;/*内側の余白（上右下左）*/
    vertical-align: top;/*上揃えに*/
    font-size: .95em;/*文字の大きさ*/
}

.linkto .tbimg {
 width: 250px;/*ショートコード画像の幅*/
}

/*--------------------------------------
関連記事カード２を変更 パターン２
--------------------------------------*/
.longc_linkto{/*カード全体の設定*/
	background : #FFFFFF;
    position: relative;/*疑似要素の基準に設定*/
    padding: 5px;/*内側の余白*/
    line-height:0;/*画像の下の余白削除(20180915追記)*/
}
.longc_linkto img {/*アイキャッチ画像が入っている部分の大きさ*/
    max-width: 40%;/*画像部分の横幅最大*/
    vertical-align:baseline;/*文字下に合わせる*/
}
.longc_img img {/*アイキャッチ画像*/
    padding: 0px;/*内側の余白10pxから0pxに*/
}
.longc_linkto .c_linkto_text {/*テキスト部分*/
    display: inline-block;/*横並びに*/
    padding: 0 60px 0 2%;/*内側の余白*/
    max-width: 55%;/*テキスト部分の横幅最大*/
    font-size: .8em;/*フォントサイズを小さく*/
    vertical-align:top;/*上によせる(20180915追記)*/
}
.longc_time {/*投稿日*/
    display: none;/*削除*/
}
.longc_linkto .c_linkto_text:before {/*疑似要素（前）*/
    position: absolute;/*基準に対して動けるように*/
    content: "関連";/*表示する文字*/
    top: 5px;/*上からの位置*/
    left: 5px;/*左からの位置*/
    display: inline-block;/*自由に横幅や高さを設定できるように*/
    width: 47px;/*横幅*/
    height: 27px;/*高さ*/
    text-align: center;/*中央揃え*/
    background: #78B0FF;/*背景色*/
    font-size: 14px;/*フォントサイズ*/
    line-height: 28px;/*行の高さ（縦方向中央揃え用）*/
    color: white;/*文字の色*/
    letter-spacing: 3px;/*文字の間隔*/
    padding-left: 3px;/*内側の余白（左）*/
    border-radius: 2px;/*角丸*/
}
.longc_linkto .c_linkto_text:after {/*疑似要素（後）*/
   position: absolute;/*基準を元に*/
    display: flex;/*中央揃えするために*/
    height: 100%;/*背景の高さ*/
    width: 30px;/*背景の横幅*/
    padding: 0px 15px;/*水平方向に中央揃え*/
    content: "\f35a";/*アイコン*/
    font-family: "Font Awesome 5 Free";/*アイコンを表示させる*/
    top: 0px;/*上からの位置*/
    right: 0px;/*右からの位置*/
    font-size: 2.3em;/*文字の大きさ*/
    color: #fff;/*文字の色*/
    background: #FCE1E6;/*背景色*/
    align-items: center;/*アイコンを中央揃え*/
}
/*****   PCでの画像表示   *****/
@media only screen and (min-width: 481px){/*横幅481px以上での表示*/
.longc_img {/*アイキャッチ画像が入っている部分の大きさ*/
    width: 30%;/*横幅*/
}
.longc_linkto img {/*アイキャッチ画像の大きさ*/
    max-width: 100%;/*横幅*/
    vertical-align: top;/*上揃え*/
}
.c_linkto.longc_linkto .longc_content {/*テキスト部分*/
    vertical-align: top;/*上揃え*/
}
.longc_linkto .c_linkto_text {/*テキスト部分*/
    padding: 0 70px 0 2%;/*内側の余白*/
    font-size: 1em;/*フォントサイズ*/
}
.longc_linkto .c_linkto_text:after {/*アイコン*/
    width: 38px;/*位置調整用*/
}}


/*--------------------------------------
  ナビドロワー部分のSNSボタン
--------------------------------------*/
.kjk_sng_sharebox{/*全体*/
    padding: 0 17px;/*左右に余白*/
}
.kjk_sng_sharebox .hatebu,.kjk_sng_sharebox .gplus {/*いらないボタンの非表示*/
    display: none;/*隠れ身の術だってばよ*/
}
.kjk_sng_sharebox .sns-btn ul{/*ボタンの全体*/
    margin-top: 0; /*外側上の余白を0に*/
    display: flex;/*キレイに横並びにする*/
    -webkit-flex-flow: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.kjk_sng_sharebox .share_txt{/*文字*/
    display: none;/*非表示*/
}
.kjk_sng_sharebox .sns-btn__item a {/*ボタン*/
    width: 62px;/*幅*/
    height: 62px;/*高さ*/
    margin: 0;/*外側の余白0*/
    padding: 11px 0;/*内側の余白（上下）*/
    border: 2px solid;/*枠線*/
    border-radius: 10px;/*枠線を角丸に*/
}

/*--------------------------------------
SNSボタンカスタマイズ
--------------------------------------*/
/*-----ボタンが入る枠の設定です-----*/
.prof-sns{
    text-align: center;/*中央揃え*/
    padding-top: 5%;/*上の余白（内側）*/
    border-top: 2px dotted #42424220;/*上線 太さ 形状 色*/
    font-size: 0.6em;/*文字の大きさ*/
}
/*-----Twitter部分-----*/
.prof-sns .pf-tw {/*クラス名を指定*/
    display: inline-block;/*縦横を調整できるように*/
    width: 43%;/*ボタンの幅*/
    height: 60px;/*ボタンの高さ*/
    margin: 0% 1.5% 5%;/*余白（外側） 上0　左右1.5％　下5％*/
    padding-top: 6px;/*上の余白（内側）アイコンの位置調整用*/
    border-radius: 5px;/*ボタンを角丸にする*/
    text-align: center;/*ボタン内を中央揃えに*/
    letter-spacing: .05em;/*字間をちょい広く*/
    background: #1DA1F290;/*ボタンの背景*/
    color: #fff;/*文字の色*/
}
.pf-tw:hover{/*カーソルをのせたときの変化*/
	background: #1DA1F2;/*背景色*/
	text-decoration: none;/*文字の下線が出ないように*/
	transition: all ease-in-out .3s;/*ゆっくり変化していくように*/
}
/*-----Facebook-----*/
.prof-sns .pf-pf {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #4267B2;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-pf:hover{
    background: #1B4B93;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----FEEDLY部分-----*/
.prof-sns .pf-fd {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #80CF93;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-fd:hover{
	background: #2BB24C;/*ここの色はお好きな色に*/
	text-decoration: none;
	transition: all ease-in-out .3s;
}
/*-----mail-----*/
.prof-sns .pf-amazon {
    display: inline-block;
    width: 43%;
    height: 60px;
    margin: 0% 1.5% 5%;
    padding-top: 6px;
    border-radius: 5px;
    text-align: center;
    letter-spacing: .05em;
    background: #F88080;/*ここの色はお好きな色に*/
    color: #fff;
}
.pf-amazon:hover{
    background: #FD0219;/*ここの色はお好きな色に*/
    text-decoration: none;
    transition: all ease-in-out .3s;
}
/*-----アイコンの大きさ調整-----*/
.prof-sns .fa-envelope,.prof-sns .fa-facebook-f,.prof-sns .fa-twitter,.prof-sns .fa-rss,.prof-sns .fa-amazon,.prof-sns .fa-user-circle-o {
    font-size: 3em;/*全部のアイコンの大きさ*/
}

/*-----画像変化-----*/
img:hover {
   opacity: 0.75; /* 25％ほど透明にする */
}



/* 楽天用　赤ボタン単一 */
 
.red-btn {
    font-size:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 300px;
    margin-bottom: 1em;
}
 
.red-btn a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color:#ed254e;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
 
.red-btn a:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
    box-shadow:none;
}

/*カエレバ AMAZONレビューリンク*/
.kaerebalink-review a {
    color: #4F96F7;
    text-decoration:underline;
    letter-spacing: -1px;
}

/*--------------------------------------
トップページ用CSS　ここから
--------------------------------------*/
/*背景色・上部余白調整*/
.home #entry {
background:none;
}
.home .entry-content {
padding-top: 0;
}

/*新着記事用。トップに新着記事を載せない場合はなくても構いません。*/
@media only screen and (min-width: 481px) {
.catpost-cards .c_linkto {
width: 47%;
margin: 1em 0;
max-width: none;
}
}
.space-between {
justify-content: space-between;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
}

/*カテゴリ見出しカスタマイズ*/
#inner-content .entry-content h3.top-title {
border-left: none;
color: #000;
overflow: hidden;
text-align: center;
}
#inner-content .entry-content h3.top-title span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
}
#inner-content .entry-content h3.top-title span:before,
#inner-content .entry-content h3.top-title span:after {
position: absolute;
top: 50%;
content: '';
width: 400%;
height: 1px;
background-color: #000;
}
#inner-content .entry-content h3.top-title span:before {
right: 100%;
}
#inner-content .entry-content h3.top-title span:after{
left: 100%;
}

/*トップページ記事カード用*/
.popular-posts .cardtype__article-info {
padding-top: 0.5em;
}
.popular-posts .cardtype__link {
padding-bottom: 10px;
}
.popular-posts.cardtype {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.popular-posts .cardtype__article {
width: 48%;
margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
margin-right: 4%;
}
.popular-posts .cardtype__article p {
margin: 0; 
}
.popular-posts.cardtype h2 {
margin: 0 5px;
font-size: 15px;
color: inherit;
background: none;
}

/*画像のふちに余白*/
.c_linkto img,
.cardtype__img img {
padding: .45em .45em 0 .45em;
}

/*rinkerボタン色*/
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
background: #51A7E8; /* 背景色 */
border: 2px solid #51A7E8; /* 外枠 */
}

/*--------------------------------------
トップページ用CSS　ここまで
--------------------------------------*/

/*アフィリエイトボタン楽天用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/



/*--------------------------------------
リンカーボタン　スマホ表示　ここから
--------------------------------------*/
@media screen and (max-width: 500px){/*スマホ表示用（ブレイクポイント500px）*/
/*-----全体-----*/
div.yyi-rinker-contents div.yyi-rinker-box {
    display: block;/*縦表示になるように*/
}
/*-----画像ー----*/
div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;/*画像を中央表示*/
}
/*-----商品名やボタンなど-----*/
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*全体*/
    padding: 0;/*余白削除*/
    margin: auto;/*中央揃え*/
    width: 87%;/*横幅*/
    text-align: center;/*商品名やボタンを中央表示*/
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {/*価格*/
    display: block;/*価格を縦並びにする*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
    width: 100%;/*横幅いっぱい*/
    margin: .5em 0;/*上下の余白　左右の余白削除*/
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタンの文字*/
    padding: 0;/*文字の余計な余白を削除*/
}}
@media screen and (min-width: 501px) and (max-width: 1239px){/*スマホとPCの中間くらい（ブレイクポイント501～1239px）*/
div.yyi-rinker-contents ul.yyi-rinker-links li{
    width:80%;/*横幅を80％*/
}}

/* ————————————- */
/* Rinker カスタマイズ */
/* ————————————- */
/*****
** 商品タイトル 
*****/
.yyi-rinker-title {
	margin: 0 auto 10px; 
}
div.yyi-rinker-contents div.yyi-rinker-title p {
	margin: 0 ; 
}
div.yyi-rinker-contents div.yyi-rinker-title a {
	border-bottom: 1px solid;  /* テキスト下線 */
	color:#51A7E8; /* テキストリンクカラー */
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}


/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
  border-bottom: 1px solid #dedede;
    border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
}
.p-sticky-table th{
  background:#f0f9ff !important; /* 見出し背景色 */
  color: #666;/* 見出し文字色 */
  font-weight: 500 !important;/* 見出し文字太さ */
  font-size:13px !important; /* 見出し文字サイズ */
}
.p-sticky-table td{
  font-size: 13px !important; /* 文字サイズ */
  color:#555; /* 文字色 */
}
.p-sticky-table thead th:first-child,.p-sticky-table tbody th:first-child{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
  border:none;
}
.p-sticky-table tr{
  border-top:1px solid #dedede;
  border-bottom:none !important;
}
.p-sticky-table tr:last-child{
  border-bottom:1px solid #dedede;
}
.p-sticky-table th, .p-sticky-table td {
  vertical-align:middle !important;
  border: none !important;
  background:#fff;
  text-align:center;
  padding:12px !important;
}
.p-sticky-table img{
  margin:0;
  padding:0;
  max-width:70px !important; /* 画像最大サイズ */
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table th{
    font-size:11px !important; /* スマホ見出し文字サイズ */
  }
  .p-sticky-table td{
    font-size: 11px !important; /* スマホ文字サイズ */
  }
  .p-sticky-table thead th:first-child,.p-sticky-table tbody th:first-child{
    white-space:normal;
    min-width:80px; /* スマホ見出し横幅 */
  }
  .p-sticky-table th, .p-sticky-table td {
    padding:8px !important;
  }
  .p-sticky-table img{
    max-width:50px !important; /* スマホ画像最大サイズ */
  }
}

.p-sticky-table{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

/************************************
** 横長テーブル ここまで
************************************/

/* ————————————- */
/* 目次に戻る　右寄せ */
/* ————————————- */

.toc_back{
text-align: right;
}

/* ————————————- */
/* 目次に戻る　右寄せ ここまで　*/
/* ————————————- */

/*--------------------------------------
Fontawesomeカラー用CSS
--------------------------------------*/
.my-lgray {color: #DEDEDF}
.my-gray {color: gray}
.my-skyblue {color: skyblue}
.my-orange {color: #fecb81}
.my-green {color: #00A82D}
.my-yellow {color: #FEF752}
.my-pink {color: #F1BAC0}
	.my-red {color: #F70000}