/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.kijiad {
    max-width: 336px;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .kijiad {
        max-width: 300px;
        margin: 0 auto;
    }
}


.ad-box { /* 広告下の余白 */
    margin-bottom: 10px;
}
#ad-pc-left {
    float: left;
    padding:5px;
}
#ad-pc-right {
    float: right;
    padding:5px;
}

/* ウィジェットSNSボタン */

ul.web-logo-font {
  padding: 0;
  font-family: sans-serif;
}

ul.web-logo-font li {
  float: left;
  list-style-type: none;
  margin-right: 5px;
  padding-right: 5px;
}

ul.web-logo-font li a{
  font-size: 30px;
  text-decoration: none;
  color: #000;
}

ul.web-logo-font li a:hover{
  opacity: 0.6;
}

/*強調するためにあらためて記入しただけでまとめて書いてもOK*/
ul.web-logo-font li a{
  color: white;
  padding: 7px;
  border-radius: 5px;
}

/*背景色を設定*/
ul.web-logo-font a.twitter-btn-icon-link{background-color:#55ACEE;}
ul.web-logo-font a.facebook-btn-icon-link{background-color:#3C5A99;}
ul.web-logo-font a.google-plus-btn-icon-link{background-color:#DD4B39;}
ul.web-logo-font a.hatena-btn-icon-link{background-color:#3C7DD1;}
ul.web-logo-font a.power-btn-icon-link{background-color:#EEAC00;}
ul.web-logo-font a.line-btn-icon-link{background-color:#00C300;}
ul.web-logo-font a.feedly-btn-icon-link{background-color:#2BB24C}

/*タグクラウド文字の大きさ*/
.widget.widget_tag_cloud a {
   font-size: 15px!important;
}

/* ===============消しちゃダメ============== */
/* kaereba/yomereba Customize Settings 1.0.0 ver */
/* Created by Cazuki Hoshina */
/* Copyright (c) @cazuki All rights Reserved. */
/* ======================================== */

.kaerebalink-box, .booklink-box, .tomarebalink-box {
  width: 100%;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid;
  border-color: #eaeaea #dddddd #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  /zoom:1;
}
.kaerebalink-box:after, .booklink-box:after, .tomarebalink-box:after {
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.kaerebalink-image, .booklink-image, .tomarebalink-image {
  float:left;
  width:128px;
  margin:0;
  text-align:center;
}
.kaerebakink-image img, .booklink-image img, .tomarebalink-image { width:128px; height:auto; }
.kaerebalink-info, .booklink-info, .tomarebalink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name, .booklink-name, .tomarebalink-name {
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0;
}
.kaerebalink-name a, .booklink-name a, .tomarebalink-name a { color: #2b2b2b; }
.kaerebalink-name a:hover, .booklink-name a:hover, .tomarebalink-name a:hover { text-decoration: underline; }
.kaerebalink-powered-date, .booklink-powered-date, .tomarebalink-powered-date { font-size: 0.75rem; font-weight: normal; }
.kaerebalink-detail, .booklink-detail, .tomarebalink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 { width:100%; }
.kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div {
  float: left;
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 1%; }
.kaerebalink-link1 div a, .booklink-link2 div a, .tomarebalink-link1 div a { display:block; padding:3px 0; text-decoration:none; }
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkyahooAuc a,
.shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a,
.shoplinkkindle a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,
.shoplinkjun a, .shoplinktoshokan a, .shoplinkjalan a, .shoplinkjtb a, .shoplinkrurubu a {
  display:block;
  text-decoration:none;
}
.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.shoplinkjalan a { color:#ffffff; background:#ff6600; }
.shoplinkjtb a { color:#ffffff; background:#b22222; }
.shoplinkrurubu a { color:#ffffff; background:#ffc0cb; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
    .kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div { float: none; width: 100%; }
    .kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
    .kaerebalink-image, .booklink-image, .tomarebalink-image {
      float:none;
      width:100%;
      margin:0;
      text-align:center;
    }
    .kaerebalink-image img, .booklink-image img, .tomarebalink-image img { width:180px; height:auto; }
    .kaerebalink-info, .booklink-info, .tomarebalink-info { margin: 0; }
    .kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div { float: none; width: 100%; }
    .kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 0; }
}

/*アプリリーチ*/
#appreach-box {
    background: #ccc;
    background-image: -webkit-linear-gradient(top,
            rgba(220, 220, 220, 1.0), 
            rgba(240, 240, 240, 1.0) 25%,
            rgba(235, 235, 235, 1.0) 30%,
            rgba(240, 240, 240, 1.0) 36%,
            rgba(235, 235, 235, 1.0) 50%,
            rgba(215, 215, 215, 1.0) 80%,
            rgba(210, 210, 210, 1.0)
            );
    background-image: -moz-linear-gradient(top,
            rgba(220, 220, 220, 1.0), 
            rgba(240, 240, 240, 1.0) 25%,
            rgba(235, 235, 235, 1.0) 30%,
            rgba(240, 240, 240, 1.0) 36%,
            rgba(235, 235, 235, 1.0) 50%,
            rgba(215, 215, 215, 1.0) 80%,
            rgba(210, 210, 210, 1.0)
            );
    background-image: -o-linear-gradient(top,
            rgba(220, 220, 220, 1.0), 
            rgba(240, 240, 240, 1.0) 25%,
            rgba(235, 235, 235, 1.0) 30%,
            rgba(240, 240, 240, 1.0) 36%,
            rgba(235, 235, 235, 1.0) 50%,
            rgba(215, 215, 215, 1.0) 80%,
            rgba(210, 210, 210, 1.0)
            );
    background-image: linear-gradient(to bottom,
            rgba(220, 220, 220, 1.0), 
            rgba(240, 240, 240, 1.0) 25%,
            rgba(235, 235, 235, 1.0) 30%,
            rgba(240, 240, 240, 1.0) 36%,
            rgba(235, 235, 235, 1.0) 50%,
            rgba(215, 215, 215, 1.0) 80%,
            rgba(210, 210, 210, 1.0)
            );
    border-top: 1px solid #ccc;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #ddd;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5) inset;
    color: #333;
    margin: 2rem 0;
    padding: 1rem;
    text-shadow: -1px 1px 0 rgba(255,255,255,.8);
}
 
#appreach-box p,
#appreach-box br {
    display: none;
}
 
.appreach-info {
    overflow: hidden;
}
 
.appreach-info a {
    color: #333;
}
 
#appreach-appname {
    font-size: 1.1em;
    font-weight: bold;
}
 
.appreach-powered {
    background-color: rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2) inset;
    color: #111;
    display: block !important;
    font-size: 65% !important;
    margin: 1em 0;
    padding: .2em .5em .2em 0;
    text-align: center;
    text-shadow: -1px 1px 0 rgba(255,255,255,.2);
}
 
.appreach-powered a {
    color: #111;
}

.header.headercenter #logo img {
    max-height: 130px;
}


/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 59%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}
 
/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}
 
/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}
 
/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
 
/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}
 
/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}
 
/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}
 
/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
 
/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}
 
/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
 
/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
 
 
 
 
/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}

/*文字囲み*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #3baf29;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #3baf29;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.sc_marker {
    background: linear-gradient(transparent 50%, #ffff66 50%);
}


/*Twitterフォロースマホ*/
.p-asideFollowUs__twitter {
background: #f2f2f2;
margin-top: 0px;
padding: 10px 0;
border-radius: 4px;
}
.p-asideFollowUs__twitter__cont {
text-align: center;
font-size: 16px;
color: #252525;
line-height: 1.9;
}
.p-asideFollowUs__twitter__item {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
/*TwitterフォローPC*/
.p-entry__tw-follow {
margin-bottom: 10px;
background: #f2f2f2;
width: 100%;
padding: 10px 0;
border-radius: 4px;
}
.p-entry__tw-follow__cont {
text-align: center;
font-size: 17px;
color: #252525;
}
.p-entry__tw-follow__item {
display: inline-block;
vertical-align: 30%;
margin: 8px 0 0 0;
}

/*---relation---*/
.entry-content .margin-clear {
 margin: 0;
}
 
.entry-content .relation-head {
 display: inline-block;
 padding: 5px 10px 2px;
 margin-bottom: 0;
 font-size: 16px;
 font-weight: bold;
 background-color: #ea4747;
 color: #fff;
 border-radius: 4px 4px 0 0;
}
 
.entry-content .relation-link {
 display: block;
 height: auto;
 /*color: #1464b3;*/
 text-decoration: underline;
 border: solid 2px #ea4747;
 background-color: rgba(255,254,242,0.5);
 border-radius: 0 4px 4px 4px;
 padding: 20px;
 margin: 0 auto 20px;
 font-size: 16px;
}
 
.entry-content .relation-link:before {
 content: "\f0a9";
 padding-right: 10px;
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 animation: horizontal 3s ease infinite;
 -webkit-animation: horizontal 3s ease infinite;
}

.entry-content .relation-link-id {
 display: block;
 height: auto;
 text-decoration: underline;
 border: solid 2px #ea4747;
 background-color: rgba(255,254,242,0.5);
 border-radius: 0 4px 4px 4px;
 padding: 20px;
 margin: 0 auto 20px;
 font-size: 16px;
}
 
.entry-content .relation-link-id-link:before {
 line-height: 1 !important;
 content: "\f0a9";
 padding-right: 10px;
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 animation: horizontal 3s ease infinite;
 -webkit-animation: horizontal 3s ease infinite;
}

/** 2017/4/8追記 */
/**======= 色の指定はこちら ========*/
/** color=green */
.entry-content .relation-green .relation-head {
    background-color: #44cc55;
}
.entry-content .relation-green .relation-link {
    border: solid 2px #44cc55;
}
.entry-content .relation-green .relation-link-id {
    border: solid 2px #44cc55;
}

/** color=yellow */
.entry-content .relation-yellow .relation-head {
    background-color: #f9c31f;
}
.entry-content .relation-yellow .relation-link {
    border: solid 2px #f9c31f;
}
.entry-content .relation-yellow .relation-link-id {
    border: solid 2px #f9c31f;
}

/** color=black */
.entry-content .relation-black .relation-head {
    background-color: #666;
}
.entry-content .relation-black .relation-link {
    border: solid 2px #666;
}
.entry-content .relation-black .relation-link-id {
    border: solid 2px #666;
}

/** color=pink */
.entry-content .relation-pink .relation-head {
    background-color: #ff498a;
}
.entry-content .relation-pink .relation-link {
    border: solid 2px #ff498a;
}
.entry-content .relation-pink .relation-link-id {
    border: solid 2px #ff498a;
}


/**　メールで購読ボタン */
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font-size: 0.95em;
    padding: 8px 20px;
    background: #17ab37;
    color: #fff;
    border: 0;
    border-radius: 5px;
}


/* ストーク・リンクカードのカスタマイズ */
.related_article a{
border: 0.5px solid #1e1e1e !important;/* 枠線*/
background: #fffff9 !important;/* 背景*/
color: #4285f4 !important;/* リンク内テキストカラー*/
border-radius: 0.5em;/* 枠線の角を丸くする*/
padding: 30px 20px 30px 30px !important;/* 余白を空ける*/
}

/* ストーク・リンクカード内ラベルのカスタマイズ */
.related_article .ttl:before{
font-size: 13px !important;/* ラベル内フォントサイズ*/
 content:'この記事を読む' !important;/* ラベル内文字変更*/
 background: #ea5550 !important;/* ラベルのカラー変更*/
width: 120px !important;/* ラベルのサイズ指定*/
color: #1e1e1e !important;/* ラベル内のテキストカラー*/
}

/* ストーク・リンクカードにマウスを合わせた時のカラー変更 */
.related_article a:hover{background: #ffffa3 !important;}


/* 目次の枠線 */
#toc_container {border: solid 2px #1e1e1e;　
}

/* 目次のアイコン */
#toc_container .toc_title:before{
 content: "\f0f6";/*アイコンの種類*/
 font-family: FontAwesome;
 display: inline-block;
 width: 1.2em;
　　　}

/* 目次のフォント設定 */
p.toc_title {
text-align: center;
font-size:17px;
font-weight: bold;}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:15px}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px}

/* マーカー赤 */
.sc_marker-red {
    background: linear-gradient(transparent 50%, #ffc6d1 50%);
}

/* マーカー緑 */
.sc_marker-green {
    background: linear-gradient(transparent 50%, #ace896 50%);
}

/* マーカー青 */
.sc_marker-blue {
    background: linear-gradient(transparent 50%, #82dbec 50%);
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px #3baf29;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #3baf29;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/* LINE */
.sns .line a {
    background:#25af00;
    box-shadow:0 3px 0 #219900;
}
.sns .line a:hover {
    background:#219900;
}

.header-info a {
    display: block;
    font-size: .8em;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #f5ca5e;
    padding: .4em;
}

/* バッジ */
.sankou-badge, .link-badge, .itiosi-badge {
  padding: 3px 6px;
  margin-right: 8px;
  margin-left: 1px;
  font-size: 75%;
  color: white;
  border-radius: 6px;
  box-shadow: 0 0 3px #ddd;
  white-space: nowrap;
}

.link-badge {
  background-color: #58ACFA; /*青*/
}

.sankou-badge {
  background-color: #04B404; /*緑*/
}

.itiosi-badge {
  background-color: #CC3333; /*赤*/
}


/* スマートフォン用ミドルメニュー */
.sp-middle-menu {
    background: #3baf29; /*メニューの背景色*/
    border-top: 1px solid #f5f5f5;  /*枠線の色*/
    border-left: 1px solid #f5f5f5; /*枠線の色*/
}
.sp-middle-menu .middle-menu {
    margin: 0;
}
.sp-middle-menu .middle-menu li a {
    font-size: 70%;  /*折り返してしまう時は文字サイズを小さくしてください*/
    width: 33.3333%; /*50%で2等分 33.3333%で3等分*/
    border-bottom: 1px solid #f5f5f5; /*枠線の色*/
    border-right: 1px solid #f5f5f5;  /*枠線の色*/
    list-style: none;
    text-align: center;
    color: #ffffff; /*文字の色変更*/
    float: left;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
}

/* ---------- ストークタブ機能用CSS ---------- */
.post-tab-list ul.tab-list {
    display: flex;
}

.post-tab-list ul li {
    flex-direction: row;
    width: 25%;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    position: relative;
    background-color: rgba(189,189,189,.17);
}

.post-tab-list ul li.selected {
    background-color: #3baf29;    /* 選択中のタブの背景色 */
    color: #fff;             /* 選択中のタブの文字色 */
    font-weight: bold;
}

.post-tab-list ul li:not(:first-child){
    margin-left: 5px;
}

.post-tab-list ul li.selected::after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    opacity: 1;
    width: 0;
    height: 0;
    border-top: 8px solid #2b2b2b;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top-color: #3baf29;    /* 選択中のタブの下矢印の色 */
}

.ptl, #main > .top-post-list.unselected, #main > .post-list-card.unselected, #main > .post-list-magazine.unselected, .pagination.unselected {
 display: none;
}

.ptl.selected {
    display: block;
}

@media only screen and (max-width: 767px) {
    .post-tab-list ul.tab-list {
        display: flex;
        flex-wrap: wrap;
    }

    .post-tab-list ul li {
        width: calc(50% - 2px);
    }
    
    .post-tab-list ul li:nth-child(odd){
        margin: 0 4px 4px 0;
    }

    .post-tab-list ul li:nth-child(even){
        margin: 0 0 4px 0;
    }
    
    .post-tab-list ul li.selected::after {
        content: none;
    }
}

/* スマート　囲み枠　1 */
.kakomi-smart1 {
 position: relative;
 margin: 2em auto;
 padding: 2.5em 1em 1em;
 width: 90%; /* ボックス幅 */
 border-style: solid;
 border-color: #82ca9c; /* 枠の色 */
 border-width: 5px 1px 1px;
 background-color: #f7f7f7; /* 背景色 */
 color: #666; /* テキスト色 */
 box-shadow: 1px 1px 3px #ccc; /* 影 */
}

.title-smart1 {
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #f7f7f7; /* タイトル背景色 */
 color: #82ca9c; /* タイトル色 */
 font-size: 1.1em;
 font-weight: bold;
}


/* 注目ボックス */
.cp_point {
position: relative;
margin: 40px 0 30px;
padding: 25px 20px 15px 40px;
border: 3px double #da3c41;
background-color: #fffafa;
border-radius: 10px;
}
.cp_point::before {
position: absolute;
top: -1.25em;
left: 1.5em;
content: attr(title);
padding: .3em .5em 0 2em;
font-size: 90%;
font-weight: bold;
color: #da3c41;
height: 27px;
background-color: #fcfcfc;
border-radius: 20px;
border: 2px solid #da3c41;
}
.cp_point::after {
position: absolute;
top: -1em;
left: .5em;
font-family: FontAwesome;
content: "\f164 ";
padding: .3em 0 0 0;
font-size: 18px;
color: #fff;
line-height: 25px;
text-align: center;
width: 35px;
height: 30px;
background-color: #da3c41;
border-radius: 20px 0 0 20px;
}
.cp_point li {
position: relative;
list-style-type: none;
}
.cp_point li::before {
position: absolute;
top: .25em;
left: -1.5em;
font-family: FontAwesome;
content: "\f138 ";
color: #bbb;
}


/*** レスポンシブテーブルデザイン ***/
.shokai{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.shokai th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */



/* カード全体像 */
.blogcard {
  margin-bottom: 30px;
  max-width: 100%;
  background-color: white;
  border: 1px solid rgb(211,211,211);
  border-radius: 2px;
  box-shadow: 0 10px 6px -6px rgba(0,0,0,.1);
  color: rgb(51,51,51);
  padding: 10px;
}

/* float親要素 */
.blogcard-content {
  margin-bottom: 5px;
  overflow: hidden;
}

/* 画像 */
.blogcard-image {
  display: inline-block;
  float: right; /* 画像を左に配置したい場合は left に変更 1/2 */
  margin: 0 0 5px 5px; /* 画像を左に配置したい場合は 0 10px 5px 0 に変更 2/2 */
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 1/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 2/6 */
}

.blogcard-image-wrapper {
  display: inline-block;
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 3/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 4/6 */
}

.blogcard-image-wrapper img {
  width: 100px; /* 画像の表示サイズ変更は数値をpxで変更 5/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 6/6 */
  object-fit: cover;
  object-position: center center;
}

/* タイトル */
.blogcard-title {
  margin-bottom: 5px;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
}

.blogcard-title a {
  color: rgb(61,63,68);
  word-break: break-all;
}

.blogcard-title a:hover {
  text-decoration: underline;
}

/* 引用 */
.blogcard blockquote {
  margin: 0;
  border: 0;
  padding: 0;
  position: static;
}

.blogcard blockquote:before,
.blogcard blockquote:after {
  content: none;
}

/* 記事概要 */
.blogcard-description {
  line-height: 1.5;
  font-size: 13px;
}

/* フッター(元記事サイト名とリンク) */
.blogcard-footer {
  font-size: 12px;
}

.blogcard-footer a {
  color: rgb(154,165,171);
  text-decoration: underline;
}

.blogcard-footer a img {
  margin-right: 5px;
}

/* PS Auto Sitemapリストの●を消す*/ 
#sitemap_list li:before{ 
width: 0; 
height: 0; 
}

/* PS Auto Sitemapの_を消す*/ 
#sitemap_list li a { 
text-decoration: none; 
}


/* -- タイムライン用タイトル付 01 -- */
.custom-box9 {
    position: relative;
    margin: 4em 0 4em 3em;
    padding: 0 4%;
    background: #fafaff; /* ボックス背景色 */
    box-shadow: -25px 0 0 25px #fafaff; /* 背景色と同じカラーを指定 */
    border-left: solid 2px #3baf29; /* ボーダー左の色 */
}
.custom-box9-label {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -33px;
    color: #3baf29; /* ラベル文字色 */
    font-size: 1.3em;
    font-weight: bold;
}
.custom-box9-title {
    margin-bottom: .4em;
    color: #3baf29; /* タイトル文字色 */
    font-size: 1.4em;
    font-weight: bold;
}
.custom-box9 p {
    margin-bottom: .8em;
}
.custom-box9 p:last-child {
    margin-bottom: 0;
}

/* -- タイムライン用タイトル付 02 -- */
.custom-box10 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .7em 4% .7em 3.5em;
    background: #fffafa; /* ボックス背景色 */
    border-bottom: solid 2px #3baf29; /* ボーダーの色 */
}
.custom-box10-label {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: -20px;
    background: #3baf29; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.3em;
    font-weight: bold;
    width: 50px;
    height: 50px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box10-label:before {
    content: "step";
    position: absolute;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    left: 50%;
    -ms-transform: translate(-50%);
    -webkit-transform : translate(-50%);
    transform : translate(-50%);
}
.custom-box10-title {
    color: #3e3e3e; /* タイトル文字色 */
    font-size: 1.4em;
    font-weight: bold;
}

/* ------- 質問 Q ------- */
.custom-box6 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .5em 4% .5em 2.5em;
    background: #f2f2f9; /* ボックス背景色 */
    border-radius: 10px;
}
.custom-box6-label {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -20px;
    background: #1478e6; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.4em;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box6 p {
    margin-bottom: .8em;
}
.custom-box6 p:last-child {
    margin-bottom: 0;
}

/* ------- 質問 A ------- */
.custom-box7 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .5em 4% .5em 2.5em;
    background: #fcefef; /* ボックス背景色 */
    border-radius: 10px;
}
.custom-box7-label {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -20px;
    background: #e63c28; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.4em;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box7 p {
    margin-bottom: .8em;
}
.custom-box7 p:last-child {
    margin-bottom: 0;
}

/* ------- 質問 B ------- */
.custom-box8 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .5em 4% .5em 2.5em;
    background: #e5f9e5; /* ボックス背景色 */
    border-radius: 10px;
}
.custom-box8-label {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -20px;
    background: #3baf29; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.4em;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box8 p {
    margin-bottom: .8em;
}
.custom-box8 p:last-child {
    margin-bottom: 0;
}

/* ------- 質問 C ------- */
.custom-box19 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .5em 4% .5em 2.5em;
    background: #f9f9e3; /* ボックス背景色 */
    border-radius: 10px;
}
.custom-box19-label {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -20px;
    background: #e6e214; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.4em;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box19 p {
    margin-bottom: .8em;
}
.custom-box19 p:last-child {
    margin-bottom: 0;
}

/* ------- シェブロン ------- */
ul.li-chevron li{
    padding-left: 1.4em;
}
ul.li-chevron  li:before{
    position:absolute;
    display:block;
    font-family:"FontAwesome";
    content:"\f138"; /* アイコン指定 */
    color:#e63c28; /* アイコン色 */
    box-shadow: none;
    left:0;
    top: 0;
    width: 0;
    height: 0;
    line-height: 25px;
    font-size: 20px;
}

/* ------ 吹き出し下 ------ */
.badge6{
    position: relative;
    margin: 0 20px 0 3px;
    padding: 7px 20px;
    background-color: #82c8e2; /* 背景色 */
    color: #fff; /* 文字色 */
    border-radius: 20px;
    font-weight: bold;
    font-size: 1.0em;
}
.badge6:before{
    position: absolute;
    content: '';
    border: 0.7em solid transparent;
    border-top: 0.7em solid #82c8e2; /* 背景色と同色 */
    top: 100%;
    left: 25%;
}

/* ------ 吹き出し上 ------ */
.badge7{
    position: relative;
    margin: 0 20px 0 3px;
    padding: 7px 20px;
    background-color: #82c8e2; /* 背景色 */
    color: #fff; /* 文字色 */
    border-radius: 20px;
    font-weight: bold;
    font-size: 1.0em;
}
.badge7:before{
    position: absolute;
    content: '';
    border: 0.7em solid transparent;
    border-bottom: 0.7em solid #82c8e2; /* 背景色と同色 */
    top: -59%;
    left: 25%;
}


/* -------- アイコン+丸角 -------- */
.badge9{
    margin: 0 10px 0 3px;
    padding: 2px 7px;
    background-color: #e77373; /* 背景色 */
    color: #fff; /* 文字色 */
    border-radius: 15px;
    font-weight: bold;
    font-size: 0.9em;
}
.badge9:before{
    content: '';
    font-family:"FontAwesome";
    content:"\f0a9"; /* アイコン指定 */
    color:#fff; /* アイコン色 */
    margin-right: 5px;
}


.under {
  border-bottom: solid 3px #87CEFA;
  }

/* -------- ランキング -------- */
#wrap_affi_rank_r_g {
  border: 1px solid #CEF6CE;
  border-radius: 10px;
  overflow: hidden;
  max-width: 1200px;
  margin: 5px;
}

.rank_ttl_r_g {
  position: relative;
  padding: 5px 10px;
  font-size: 0;
  overflow: hidden;
  background: #E0F8E0;
}

.ttl_r_g {
  position: relative;
  margin: 0;
  padding: 10px 0;
  font-size: 20px;
  text-align: center;
}

.ttl_r_g a{
  color:#545454;
}

.rank_img1:before {
  background: url(https://4-bh.com/wp-content/uploads/2019/01/affi_rank1.png) no-repeat 0 0;

}

.rank_img2:before {
  background: url(https://4-bh.com/wp-content/uploads/2019/01/affi_rank_2.png) no-repeat 0 0;
}

.rank_img3:before {
  background: url(https://4-bh.com/wp-content/uploads/2019/01/affi_rank_3.png) no-repeat 0 0;
}

.ttl_r_g:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -30px 0 0;
  width: 60px;
  height: 60px;
  background-size: contain;
  vertical-align: middle;
}

.rank_ttl_r_g .btn_decoration_r_g {
  margin: 10px auto;
  background: #04B431;
  color: #fff;
  font-size: 15px;
}

.uri_link_r_g {
  display: block;
  margin: 0;
  font-size: 13px;
  font-size: 0.8rem;
  vertical-align: middle;
  text-decoration: none;
}

.btn_aff_rank_r_g {
  display: block;
  position: relative;
  margin: 3% auto;
  padding: 10px 40px 10px 35px;
  max-width: 260px;
  font-size: 1.2em;
  color: #fff;
  border-radius: 4px;
  border-bottom: 3px solid #0B610B;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all .3s ease-out;
}

.btn_decoration2_r_g span {
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 15px;
}

.btn_decoration2_r_g {
  margin: 20px;
  max-width: 100%;
  background: linear-gradient(to bottom,#A9F5A9 0%,#04B431 100%);
  border-radius: 10px;
  border-bottom: 5px solid #0B610B;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
  text-shadow: -1px -1px 0 rgba(0,0,0,.1);
}

.point_wrap_r_g {
  counter-reset: idx;
  margin: 0;
  padding: 30px 15px 30px;
}

.points_r_g {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 0 40px;
}

.points_r_g:before {
  counter-increment: idx;
  content: counter(idx);
  position: absolute;
  left: 5px;
  top: -13px;
  width: 35px;
  font-size: 35px;
  line-height: 1;
  color: #04B431;
  font-family: serif;
  font-weight: bold;
}

.ttl_s_r_g {
  margin: 0 0 10px;
  padding: 0;
  color: #545454;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
}

.marker_af_rank_r_g {
  background: linear-gradient(transparent 80%, #04B431 60%);
}

@media screen and (min-width: 980px){
.rank_ttl_r_g .btn_decoration_r_g {
  position: absolute;
  top: 50%;
  right: 2%;
  margin: -24px 0 0;
}
}


/* -------- お問い合わせ表 -------- */
.cp_pricetable3 *, .cp_pricetable3 *:before, .cp_pricetable3 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_pricetable3 {
    width: 100%;
    margin: 0 auto;
    border-spacing: 1px 0;
    border-collapse: separate;
}
.cp_pricetable3 th, .cp_pricetable3 td {
    padding: 10px;
}
/*Headerブロック*/
.cp_pricetable3 th {
    position: relative;
    z-index: 1;
    width: 125px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
    background: #88b7d5;
}
.cp_pricetable3 th:after {
    font-family: 'FontAwesome';
    font-size: 5em;
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -30px;
    left: 0;
    content: '\f0d7';
}
.cp_pricetable3 th.group1 {
    background: #2e9b72;
}
.cp_pricetable3 th.group1:after {
    color: #2e9b72;
}
.cp_pricetable3 th.group2 {
    background: #da3c41;
}
.cp_pricetable3 th.group2:after {
    color: #da3c41;
}
.cp_pricetable3 th.group3 {
    background: #131874;
}
.cp_pricetable3 th.group3:after {
    color: #131874;
}
/*メインブロック*/
.cp_pricetable3 tr td {
    padding-top: 15px;
    text-align: center;
    border: none;
}
.cp_pricetable3 tr:last-child td {
    border-radius: 0 0 5px 5px;
}
.cp_pricetable3 tr:nth-child(2n+1) td.group1 {
    background: #8cd9bc;
}
.cp_pricetable3 tr:nth-child(2n+0) td.group1 {
    background: #c3e4d8;
}
.cp_pricetable3 tr:nth-child(2n+1) td.group2 {
    background: #f2c2c2;
}
.cp_pricetable3 tr:nth-child(2n+0) td.group2 {
    background: #f7e1e1;
}
.cp_pricetable3 tr:nth-child(2n+1) td.group3 {
    background: #a9bce2;
}
.cp_pricetable3 tr:nth-child(2n+0) td.group3 {
    background: #d7e1f4;
}
/*ボタンデザイン*/
.cp_pricetable3 a.cp_btn {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding: 0.3em 1em;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #da3c41;
    border-radius: 4px;
    background: #da3c41;
}
.cp_pricetable3 .cp_btn:after {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 0;
    content: '';
    transition: 0.3s;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    opacity: 0;
    background: #ffffff;
}
.cp_pricetable3 .cp_btn:hover {
    color: #da3c41;
}
.cp_pricetable3 .cp_btn:hover:after {
    height: 250%;
    opacity: 1;
}
.cp_pricetable3 .cp_btn:active:after {
    height: 350%;
    opacity: 1;
}

/*ステップ*/
.entry-content h3.hl-step {
    background: #ebfeec;
    border-left: none;
    margin-bottom: 1.6em;
    padding: .7em 0 .7em 85px;
    position: relative;
}

.entry-content .hl-step-icon {
    background: #00a23f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    top: -8px;
    left: 0;
    width: 70px;
}


/*インスタ フォローボタン*/
.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}


/* リンクの下線を消す */
a {
    text-decoration: none;
}
 
/* マウスオーバー時にリンクの下線を付ける */
a:hover {
    text-decoration: underline;
}


/*--------------------------------------
記事URLコピーボタン
--------------------------------------*/
.copy_main {
	margin: 0 0 2.4em;
}
.copy_btn {/*ボタンデザイン*/
	padding: 15px 0;
	border: solid 1px #555;/*ボタンの枠線*/
	color: #555;/*ボタンの文字色*/
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	background: #fff;/*ボタンの背景色*/
	transition: .3s;
}
.copy_btn:hover {/*ホバーエフェクト*/
	border: solid 1px #b5b5b5;/*ボタンの枠線*/
	background: #b5b5b5;/*ボタンの背景色*/
	color: #fff;/*ボタンの文字色*/
}
.copy_btn i:before {
	display: inline-block;
	margin-right: 8px;
	content: '\f0c5';
	font-size: 25px;
	vertical-align: middle;
}
.copy_btn.copied {/*コピー成功時*/
	border: solid 1px transparent;
	background: #74d899;/*背景色*/
	color: #fff;/*文字色*/
	pointer-events: none;
}
.copy_btn.copied i:before {
	content: '\f00c';
}
.copy_btn.not-copied {/*コピー失敗時*/
	border: solid 1px transparent;
	background: #d87f74;/*背景色*/
	color: #fff;/*文字色*/
	pointer-events: none;
}
.copy_btn.not-copied i:before {
	content: '\f06a';
}

@media (max-width:575px) {/*スマホ表示*/
.copy_btn span {
	font-size: 16px;
}
.copy_btn.copied span {
	font-size: 18px;
}
}

/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(98%/4);/* 4列 */
flex-basis: calc(98%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #f6a068;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#f6a068;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#f6a068;/* アイコン色 */
}



/*TablePress検索ボックスのカスタマイズ*/
.dataTables_filter {
  width: 100% !important;
}
 
.dataTables_filter input {
 width: 70% !important;
 max-width: 100% !important;
    margin: 5% 0 !important;
    background: url(images/icon-search.png) no-repeat top 50% left 10px;
    background-size: 30px;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.18) inset;
    color: #333 !important;
    font-size: 16px !important;
    padding-left: 10px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    box-sizing: border-box !important;
    height: 50px;
    text-align: left;
    background-color: #fefad4 !important;
}
 
/* プレースホルダーに表示させるテキストのデザイン */
.dataTables_filter input::placeholder {
  color: #888 !important; /* プレースホルダーテキストの文字色 */
}
 
/* 検索ボックスをクリックしたときのデザイン */
.dataTables_filter input:focus {
    border: 1px solid #ccc !important;   /* 枠線の色 */
    background-color: #fff !important;  /* 背景色 */
    outline: none !important; 
}

/***ステップバーデザイン１***/
.step-wrap1 {
 counter-reset:count;
 margin: 2em 0;
 position: relative;
}
.step-content1 {
 padding: 0 0 1.3em 2em;
 margin: 0;
 position: relative;
}
.step-content1::before {
 content: "";
 display: block;
 width: 13px;
 height: 13px;
 background: #6ab5a5;
 border: solid 3px #ffffff;
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 3px;
 box-shadow: 0 0 0 2px #6ab5a5;
}
.step-content1::after {
 content: "";
 display: block;
 height: calc(100% - 35px);
 border-left: dotted 5px #768888;
 position: absolute;
 top: 30px;
 left: 10px;
}
.step-title1 {
 font-weight: bold;
 font-size: 120%;
}
.step-label1 {
 color: #768888;
 font-weight: bold;
}
.step-label1::after {
 counter-increment:count;
 content:counter(count);
 position: relative;
 left: .3em;
}
.step-body1 {
 margin-top: .5em;
 padding: 0 0 1em;
 border-bottom: dotted 2px #ddd;
}
.step-wrap1 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン１***/