/* THE CBD LP 用スタイル。
 * 全セレクタを .lp08 配下にスコープし、rem は px(1rem=16px)に固定。
 * 生成: scripts/build.mjs — 手で編集せず、ソースを直して再ビルドしてください。 */

/* ===== ecforce 側グローバルCSSからの防御(チェーン先頭に置くので、以降の本来の指定が常に優先される) ===== */
.lp08 { font-size: 16px; }
.lp08 h1, .lp08 h2, .lp08 h3, .lp08 h4, .lp08 h5, .lp08 h6, .lp08 p, .lp08 div, .lp08 span,
.lp08 label, .lp08 b, .lp08 u, .lp08 mark, .lp08 li, .lp08 ul, .lp08 ol, .lp08 a {
  color: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  text-shadow: none;
}
.lp08 img { border: 0; padding: 0; margin: 0; box-shadow: none; border-radius: 0; display: inline; }


/* ===== 00-next.css ===== */
.lp08 *,.lp08 :after,.lp08 :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.lp08 ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.lp08 .container{width:100%}@media (min-width:640px){.lp08 .container{max-width:640px}}@media (min-width:768px){.lp08 .container{max-width:768px}}@media (min-width:1024px){.lp08 .container{max-width:1024px}}@media (min-width:1280px){.lp08 .container{max-width:1280px}}@media (min-width:1536px){.lp08 .container{max-width:1536px}}.lp08 .sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lp08 .absolute,.lp08 .sr-only{position:absolute}.lp08 .relative{position:relative}.lp08 .-top-3{top:-12px}.lp08 .left-3{left:12px}.lp08 .mx-auto{margin-left:auto;margin-right:auto}.lp08 .mb-1{margin-bottom:4px}.lp08 .mb-2{margin-bottom:8px}.lp08 .mb-3{margin-bottom:12px}.lp08 .mb-4{margin-bottom:16px}.lp08 .mb-6{margin-bottom:24px}.lp08 .mb-8{margin-bottom:32px}.lp08 .ml-1{margin-left:4px}.lp08 .mr-2{margin-right:8px}.lp08 .mt-1{margin-top:4px}.lp08 .mt-2{margin-top:8px}.lp08 .mt-3{margin-top:12px}.lp08 .mt-4{margin-top:16px}.lp08 .mt-5{margin-top:20px}.lp08 .mt-6{margin-top:24px}.lp08 .mt-8{margin-top:32px}.lp08 .block{display:block}.lp08 .flex{display:flex}.lp08 .grid{display:grid}.lp08 .hidden{display:none}.lp08 .h-4{height:16px}.lp08 .w-32{width:128px}.lp08 .w-4{width:16px}.lp08 .w-full{width:100%}.lp08 .max-w-content{max-width:740px}.lp08 .max-w-md{max-width:448px}.lp08 .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lp08 .cursor-pointer{cursor:pointer}.lp08 .resize{resize:both}.lp08 .scroll-mt-24{scroll-margin-top:96px}.lp08 .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lp08 .flex-wrap{flex-wrap:wrap}.lp08 .items-center{align-items:center}.lp08 .items-baseline{align-items:baseline}.lp08 .justify-center{justify-content:center}.lp08 .justify-between{justify-content:space-between}.lp08 .gap-2{gap:8px}.lp08 .gap-3{gap:12px}.lp08 .gap-4{gap:16px}.lp08 .space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(40px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(40px * var(--tw-space-y-reverse))}.lp08 .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.lp08 .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.lp08 .divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.lp08 .rounded-2xl{border-radius:16px}.lp08 .rounded-full{border-radius:9999px}.lp08 .rounded-lg{border-radius:8px}.lp08 .border{border-width:1px}.lp08 .border-2{border-width:2px}.lp08 .border-b-2{border-bottom-width:2px}.lp08 .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.lp08 .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.lp08 .border-primary{border-color:var(--c-primary)}.lp08 .bg-cream{background-color:var(--c-cream)}.lp08 .bg-primary{background-color:var(--c-primary)}.lp08 .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.lp08 .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.lp08 .p-3{padding:12px}.lp08 .p-4{padding:16px}.lp08 .p-5{padding:20px}.lp08 .p-6{padding:24px}.lp08 .px-3{padding-left:12px;padding-right:12px}.lp08 .px-6{padding-left:24px;padding-right:24px}.lp08 .px-8{padding-left:32px;padding-right:32px}.lp08 .py-0\.5{padding-top:2px;padding-bottom:2px}.lp08 .py-14{padding-top:56px;padding-bottom:56px}.lp08 .py-16{padding-top:64px;padding-bottom:64px}.lp08 .py-2{padding-top:8px;padding-bottom:8px}.lp08 .py-2\.5{padding-top:10px;padding-bottom:10px}.lp08 .py-20{padding-top:80px;padding-bottom:80px}.lp08 .py-3{padding-top:12px;padding-bottom:12px}.lp08 .py-3\.5{padding-top:14px;padding-bottom:14px}.lp08 .py-32{padding-top:128px;padding-bottom:128px}.lp08 .py-4{padding-top:16px;padding-bottom:16px}.lp08 .pb-2{padding-bottom:8px}.lp08 .text-center{text-align:center}.lp08 .text-right{text-align:right}.lp08 .text-2xl{font-size:24px;line-height:32px}.lp08 .text-6xl{font-size:60px;line-height:1}.lp08 .text-lg{font-size:18px;line-height:28px}.lp08 .text-sm{font-size:14px;line-height:20px}.lp08 .text-xl{font-size:20px;line-height:28px}.lp08 .text-xs{font-size:12px;line-height:16px}.lp08 .font-bold{font-weight:700}.lp08 .font-normal{font-weight:400}.lp08 .leading-relaxed{line-height:1.625}.lp08 .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lp08 .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.lp08 .text-ink{color:var(--c-ink)}.lp08 .text-primary{color:var(--c-primary)}.lp08 .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.lp08 .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.lp08 .underline{text-decoration-line:underline}.lp08 .accent-\[\#0c5f56\]{accent-color:#0c5f56}.lp08 .opacity-50{opacity:.5}.lp08 .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lp08 .grayscale{--tw-grayscale:grayscale(100%)}.lp08 .filter,.lp08 .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.lp08 .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lp08{--c-primary:#0c5f56;--c-primary-dark:#07423b;--c-accent:#b1ff71;--c-cream:#f5f5f5;--c-ink:#1a1a1a}.lp08 .tw-ui,.lp08 .tw-ui *,.lp08 .tw-ui :after,.lp08 .tw-ui :before{box-sizing:border-box;border:0 solid #e5e7eb}.lp08 .tw-ui fieldset,.lp08 .tw-ui figure,.lp08 .tw-ui h1,.lp08 .tw-ui h2,.lp08 .tw-ui h3,.lp08 .tw-ui h4,.lp08 .tw-ui legend,.lp08 .tw-ui li,.lp08 .tw-ui ol,.lp08 .tw-ui p,.lp08 .tw-ui ul{margin:0;padding:0}.lp08 .tw-ui ol,.lp08 .tw-ui ul{list-style:none}.lp08 .tw-ui button,.lp08 .tw-ui input,.lp08 .tw-ui select,.lp08 .tw-ui textarea{font:inherit;color:inherit;margin:0}.lp08 .tw-ui button{background:none;cursor:pointer;text-transform:none}.lp08 .tw-ui img{display:block;max-width:100%;height:auto}.lp08 .tw-ui a{color:inherit;text-decoration:none}.lp08 .tw-ui summary{list-style:none}.lp08 .tw-ui summary::-webkit-details-marker{display:none}.lp08 .hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.lp08 .hover\:bg-cream:hover{background-color:var(--c-cream)}.lp08 .hover\:bg-primary-dark:hover{background-color:var(--c-primary-dark)}.lp08 .focus\:border-primary:focus{border-color:var(--c-primary)}.lp08 .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.lp08 .disabled\:opacity-50:disabled{opacity:.5}@media (min-width:768px){.lp08 .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lp08 .md\:p-8{padding:32px}.lp08 .md\:text-2xl{font-size:24px;line-height:32px}}

/* ===== 10-sango-style.css ===== */
/*
Theme Name: SANGO
Theme URI: https://saruwakakun.design
Description: SANGOへようこそ！テーマの設定方法は<a href="https://saruwakakun.com/sango">カスタマイズガイド</a>を参照してください。
Author: SARUWAKA
Author URI: https://saruwakakun.com
Version: 2.10.7
Text Domain: sango-theme
License URI: https://saruwakakun.design/term
-------------------------------------------------*/

/*基本*/
.lp08 {
  font-family: sans-serif;
}
.lp08 {
  margin: 0;
  background-color: #eaedf2;
  color: #252525;
  font-family: sans-serif;
  line-height: 1.83;
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
}

.lp08 * {
  box-sizing: border-box;
}

.lp08 a:active,
.lp08 a:hover {
  outline: 0;
}
.lp08 p {
  word-wrap: break-word;
}
/*
 * 文字の基本設定
 */
.lp08 h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
.lp08 .strong {
  font-weight: bold;
}
.lp08 .em {
  font-style: italic;
}
.lp08 hr {
  box-sizing: content-box;
  height: 0;
}

.lp08 pre {
  margin: 0;
  white-space: pre-wrap;
}
.lp08 code,
.lp08 pre {
  font-family: "Menlo", "Consolas", "monaco", "monospace", "ＭＳ ゴシック",
    sans-serif;
  font-size: 1em;
}

/*このクラス指定によりWebフォントを使用*/
.lp08 .dfont {
  font-family: "Quicksand", "Avenir", "Arial", "Hiragino Kaku Gothic ProN",
    YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ",
    Meiryo, sans-serif;
}

/*
 *リストの基本設定
 */
.lp08 dl,
.lp08 ol,
.lp08 ul {
  margin: 1em 0;
}
.lp08 dd {
  margin: 0;
}
.lp08 ol,
.lp08 ul {
  list-style-type: none;
  padding: 0;
}

.lp08 nav ul,
.lp08 nav ol {
  list-style: none;
  list-style-image: none;
}

.lp08 img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}
.lp08 iframe {
  max-width: 100%;
}
.lp08 figure {
  margin: 0;
}
.lp08 .entry-content img.alignleft {
  display: inline;
  float: left;
  margin: 0.5em 1.2em 0.5em 0;
}
.lp08 .entry-content img.alignright {
  display: inline;
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

/*
 *フォーム
 */
.lp08 fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}
.lp08 legend {
  padding: 0;
  border: 0;
}
.lp08 button,
.lp08 input,
.lp08 select,
.lp08 textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}
.lp08 button,
.lp08 input {
  line-height: normal;
}
.lp08 button,
.lp08 input[type="button"],
.lp08 input[type="reset"],
.lp08 input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
.lp08 input[type="checkbox"],
.lp08 input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.lp08 input[type="search"]::-webkit-search-cancel-button,
.lp08 input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.lp08 table {
  border-spacing: 0;
  border-collapse: collapse;
}
.lp08 .image-replacement,
.lp08 .ir {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.lp08 .sticky {
}
/*
 * クリアフィックス
 */
.lp08 .clearfix,
.lp08 .cf,
.lp08 .comment-respond {
  zoom: 1;
}
.lp08 .clearfix:before,
.lp08 .clearfix:after,
.lp08 .cf:before,
.lp08 .comment-respond:before,
.lp08 .cf:after,
.lp08 .comment-respond:after {
  display: table;
  content: "";
}
.lp08 .clearfix:after,
.lp08 .cf:after,
.lp08 .comment-respond:after {
  clear: both;
}

.lp08 .last-col {
  float: right;
  padding-right: 0 !important;
}
/*モバイル*/
@media (max-width: 768px) {
  .lp08 .m-all {
    float: left;
    width: 100%;
    padding-right: 0.75em;
    padding-right: 0;
  }
  .lp08 .m-1of2 {
    float: left;
    width: 50%;
    padding-right: 0.75em;
  }
  .lp08 .m-1of3 {
    float: left;
    width: 33.33%;
    padding-right: 0.75em;
  }
  .lp08 .m-2of3 {
    float: left;
    width: 66.66%;
    padding-right: 0.75em;
  }
  .lp08 .m-1of4 {
    float: left;
    width: 25%;
    padding-right: 0.75em;
  }
  .lp08 .m-3of4 {
    float: left;
    width: 75%;
    padding-right: 0.75em;
  }
}
/* タブレット */
@media (min-width: 769px) and (max-width: 1029px) {
  .lp08 .t-all {
    float: left;
    width: 100%;
    padding-right: 0.75em;
    padding-right: 0;
  }
  .lp08 .t-1of2 {
    float: left;
    width: 50%;
    padding-right: 0.75em;
  }
  .lp08 .t-1of3 {
    float: left;
    width: 33.33%;
    padding-right: 0.75em;
  }
  .lp08 .t-2of3 {
    float: left;
    width: 66.66%;
    padding-right: 0.75em;
  }
  .lp08 .t-1of4 {
    float: left;
    width: 25%;
    padding-right: 0.75em;
  }
  .lp08 .t-3of4 {
    float: left;
    width: 75%;
    padding-right: 0.75em;
  }
  .lp08 .t-1of5 {
    float: left;
    width: 20%;
    padding-right: 0.75em;
  }
  .lp08 .t-2of5 {
    float: left;
    width: 40%;
    padding-right: 0.75em;
  }
  .lp08 .t-3of5 {
    float: left;
    width: 60%;
    padding-right: 0.75em;
  }
  .lp08 .t-4of5 {
    float: left;
    width: 80%;
    padding-right: 0.75em;
  }
}

/* デスクトップ */
@media (min-width: 1030px) {
  .lp08 .d-all {
    float: left;
    width: 100%;
    padding-right: 0.75em;
    padding-right: 0;
  }
  .lp08 .d-1of2 {
    float: left;
    width: 50%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of3 {
    float: left;
    width: 33.33%;
    padding-right: 0.75em;
  }
  .lp08 .d-2of3 {
    float: left;
    width: 66.66%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of4 {
    float: left;
    width: 25%;
    padding-right: 0.75em;
  }
  .lp08 .d-3of4 {
    float: left;
    width: 75%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of5 {
    float: left;
    width: 20%;
    padding-right: 0.75em;
  }
  .lp08 .d-2of5 {
    float: left;
    width: 40%;
    padding-right: 0.75em;
  }
  .lp08 .d-3of5 {
    float: left;
    width: 60%;
    padding-right: 0.75em;
  }
  .lp08 .d-4of5 {
    float: left;
    width: 80%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of6 {
    float: left;
    width: 16.6666666667%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of7 {
    float: left;
    width: 14.2857142857%;
    padding-right: 0.75em;
  }
  .lp08 .d-2of7 {
    float: left;
    width: 31%;
    padding-right: 0.75em;
  }
  .lp08 .d-3of7 {
    float: left;
    width: 42.8571429%;
    padding-right: 0.75em;
  }
  .lp08 .d-4of7 {
    float: left;
    width: 57.1428572%;
    padding-right: 0.75em;
  }
  .lp08 .d-5of7 {
    float: left;
    width: 69%;
    padding-right: 30px;
  }
  .lp08 .single .d-5of7,
  .lp08 .post .d-5of7,
  .lp08 .page .d-5of7 {
    padding-right: 2em;
  }
  .lp08 .d-6of7 {
    float: left;
    width: 85.7142857%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of8 {
    float: left;
    width: 12.5%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of9 {
    float: left;
    width: 11.1111111111%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of10 {
    float: left;
    width: 10%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of11 {
    float: left;
    width: 9.09090909091%;
    padding-right: 0.75em;
  }
  .lp08 .d-1of12 {
    float: left;
    width: 8.33%;
    padding-right: 0.75em;
  }
}

/*
 * INPUT
 */
.lp08 input[type="text"],
.lp08 input[type="password"],
.lp08 input[type="datetime"],
.lp08 input[type="date"],
.lp08 input[type="month"],
.lp08 input[type="time"],
.lp08 input[type="week"],
.lp08 input[type="number"],
.lp08 input[type="email"],
.lp08 input[type="url"],
.lp08 input[type="search"],
.lp08 input[type="tel"],
.lp08 input[type="color"],
.lp08 select,
.lp08 textarea,
.lp08 .field {
  display: block;
  width: 100%;
  margin-bottom: 0.7em;
  padding: 0.55em;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1em;
  line-height: 1.5;
  transition: ease;
}
.lp08 textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
.lp08 select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 97.5% center;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.lp08 select::-ms-expand {
  display: none;
}
/* 要定義 */
.lp08 .bypostauthor {
}

/*
 * レイアウト
 */
.lp08 .wrap {
  width: 92%;
  margin: 0 auto;
}

/*投稿、固定ページ*/
.lp08 .single #inner-content,
.lp08 .page #inner-content {
  width: 100%;
}
.lp08 .single .insidesp,
.lp08 .page .insidesp {
  margin: 0 auto;
  padding: 0 4%;
}

/*
 * リンク（色はカスタマイザーで）
 */
.lp08 a {
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.lp08 a:hover {
  text-decoration: underline;
  cursor: pointer;
}

/*
 * H1, H2, H3, H4, H5
 */
.lp08 h1,
.lp08 .h1,
.lp08 h2,
.lp08 .h2,
.lp08 h3,
.lp08 .h3,
.lp08 h4,
.lp08 .h4,
.lp08 h5,
.lp08 .h5 {
  font-weight: bold;
}
.lp08 h1 a,
.lp08 .h1 a,
.lp08 h2 a,
.lp08 .h2 a,
.lp08 h3 a,
.lp08 .h3 a,
.lp08 h4 a,
.lp08 .h4 a,
.lp08 h5 a,
.lp08 .h5 a {
  text-decoration: none;
}
.lp08 h1,
.lp08 .h1 {
  font-size: 1.35em;
  line-height: 1.6;
}
.lp08 h2,
.lp08 .h2 {
  margin-bottom: 0.375em;
  font-size: 1.3em;
  line-height: 1.56;
}
.lp08 h3,
.lp08 .h3 {
  font-size: 1.2em;
}
.lp08 h4,
.lp08 .h4 {
  font-size: 1.1em;
}
.lp08 h5,
.lp08 .h5 {
  margin-bottom: 0.5em;
  font-size: 1em;
  line-height: 1.5;
}

/*
 * 記事内見出し
 */
.lp08 .entry-content h2 {
  margin: 2.5em 0 0.7em;
  font-size: 1.4em;
  line-height: 1.6;
}
.lp08 .entry-content h3 {
  margin: 2.6em 0 0.7em;
  padding: 10px 0 10px 10px;
  border-left-width: 4px;
  border-left-style: solid;
  font-size: 1.2em;
  line-height: 1.5;
}
.lp08 .entry-content h4 {
  margin: 2.3em 0 0.7em;
  font-size: 1.1em;
}
/*
 * ヘッダーのスタイル
 */
.lp08 .header {
  position: relative;
  z-index: 99;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
}

.lp08 #inner-header {
  max-width: 96%;
}
/*ドロワーがあるときは、左右メニュー用のスペースを確保*/
.lp08 #drawer + #inner-header {
  max-width: calc(100% - 76px);
}
.lp08 #logo {
  display: table;
  margin: 0;
  padding: 0 0 0 5px;
  width: 100%;
  font-size: 6vmin;
  text-align: center;
  letter-spacing: 1px;
}
.lp08 #logo:before {
  content: "";
  height: 62px;
  display: block;
  float: left;
}
.lp08 #logo a {
  display: table-cell;
  line-height: 1.5;
  vertical-align: middle;
}
.lp08 #logo a:hover {
  opacity: 0.5;
}
.lp08 #logo img {
  display: inline-block;
  height: 62px;
  width: auto;
  padding: 10px 0 10px 0;
  vertical-align: middle;
}

/*
 * ヘッダーナビのスタイル
 */
/*PCナビ：念のためスマホで非表示設定*/
.lp08 .desktop-nav {
  display: none;
}

/*モバイル専用ヘッダーナビ*/
.lp08 .mobile-nav {
  overflow: hidden;
}
.lp08 .mobile-nav,
.lp08 .mobile-nav li,
.lp08 .mobile-nav li a {
  height: 40px;
}
.lp08 .mobile-nav ul {
  overflow-x: auto;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  animation: RightToLeft 2s cubic-bezier(0.24, 0.56, 0.47, 0.91) 0s 1 normal;
  -webkit-overflow-scrolling: touch;
}
.lp08 .mobile-nav ul::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}

@keyframes RightToLeft {
  0% {
    transform: translateX(15px);
  }
}

.lp08 .mobile-nav li {
  display: inline-block;
  opacity: 0.8;
}
.lp08 .mobile-nav li.current-menu-item {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  opacity: 1;
}
.lp08 .mobile-nav li a {
  display: inline-block;
  padding: 0 9px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
}
.lp08 .mobile-nav li a:hover {
  opacity: 1;
  text-decoration: none;
}
/*ナビドロワー（ハンバーガーメニュー）*/
.lp08 #drawer__content {
  overflow: auto;
  position: fixed;
  z-index: 9999;
  width: 90%;
  max-width: 330px;
  height: 100%;
  padding-bottom: 50px;
  background: #fff;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  -webkit-overflow-scrolling: touch;
}
.lp08 #drawer__content .widget {
  margin: 0 0 15px;
}
.lp08 #drawer__content .widget_search {
  margin: 1em;
}
.lp08 #drawer__content .searchform__input {
  background: #efefef;
  box-shadow: none;
}
.lp08 .drawer__title {
  position: relative;
  padding: 7px 15px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}
.lp08 .drawer__title .close {
  display: inline-block;
  padding: 10px 3px;
}
.lp08 .drawer__title .close span {
  height: 30px;
  margin: 0 20px 0 7px;
}
.lp08 .drawer__title .close span:before {
  left: -13px;
  width: 30px;
}

/*ハンバーガーボタン・検索*/
.lp08 .drawer-unshown,
.lp08 .drawer--unshown {
  display: none; /*はじめ非表示に*/
}
.lp08 #drawer__open,
.lp08 .header-search {
  position: absolute;
  top: 0;
  width: 48px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
  font-size: 23px;
  text-align: center;
  vertical-align: middle;
  line-height: 62px;
}
.lp08 #drawer__open {
  left: 0;
}
.lp08 .header-search {
  right: 0;
}
.lp08 #drawer__close-cover {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.lp08 #drawer__input:checked ~ #drawer__content {
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.lp08 #drawer__input:checked ~ #drawer__close-cover {
  display: block;
  opacity: 0.5;
}
/*header検索*/
.lp08 .header-search__input,
.lp08 .header-search__close,
.lp08 .header-search__modal {
  display: none;
}
.lp08 .header-search__label {
  cursor: pointer;
}
.lp08 .header-search__close {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.lp08 .header-search__close {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.65);
}
.lp08 .header-search__modal {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 1em;
  z-index: 999999;
}
.lp08 .header-search__modal .searchform {
  max-width: 350px;
  margin: -70px auto 0;
  font-size: 18px;
}
.lp08 .header-search__modal .searchform__submit {
  background: #eaeaea;
  color: #4e4e4e;
}
.lp08 .header-search__modal .searchform:before {
  content: "キーワードで検索";
  color: #fff;
  font-weight: bold;
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 7px;
}
.lp08 .header-search__input:checked ~ .header-search__modal,
.lp08 .header-search__input:checked ~ .header-search__close {
  display: block;
}

/*ヘッダーお知らせ欄*/
.lp08 .header-info a {
  display: block;
  padding: 10px;
  font-weight: bold;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  text-align: center;
}
.lp08 .header-info.animated a {
  animation: fadeHeader 0.7s ease 0s 1 normal;
}
.lp08 .header-info a:hover {
  text-decoration: none;
  background-size: 140%;
  opacity: 0.9;
}
/*
 * 記事/固定ページの基本スタイル
 */
.lp08 #content {
  margin-top: 2em;
  padding-bottom: 2em;
}
.lp08 .single #content,
.lp08 .page #content {
  margin-top: 0;
}
.lp08 #entry {
  margin-bottom: 1.5em;
  border-radius: 3px;
  background-color: white;
}
.lp08 #entry header {
  color: #070f15;
}
.lp08 #entry footer {
  margin: 2em 0 0;
}
.lp08 #entry footer aside {
  position: relative;
}
.lp08 footer p {
  margin: 0;
}
.lp08 .post-thumbnail {
  margin: 15px 0 0;
}
.lp08 .post-thumbnail img {
  width: 100%;
}
.lp08 .withspace {
  padding: 0 15px;
}

/*
 * シェアボタン
 */
.lp08 .sns-btn {
  margin: 0 auto;
  text-align: center;
}
.lp08 .article-header .sns-btn:not(.sns-dif) {
  margin-top: 30px;
}
.lp08 .sns-btn__item {
  display: inline-block;
  position: relative;
}
.lp08 .sns-btn__item a {
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  transition: 0.3s ease-in-out;
}
.lp08 .sns-btn__item a:hover {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.lp08 .sns-btn__item i {
  display: block;
  width: auto;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
.lp08 .sns-btn__item img {
  display: block;
  height: 32px;
  width: 32px;
  padding: 1px;
}
.lp08 .tw a,
.lp08 .tw .scc {
  color: #3ab4ff;
}
.lp08 .fb a,
.lp08 .fb .scc {
  color: #3b8df7;
}
.lp08 .pkt a,
.lp08 .pkt .scc {
  color: #ff7b7b;
}
.lp08 .hatebu a,
.lp08 .hatebu .scc {
  color: #45b5f7;
}
.lp08 .line a {
  color: #59d869;
}
.lp08 .fa-hatebu:before {
  position: relative;
  top: -0.1em;
  font-family: "Quicksand", "Arial", sans-serif;
  font-size: 1.11em;
  font-weight: bold;
  line-height: 32px;
  content: "B!";
  white-space: nowrap;
}

/*記事上部の円形FAB形式シェアボタン*/
.lp08 #fab {
  display: none;
}
.lp08 .fab-btn {
  display: block;
  position: relative;
  margin: -25px 15px 0 auto;
  width: 140px;
  z-index: 2;
  outline: none;
  cursor: pointer;
  border-radius: 33px;
  font-size: 19px;
  text-align: center;
  letter-spacing: 1px;
  background-color: #fff;
  box-shadow: 0 5px 18px -2px rgba(0, 0, 0, 0.15);
  transition: 0.3s ease-in-out;
  transition-delay: 0.1s;
  animation: animScale 3.5s ease-out;
}
.lp08 .fab-btn,
.lp08 .fab-btn i {
  height: 50px;
  line-height: 50px;
}
.lp08 .fab-btn i:after {
  content: "SHARE";
  padding-left: 10px;
  font-family: "Quicksand", "Avenir", "Arial";
  font-weight: 500;
  color: #555;
}
.lp08 .fab-btn:hover {
  box-shadow: 0 12px 45px -9px rgba(0, 0, 0, 0.23);
}
.lp08 #fab:checked ~ .fab-btn {
  background: #f0f0f0;
  opacity: 0;
  -webkit-transform: translate(-150px, -150px) scale3d(4, 5, 1);
  transform: translate(-150px, -150px) scale3d(4, 5, 1);
}
.lp08 .nothumb .fab-btn {
  margin: -35px 15px 0 auto;
}

.lp08 .nothumb .fab-btn {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 400px) {
  .lp08 .nothumb .fab-btn {
    margin: 15px;
    width: auto;
    animation: none;
  }
  .lp08 .nothumb .fab-btn,
  .lp08 .nothumb .fab-btn i {
    animation: none;
  }
}
.lp08 #fab:checked ~ .fab-btn i {
  display: none;
}
.lp08 #fab__contents {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: #eaedf2;
}
.lp08 #fab:checked ~ #fab__contents {
  display: block;
  animation: coverIn 0.7s ease 0s 1 normal;
}

@keyframes coverIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.lp08 .fab__contents-main {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 20px 0;
  background: #e9edf2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lp08 .fab__contents_title {
  margin: 0;
  font-size: 30px;
  text-align: center;
}
.lp08 .fab__contents_img {
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 145px;
  margin: 10px auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: bold;
}
.lp08 .close {
  display: none;
  position: absolute;
  z-index: 999999;
  top: 0;
  right: 0;
  padding: 0 15px 10px;
  cursor: pointer;
  -webkit-animation: animScale 2s ease 0s 1 normal;
  animation: animScale 2s ease 0s 1 normal;
}
.lp08 .close span {
  display: inline-block;
  position: relative;
  width: 3px;
  height: 45px;
  margin: 0 20px 0 7px;
  padding: 0;
  background: #8c9196;
  transition: 0.3s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lp08 .close span:before {
  display: block;
  position: absolute;
  top: 50%;
  left: -20px;
  width: 45px;
  height: 3px;
  margin-top: -2px;
  background: #8c9196;
  content: "";
}
.lp08 #fab:checked ~ #fab__contents .close {
  display: inline-block;
}
.lp08 .close span:hover {
  transform: rotate(45deg) scale(1.1);
}
.lp08 .fab__close-cover {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
}
/*END FABシェアボタン*/

/* 
 * FIXME: フッターウィジェットの上へ戻るFabBtnを消す
 * 本来不要なので、しばらくしたら消す
 */
.lp08 .footer .fab-btn {
  display: none;
}

/*記事下部のシェアボタン*/
.lp08 .sns-btn__item {
  width: 17%;
  margin: 0 0.5%;
}
.lp08 .sns-btn__item a:hover {
  opacity: 0.6;
  box-shadow: none;
}
.lp08 .sns-btn__title {
  display: inline-block;
  position: relative;
  padding: 0 25px;
  color: #cccfd7;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
}
.lp08 .sns-btn__title:before,
.lp08 .sns-btn__title:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  background-color: #d8dae1;
  content: "";
}
.lp08 .sns-btn__title:before {
  left: 0;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.lp08 .sns-btn__title:after {
  right: 0;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}
.lp08 .share_txt {
  font-weight: bold;
  white-space: nowrap;
}

/*記事上下シェアボタン（カスタマイザーで別デザインを選んだ場合）*/
.lp08 .sns-dif {
  position: relative;
}
.lp08 .sns-dif .share_txt {
  display: none;
}
.lp08 .sns-dif ul {
  margin: 0;
  padding: 14px 0 16px;
  background: #eaedf2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.lp08 .sns-dif ul li {
  width: auto;
  margin: 0;
}
.lp08 .sns-dif ul li a {
  position: relative;
  width: 52px;
  height: 52px;
  margin: 3.5px;
  padding: 0;
  background: #fff;
  box-shadow: 0 7px 15px -4px rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
  transition-timing-function: cubic-bezier(0.51, 0.1, 0.36, 1.68);
}
.lp08 .sns-dif ul li a:hover {
  opacity: 1;
  box-shadow: 0 14px 20px -4px rgba(0, 0, 0, 0.25);
  transform: scale(1.05) translateY(-2px);
}
.lp08 .sns-dif ul li i {
  font-size: 30px;
  line-height: 52px;
  height: 52px;
}
.lp08 .sns-dif ul li .fa-line {
  font-size: 32px;
}
.lp08 .sns-dif .sns-btn__item img {
  margin: 11px auto 0;
}
.lp08 .sns-dif .fa-hatebu:before {
  top: 0;
}

/*SNS Count Cacheでシェア数を表示させるときのため*/
.lp08 .scc {
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  top: -19px;
  opacity: 0.7;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lp08 .sns-dif .scc {
  /*フッター別デザイン*/
  top: auto;
  bottom: -12px;
  line-height: 1.2;
}

/*フッター固定メニュー*/
.lp08 .fixed-menu {
  margin-bottom: 54px;
}
.lp08 .fixed-menu.fixed-menu-scroll-upward {
  margin-bottom: 0;
}
.lp08 .fixed-menu.fixed-menu-scroll-upward ul {
  transform: translateY(100%);
  transition: transform .3s ease-in;
}
.lp08 .fixed-menu.fixed-menu-scroll-upward-show ul {
  transform: translateY(0);
}
.lp08 .fixed-menu ul {
  position: fixed;
  display: table;
  table-layout: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 98;
  box-shadow: 0 -1px 3px rgba(100, 120, 130, 0.25);
}
.lp08 .fixed-menu ul li i {
  font-size: 24px;
  display: block;
  width: auto;
}
.lp08 .fixed-menu ul li {
  display: table-cell;
  text-align: center;
}
.lp08 .fixed-menu ul li a {
  display: block;
  padding: 9px 0 6px;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.lp08 .fixed-menu a:hover,
.lp08 .fixed-menu__follow a {
  text-decoration: none;
}
/*固定メニューのシェア・フォローボタン*/
.lp08 .fixed-menu__share .sns-btn__title {
  display: none;
}
.lp08 .fixed-menu__share,
.lp08 .fixed-menu__follow {
  position: fixed;
  bottom: -150px;
  width: 100%;
  z-index: 97;
  transition: 0.3s ease-in-out;
}
.lp08 .fixed-menu__share.active,
.lp08 .fixed-menu__follow.active {
  bottom: 54px;
  bottom: calc(env(safe-area-inset-bottom) + 52px);
}
.lp08 .fixed-menu__share ul {
  background: #a2a7ab;
}
.lp08 .fixed-menu__share .scc {
  color: #e0e0e0;
}
.lp08 .fixed-menu__follow {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #505050;
  text-align: center;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.lp08 .fixed-menu__follow span,
.lp08 .fixed-menu__follow a {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
  height: 54px;
}
.lp08 .fixed-menu__follow span {
  font-size: 19px;
  padding: 10px 3px;
}
.lp08 .fixed-menu__follow a {
  font-size: 11px;
  padding: 10px 0 5px;
}
.lp08 .fixed-menu__follow a i {
  display: block;
  font-size: 28px;
}
.lp08 .follow-tw {
  background: #7dccf7;
}
.lp08 .follow-fb {
  background: #7c9cec;
}
.lp08 .follow-fdly {
  background: #8ed87a;
}
.lp08 .follow-youtube {
  background: #f0504f;
}
.lp08 .follow-insta {
  background: linear-gradient(
    45deg,
    #fad51f,
    #f95e5e 20%,
    #e83784 60%,
    #754ed5
  );
}
/*
 * 記事コンテンツ
 */
/*記事タイトルまわり*/
.lp08 .article-header {
  margin-bottom: 10px;
}
.lp08 .single-title,
.lp08 .page-title {
  position: relative;
  margin: 20px 0 0;
  padding: 0 15px;
  color: #444;
}

.lp08 .entry-meta {
  margin: 15px 0 0;
  padding: 0 15px;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #a5aaaf;
}
.lp08 .entry-time.pubdate {
  padding: 0 10px 0 0;
}
.lp08 time.pubdate:before,
.lp08 time.updated:before {
  padding-right: 5px;
  font-family: FontAwesome;
  opacity: 0.6;
}
.lp08 time.pubdate:before {
  content: "\f017";
}
.lp08 time.updated:before {
  content: "\f021";
}

/*entry-content*/
.lp08 .entry-content {
  padding: 10px 15px 0;
}
.lp08 .entry-content p {
  margin: 0 0 1.5em;
}
.lp08 .entry-content > p {
  line-height: 1.93;
}
.lp08 .entry-content p a {
  text-decoration: underline;
}
.lp08 .entry-content p a:hover {
  text-decoration: none;
}

/*表*/
.lp08 .entry-content table {
  width: 100%;
  margin: 1em 0;
  border: 2px solid #e0e0e0;
}

/*表をレスポンシブに*/
.lp08 .entry-content table.tb-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.lp08 .entry-content table caption {
  margin: 0 0 7px;
  color: #9fa6b4;
  font-size: 0.75em;
  letter-spacing: 1px;
}
.lp08 .entry-content tr:not(:last-child) {
  border-bottom: 2px solid #e0e0e0;
}
.lp08 .entry-content td {
  padding: 7px;
  border-right: 2px solid #e0e0e0;
  word-break: break-all;
}
.lp08 .entry-content td:last-child,
.lp08 .entry-content th:last-child {
  border-right: 0;
}
.lp08 .entry-content th {
  padding: 7px;
  border-right: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background: #f8f9fa;
}
.lp08 .entry-content tfoot {
  border-top: 2px dotted #c5c7ca;
  background: #f8f9fa;
}
.lp08 .entry-content .is-style-sango-table-scroll-hint.wp-block-table table {
  margin: 0;
}
.lp08 .entry-content .is-style-sango-table-scroll-hint {
  margin: 1em 0;
}
.lp08 .entry-content .is-style-sango-table-scroll-hint table th,
.lp08 .entry-content .is-style-sango-table-scroll-hint table td {
  white-space: nowrap;
}
.lp08 .entry-content .scroll-hint-icon {
  height: 90px;
  top: calc(50% - 45px);
}

/*引用*/
.lp08 .entry-content blockquote {
  box-sizing: border-box;
  position: relative;
  margin: 1.5em 0;
  padding: 13px 15px 13px 50px;
  border: solid 2px #464646;
  color: #464646;
}
.lp08 .entry-content blockquote:before {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 15px;
  font-family: FontAwesome;
  font-size: 25px;
  vertical-align: middle;
  line-height: 1;
  content: "\f10d";
}
.lp08 .entry-content blockquote p {
  margin: 10px 0;
  padding: 0;
  line-height: 1.7;
}
.lp08 .entry-content blockquote cite {
  display: block;
  color: #888;
  font-size: 0.9em;
  text-align: right;
}
.lp08 .entry-content blockquote ul,
.lp08 .entry-content blockquote ol {
  border: none;
  padding: 5px 0 5px 22px;
  margin: 0;
  background: transparent;
}

/*リスト*/
.lp08 .entry-content ul,
.lp08 .entry-content ol {
  margin-bottom: 1.5em;
  padding: 1em 1em 1em 2.5em;
  border: solid 2px #e8e8e8;
  border-radius: 3px;
}
.lp08 .entry-content ul {
  list-style-type: disc;
}
.lp08 .entry-content li {
  padding: 5px 0;
}
.lp08 .entry-content li ul li,
.lp08 .entry-content li ol li {
  padding: 0;
}
.lp08 .entry-content ol {
  list-style-type: decimal;
}
.lp08 .entry-content ul li ul,
.lp08 .entry-content ul li ol,
.lp08 .entry-content ol li ul,
.lp08 .entry-content ol li ol {
  margin: 0;
  padding: 0.5em 0 0.5em 1.3em;
  border: none;
}

/*定義リスト*/
.lp08 .entry-content dd {
  margin-bottom: 1.5em;
  margin-left: 0;
  color: #787878;
  font-size: 0.9em;
}

/*画像*/
.lp08 .entry-content img {
  max-width: 100%;
  height: auto;
}
.lp08 .entry-content .size-auto,
.lp08 .entry-content .size-full,
.lp08 .entry-content .size-large,
.lp08 .entry-content .size-medium,
.lp08 .entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.lp08 .entry-content .aligncenter,
.lp08 .entry-content img.aligncenter {
  clear: both;
  margin-right: auto;
  margin-left: auto;
}
.lp08 .entry-content img.aligncenter {
  display: block;
}

/* キャプション */
.lp08 .entry-content .gallery-caption {
  color: gray;
  font-size: 0.75em;
  margin: 5px 0;
  text-align: center;
}
.lp08 .entry-content .wp-caption {
  max-width: 100%;
  margin: 0 0 1.5em;
  padding: 8px;
  border: #eaedf2 2px solid;
}
.lp08 .entry-content .wp-caption.aligncenter {
  margin: 0 auto 1em;
}
.lp08 .entry-content .wp-caption img {
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
}
.lp08 .entry-content .wp-caption p.wp-caption-text {
  margin: 10px 0 0;
  font-size: 0.85em;
  text-align: center;
}

/*コード*/
.lp08 .entry-content code,
.lp08 .entry-content .haiiro {
  padding: 0.2em 0.3em;
  margin: 0 0.2em;
  border-radius: 5px;
  background: #f1f2f3;
  color: #404040;
  font-size: 0.9em;
}
.lp08 .entry-content pre {
  margin: 0 0 1.5em;
  padding: 1em;
  border: solid 1px #eaedf2;
  background: #f3f6fc;
  color: #54687c;
}
.lp08 .entry-content pre code {
  padding: 0;
  background: transparent;
}
.lp08 .entry-content > *:first-child {
  margin-top: 0.1em;
}

/* end .entry-content */
/*
 * トップページ/アーカイブの記事一覧スタイル
 */
.lp08 .cardtype,
.lp08 .sidelong {
  margin-bottom: 1em;
}
.lp08 .cardtype__article {
  position: relative;
  width: 100%;
  margin: 0 0 25px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.lp08 .cardtype__article:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.lp08 .cardtype__link {
  display: block;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.lp08 .cardtype__link:hover {
  color: #555;
  text-decoration: none;
}
.lp08 .cardtype__img {
  margin: 0;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 57.7%;
}
.lp08 .cardtype__img img {
  border-radius: 2px 2px 0 0;
  width: 100%;
}
.lp08 .cardtype__link {
  padding-bottom: 25px;
}
.lp08 .cardtype h2 {
  margin: 8px 13px 0;
  font-size: 17px;
}
.lp08 .cardtype time {
  display: block;
  margin: 13px 13px 8px;
  color: #b5b5b5;
  font-size: 13px;
  font-weight: bold;
}
.lp08 .cat-name {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 13px;
  left: 13px;
  height: 22px;
  margin: 0;
  padding: 0 10px;
  border-radius: 14px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 22px;
}
.lp08 .cat-name:hover {
  text-decoration: none;
  background: silver;
}
.lp08 .newmark {
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 37px;
  height: 37px;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 37px;
  transform-origin: 50% 50%;
  animation: animScale 3.5s ease-out;
}

@keyframes animScale {
  0% {
    transform: scale(0, 0);
  }
  30% {
    transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
  }
  40% {
    transform: scale(1, 1);
  }
  45% {
    transform: scale(1.1, 1.1);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.lp08 .home_bottom {
  margin: 1em 0;
}
.lp08 .home_top {
  margin: 0 0 1em;
}
.lp08 #content.page-forfront {
  margin-top: 0;
  padding: 15px;
  background: #fff;
}
.lp08 #content.page-forfront .entry-content {
  padding: 0 !important;
}

/*記事一覧を横長スタイルにした場合*/
.lp08 .sidelong__article {
  position: relative;
  width: 100%;
  margin: 0 0 1em;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.lp08 .sidelong__article:hover {
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
}
.lp08 .sidelong__link {
  display: table;
  width: 100%;
  padding: 7px;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.lp08 .sidelong__link:hover {
  text-decoration: none;
}
.lp08 .sidelong__img,
.lp08 .sidelong__article-info {
  display: table-cell;
  vertical-align: middle;
}
.lp08 .sidelong__img {
  width: 90px;
  height: 90px;
}
.lp08 .sidelong__img img {
  width: 100%;
  border-radius: 3px;
}
.lp08 .sidelong__article-info {
  width: calc(100% - 90px);
  padding-left: 10px;
}
.lp08 .sidelong time {
  display: block;
  color: #b5b5b5;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
}
.lp08 .sidelong h2,
.lp08 .sidelong .sidelong__title {
  display: -webkit-box;
  overflow: hidden;
  height: 4.2em;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.lp08 .sidelong .newmark {
  top: 4px;
  right: auto;
  left: 4px;
}
.lp08 .sidelong--shade .sidelong__article {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
}
.lp08 .sidelong--shade .sidelong__article:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
.lp08 .cardtype__article,
.lp08 .sidelong__article {
  animation: fadeIn 1.1s ease 0s 1 normal;
}
.lp08 .cardtype__article:first-child,
.lp08 .cardtype__article:nth-child(2),
.lp08 .sidelong__article:first-child,
.lp08 .sidelong__article:nth-child(2) {
  animation: fadeIn 0.7s ease 0s 1 normal;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}
/*
 * homeタブ機能
 */
.lp08 .post-tab {
  width: 100%;
  margin-bottom: 0.5em;
  text-align: center;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1.4;
}
.lp08 .post-tab > div {
  float: left;
  width: 50%;
  padding: 0.8em 0.2em;
  cursor: pointer;
  vertical-align: middle;
}
.lp08 .post-tab .tab3,
.lp08 .post-tab .tab4 {
  border-top: solid 1px #eaeaea;
}
.lp08 .post-tab .tab1,
.lp08 .post-tab .tab3 {
  border-right: solid 1px #eaeaea;
}
/* .post-tab > div:not(:last-of-type) {
     border-right: 1px #eaeaea solid;
  } */
.lp08 .post-tab > div.tab-active {
  color: #fff;
  background: #58a9ef;
}
.lp08 .post-tab__content {
  display: none;
  padding: 20px 0;
}
.lp08 .post-tab__content.tab-active {
  display: block;
}
.lp08 .post-tab__more {
  margin-bottom: 1.5em;
}
.lp08 .post-tab__more span {
  white-space: pre-line; /* kosugiフォントで改行される問題対応 */
}
/*
 * 記事一覧のページネイション
 * 記事分割時のページネイション（post-page-*）
 */
.lp08 .pagination,
.lp08 .wp-prev-next {
  margin: 1.5em 0;
}
.lp08 .pagination {
  text-align: left;
}
.lp08 .pagination ul {
  display: block;
  clear: both;
  padding: 1.5em 0 0;
  text-align: center;
}
.lp08 .pagination li {
  display: inline-block;
  overflow: hidden;
  margin: 3.5px;
  padding: 0;
  text-align: center;
}
.lp08 .pagination a,
.lp08 .pagination span,
.lp08 .post-page-numbers {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 0;
  border-radius: 50%;
  background: #fff;
  font-size: 17.5px;
  font-weight: bold;
  text-decoration: none;
  line-height: 46px;
}
.lp08 .pagination .current,
.lp08 .post-page-numbers.current {
  color: #fff;
  cursor: default;
}
.lp08 .page-numbers.dots {
  width: auto;
  padding: 0;
  background: transparent;
}
.lp08 .wp-prev-next .prev-link {
  float: left;
}
.lp08 .wp-prev-next .next-link {
  float: right;
}
.lp08 .page-links,
.lp08 .post-page-links {
  margin: 2em 0;
  text-align: center;
}
.lp08 a.post-page-numbers {
  margin: 0 2px;
  background: #eff0f1;
  color: #555;
  text-decoration: none !important;
}
.lp08 a.post-page-numbers:hover {
  background: #e4e5e6;
}

/*
 * サイドバー
 */
.lp08 #sidebar1 h4:first-child,
.lp08 #nav_drawer h4:first-child {
  margin-top: 0;
}

/*ウィジェット*/
.lp08 .widget {
  margin: 0 0 2.5em;
  background: #fff;
  font-size: 0.98em;
}
.lp08 .widgettitle {
  margin-bottom: 0;
  padding: 7px 13px;
  font-size: 1.2em;
}

/*ウィジェットのタイトル前アイコン集*/
.lp08 .sidebar .widgettitle:before {
  padding-right: 4px;
  font-family: FontAwesome;
}
.lp08 .sidebar .my_popular_posts .widgettitle:before {
  content: "\f201";
}
.lp08 .sidebar .widget_archive .widgettitle:before {
  content: "\f017";
}
.lp08 .sidebar .widget_recent_entries .widgettitle:before {
  content: "\f08d";
}
.lp08 .sidebar .widget_tag_cloud .widgettitle:before {
  content: "\f02c";
}
.lp08 .sidebar .widget_categories .widgettitle:before {
  content: "\f0ca";
}

.lp08 .widget ul {
  margin: 0;
}
.lp08 .widget h4 + * {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 10px;
}
.lp08 .widget .textwidget {
  padding: 10px;
}
.lp08 .textwidget p {
  margin: 0.5em 0;
}
.lp08 .widget .custom-html-widget {
  padding: 0;
}
.lp08 .widget ul li {
  margin: 0;
  font-weight: bold;
}
.lp08 .widget ul li ul {
  margin: 0;
}
.lp08 .widget ul li ul li a {
  padding: 5px 7px 5px 13px;
  font-size: 15px;
  font-weight: normal;
}
.lp08 .widget ul li ul li a:before {
  padding-right: 5px;
  color: silver;
  font-family: FontAwesome;
  content: "\f105";
}
.lp08 .widget ul li a {
  display: block;
  padding: 7px;
  color: #626262;
  text-decoration: none;
}
.lp08 .widget ul li a:hover {
  background: #efefef;
}
.lp08 .widget.popular-posts ul li a:hover {
  background: transparent;
}
.lp08 .entry-count {
  display: inline-block;
  overflow: hidden;
  min-width: 24px;
  height: 24px;
  margin-left: 3px;
  border-radius: 50%;
  background: #f3f3f3;
  color: #626262;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
}

/*サイドバー固定*/
.lp08 .fixed-sidebar {
  display: none;
}
.lp08 .normal-sidebar + .fixed-sidebar {
  margin: 25px 0 40px;
}
/* IE以外ではstickyで固定 */
.lp08 .fixed-sidebar:not(.sidefixed),
.lp08 .fixed-sidebar:not(.sideidled) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  max-height: 100vh;
  overflow-y: auto;
}
.lp08 .admin-bar .fixed-sidebar {
  top: 32px;
}
.lp08 .fixed-sidebar .widget {
  margin-bottom: 1em;
}
.lp08 .sidefixed {
  position: fixed;
  top: 0;
}
.lp08 .sideidled {
  position: fixed;
}
/*検索窓*/
.lp08 .widget_search {
  background: transparent;
}
.lp08 .searchform div {
  position: relative;
  max-width: 400px;
}
.lp08 input.searchform__input {
  height: 45px;
  padding-right: 48px;
  border-bottom: solid 1px #efefef;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15),
    0 3px 3px -2px rgba(0, 0, 0, 0.15);
  transition: 0.3s ease-in-out;
  -webkit-appearance: none;
}
.lp08 input.searchform__input:focus {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.lp08 .searchform__submit,
.lp08 .sidebar .wp-block-search .wp-block-search__button,
.lp08 .drawer .wp-block-search .wp-block-search__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  padding: 0;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 44px;
}
.lp08 .searchform__submit i {
  transition: 0.4s ease-in-out;
  line-height: 44px;
}
.lp08 input.searchform__input:focus + .searchform__submit i {
  font-size: 24px;
}

/*タグクラウド*/
.lp08 .tagcloud a {
  display: inline-block;
  margin: 5px 5px 5px 0;
  padding: 2px 8px;
  border-radius: 15px;
  background: #f4f4f4;
  color: #666;
  font-size: 12px !important;
  font-weight: bold;
}
.lp08 .tagcloud a:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
/*カレンダー*/
.lp08 #wp-calendar {
  width: 250px;
  margin: 10px auto 0;
  text-align: center;
}
.lp08 .widget_media_image {
  background: transparent;
}
.lp08 .widget_media_image a,
.lp08 .widget_media_image img {
  display: block;
  padding: 0;
}

/*最近のコメント*/
.lp08 .widget.widget_recent_comments li {
  padding: 5px 0;
  font-size: 0.85em;
  font-weight: normal;
}
.lp08 .widget.widget_recent_comments li a {
  display: inline;
  padding: 0;
  text-decoration: underline;
}
.lp08 .widget.widget_recent_comments li a:hover {
  background: transparent;
}

/* 新着 人気記事*/
.lp08 .widget .my-widget li a {
  display: table;
  width: 100%;
}
.lp08 .widget .my-widget li a:hover {
  background: transparent;
  color: #92979f;
}
.lp08 .my-widget li a .my-widget__text {
  display: table-cell;
  width: 180px;
  width: calc(100% - 88px);
  font-size: 0.9em;
  vertical-align: middle;
  line-height: 1.5;
}
.lp08 .my-widget li a .my-widget__img {
  display: table-cell;
  width: 88px;
  height: 88px;
  padding-right: 8px;
  vertical-align: middle;
}
.lp08 .my-widget li a .post-date,
.lp08 .views {
  display: block;
  color: #b7b7b7;
  font-size: 13px;
  font-weight: 500;
}
.lp08 .my-widget__img img {
  width: 100%;
  border: solid 2px #f3f3f3;
  transition: 0.3s ease-in-out;
}
.lp08 .my-widget li a:hover .my-widget__img img {
  transform: scale(1.05);
}
.lp08 .show_num li {
  position: relative;
}
.lp08 .show_num li .rank {
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 25px;
}
.lp08 .show_num li:nth-child(n + 4) .rank {
  background: #f3f3f3;
  color: #9a9a9a;
}
.lp08 .show_num li a div {
  padding-left: 23px;
}
.lp08 .show_num li a figure + div {
  padding-left: 0;
}

/*オリジナルプロフィール*/
.lp08 .profile-background img {
  width: 100%;
}
.lp08 .yourprofile .profile-img {
  position: relative;
  width: 80px;
  height: 80px;
  margin: -40px auto 0;
}
.lp08 .yourprofile .profile-img img {
  border: solid 3px #fff;
  border-radius: 40px;
  overflow: hidden;
}
.lp08 .yourname {
  padding: 0 10px;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
.lp08 .profile-content {
  padding: 0 15px;
  font-size: 0.95em;
}
.lp08 .profile-sns {
  margin: 0;
  padding: 10px 10px 20px;
  text-align: center;
}
.lp08 .profile-sns li {
  display: inline-block;
  vertical-align: middle;
}
.lp08 .widget .profile-sns li a {
  padding: 4px;
  color: #555;
  width: 48px;
  height: 48px;
}
.lp08 .widget .profile-sns li a:hover {
  background: transparent;
  opacity: 0.6;
}
.lp08 .profile-sns li i {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #6eb6fd;
  color: #fff;
  font-size: 23px;
  text-align: center;
  line-height: 40px;
}
.lp08 .profile-sns li .fa-twitter {
  background: #3ab4ff;
}
.lp08 .profile-sns li .fa-facebook,
.lp08 .profile-sns li .fa-facebook-f {
  background: #3b8df7;
}
.lp08 .profile-sns li .fa-instagram {
  background: #ff7b7b;
}
.lp08 .profile-sns li .fa-youtube {
  background: #f0504f;
}
.lp08 .profile-sns li .fa-rss {
  background: #72d865;
}
.lp08 .profile-sns li .fa-line {
  background: #70da7d;
}
/*ウィジェットメニュー*/
.lp08 .widget-menu__title {
  padding: 10px;
  font-size: 1.1em;
  color: #fff;
}
.lp08 .widget-menu {
  text-align: center;
}
.lp08 .widget-menu li {
  float: left;
  width: 50%;
  border-bottom: solid 2px #efefef;
  font-size: 12px;
  vertical-align: middle;
  background: #fff;
}
.lp08 .widget-menu li:nth-child(even) {
  border-left: solid 2px #efefef;
}
.lp08 .widget-menu li:last-child,
.lp08 .widget-menu li:nth-last-child(2) {
  border-bottom: 0;
}
.lp08 .widget-menu i {
  display: block;
  font-size: 3em;
}
/*ウィジェットメニューを投稿/固定ページでも使えるように*/
.lp08 #main .widget-menu {
  margin: 0 0 1em;
  padding: 0;
  border-top: 0;
  list-style: none;
}
.lp08 #main .widget-menu li {
  margin-top: 1px;
  padding: 0;
}
.lp08 #main .widget-menu li:after {
  display: table;
  content: "";
}
.lp08 #main .widget-menu a {
  display: block;
  padding: 1.2em 0.5em;
  font-weight: bold;
  text-decoration: none;
  color: #555;
}
.lp08 #main .widget-menu a:hover {
  background: #efefef;
}
/*3列*/
@media only screen and (min-width: 520px) {
  .lp08 .menu-three.widget-menu li {
    width: 33.3%;
  }
  .lp08 .menu-three.widget-menu li:nth-child(3n + 1) {
    border-left: 0;
  }
  .lp08 .menu-three.widget-menu li {
    border-left: solid 2px #efefef;
  }
  .lp08 .menu-three.widget-menu li:nth-last-child(3) {
    border-bottom: 0;
  }
}

/*ウィジェットFollow Me*/
.lp08 .widget .follow_btn {
  margin-top: 0;
  text-align: center;
}
.lp08 .widget .follow_btn a {
  margin: 15px 5px 10px;
}
.lp08 .widget .follow_btn a:before {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

/*ウィジェット無し*/
.lp08 .no-widgets {
  margin-bottom: 1.5em;
  padding: 1.5em;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: white;
  text-align: center;
}

/*広告ウィジェット*/
.lp08 .sponsored {
  margin: 1em 0;
}
.lp08 .entry-content .sponsored:first-child {
  margin-top: 0;
}
/*
 * 記事フッター
 */
.lp08 #main .h-undeline {
  position: relative;
  margin: 0;
  padding: 14px 10px;
  font-weight: bold;
  text-align: center;
  background: #eaedf2;
}
/*おすすめ記事
 *カスタマイザーで設定*/
.lp08 .recommended {
  margin-bottom: 1.5em;
}
.lp08 .recommended a {
  display: table;
  width: 90%;
  margin: 5%;
  color: #333;
  font-weight: bold;
  line-height: 1.55;
}
.lp08 .recommended a figure,
.lp08 .recommended a div {
  display: table-cell;
  vertical-align: middle;
}
.lp08 .recommended a figure {
  width: 90px;
  height: 90px;
}
.lp08 .recommended figure img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.4s;
}
.lp08 .recommended a div {
  width: calc(100% - 90px);
  padding-left: 15px;
}
.lp08 .recommended a:hover {
  color: #888;
  text-decoration: none;
}
.lp08 .recommended a:hover figure img {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
}

/*関連記事*/
.lp08 .related-posts ul {
  margin: 0;
  padding: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lp08 .related-posts li {
  width: 48%;
  margin: 0 4% 20px 0;
  display: block;
  float: left;
}
.lp08 .related-posts li:nth-child(even) {
  margin-right: 0;
}
.lp08 .related-posts li a {
  display: block;
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.lp08 .related-posts li a:hover {
  color: black;
}
.lp08 .rlmg img {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
.lp08 .related-posts li a:hover img {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px);
}
.lp08 .rep {
  padding: 10px 0 0;
  line-height: 1.5;
}
.lp08 .rep p {
  margin: 0;
  font-size: 0.95em;
  font-weight: bold;
}
.lp08 .related-posts.type_b {
  background: #eaedf2;
}
.lp08 .related-posts.type_b ul {
  padding: 0 10px 25px;
}
.lp08 .related-posts.type_b li {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
  transition: 0.3s;
  border-radius: 5px;
}
.lp08 .related-posts.type_b .rlmg img {
  box-shadow: none;
  border-bottom: solid 1px #efefef;
  border-radius: 4px 4px 0 0;
}
.lp08 .related-posts.type_b .rep {
  padding: 10px;
  font-size: 0.95em;
}
.lp08 .related-posts.type_b li:hover {
  box-shadow: 0 6px 13px rgba(0, 0, 0, 0.25);
}
.lp08 .related-posts.type_b li a:hover img {
  box-shadow: none;
  transform: none;
}
.lp08 .related-posts.type_c ul {
  padding: 0 13px;
  margin: 0 0 1.5em;
}
.lp08 .related-posts.type_c li {
  display: block;
  margin: 0;
  padding: 14px 0;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
}
.lp08 .related-posts.type_c li:last-child {
  border-bottom: none;
}
.lp08 .related-posts.type_c li a {
  display: table;
}
.lp08 .related-posts.type_c .rlmg,
.lp08 .related-posts.type_c .rep {
  display: table-cell;
  vertical-align: middle;
}
.lp08 .related-posts.type_c .rlmg {
  width: 40%;
  padding-right: 10px;
}
.lp08 .related-posts.type_c .rlmg img {
  width: 100%;
}
.lp08 .related-posts.type_c .rep {
  width: 60%;
  padding: 0;
}
/* .slideを持つ場合のみ767px以下で横スクロール*/
@media only screen and (max-width: 768px) {
  .lp08 .related-posts.slide ul {
    padding: 10px 10px 20px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }
  .lp08 .related-posts.type_b.slide ul {
    padding-top: 0;
  }
  .lp08 .related-posts.slide ul:after {
    content: "";
    min-width: 20px;
  }
  .lp08 .related-posts.slide ul li {
    min-width: 240px;
    max-width: 300px;
    margin: 8px;
    scroll-snap-align: center;
  }
} /* end .slide */

/*記事のカテゴリー,タグ情報*/
.lp08 .footer-meta {
  padding: 10px 5% 20px;
  font-size: 0.95em;
  font-weight: bold;
}
.lp08 .footer-meta_title {
  display: inline-block;
  padding-right: 2px;
}
.lp08 .footer-meta ul {
  display: inline-block;
  margin: 0;
}
.lp08 .footer-meta ul li {
  display: inline-block;
}
.lp08 .footer-meta ul li:not(:last-child):after {
  padding: 0 0 0 4px;
  content: "/";
}
.lp08 .footer-meta ul li a {
  color: rgba(0, 0, 0, 0.4);
}
.lp08 .footer-meta ul li a:hover {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
}
.lp08 .meta-tag {
  margin-top: 5px;
}
.lp08 .meta-tag a:before {
  padding-left: 3px;
  content: "#";
}
.lp08 .tags {
  margin: 0;
}

/*フォローボックス（Like Box）*/
.lp08 .like_box {
  padding: 30px 15px;
}
.lp08 .like_inside {
  overflow: hidden;
  max-width: 350px;
  margin: 0 auto;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 10px 15px -2px rgba(0, 0, 0, 0.24);
}
.lp08 .like_img {
  overflow: hidden;
  position: relative;
  width: 110%;
  margin-left: -5%;
  border-radius: 0 0 50% 50%/0 0 25% 25%;
  transition: 0.3s ease-in-out;
}
.lp08 .like_img img {
  width: 100%;
}
.lp08 .like_img:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.15;
  content: "";
}
.lp08 .like_img p {
  position: absolute;
  z-index: 2;
  top: 20%;
  top: calc(50% - 70px);
  left: 0;
  width: 100%;
  padding: 10%;
  background-position: 50% 50%;
  color: #fff;
  font-size: 35px;
  text-align: center;
}
.lp08 .like_content {
  padding: 15px 20px;
  font-weight: bold;
}
.lp08 .like_content p {
  padding-bottom: 10px;
  font-weight: bold;
}
.lp08 .like_insta,
.lp08 .like_youtube {
  display: inline-block;
  margin: 10px 0 0;
  padding: 4.5px 7px 4px;
  color: #fff;
  font-size: 12px;
  line-height: 1.1;
  border-radius: 4px;
}
.lp08 .like_youtube {
  background: #f0504f;
}
.lp08 .like_insta {
  background: linear-gradient(
    45deg,
    #fad51f,
    #f95e5e 20%,
    #e83784 60%,
    #754ed5
  );
}
.lp08 .fb-like {
  margin-top: 13px;
}

/*この記事を書いた人*/
.lp08 .author-info {
  position: relative;
  padding: 25px 15px;
}
.lp08 .author-info__inner {
  position: relative;
}
.lp08 .author-info__inner .tb {
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 5px 20px -5px rgba(105, 115, 131, 0.35);
}
.lp08 .author-info__inner .tb-left {
  padding: 20px 15px 5px;
}
.lp08 .author_label span {
  display: inline-block;
  position: relative;
  min-width: 120px;
  max-width: 100%;
  margin: 0 0 15px;
  padding: 6px 12px;
  border-radius: 20px;
  background: #eaedf2;
  color: #555;
  font-size: 16px;
  font-weight: bold;
}
.lp08 .author_label span:before {
  position: absolute;
  top: 100%;
  left: 33px;
  border: 13px solid transparent;
  border-top: solid 10px #eaedf2;
  content: "";
}
.lp08 .author_img {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin: 0;
  vertical-align: middle;
}
.lp08 .author_img img {
  border: solid 3px #dfe2e8;
  border-radius: 50%;
}
.lp08 .author-info__inner .tb-left .aut {
  display: inline-block;
  width: calc(100% - 95px);
  margin: 0;
  padding-left: 10px;
  vertical-align: middle;
  line-height: 1.3;
}
.lp08 .author-info__inner .tb-left dt {
  font-size: 19px;
  font-weight: bold;
}
.lp08 .author-info__inner .tb-left dd {
  padding-top: 4px;
  color: #686868;
  font-size: 15px;
  font-weight: bold;
}
.lp08 .author-info__inner .tb-right {
  padding: 15px;
  font-size: 0.95em;
  line-height: 1.7;
}

/*Follow Me*/
.lp08 .follow_btn {
  margin-top: 15px;
}
.lp08 .follow_btn a {
  display: inline-block;
  margin: 15px 10px 0 0;
  color: #919191;
  text-align: center;
  font-size: 11px;
}
.lp08 .follow_btn a:hover {
  text-decoration: none;
  transform: translateY(-4px);
}
.lp08 .follow_btn a:before {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 12px;
  color: #fff;
  font-family: FontAwesome;
  font-size: 35px;
  text-align: center;
  line-height: 60px;
}
.lp08 .fa5 .follow_btn a:before {
  font-family: "Font Awesome 5 Brands";
}
.lp08 .follow_btn .Twitter:before {
  background: #3ab4ff;
  content: "\f099";
}
.lp08 .follow_btn .Facebook:before {
  background: #4f96f6;
  content: "\f09a";
}
.lp08 .follow_btn .Instagram:before,
.lp08 .profile-sns li .fa-instagram {
  background: url(https://cbd.co.jp/wp-content/themes/sango-theme/library/images/insta.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "\f16d";
}
.lp08 .follow_btn .YouTube:before {
  background: #f0504f;
  content: "\f16a";
}
.lp08 .fa5 .follow_btn .YouTube:before {
  content: "\f167";
}
.lp08 .follow_btn .Feedly:before {
  background: #72d865;
  content: "\f09e";
}
.lp08 .follow_btn .Website:before {
  background: #ffb35d;
  content: "\f0ac";
}
.lp08 .follow_btn .LINE:before {
  background: #59d869;
  content: "\f3c0";
}
.lp08 .fa4 .follow_btn .LINE:before {
  content: "\f075";
}
.lp08 .fa5 .follow_btn .Feedly:before,
.lp08 .fa5 .follow_btn .Website:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*記事下のCTA*/
.lp08 .cta {
  padding: 25px 15px;
  font-weight: bold;
}
.lp08 .cta-img {
  margin: 15px 0;
  text-align: center;
}
.lp08 .cta h3 {
  margin: 0;
  font-size: 1.5em;
  line-height: 1.45;
}
.lp08 .cta-descr {
  margin: 15px 0;
  font-size: 1.1em;
  white-space: pre-wrap;
}
.lp08 .cta-btn {
  text-align: center;
}
.lp08 .cta-btn a {
  padding: 0.5em 1em;
}

.lp08 .related_ads {
  margin: 1.5em 0 2em;
}
.lp08 .article-footer .textwidget {
  margin: 1em 0 0;
}

/*前の記事へ＆次の記事へ*/

.lp08 .prnx_box {
  margin-bottom: 1.5em;
}
.lp08 .prnx {
  display: block;
  margin: 0 15px 20px;
  color: #505050;
}
.lp08 .prnx:hover {
  text-decoration: none;
}
.lp08 .prnx p {
  margin: 0;
  padding: 4px;
  color: rgba(0, 0, 0, 0.52);
  font-size: 0.9em;
  font-weight: bold;
}
.lp08 .prnx.nx p {
  text-align: right;
}
.lp08 .prnx_tb {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease-in-out;
}
.lp08 .prnx:hover .prnx_tb {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.lp08 .prnx_tb figure {
  display: table-cell;
  width: 95px;
  padding: 10px 0 10px 10px;
  vertical-align: middle;
}
.lp08 .prnx_tb figure img {
  width: 100%;
}
.lp08 .prev-next__text {
  display: table-cell;
  width: calc(100% - 95px);
  padding: 10px;
  font-size: 0.9em;
  vertical-align: middle;
  line-height: 1.4;
}
.lp08 .nx .prnx_tb figure {
  padding: 10px 10px 10px 0;
}

/*
 * コメントのスタイル
 */
.lp08 #comments-title {
  margin: 0;
  padding: 0.75em;
  border-top: 1px solid #f8f9fa;
}
.lp08 .commentlist {
  list-style-type: none;
  margin: 0;
  font-size: 0.9em;
}
.lp08 .comment {
  overflow: hidden;
  position: relative;
  clear: both;
  padding: 1em;
}
.lp08 .no-comments {
  font-size: 0.95em;
  margin: 1em;
}
.lp08 .comment .comment-author {
  padding: 7px 0 2px;
  border: 0;
}
.lp08 .comment .vcard {
  margin-left: 50px;
}
.lp08 .comment .vcard cite.fn {
  font-weight: bold;
  font-style: normal;
}
.lp08 .comment .vcard time {
  display: block;
  font-size: 0.8em;
  font-style: italic;
}
.lp08 .comment .vcard time a {
  color: #9fa6b4;
  text-decoration: none;
}
.lp08 .comment .vcard time a:hover {
  text-decoration: underline;
}
.lp08 .comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}
.lp08 .comment:last-child {
  margin-bottom: 0;
}
.lp08 .comment .children {
  margin: 0;
}
.lp08 .comment[class*="depth-"] {
  margin-top: 1.1em;
}
.lp08 .comment.depth-1 {
  margin-top: 0;
  margin-left: 0;
}
.lp08 .comment:not(.depth-1) {
  margin-top: 0;
  padding: 13px;
}
.lp08 .comment.odd {
  background-color: white;
}
.lp08 .comment.even {
  background: #f8f9fa;
}

.lp08 .comment_content p {
  margin: 0.7335em 0 1.5em;
  line-height: 1.5em;
}
.lp08 .blue-btn,
.lp08 .comment-reply-link,
.lp08 #submit {
  display: inline-block;
  position: relative;
  padding: 0 24px;
  border: 0;
  border-radius: 4px;
  color: white;
  font-size: 0.9em;
  font-size: 34px;
  font-weight: normal;
  text-decoration: none;
  line-height: 34px;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.lp08 .blue-btn:hover,
.lp08 .comment-reply-link:hover,
.lp08 #submit:hover,
.lp08 .blue-btn:focus,
.lp08 .comment-reply-link:focus,
.lp08 #submit:focus {
  color: white;
  text-decoration: none;
}
.lp08 .blue-btn:active,
.lp08 .comment-reply-link:active,
.lp08 #submit:active {
  top: 1px;
}

.lp08 .blue-btn {
  background-color: #6bb6ff;
}
.lp08 .blue-btn:hover,
.lp08 #submit:hover,
.lp08 .blue-btn:focus,
.lp08 .comment-reply-link:focus,
.lp08 #submit:focus {
  background-color: silver;
}
.lp08 .blue-btn:active,
.lp08 .comment-reply-link:active,
.lp08 #submit:active {
  background-color: silver;
}

.lp08 .comment-reply-link {
  float: right;
  margin: 10px 0 10px 10px;
  background-color: #c1c7cc;
  font-size: 0.85em;
  font-weight: bold;
}

.lp08 .comment-edit-link {
  margin: 0 7px;
  font-size: 0.9em;
  font-style: italic;
  text-decoration: none;
}

.lp08 .comment-nav-prev,
.lp08 .comment-nav-next {
  padding: 10px;
  font-weight: bold;
}
.lp08 .comment-nav-prev {
  float: left;
}
.lp08 .comment-nav-next {
  float: right;
}

/*コメントフォーム*/
.lp08 .comment-respond {
  padding: 1em 1.5em 2em;
  border-top: solid 1px #eaedf2;
}
.lp08 #reply-title {
  font-weight: bold;
}
.lp08 #reply-title:before {
  padding-right: 5px;
  font-family: FontAwesome;
  font-weight: normal;
  content: "\f040";
}
.lp08 .fa5 #reply-title:before {
  content: "\f303";
}
.lp08 .comment-notes {
  color: #7b7e82;
  font-size: 0.9em;
}
.lp08 .logged-in-as {
  margin: 0;
  color: #9fa6b4;
  font-style: italic;
}
.lp08 .logged-in-as a {
  color: #5c6b80;
}
.lp08 .comment-form-comment {
  margin: 1.5em 0 0.75em;
}
.lp08 .form-allowed-tags {
  padding: 1.5em;
  background-color: #f8f9fa;
  font-size: 0.9em;
}
.lp08 .form-submit {
  text-align: right;
}
.lp08 #submit {
  display: inline-block;
  padding: 2px 14px;
  border-radius: 2px;
  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.25);
  font-size: 1em;
}
.lp08 #comment-form-title {
  margin: 0 0 1.1em;
}
.lp08 #allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}
.lp08 .comment-form-cookies-consent {
  font-size: 0.9em;
  position: relative;
  line-height: 1.6;
}
.lp08 .comment-form-cookies-consent input {
  position: absolute;
  top: 5px;
  left: 0;
}
.lp08 .comment-form-cookies-consent label {
  padding-left: 25px;
  display: block;
}
.lp08 .required {
  color: #ee7b7b;
}
/* コメント無し */
.lp08 .nocomments {
  margin: 0 20px 1.1em;
}

/*
 * フッターウィジェット（全ページに表示）
 */
.lp08 .footer {
  position: relative;
  clear: both;
  font-size: 0.95em;
}
.lp08 .inner-footer {
  padding-top: 2em;
}
.lp08 .ft_title {
  margin: 0 0 0.7em;
  padding: 2px 0 2px 10px;
  border-left: solid 3px;
  font-size: 1.2em;
}
.lp08 .footer .widget ul li a,
.lp08 .footer .my-widget__text {
  opacity: 0.75;
}
.lp08 .footer .widget .my-widget li a {
  opacity: 1;
}
.lp08 .footer p {
  line-height: 1.55;
}
.lp08 .footer p a {
  text-decoration: underline;
}
.lp08 .footer p a:hover {
  opacity: 0.7;
}
.lp08 .footer .ft_widget,
.lp08 .footer .my_popular_posts {
  margin: 1.5em 0 3em;
  background: transparent;
}
.lp08 .footer .widget h4 + * {
  padding: 0;
}
.lp08 .footer .my-widget__img img {
  border: none;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
.lp08 .footer .widget ul li a {
  position: relative;
  padding: 8px 0 8px 13px;
}
.lp08 .footer .widget ul li a:hover {
  background: transparent;
  text-decoration: underline;
}
.lp08 .footer .widget .my-widget li a {
  padding-left: 0;
}
.lp08 .footer .widget .my-widget li a:hover {
  text-decoration: none;
}
.lp08 .footer .widget ul:not(.my-widget) li a:before {
  position: absolute;
  left: 0;
  font-family: FontAwesome;
  content: "\f105";
}
.lp08 .footer .widget ul li ul li a {
  margin-left: 15px;
}
.lp08 .footer .tagcloud a {
  background: rgba(0, 0, 0, 0.18);
  text-decoration: none;
}
.lp08 .footer select {
  background-color: #fff;
}
.lp08 #footer-menu {
  padding: 20px 10px 10px;
  text-align: center;
}
.lp08 #footer-menu a {
  color: #fff;
  text-decoration: none;
}
.lp08 .footer-menu__btn {
  font-size: 20px;
  transition: 0.3s ease-in-out;
}
.lp08 .footer-menu__btn:hover {
  opacity: 0.7;
}
.lp08 #footer-menu nav,
.lp08 .footer-links {
  display: inline-block;
}
.lp08 #footer-menu ul {
  margin: 0.5em;
}
.lp08 #footer-menu li,
.lp08 .privacy-policy-link {
  display: inline-block;
  padding: 0 6px;
  font-size: 14.5px;
}
.lp08 .privacy-policy-link {
  padding-left: 0;
}
.lp08 #footer-menu li a:hover,
.lp08 #footer-menu .privacy-policy-link:hover {
  text-decoration: underline;
}
.lp08 .copyright {
  margin: 5px 0 0;
  font-size: 13.5px;
  opacity: 0.7;
}
/*TOPへ戻る*/
.lp08 .totop {
  display: none;
  width: 54px;
  height: 54px;
  text-align: center;
  position: fixed;
  bottom: 15px;
  right: 10px;
  border-radius: 50%;
  opacity: 0.6;
  transition: none;
  z-index: 10;
}
.lp08 .fixed-menu ~ .totop {
  bottom: 70px;
}
.lp08 .totop i {
  display: inline-block;
  height: 54px;
  line-height: 52px;
  color: #fff;
  vertical-align: middle;
}
.lp08 .totop i {
  width: auto;
  height: auto;
}
.lp08 .totop:hover {
  opacity: 0.9;
}
/*
 * ボタン
 */
.lp08 .raised {
  display: inline-block;
  margin: 0.5em 0;
  padding: 0.4em 1.3em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.lp08 .raised:hover,
.lp08 .raised:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/*
 * パンくずリスト
 */
.lp08 #breadcrumb {
  margin: 0;
  padding: 13px 15px;
  background: #f4f4f4;
}
.lp08 .archive #breadcrumb {
  padding: 0;
  background: transparent;
}
.lp08 #breadcrumb ul {
  margin: 0;
}
.lp08 #breadcrumb li {
  display: inline;
  list-style: none;
  color: gray;
  font-size: 0.87em;
}
.lp08 #breadcrumb li:after {
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.2);
  font-family: FontAwesome;
  content: "\f0da";
  font-size: 14px;
}
.lp08 #breadcrumb li a {
  text-decoration: none;
}
.lp08 #breadcrumb li:first-child a:before {
  padding-right: 5px;
  font-family: FontAwesome;
  font-size: 1.1em;
  font-weight: normal;
  content: "\f015";
}
.lp08 #breadcrumb li a:hover {
  color: gray;
  text-decoration: none;
}

/*
 * アーカイブページ
 */
.lp08 #archive_header {
  margin: 0 0 2em;
  padding: 10px 15px;
  border-top-width: 3px;
  border-top-style: solid;
  background: #fff;
}
.lp08 #archive_header h1 {
  margin: 0.5em 0;
}
.lp08 #archive_header ul {
  margin: 0.1em 0;
}
.lp08 #archive_header .cat-item {
  display: inline-block;
  overflow: hidden;
  margin: 0 5px 5px 0;
  padding: 3px 14px;
  border-radius: 20px;
  background: #eaedf2;
  font-size: 0.9em;
  transition: 0.2s ease-in-out;
}
.lp08 #archive_header .cat-item:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}
.lp08 #archive_header .cat-item a {
  color: #4c4c4c;
}
.lp08 #archive_header .cat-item a:hover {
  text-decoration: none;
}
.lp08 #archive_header .taxonomy-description {
  padding: 0;
}

/*著者ページ*/
.lp08 .author h1 .fa-check-circle {
  color: #5cc5f0;
}
.lp08 .author_page_img img {
  border: solid 5px #eaedf2;
  border-radius: 50%;
}
.lp08 .author h1,
.lp08 .author_page_img {
  display: inline-block;
  vertical-align: middle;
}
.lp08 .author_page_img {
  width: 100px;
}
.lp08 .author h1 {
  padding-left: 0.3em;
  font-size: 1.5em;
}

/*
 * カスタマイザー関係
 */

/*トップページ ヘッダーアイキャッチ*/
.lp08 #header-image {
  min-height: 150px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  animation: fadeHeader 1s ease 0s 1 normal;
}

@keyframes fadeHeader {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
  }
}

.lp08 .header-image__text {
  max-width: 1080px;
  margin: 0 auto;
  padding: 13% 20px 15%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
.lp08 .header-image__text p {
  margin: 10px 0;
  white-space: pre-wrap;
}
.lp08 .header-image__headline {
  font-size: 2em;
  font-weight: bold;
}
.lp08 .header-image__descr {
  font-size: 0.9em;
}
.lp08 .header-image__btn {
  margin: 20px 0 0;
}
.lp08 .header-image__btn .raised {
  font-size: 19px;
  line-height: 1.6;
}

/*アイキャッチ（左右2分割）*/
.lp08 #divheader,
.lp08 .post-tab {
  animation: fadeHeader 1s ease 0s 1 normal;
}
.lp08 .divheader__img img {
  width: 100%;
}
.lp08 .divheader__text {
  padding: 15px;
}
.lp08 .divheader__headline {
  margin: 0 0 5px;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4;
}
.lp08 .divheader__descr {
  margin: 0.5em 0;
  font-size: 1em;
  white-space: pre-wrap;
}
.lp08 .divheader__btn {
  margin: 15px 0;
  text-align: center;
}
.lp08 .divheader__btn .raised {
  font-size: 18px;
  font-weight: bold;
}
.lp08 .divheader__btn .raised:before {
  content: "\f0da";
  font-family: FontAwesome;
  padding-right: 8px;
}

/*
 * 404 not found
 */
.lp08 .notfound {
  margin-bottom: 2em;
}
.lp08 .nofound-title {
  position: relative;
  padding: 1em 0.5em;
  background: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}
.lp08 .nofound-title i {
  color: #84c2ff;
  font-size: 1.2em;
  animation: slideDown 1s ease 0s 1 normal;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
  }
}
.lp08 .nofound-title:before {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
  content: "";
}
.lp08 .nofound-img {
  position: relative;
}
.lp08 .nofound-img h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 6em;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lp08 .nofound-contents {
  padding: 1em;
  background: #fff;
}
.lp08 .nofound-contents .searchform__input {
  background: #f2f2f2;
}

.lp08 .center,
.lp08 .ct {
  text-align: center;
}
.lp08 .flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
}
.lp08 .flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lp08 .space-between {
  justify-content: space-between;
}

.lp08 .withtag_list {
  margin: 1.5em 0;
}
.lp08 .withtag_list > span {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: bold;
}

.lp08 .withtag_list ul {
  list-style-type: disc;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 2em;
  background: #f2f2f2;
  color: #878787;
}
.lp08 .withtag_list ul li ul {
  padding: 0.3em 0 0.3em 1em;
}

/*
 * 検索結果
 */
.lp08 .search-title {
  margin: 0 0 1em;
}
.lp08 .search-title .fa-search {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 2em;
}

/*
 * その他
 */
.lp08 .screen-reader-text {
  display: none;
}
.lp08 #inner-content .ads-title {
  margin-bottom: 0.5em;
  color: #878787;
  font-size: 0.95em;
  text-align: center;
}
/*FontAwesome*/
.lp08 .has-fa-before:before,
.lp08 .has-fa-after:after {
  font-family: FontAwesome;
}
.lp08 .fa5 .has-fa-before:before,
.lp08 .fa5 .has-fa-after:after,
.lp08 .fa5 #breadcrumb li:after,
.lp08 .fa5 #breadcrumb li:first-child a:before,
.lp08 .fa5 .divheader__btn .raised:before,
.lp08 .fa5 time.updated:before,
.lp08 .fa5 time.pubdate:before,
.lp08 .fa5 .entry-content blockquote:before,
.lp08 .fa5 .widget ul li ul li a:before,
.lp08 .fa5 #reply-title:before,
.lp08 .fa5 .footer .widget ul:not(.my-widget) li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.lp08 .fa5 .fab {
  font-weight: normal;
}
.lp08 .fa4 .fa,
.lp08 .fa4 .fas {
  font-weight: normal;
}
.lp08 .fa5 .fa,
.lp08 .fa5 .fas {
  font-weight: 900;
}

.lp08 .sidebar .wp-block-group h2,
.lp08 .drawer .wp-block-group h2 {
  margin-bottom: 0;
  padding: 7px 13px;
  font-size: 1.2em;
}
.lp08 .sidebar .wp-block-latest-comments,
.lp08 .drawer .wp-block-latest-comments {
  background-color: #fff;
  margin-top: 0;
}
.lp08 .sidebar .wp-block-latest-comments__comment,
.lp08 .drawer .wp-block-latest-comments__comment {
  padding: 7px;
  margin-bottom: 0;
}
.lp08 .sidebar .wp-block-latest-comments__comment-excerpt p,
.lp08 .drawer .wp-block-latest-comments__comment-excerpt p {
  margin-bottom: 0;
}
.lp08 .sidebar .wp-block-latest-posts,
.lp08 .drawer .wp-block-latest-posts,
.lp08 .sidebar .wp-block-archives,
.lp08 .drawer .wp-block-archives,
.lp08 .sidebar .wp-block-categories,
.lp08 .drawer .wp-block-categories {
  padding: 8px 10px;
  background-color: #fff;
}
.lp08 .sidebar .wp-block-search,
.lp08 .drawer .wp-block-search {
  position: relative;
}
.lp08 .sidebar .wp-block-search .wp-block-search__button,
.lp08 .drawer .wp-block-search .wp-block-search__button {
  margin-left: 0;
  color: transparent;
  font-size: 0;
  box-shadow: none;
}
.lp08 .sidebar .wp-block-search .wp-block-search__button:before,
.lp08 .drawer .wp-block-search .wp-block-search__button:before {
  content: "\f002";
  font-size: 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
.lp08 .sidebar .wp-block-search .wp-block-search__label,
.lp08 .drawer .wp-block-search .wp-block-search__label {
  display: none;
}
.lp08 .sidebar .wp-block-search .wp-block-search__input,
.lp08 .drawer .wp-block-search .wp-block-search__input {
  height: 45px;
  padding-right: 48px;
  border: none;
  border-bottom: solid 1px #efefef;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%), 0 3px 3px -2px rgb(0 0 0 / 15%);
  transition: 0.3s ease-in-out;
  -webkit-appearance: none;
}

/*========= 481px〜のデバイスの場合 =========*/
@media only screen and (min-width: 481px) {
  .lp08 #logo {
    font-size: 23px;
  }
  /*
 * トップページ 481px~
 */
  .lp08 .div-text .smltext {
    font-size: 1.1em;
  }

  /*トップページ・アーカイブのレイアウト*/
  .lp08 .home_bottom {
    margin: 1em 2%;
  }
  .lp08 .home_top {
    margin: 0 2% 1em;
  }
  .lp08 .post-tab {
    margin: 0 2% 1em;
    width: 96%;
    font-size: 0.9em;
  }
  .lp08 .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;
  }
  .lp08 .cardtype__article {
    float: left;
    width: 46%;
    margin: 0 1.8% 25px;
  }
  .lp08 .cardtype__link {
    padding-bottom: 15px;
  }
  .lp08 .cardtype__article h2 {
    margin: 8px 13px 0;
  }

  .lp08 .cardtype__article time {
    margin: 13px 13px 8px;
  }

  /*記事一覧で横長のスタイルの場合*/
  .lp08 .sidelong__article {
    width: 96%;
    margin: 0 1.8% 25px;
  }
  .lp08 .sidelong__link {
    padding: 10px;
  }
  .lp08 .sidelong__img {
    width: 120px;
    height: 120px;
  }
  .lp08 .sidelong__article-info {
    width: calc(100% - 120px);
    padding-left: 15px;
  }
  .lp08 .sidelong h2,
  .lp08 .sidelong .sidelong__title {
    font-size: 19px;
  }
  .lp08 #archive_header,
  .lp08 .category-content-top {
    margin: 0 2% 1.5em;
  }

  /*
 * 記事ページ 481px~
 */
  .lp08 .single-title,
  .lp08 .page-title,
  .lp08 .entry-meta,
  .lp08 .entry-content {
    padding-right: 25px;
    padding-left: 25px;
  }

  /*FAB*/
  .lp08 .share-abst {
    max-width: 294px;
    height: 180px;
  }
  .lp08 .fab__contents_img {
    width: 346px;
  }
  /*
 * 記事フッター481px~
 */
  .lp08 .sns-btn__item {
    width: 14%;
    max-width: 86px;
    margin: 0;
  }
  .lp08 .sns-dif ul {
    max-width: 100%;
  }
  .lp08 .sns-dif ul li {
    width: auto;
  }
  .lp08 .sns-dif ul li a {
    width: 55px;
    height: 55px;
    margin: 7px;
  }
  .lp08 .sns-dif ul li i {
    height: 55px;
    line-height: 55px;
  }
  /*おすすめ・関連記事*/
  .lp08 .recommended a {
    width: 80%;
    margin: 5% 10%;
    font-size: 1.05em;
  }
  .lp08 .rep p {
    font-size: 1em;
  }
  .lp08 .related-posts.type_b ul {
    padding: 0 30px 15px;
  }
  .lp08 .related-posts.type_b li a .rep {
    padding: 10px;
    font-size: 1em;
  }
  .lp08 .related-posts.type_c ul {
    padding: 0px 25px;
  }
  .lp08 .related-posts.type_c li {
    padding: 18px 0;
  }

  /*CTA*/
  .lp08 .cta {
    padding: 25px;
  }
  /*AUTHOR*/
  .lp08 .author-info {
    position: relative;
    padding: 25px;
  }
  /*前の記事＆次の記事へ*/
  .lp08 .prnx.pr,
  .lp08 .prnx.nx {
    max-width: 300px;
    width: 46%;
  }
  .lp08 .prnx.pr {
    float: left;
    margin: 0 0 15px 2%;
  }
  .lp08 .prnx.nx {
    float: right;
    margin: 0 2% 15px 0;
  }

  /*
 * Others
 */
  .lp08 .inner-footer {
    width: 82%;
  }
  .lp08 .nofound-contents {
    padding: 2em;
  }
  .lp08 .totop {
    right: 18px;
    bottom: 20px;
  }
  .lp08 .catpost-cards .c_linkto {
    width: 47%;
    margin: 1em 0;
    max-width: none;
  }
  /*消しちゃダメ*/
}
/*end min-width: 481px*/

/*========= 769px〜の場合 =========*/
@media only screen and (min-width: 769px) {
  /*
 * レイアウト 769px~
 */
  .lp08 .wrap,
  .lp08 .single #inner-content,
  .lp08 .page #inner-content {
    width: 96%;
  }
  .lp08 .single #content,
  .lp08 .page #content {
    margin-top: 2em;
  }

  /*
 * ヘッダー 769px~
 */
  /*ロゴ*/
  .lp08 #logo {
    display: inline-block;
    height: 62px;
    line-height: 62px;
    margin: 0 5px 0 0;
    text-align: left;
    width: auto;
  }
  .lp08 #logo:before {
    content: none;
  }
  .lp08 #logo a {
    display: inline;
    line-height: inherit;
    vertical-align: baseline;
  }

  .lp08 #logo img {
    vertical-align: top;
    padding: 6px 6px 6px 0;
  }

  /*中央寄せの場合*/
  .lp08 .header--center {
    height: auto;
    padding: 0;
  }
  .lp08 .header--center #logo {
    display: block;
    height: auto;
    margin: 0;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
  }
  .lp08 .header--center #logo img {
    padding: 0 5px;
    vertical-align: middle;
  }

  /*
 * ナビ 769px~
 */

  /*PCではモバイルナビを非表示に*/
  .lp08 .mobile-nav {
    display: none;
  }
  .lp08 .desktop-nav,
  .lp08 .desktop-nav ul,
  .lp08 .desktop-nav li,
  .lp08 .desktop-nav li a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
  .lp08 .desktop-nav {
    float: right;
    font-weight: bold;
  }
  .lp08 .desktop-nav li {
    position: relative;
  }
  .lp08 .desktop-nav li a {
    height: 62px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 62px;
  }
  .lp08 .desktop-nav li i {
    opacity: 0.7;
    padding-right: 2px;
  }
  .lp08 .desktop-nav .current-menu-item a {
    opacity: 1;
  }
  .lp08 .desktop-nav li a:hover {
    text-decoration: none;
  }
  .lp08 .desktop-nav li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: transform 0.3s ease-in-out;
    transform: scale(0, 1);
    transform-origin: left top;
  }
  /*ヘッダーメニュー内に検索ボタンを設置した場合*/
  .lp08 .desktop-nav a[href="#sng-search"] {
    padding: 0;
  }
  .lp08 .desktop-nav a[href="#sng-search"] label {
    display: block;
    height: 100%;
    padding: 0 5px;
    font-size: 19px;
    cursor: pointer;
  }
  .lp08 .desktop-nav a[href="#sng-search"] i {
    position: relative;
    top: -1.5px;
    opacity: 1;
  }
  .lp08 .desktop-nav li:hover:after {
    transform: scale(1, 1);
  }
  .lp08 .header-search__open {
    display: none;
  }
  /*中央寄せの場合*/
  .lp08 .header--center .desktop-nav {
    display: block;
    float: none;
    text-align: center;
  }
  .lp08 .header--center .desktop-nav .menu {
    width: 100%;
  }
  .lp08 .header--center .desktop-nav li a {
    height: auto;
    padding: 10px 15px 15px;
    font-size: 15px;
    line-height: 1.5;
  }

  /*階層メニュー*/
  .lp08 .desktop-nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 180px;
    color: #fff;
    background-color: #545454;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    transition: 0.3s ease-in-out;
  }
  .lp08 .desktop-nav li:hover .sub-menu {
    display: block;
  }
  .lp08 .desktop-nav .sub-menu li {
    display: block;
    border-bottom: solid 1px #7b7b7b;
  }
  .lp08 .desktop-nav .sub-menu li a {
    display: block;
    height: auto;
    line-height: 1.5;
    padding: 10px;
    font-size: 13.5px;
    vertical-align: middle;
    text-align: left;
    color: rgba(255, 255, 255, 0.86);
  }
  .lp08 .desktop-nav .sub-menu li a:hover {
    background: gray; /*ホバー時のメニューの背景色*/
  }
  .lp08 .desktop-nav .sub-menu li:hover:after {
    content: none;
  }

  /*モバイル用メニュー関連*/
  .lp08 #drawer__open {
    display: none;
  }
  .lp08 #inner-header {
    max-width: 100%;
  }

  /*
 * トップページ 769px~
 */
  /*カスタマイザー・ヘッダー画像*/
  .lp08 .header-image__headline {
    font-size: 3em;
  }
  .lp08 .header-image__descr {
    font-size: 1.1em;
  }

  /*カスタマイザー2分割ヘッダー画像*/
  .lp08 #divheader {
    display: table;
  }
  .lp08 .divheader__img,
  .lp08 .divheader__text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  .lp08 .divheader__img img {
    width: 100%;
  }
  .lp08 .divheader__text {
    padding: 15px 30px;
  }
  .lp08 .divheader__headline,
  .lp08 .divheader__descr,
  .lp08 .divheader__btn {
    max-width: 550px;
    text-align: left;
  }
  .lp08 .home_bottom {
    margin: 1em 2%;
  }
  .lp08 .home_top {
    margin: 0 2% 1em;
  }
  .lp08 .post-tab {
    margin-bottom: 1.5em;
  }

  /*
 * 記事ページ 769px~
 */

  /*記事のヘッダーまわり*/
  .lp08 .article-header {
    margin: 20px 25px 10px;
  }
  .lp08 .single #breadcrumb,
  .lp08 .page #breadcrumb {
    padding: 0;
    background: transparent;
  }
  .lp08 .single-title,
  .lp08 .page-title {
    margin-top: 15px;
    padding: 0;
  }
  .lp08 .entry-meta {
    padding: 0;
  }

  /*画面サイズが大きくなったときに表のスクロールを解除*/
  .lp08 .entry-content table.tb-responsive {
    display: table;
    overflow-x: visible;
    width: auto;
    border: 2px solid #e0e0e0;
    white-space: normal;
  }

  /*FAB*/
  .lp08 #fab:checked ~ .fab-btn {
    opacity: 0;
    -webkit-transform: translate(-50px, -50px) scale3d(3, 3, 1);
    transform: translate(-50px, -50px) scale3d(3, 3, 1);
  }
  .lp08 #fab__contents {
    top: 50%;
    left: 50%;
    width: 440px;
    height: auto;
    padding: 30px 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .lp08 #fab:checked ~ .fab__close-cover {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.5s ease-in-out;
  }
  .lp08 .close {
    padding: 20px 15px;
  }

  /*
 * サイドバー 769px~
 */
  /* 追尾サイドバー（sticky）用 */
  .lp08 .single #inner-content,
  .lp08 .page #inner-content {
    display: flex;
  }
  .lp08 .sidebar,
  .lp08 .insidesp {
    min-height: 100%;
  }
  /* END: 追尾サイドバー用 */

  /*余白*/
  .lp08 .single .insidesp,
  .lp08 .page .insidesp {
    padding: 0;
  }

  /*
 * 記事フッター 769px~
 */
  .lp08 .footer-contents {
    padding: 0 25px;
  }
  .lp08 .footer-meta {
    padding: 10px 0;
    text-align: right;
  }
  .lp08 .sns-dif + .like_box {
    padding-top: 12px;
    background: #eaedf2;
  }
  .lp08 .page .footer-contents {
    margin-bottom: 2em;
  }
  /*おすすめ記事*/
  .lp08 .recommended a {
    width: calc(100% - 50px);
    margin: 25px;
  }
  .lp08 .recommended a figure {
    width: 110px;
    height: 110px;
  }
  .lp08 .recommended a div {
    width: calc(100% - 110px);
    height: calc(100% - 110px);
  }
  /*関連記事*/
  .lp08 .related-posts ul {
    overflow: visible;
    padding: 15px 0;
    text-align: center;
    white-space: normal;
  }
  .lp08 .related-posts li {
    display: block;
    float: left;
    width: 48%;
    margin: 1em 4% 1em 0;
    text-align: left;
  }
  .lp08 .related-posts li:nth-child(even) {
    margin-right: 0;
  }
  .lp08 .related-posts.type_b {
    background: transparent;
  }
  .lp08 .related-posts.type_b ul {
    padding: 15px 0;
  }
  .lp08 .related-posts.type_c ul {
    padding: 0;
  }
  .lp08 .related-posts.type_c li {
    width: 100%;
    margin: 0;
  }

  .lp08 .cta {
    margin: 25px 0;
    padding: 25px 20px;
  }

  /*関連記事広告*/
  .lp08 .related_ads {
    margin: 2.5em 0;
  }

  /*ホームに戻るや次の記事へ、などのスペース*/
  .lp08 .prnx.pr {
    float: left;
    margin: 15px 0;
  }
  .lp08 .prnx.nx {
    float: right;
    margin: 15px 0;
  }

  /*
 * フッターウィジェット 769px~
 */
  .lp08 .inner-footer {
    width: 90%;
  }
  .lp08 .fblock {
    float: left;
    width: 47%;
  }
  .lp08 .fblock.first {
    margin-right: 6%;
  }

  /*
 * その他 769px~
 */
  .lp08 .notfound {
    margin-right: 4%;
  }

  /*追尾サイドバーはこのサイズから表示*/
  .lp08 .fixed-sidebar {
    display: block;
  }

  /*1カラム設定のとき（投稿時に設定orモバイルでサイドバー非表示に設定している場合）*/
  .lp08 #content.one-column {
    margin-top: 0;
    background: #fff;
  }
  .lp08 .one-column #inner-content {
    width: 100%;
  }
  .lp08 .one-column #main {
    float: none;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
  }
  .lp08 .one-column .author-info,
  .lp08 .one-column .prnx_box {
    margin: 0 25px;
  }
  .lp08 #content.page-forfront {
    margin-top: 0;
    padding: 30px;
  }

  /*消しちゃダメ*/
}
/*end min-width: 769px*/

/*========= 1030px〜の場合 =========*/
@media only screen and (min-width: 1030px) {
  /*
 * レイアウト 1030px〜
 */
  .lp08 .wrap,
  .lp08 .maximg,
  .lp08 .single #inner-content,
  .lp08 .page #inner-content {
    width: 92%;
  }
  .lp08 .maximg {
    margin: 30px auto 45px;
  }
  /*
 * トップ,アーカイブ記事一覧 1030px〜
 */
  .lp08 .cardtype__article {
    width: 45%;
    margin: 0 4% 25px 0;
  }
  .lp08 .cardtype__link {
    padding-bottom: 25px;
  }
  .lp08 .cardtype h2 {
    margin: 8px 13px 0;
    font-size: 18px;
  }
  .lp08 .cardtype time {
    margin: 13px 13px 8px;
  }

  /*記事一覧で横長のスタイルの場合*/
  .lp08 .sidelong__article {
    float: left;
    width: 45.5%;
    margin: 0 3% 3% 0;
    min-height: 117px;
  }
  .lp08 .sidelong__link {
    padding: 8px;
  }
  .lp08 .sidelong__img {
    width: 100px;
    height: 100px;
  }
  .lp08 .sidelong__article-info {
    width: calc(100% - 100px);
    padding-left: 10px;
  }
  .lp08 .sidelong h2,
  .lp08 .sidelong .sidelong__title {
    font-size: 16px;
  }
  /*記事一覧下ウィジェット*/
  .lp08 .home_bottom {
    margin: 1em 6% 1em 0;
  }
  .lp08 .home_top {
    margin: 0 6% 1em 0;
  }
  .lp08 .post-tab {
    display: table;
    table-layout: fixed;
    margin: 0 6% 1.5em 0;
    width: 94%;
  }
  .lp08 .post-tab.cf:before,
  .lp08 .post-tab.cf:after {
    content: none;
  }
  .lp08 .post-tab > div {
    display: table-cell;
    width: auto;
    float: none;
    padding: 0.9em 0.2em;
    border-right: solid 1px #eaeaea;
  }
  .lp08 .post-tab > div:last-of-type {
    border-right: none;
  }
  .lp08 .post-tab .tab3,
  .lp08 .post-tab .tab4 {
    border-top: none;
  }
  /*アーカイブヘッダー*/
  .lp08 #archive_header,
  .lp08 .category-content-top {
    margin: 0 6% 1.5em 0;
  }

  .lp08 #archive_header {
    padding: 20px 20px;
  }

  /*
 * 記事コンテンツ 1030px〜
 */
  .lp08 h1 {
    font-size: 1.5em;
  }
  .lp08 .article-header {
    margin: 25px 40px 10px;
  }
  .lp08 .entry-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  /*
 * 記事フッター 1030px〜
 */
  .lp08 .footer-contents {
    padding: 0 40px;
  }

  /*この記事を書いた人*/
  .lp08 .author-info {
    padding: 30px 40px;
  }

  .lp08 .tb {
    display: table;
    width: 100%;
  }
  .lp08 .tb-left,
  .lp08 .tb-right {
    display: table-cell;
    vertical-align: middle;
  }
  .lp08 .author-info__inner .tb-left {
    width: 220px;
    border-right: 2px #eaedf2 dashed;
    text-align: center;
  }
  .lp08 .author-info__inner .tb-right {
    width: calc(100% - 220px);
    padding: 20px;
  }
  .lp08 .author_img {
    display: inline-block;
  }
  .lp08 .author-info__inner .tb-left .aut {
    display: block;
    width: 100%;
    padding: 15px 0;
  }
  .lp08 .author_label span {
    z-index: 2;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .lp08 .author_label span:before {
    z-index: -1;
    top: calc(100% - 15px);
    left: 50px;
    border: 15px solid transparent;
    border-top: solid 30px #eaedf2;
    transform: rotate(-40deg);
  }
  .lp08 .follow_btn {
    margin: 0 8px 5px 0;
  }
  .lp08 .follow_btn a:before {
    width: 50px;
    height: 50px;
    font-size: 33px;
    line-height: 50px;
  }

  /*関連記事*/
  .lp08 .related-posts ul {
    text-align: left;
  }
  .lp08 .related-posts li {
    width: 31%;
    margin: 1em 0;
  }
  .lp08 .related-posts li:nth-child(3n + 2) {
    margin: 1em 3.5%;
  }
  .lp08 .related-posts.type_c li,
  .lp08 .related-posts.type_c li:nth-child(3n + 2) {
    width: 48%;
    margin: 0 2% 0 0;
    padding: 17px 0;
  }
  .lp08 .related-posts.type_c li:nth-child(even) {
    margin: 0 0 0 2%;
  }
  .lp08 .related-posts.type_c li:nth-last-child(2) {
    border-bottom-color: #fff;
  }
  .lp08 .related-posts.type_c .rlmg {
    width: 45%;
  }
  .lp08 .related-posts.type_c .rep {
    width: 55%;
    font-size: 0.9em;
  }

  /*CTA*/
  .lp08 .cta {
    padding: 30px 25px;
  }
  .lp08 .cta h3 {
    text-align: center;
  }

  /*おすすめ記事*/
  .lp08 .recommended a {
    float: left;
    width: 47.5%;
    margin: 3% 5% 3% 0;
    font-size: 0.95em;
  }
  .lp08 .recommended a:nth-child(even) {
    margin-right: 0;
  }
  .lp08 .recommended a figure {
    width: 90px;
    height: 90px;
    vertical-align: top;
  }
  .lp08 .recommended a div {
    width: calc(100% - 110px);
    height: calc(100% - 110px);
    padding-left: 10px;
  }

  /*1カラム表示の場合*/
  .lp08 .one-column .author-info,
  .lp08 .one-column .prnx_box {
    margin: 0 40px;
  }

  /*
 * コメント 1030px〜
 */
  .lp08 .comment-respond {
    padding: 10px 40px 30px;
  }

  /*
 * フッターウィジェット 1030px〜
 */
  .lp08 .inner-footer {
    width: 92%;
  }
  .lp08 .fblock,
  .lp08 .fblock.first {
    width: 30%;
    margin-right: 5%;
  }
  .lp08 .fblock.last {
    margin-right: 0;
  }

  /*消しちゃダメ*/
}
/*end min-width: 1030px*/

/*========= 1240px〜の場合 =========*/

@media only screen and (min-width: 1240px) {
  .lp08 .wrap,
  .lp08 .maximg,
  .lp08 .single #inner-content,
  .lp08 .page #inner-content,
  .lp08 .inner-footer {
    width: 1180px;
  }
  /*消しちゃダメ*/
}
/*end min-width: 1240px*/


/* ===== 11-sango-entry-option.css ===== */
/*主に記事内で使用するスタイル
 見出し/ボタン/ボックス/リスト/ショートコード/カエレバ等
*/
/** 評価ボックス **/
.lp08 .rate-title {
  padding: 5px;
  margin-top: 1em;
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
}
.lp08 .rate-title:before {
  content: "\f02e";
  padding-right: 5px;
}
.lp08 .rate-box {
  margin-bottom: 1em;
  font-size: 15px;
  border: solid 2px #e6e6e6;
}
.lp08 .rateline {
  padding: 7px 4px 7px 10px;
}
.lp08 .rate-box .rateline:nth-child(even) {
  background: #f3f3f3;
}
.lp08 .rate-thing {
  display: inline-block;
  padding-right: 10px;
  width: calc(100% - 125px);
  max-width: 250px;
  font-weight: bold;
  vertical-align: middle;
}
.lp08 .rate-star {
  display: inline-block;
  margin: 0;
  width: 125px;
  color: rgba(0, 0, 0, 0.15);
  vertical-align: middle;
}
.lp08 .fa5 .rate-star {
  font-size: 0.95em;
}
.lp08 .rate-star .fa,
.lp08 .rate-star .fa-star-half-alt {
  color: #ffb500;
}
.lp08 .rate-box .rateline.end-rate {
  background: #e8f4ff;
}
/*アコーディオン*/
.lp08 .accordion {
  margin: 0.5em 0;
  font-size: 0.95em;
}
.lp08 .accordion label {
  display: block;
  position: relative;
  padding: 13px 37px 13px 14px;
  font-weight: bold;
  border: solid 1px #c1c1c1;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 2px;
}
.lp08 .accordion label:after {
  content: "+";
  font-family: "Quicksand", sans-serif;
  position: absolute;
  right: 14px;
  top: 17px;
  top: calc(50% - 7.5px);
  line-height: 15px;
  font-size: 23px;
  font-weight: normal;
  color: #c1c1c1;
}
.lp08 .accordion label:hover {
  background: #efefef;
}
.lp08 .accordion_input {
  display: none;
}
.lp08 .accordion_content {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.lp08 .accordion_input:checked ~ .accordion_content {
  height: auto;
  padding: 0.7em 0;
  opacity: 1;
  overflow: visible;
}
.lp08 .accordion_input:checked + label {
  background: #efefef;
}
.lp08 .accordion_input:checked + label:after {
  content: "-";
}
/*タイムライン*/
.lp08 .entry-content .tl {
  margin: 1em 0;
}
.lp08 .tl-content {
  position: relative;
  padding: 0 0 1.5em 1.8em;
}
.lp08 .tl-content:before {
  content: "";
  width: 3px;
  background: #ccd5db;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.lp08 .tl_marker {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px;
}
.lp08 .tl-content:not(:first-of-type):not(:last-of-type) .tl_marker {
  background: transparent;
}

.lp08 .tl-content:last-of-type:before {
  content: none;
}
.lp08 .tl_label {
  padding-top: 2px;
  color: #90969a;
  font-size: 14px;
  font-weight: bold;
}
.lp08 .tl_title {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
}
.lp08 .tl_main {
  margin-top: 0.5em;
  padding: 0 0 1.5em;
  font-size: 0.9em;
  line-height: 1.6;
  border-bottom: dashed 1px #ccd5db;
}
/* 余白の調整 */
.lp08 .entry-content .tl_main > * {
  margin: 0.7em 0 0;
}
.lp08 .tl_main > ul,
.lp08 .tl_main > ol {
  margin: 0;
  padding: 0.3em 0 0.3em 1.3em;
  border: none;
}
.lp08 .entry-content .tl_main .sng-box {
  margin-top: 1em;
}
.lp08 .entry-content .tl_main .box28,
.lp08 .entry-content .tl_main .box30,
.lp08 .entry-content .tl_main .box31,
.lp08 .entry-content .tl_main .box32,
.lp08 .entry-content .tl_main .box33 {
  margin-top: 2.3em;
}

/*見出し*/
.lp08 #inner-content .hh {
  margin: 2.5em 0 1em;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-weight: bold;
}
.lp08 #inner-content p.hh {
  font-size: 1.1em;
}
.lp08 #inner-content .hh:before,
.lp08 #inner-content .hh:after {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  content: none;
}
.lp08 #inner-content .hh1 {
  padding: 0.5em 0;
  border-bottom: solid 3px black;
}
.lp08 #inner-content .hh2 {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
}
.lp08 #inner-content .hh3 {
  border-bottom-width: 5px;
  border-bottom-style: double;
}
.lp08 #inner-content .hh4 {
  padding: 0.5em 0;
  border-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
}
.lp08 #inner-content .hh5 {
  padding: 0.5em;
}
.lp08 #inner-content .hh6 {
  padding: 0.5em;
  border-width: 3px;
  border-style: solid;
  border-radius: 0.5em;
}
.lp08 #inner-content .hh7 {
  padding: 0.5em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  color: #010101;
}
.lp08 #inner-content .hh8 {
  padding: 0.5em;
  border-left: solid 5px #ffaf58;
  background: #fffaf4;
  color: #494949;
}
.lp08 #inner-content .hh9 {
  padding: 0.5em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.23);
}
.lp08 #inner-content .hh10 {
  display: inline-block;
  padding: 0.5em;
  border-radius: 25px 0 0 25px;
  color: #505050;
  vertical-align: middle;
  line-height: 1.3;
}
.lp08 #inner-content .hh10:before {
  display: inline-block;
  margin-right: 8px;
  color: white;
  content: "●";
}
.lp08 #inner-content .hh11 {
  position: relative;
  padding: 0.6em;
  background: #c8e4ff;
}
.lp08 #inner-content .hh11:after {
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #c8e4ff;
  content: "";
}
.lp08 #inner-content .hh12 {
  margin-right: 5px;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: dashed 1px #96c2fe;
  background: #c8e4ff;
  box-shadow: 0 0 0 5px #c8e4ff;
  color: #454545;
}
.lp08 #inner-content .hh13 {
  margin-right: 5px;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: dashed 1px #fff;
  background: #c8e4ff;
  box-shadow: 0 0 0 5px #c8e4ff;
  color: #454545;
}
.lp08 #inner-content .hh14 {
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0.2em 0.5em;
  border: dashed 2px white;
  background: #c8e4ff;
  box-shadow: 0 0 0 5px #c8e4ff;
  color: #454545;
}
.lp08 #inner-content .hh14:after {
  position: absolute;
  top: -7px;
  left: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  content: "";
}
.lp08 #inner-content .hh15 {
  position: relative;
  padding: 0.5em;
  background: #7fbae9;
  color: white;
}
.lp08 #inner-content .hh15:before {
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-right: solid 20px #74a4cb;
  border-bottom: solid 15px transparent;
  content: "";
}
.lp08 #inner-content .hh16 {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}
.lp08 #inner-content .hh16:before {
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-right: solid 20px rgb(149, 158, 155);
  border-bottom: solid 15px transparent;
  content: "";
}
.lp08 #inner-content .hh17 {
  position: relative;
  border-bottom: solid 3px #cbcbcb;
}
.lp08 #inner-content .hh17:after {
  display: block;
  position: absolute;
  bottom: -3px;
  width: 30%;
  border-bottom: solid 3px #6bb6ff;
  content: " ";
}
.lp08 #inner-content .hh18 {
  position: relative;
  border-bottom: solid 3px #c8e4ff;
}
.lp08 #inner-content .hh18:after {
  display: block;
  position: absolute;
  bottom: -3px;
  width: 30%;
  border-bottom: solid 3px #6bb6ff;
  content: " ";
}
.lp08 #inner-content .hh19 {
  position: relative;
  padding-left: 25px;
}
.lp08 #inner-content .hh19:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-bottom: solid 15px rgb(119, 195, 223);
  border-left: solid 15px transparent;
  content: "";
}
.lp08 #inner-content .hh19:after {
  position: absolute;
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
  content: "";
}
.lp08 #inner-content .hh20 {
  padding: 0.5em;
  background: repeating-linear-gradient(
    -45deg,
    #cce7ff,
    #cce7ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  );
  text-shadow: 0 0 5px white;
}
.lp08 #inner-content .hh21 {
  padding: 0.5em;
  border-left: solid 7px #6bb6ff;
  background: repeating-linear-gradient(
    -45deg,
    #cce7ff,
    #cce7ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  );
  text-shadow: 0 0 5px white;
}
.lp08 #inner-content .hh22 {
  padding: 0.5em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: repeating-linear-gradient(
    -45deg,
    #f0f8ff,
    #f0f8ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  );
  color: #6cb4e4;
  text-align: center;
}
.lp08 #inner-content .hh23 {
  position: relative;
  padding: 0.3em 0;
}
.lp08 #inner-content .hh23:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(
    -45deg,
    #6ad1c8,
    #6ad1c8 2px,
    #fff 2px,
    #fff 4px
  );
  content: "";
}
.lp08 #inner-content .hh24 {
  display: inline-block;
  position: relative;
  padding: 0 55px;
}
.lp08 #inner-content .hh24:before,
.lp08 #inner-content .hh24:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 45px;
  height: 1px;
  background-color: black;
  content: "";
}
.lp08 #inner-content .hh24:before {
  left: 0;
}
.lp08 #inner-content .hh24:after {
  right: 0;
}
.lp08 #inner-content .hh25 {
  position: relative;
  padding: 0.4em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  text-align: center;
}
.lp08 #inner-content .hh25:before,
.lp08 #inner-content .hh25:after {
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
  content: "";
}
.lp08 #inner-content .hh25:before {
  left: 7px;
}
.lp08 #inner-content .hh25:after {
  right: 7px;
}
.lp08 #inner-content .hh26 {
  display: inline-block;
  position: relative;
  top: 0;
  padding: 0.25em 1em;
  line-height: 1.4;
}
.lp08 #inner-content .hh26:before,
.lp08 #inner-content .hh26:after {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 8px;
  height: 100%;
  content: "";
}
.lp08 #inner-content .hh26:before {
  left: 0;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  border-left: solid 1px black;
}
.lp08 #inner-content .hh26:after {
  right: 0;
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  content: "";
}
.lp08 #inner-content .hh27:first-letter {
  font-size: 2em;
}
.lp08 #inner-content .hh28 {
  position: relative;
  padding: 0.25em 0;
}
.lp08 #inner-content .hh28:after {
  display: block;
  height: 4px;
  background: linear-gradient(to right, #6bb6ff, rgba(255, 255, 255, 0));
  content: "";
}
.lp08 #inner-content .hh29 {
  position: relative;
  padding: 0.35em 0.5em;
  background: linear-gradient(
    to right,
    rgb(255, 186, 115),
    rgba(255, 255, 255, 0)
  );
  color: #545454;
}
.lp08 #inner-content .hh30 {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.4;
}
.lp08 #inner-content .hh30:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #5ab9ff;
  font-family: FontAwesome;
  font-size: 1em;
  content: "\f00c";
}
.lp08 #inner-content .hh31 {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
  color: #ff6a6a;
  line-height: 1.4;
}
.lp08 #inner-content .hh31:before {
  position: absolute;
  top: 0.5em;
  left: 0.25em;
  color: #ff6a6a;
  font-family: FontAwesome;
  font-size: 1em;
  content: "\f138";
}
.lp08 #inner-content .hh32 {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.8em;
  background: #81d0cb;
  color: white;
  line-height: 1.4;
}
.lp08 #inner-content .hh32:before {
  position: absolute;
  left: 0.5em;
  font-family: FontAwesome;
  content: "\f14a";
}
.lp08 #inner-content .hh33 {
  padding: 0.5em;
  border-radius: 0.5em;
  background: #b0dcfa;
  color: white;
}
.lp08 #inner-content .hh34 {
  position: relative;
  padding-left: 1.2em;
  color: #7b6459;
}
.lp08 #inner-content .hh34:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ff938b;
  font-family: FontAwesome;
  font-size: 1em;
  content: "\f1b0";
}
.lp08 #inner-content .hh35 {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  height: 50px; /*リボンの高さ*/
  padding: 0 30px; /*横の大きさ*/
  background: #f57a78; /*塗りつぶし色*/
  color: #fff; /*文字色*/
  font-size: 18px; /*文字の大きさ*/
  text-align: center;
  vertical-align: middle;
  line-height: 50px; /*リボンの高さ*/
}
.lp08 #inner-content .hh35:before,
.lp08 #inner-content .hh35:after {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  content: "";
}
.lp08 #inner-content .hh35:before {
  top: 0;
  left: 0;
  border-width: 25px 0 25px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.lp08 #inner-content .hh35:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.lp08 #inner-content .hh36 {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  height: 60px;
  padding: 0 30px 0 10px;
  background: #ffc668;
  color: #fff;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 60px;
}
.lp08 #inner-content .hh36:after {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  content: "";
}
.lp08 #inner-content .hh36:after {
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.lp08 #inner-content .hh.hhq,
.lp08 #inner-content .hh.hha {
  position: relative;
  margin: 0;
  padding: 0 0 0 55px;
  font-size: 18px;
}
.lp08 #inner-content .hh.hhq + *,
.lp08 #inner-content .hh.hha + * {
  margin-top: 1.5em;
}
.lp08 #inner-content .hh.hhq:before,
.lp08 #inner-content .hh.hha:before {
  content: "Q";
  position: absolute;
  left: 0;
  top: -6px;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 21px;
  background: #75bbff;
  color: #fff;
  border-radius: 50%;
}
.lp08 #inner-content .hh.hhq + .hh.hha {
  margin-top: 2em;
  font-size: 17px;
}
.lp08 #inner-content .hh.hha:before {
  content: "A";
  background: #ff8d8d;
}
.lp08 #inner-content .btn {
  margin: 0.5em 0.5em 0.5em 0;
  text-decoration: none;
}
.lp08 #inner-content a.btn:hover {
  text-decoration: none;
}
.lp08 #inner-content .blue-bc {
  background: #4f9df4;
}
.lp08 #inner-content .red-bc {
  background: #f88080;
}
.lp08 #inner-content .green-bc {
  background: #90d581;
}
.lp08 .btntext {
  display: inline-block;
  padding: 3px 15px;
}
.lp08 .btntext:hover {
  background: #efefef;
}
.lp08 .flat1 {
  display: inline-block;
  padding: 0.25em 0.5em;
  background: #ececec;
  color: #00bcd4;
  font-weight: bold;
}
.lp08 .flat1:hover {
  background: #00bcd4;
  color: white;
}
.lp08 .flat2 {
  display: inline-block;
  padding: 0.3em 1em;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  color: #67c5ff;
}
.lp08 .flat2:hover {
  background: #67c5ff;
  color: white;
}
.lp08 .flat3 {
  display: inline-block;
  padding: 0.4em 1em;
  border: double 4px #67c5ff;
  border-radius: 3px;
  color: #67c5ff;
}
.lp08 .flat3:hover {
  background: #fffbef;
}
.lp08 .flat4,
.lp08 .flat5 {
  display: inline-block;
  padding: 0.5em 1em;
  border: dashed 2px #67c5ff;
  border-radius: 3px;
  color: #67c5ff;
}
.lp08 .flat4:hover {
  border-style: dotted;
  color: #679efd;
}
.lp08 .flat5:hover {
  background: #cbedff;
  color: #fff;
}
.lp08 .flat6 {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  border-right: solid 4px #668ad8;
  border-left: solid 4px #668ad8;
  background: #e1f3ff;
  color: #668ad8;
  font-weight: bold;
}
.lp08 .flat6:hover {
  background: #668ad8;
  color: #fff;
}
.lp08 .flat7 {
  display: inline-block;
  position: relative;
  padding: 0.25em 0;
  color: #67c5ff;
  font-weight: bold;
}
.lp08 .flat7:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 3px;
  background: #67c5ff;
  content: "";
}
.lp08 .flat7:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}
.lp08 .flat8 {
  display: inline-block;
  position: relative;
  padding: 0.25em 0.5em;
  border-radius: 0 20px 20px 0;
  background: #ececec;
  color: #00bcd4;
  font-weight: bold;
}
.lp08 .flat8:hover {
  background: #636363;
}
.lp08 .flat9 {
  display: inline-block;
  position: relative;
  padding: 0.25em 0.5em;
  background: #00bcd4;
  color: #fff;
  font-weight: bold;
}
.lp08 .flat9:hover {
  background: #29a299;
}
.lp08 .flat10 {
  display: inline-block;
  position: relative;
  padding: 8px 10px 5px 10px;
  border-bottom: solid 4px #ffa000;
  border-radius: 15px 15px 0 0;
  background: #fff1da;
  color: #ffa000;
  font-weight: bold;
}
.lp08 .flat10:hover {
  background: #ffc25c;
  color: #fff;
}
.lp08 .flat11 {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  padding: 0.5em 1em;
  border-right: solid 4px #668ad8;
  border-left: solid 4px #668ad8;
  background: repeating-linear-gradient(
    -45deg,
    #cce7ff,
    #cce7ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  );
  text-shadow: 0 0 5px white;
  color: #668ad8;
  font-weight: bold;
}
.lp08 .flat11:hover {
  background: repeating-linear-gradient(
    -45deg,
    #cce7ff,
    #cce7ff 5px,
    #e9f4ff 5px,
    #e9f4ff 9px
  );
}
.lp08 .grad1 {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 3px;
  background: linear-gradient(45deg, #709dff 0%, #92e6ff 100%);
  color: #fff;
}
.lp08 .grad1:hover {
  background: linear-gradient(90deg, #709dff 0%, #92e6ff 100%);
}
.lp08 .grad2 {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 3px;
  background: linear-gradient(95deg, #ff7070 0%, #fdd973 100%);
  color: #fff;
}
.lp08 .grad2:hover {
  background: linear-gradient(140deg, #ff7070 0%, #fdd973 100%);
}
.lp08 .grad3 {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  background: linear-gradient(45deg, #ffc107 0%, #ff8b5f 100%);
  color: #fff;
}
.lp08 .grad3:hover {
  background: linear-gradient(45deg, #ffc107 0%, #f76a35 100%);
}
.lp08 .grad4 {
  display: inline-block;
  padding: 0.5em 1em;
  background: linear-gradient(#6795fd 0%, #67ceff 100%);
  color: #fff;
}
.lp08 .grad4:hover {
  background: linear-gradient(#6795fd 0%, #67ceff 70%);
}
.lp08 .cubic1 {
  display: inline-block;
  padding: 0.5em 1em;
  border-bottom: solid 4px rgba(0, 0, 0, 0.27);
  border-radius: 3px;
  color: #fff;
}
.lp08 .cubic1:active {
  border-bottom: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px); /*下に動く*/
}
.lp08 #inner-content .emboss {
  text-shadow: 1.5px 1.5px 1.5px rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
}
.lp08 .text3d {
  text-shadow: -0.9px -0.5px rgba(255, 255, 255, 0.6),
    1px 1.2px rgba(0, 0, 0, 0.35);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
}
.lp08 .text3d.blue-bc {
  color: #4f9df4;
}
.lp08 .text3d.red-bc {
  color: #f88080;
}
.lp08 .text3d.green-bc {
  color: #90d581;
}
.lp08 .cubic2 {
  display: inline-block;
  position: relative;
  padding: 6px 15px 4px;
  border-bottom: solid 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px; /*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2),
    0 2px 2px rgba(0, 0, 0, 0.19);
  color: #fff;
  font-weight: bold;
}
.lp08 .cubic2:active {
  border-bottom: solid 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.lp08 .cubic3 {
  display: inline-block;
  position: relative;
  padding: 0.25em 0.5em;
  border: solid 1px rgba(0, 0, 0, 0.19);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.lp08 .cubic3:active {
  border: solid 1px rgba(0, 0, 0, 0.05);
  box-shadow: none;
  text-shadow: none;
}
/** ボックス **/
.lp08 .sng-box p {
  margin: 0;
  padding: 0;
}
.lp08 .sng-box .say {
  margin-bottom: 0;
}
.lp08 .sng-box .faceicon {
  padding-right: 20px;
}
.lp08 #inner-content .sng-box > *:first-child {
  margin-top: 0;
}
.lp08 .box1 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #000;
  font-weight: bold;
}
.lp08 .box2 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #d1d1d1;
  border-radius: 5px;
  background: #fff;
}
.lp08 .box3 {
  margin: 2em 0;
  padding: 1.5em 1em;
  background: #edf6ff;
  color: #2c2c2f;
}
.lp08 .box4 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-top: solid 3px #6bb6ff;
  border-bottom: solid 3px #6bb6ff;
  background: #eef7ff;
  color: #2c2c2f;
}
.lp08 .box5 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: double 5px #4ec4d3;
  color: #474747;
}
.lp08 .box6 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: dashed 2px #6bb6ff;
  background: #edf6ff;
}
.lp08 .box7 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-right: double 7px #4ec4d3;
  border-left: double 7px #4ec4d3;
  background: whitesmoke;
  color: #474747;
}
.lp08 .box8 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-left: solid 6px #ffc06e;
  background: #fff8e8;
  color: #232323;
}
.lp08 .box9 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-top: solid 6px #f47d7d;
  background: #fceded;
  color: #f47d7d;
  font-weight: bold;
}
.lp08 .box10 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-top: solid 6px #1dc1d6;
  background: #e4fcff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
  color: #00bcd4;
}
.lp08 .box11 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-top: solid 5px #5d627b;
  background: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
  color: #5d627b;
}
.lp08 .box12 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-bottom: solid 6px #aac5de;
  border-radius: 9px;
  background: #c6e4ff;
  color: #5989cf;
  font-weight: bold;
}
.lp08 .box13 {
  margin: 2em 0;
  padding: 1.5em 1em;
  border-bottom: solid 6px #3f87ce;
  border-radius: 9px;
  background: #6eb7ff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.22);
  color: #fff;
  font-weight: bold;
}
.lp08 .box14 {
  margin: 2em 10px;
  padding: 1.5em 1em;
  border: dashed 2px white;
  background: #d6ebff;
  box-shadow: 0 0 0 10px #d6ebff;
}
.lp08 .box15 {
  margin: 2em 10px;
  padding: 1.5em 1em;
  border: dashed 2px #ffc3c3;
  border-radius: 8px;
  background: #ffeaea;
  box-shadow: 0 0 0 10px #ffeaea;
  color: #565656;
}
.lp08 .box16 {
  margin: 2em 0;
  padding: 1.5em 1em;
  background: repeating-linear-gradient(
    -45deg,
    #f0f8ff,
    #f0f8ff 3px,
    #e9f4ff 3px,
    #e9f4ff 7px
  );
}
.lp08 .box17 {
  position: relative;
  margin: 2em 0;
  padding: 1em 2em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.lp08 .box17:before,
.lp08 .box17:after {
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: black;
  content: "";
}
.lp08 .box17:before {
  left: 10px;
}
.lp08 .box17:after {
  right: 10px;
}
.lp08 .box18 {
  position: relative;
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #ffcb8a;
  border-radius: 3px 0 3px 0;
}
.lp08 .box18:before,
.lp08 .box18:after {
  position: absolute;
  width: 10px;
  height: 10px;
  border: solid 2px #ffcb8a;
  border-radius: 50%;
  content: "";
}
.lp08 .box18:after {
  top: -12px;
  left: -12px;
}
.lp08 .box18:before {
  right: -12px;
  bottom: -12px;
}
.lp08 .box19 {
  position: relative;
  padding: 1.5em 1em;
}
.lp08 .box19:before,
.lp08 .box19:after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 30px;
  content: "";
}
.lp08 .box19:before {
  top: 0;
  left: 0;
  border-top: solid 1px #5767bf;
  border-left: solid 1px #5767bf;
}
.lp08 .box19:after {
  right: 0;
  bottom: 0;
  border-right: solid 1px #5767bf;
  border-bottom: solid 1px #5767bf;
}
.lp08 .box20 {
  position: relative;
  top: 0;
  margin: 2em 0;
  padding: 1.5em 1em;
  background: #efefef;
}
.lp08 .box20:before,
.lp08 .box20:after {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 15px;
  height: 100%;
  content: "";
}
.lp08 .box20:before {
  left: 0;
  border-top: dotted 2px #15adc1;
  border-bottom: dotted 2px #15adc1;
  border-left: dotted 2px #15adc1;
}
.lp08 .box20:after {
  right: 0;
  border-top: dotted 2px #15adc1;
  border-right: dotted 2px #15adc1;
  border-bottom: dotted 2px #15adc1;
}
.lp08 .box21 {
  margin: 2em 0;
  padding: 1.3em;
  background: linear-gradient(to left, #92d2f8, #c4baff);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.13);
  color: #fff;
  font-weight: bold;
}
.lp08 .box22 {
  margin: 1em 0;
  padding: 1.5em 1em;
  border-left: solid 6px #6bb6ff;
  background: #f6f6f6;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.33);
}
.lp08 .box23 {
  position: relative;
  max-width: 400px;
  margin: 2em 0 2em 40px;
  padding: 20px;
  border-radius: 30px;
  background: #fff0c6;
}
.lp08 .box23:before {
  position: absolute;
  bottom: 0;
  left: -40px;
  color: #fff0c6;
  font-family: FontAwesome;
  font-size: 15px;
  content: "\f111";
}
.lp08 .box23:after {
  position: absolute;
  bottom: 0;
  left: -23px;
  color: #fff0c6;
  font-family: FontAwesome;
  font-size: 23px;
  content: "\f111";
}
.lp08 .box24 {
  position: relative;
  margin: 2em 0;
  padding: 0.8em 1em;
  background: #e6f4ff;
  color: #5c98d4;
  font-weight: bold;
}
.lp08 .box24:after {
  position: absolute;
  top: 100%;
  left: 30px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #e6f4ff;
  content: "";
}
.lp08 .box25 {
  position: relative;
  margin: 2em 5px;
  padding: 1.5em 1em;
  border: dashed 2px white;
  background: #fff0cd;
  box-shadow: 0 0 0 5px #fff0cd;
  color: #454545;
}
.lp08 .box25:after {
  position: absolute;
  top: -7px;
  right: -7px;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: #ffdb88 #fff #ffdb88;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
  content: "";
}
.lp08 .box-title {
  font-weight: bold;
}
.lp08 .box26,
.lp08 .box27 {
  margin: 2em 0;
  border: solid 3px #95ccff;
  border-radius: 8px;
}
.lp08 .box26 .box-title,
.lp08 .box27 .box-title {
  display: inline-block;
  position: relative;
  top: -14px;
  left: 10px;
  padding: 0 9px;
  margin: 0 7px;
  background: #fff;
  color: #95ccff;
  font-size: 19px;
  line-height: 1.4;
}
.lp08 .box26 .box-content,
.lp08 .box27 .box-content {
  padding: 0 1.5em 24px;
}
.lp08 .box26 .box-title:before,
.lp08 .box27 .box-title:before {
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f02e";
}
.lp08 .box27 {
  border: solid 3px #ed8583;
}
.lp08 .box27 .box-title {
  color: #ed8583;
}
.lp08 .box27 .box-title:before {
  content: "\f071";
}
.lp08 .box28 {
  margin: 2em 0;
}
.lp08 .box28 .box-title {
  display: inline-block;
  line-height: 1.5;
  padding: 5px 9px 3px;
  border-radius: 5px 5px 0 0;
  background: #62c1ce;
  color: #fff;
  font-size: 17px;
}
.lp08 .box28 .box-content {
  padding: 1.3em 1em;
  border: solid 3px #62c1ce;
}
.lp08 .box29 {
  margin: 2em 0;
  border: solid 2px #ffc107;
}
.lp08 .box29 .box-title {
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 2px 9px;
  background: #ffc107;
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
}
.lp08 .box29 .box-title:before {
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f0eb";
}
.lp08 .box29 .box-content {
  padding: 15px;
}

.lp08 .box30 {
  margin: 2em 0;
  padding: 15px 15px 10px;
  background: #dcefff;
}
.lp08 .box30 .box-title:before {
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f00c";
}
.lp08 .box30 p,
.lp08 .box31 p {
  margin: 0 0 5px;
}
.lp08 .box30,
.lp08 .box31,
.lp08 .box32,
.lp08 .box33 {
  margin: 2em 0;
  padding: 0 15px 10px;
  background: #edf6ff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.lp08 .box30 .box-title,
.lp08 .box31 .box-title,
.lp08 .box32 .box-title,
.lp08 .box33 .box-title {
  margin: 0 -15px 15px;
  padding: 8px 4px;
  background: #5fc2f5;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.5;
}
.lp08 .box32,
.lp08 .box33 {
  background: #fff9eb;
}
.lp08 .box32 .box-title {
  background: #f5a15f;
}
.lp08 .box33 .box-title {
  background: #f46b6b;
}
/** リストデザイン **/
.lp08 .li-dashed ul,
.lp08 .li-dashed ol {
  border-width: 2px;
  border-style: dashed;
}
.lp08 .li-double ul,
.lp08 .li-double ol {
  border-width: 5px;
  border-style: double;
}
.lp08 .li-tandb ul,
.lp08 .li-tandb ol {
  padding: 1em 0 1em 1.3em;
  border-width: 2px;
  border-color: #373737;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.lp08 .li-beige ul,
.lp08 .li-beige ol {
  border: 0;
  background: #fff9e7;
}
.lp08 .nobdr ul,
.lp08 .nobdr ol {
  border: 0;
}
.lp08 .stitch-blue ul,
.lp08 .stitch-blue ol,
.lp08 .stitch-orange ul,
.lp08 .stitch-orange ol,
.lp08 .stitch-red ul,
.lp08 .stitch-red ol {
  margin: 2em 10px;
  border: dashed 2px #668ad8;
  border-radius: 10px;
  background: #f1f8ff;
  box-shadow: 0 0 0 10px #f1f8ff;
}
.lp08 .stitch-orange ul,
.lp08 .stitch-orange ol {
  border-color: #ffa658;
  background: #fffbf1;
  box-shadow: 0 0 0 10px #fffbf1;
}
.lp08 .stitch-red ul,
.lp08 .stitch-red ol {
  border-color: #f67c7c;
  background: #fff3f3;
  box-shadow: 0 0 0 10px #fff3f3;
}
.lp08 .li-chevron ul {
  position: relative;
  padding: 1em 0.5em 1em 2.5em;
  border: solid 2px skyblue;
  border-radius: 5px;
}

.lp08 .li-chevron li,
.lp08 .li-check li,
.lp08 .li-yubi li,
.lp08 .li-niku li {
  list-style-type: none !important;
  padding: 0.5em 0;
  line-height: 1.5;
}
.lp08 .li-chevron li:before {
  position: absolute;
  left: 1em;
  color: skyblue;
  font-family: FontAwesome;
  content: "\f138";
}
.lp08 .li-check ul {
  position: relative;
  padding: 1em 0.5em 1em 2.5em;
  border: solid 2px #ffb03f;
}
.lp08 .li-check li:before {
  position: absolute;
  left: 1em;
  color: #ffb03f;
  font-family: FontAwesome;
  content: "\f00c";
}
.lp08 .li-yubi ul {
  position: relative;
  padding: 1em 0.5em 1em 2.5em;
  border: double 4px #21b384;
}
.lp08 .li-yubi li:before {
  position: absolute;
  left: 1em;
  color: #21b384;
  font-family: FontAwesome;
  content: "\f0a4";
}
.lp08 .li-niku ul {
  position: relative;
  padding: 1em 0.5em 1em 2.5em;
  border: solid 2px #ff938b;
  background: #fffaf1;
}
.lp08 .li-niku li:before {
  position: absolute;
  left: 1em;
  color: #ff938b;
  font-family: FontAwesome;
  content: "\f1b0";
}
.lp08 .ol-circle ol {
  list-style-type: none !important;
  padding: 1em 0.7em;
  counter-reset: number;
}
.lp08 .ol-circle li {
  position: relative;
  padding: 0.5em 0 0.5em 34px;
  line-height: 1.5em;
}

.lp08 .ol-circle li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #5c9ee7;
  color: white;
  font-family: "Quicksand", sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  content: counter(number);
  counter-increment: number;
}

/** その他のスタイル・装飾 **/
.lp08 .orange {
  color: #ffb36b;
}
.lp08 .green {
  color: #75c375;
}
.lp08 .blue {
  color: #6bb6ff;
}
.lp08 .red {
  color: #ee7b7b;
}
.lp08 .silver {
  color: silver;
}
.lp08 .keiko_blue {
  background: linear-gradient(transparent 50%, rgba(107, 182, 255, 0.24) 50%);
}
.lp08 .keiko_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}
.lp08 .keiko_green {
  background: linear-gradient(transparent 50%, rgba(151, 232, 154, 0.69) 50%);
}
.lp08 .keiko_red {
  background: linear-gradient(transparent 50%, rgba(255, 88, 88, 0.24) 50%);
}
.lp08 .labeltext {
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1;
}

/*画像のサイズ*/
.lp08 .entry-content img.img_so_small {
  max-width: 250px;
}
.lp08 .entry-content img.img_small {
  max-width: 100%;
  width: 350px;
}
.lp08 img.img_border {
  border: solid 3px #eaedf2;
}
.lp08 .shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.lp08 .bigshadow {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}

.lp08 .smallspace {
  margin: 1em 0 !important;
}
.lp08 .nospace {
  margin: 0 !important;
}

/*引用別スタイル*/
.lp08 .entry-content .quote_silver {
  padding: 35px 1.5em;
  border: none;
  background: whitesmoke;
}
.lp08 .entry-content .quote_silver:before {
  top: 10px;
  left: 15px;
  color: #dadada;
}
.lp08 .entry-content .quote_silver:after {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #dadada;
  font-family: FontAwesome;
  font-size: 25px;
  line-height: 1;
  content: "\f10e";
}

/** ショートコード **/
/*texton*/
.lp08 .textimg {
  position: relative;
  margin: 0 0 1.5em;
}
.lp08 .textimg img {
  width: 100%;
}
.lp08 .textimg p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  transform: translateY(-50%);
}

/*線を引く*/
.lp08 .entry-content hr {
  margin: 3em 0;
  border: solid 3px #dadada;
  border-width: 2px 0 0 0;
}
.lp08 .entry-content hr.dotted {
  border-top: dotted 2px #dadada;
}

/*記事内関連[kanren]*/
.lp08 .table {
  display: table;
}
.lp08 .tbcell {
  display: table-cell;
  vertical-align: middle;
}
.lp08 .tbcell img {
  width: 100%;
}
.lp08 .sng-link-time {
  display: block;
  margin-bottom: 5px;
  font-size: 13.5px;
  color: #b5b5b5;
}
.lp08 .sng-link-time i {
  margin-right: 3px;
}
.lp08 .linkto {
  max-width: 550px;
  width: 100%;
  margin: 1em 0 1.5em;
  padding: 10px;
  border: solid 2px #eaedf2;
  border-radius: 3px;
  background: #fff;
  color: #555;
  font-weight: bold;
  text-decoration: none !important;
}
.lp08 .linkto:hover {
  background: #eaedf2;
  text-decoration: none;
}
.lp08 .linkto img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}
.lp08 .linkto:hover img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
}
.lp08 .linkto .tbimg {
  width: 100px;
}
.lp08 .linkto figure {
  width: 110px;
  padding-right: 10px; /*for old ver*/
}
.lp08 .linkto .tbtext {
  padding-left: 10px;
  line-height: 1.5;
  text-align: left;
}
.lp08 .sidebar .textwidget .linkto {
  border: none;
  margin: 0;
}
.lp08 .sidebar .textwidget .linkto:last-child {
  padding-bottom: 1em;
}
.lp08 .c_linkto {
  display: block;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #555;
  font-weight: bold;
  text-decoration: none !important;
}
.lp08 .c_linkto:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  color: #888;
  text-decoration: none;
  transform: translateY(-2px);
}
.lp08 .c_linkto .c_linkto_text {
  display: block;
  padding: 15px 13px;
  line-height: 1.6;
}
.lp08 .c_linkto img {
  width: 100%;
}
.lp08 .longc_linkto {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.lp08 .longc_linkto img {
  padding: 10px 10px 0;
}

/*他サイトへのリンクカード[sanko]*/
.lp08 .reference {
  display: table;
  max-width: 450px;
  width: 100%;
  margin: 1em 0 1.5em;
  padding: 13px 10px 13px 0;
  border-radius: 2px;
  background: #f5f5f5;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  color: #555;
  font-weight: bold;
  text-decoration: none !important;
}
.lp08 .reference:hover {
  box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.22);
  color: #888;
  text-decoration: none;
}
.lp08 .reference .refttl {
  width: 70px;
  margin: 10px;
  border-right: solid 2px #dadada;
  text-align: center;
  line-height: 1.5;
}
.lp08 .reference .refttl:before {
  display: block;
  color: #ffb36b;
  font-family: FontAwesome;
  font-size: 1.5em;
  content: "\f02e";
}
.lp08 .reference .refcite {
  width: 200px;
  width: calc(100% - 70px);
  padding-left: 10px;
  font-size: 0.95em;
  line-height: 1.5;
}
.lp08 .reference .refcite span {
  display: block;
  color: #ababab;
  font-size: 0.9em;
}

/*補足説明[memo]*/
.lp08 .memo {
  margin-bottom: 1.5em;
  padding: 1em;
  background: #fff9e5;
  color: #545454;
}
.lp08 .memo_ttl {
  margin-bottom: 5px;
  color: #ffb36b;
  font-size: 1.2em;
  font-weight: bold;
}
.lp08 .memo_ttl:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px 0 0;
  border-radius: 50%;
  background: #ffb36b;
  color: #fff;
  font-family: FontAwesome;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  content: "\f040";
}
.lp08 .fa5 .memo_ttl:before {
  content: "\f303";
  font-size: 17px;
}
.lp08 .memo p {
  margin: 0 0 5px;
}

/*注意説明 [alert]*/
.lp08 .memo.alert {
  background: #ffebeb;
}
.lp08 .memo.alert .memo_ttl {
  color: #ff8376;
}
.lp08 .memo.alert .memo_ttl:before {
  background: #ff8376;
  content: "\f12a";
}

/*タグ付きのコードに[codebox]*/
.lp08 .pre_tag {
  margin: 1em 0 1.5em;
}
.lp08 .pre_tag > span {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 0.9em;
}
.lp08 .pre_tag p {
  margin: 0;
}

/*吹き出し（会話形式）[say]*/
.lp08 .say {
  display: table;
  overflow: hidden;
  width: 100%;
  margin: 1.5em 0;
}

.lp08 .faceicon {
  display: table-cell;
  width: 100px;
  padding-right: 20px;
  text-align: center;
  vertical-align: top;
}

.lp08 .faceicon img {
  width: 100%;
  height: auto;
  border: solid 3px #eaedf2;
  border-radius: 50%;
}
.lp08 .faceicon span {
  font-size: 11px;
  font-weight: bold;
  margin-top: 8px;
  line-height: 1.4;
  display: block;
}
.lp08 .chatting {
  display: table-cell;
  position: relative;
  width: calc(100% - 100px);
  font-size: 0.95em;
  vertical-align: top;
}

.lp08 .sc {
  display: inline-block;
  text-align: left;
  padding: 13px;
  border: solid 2px #d5d5d5;
  border-radius: 12px;
  background: #fff;
  word-break: break-word;
}
.lp08 .sc:before {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -23px;
  border: 12px solid transparent;
  border-right: 12px solid #d5d5d5;
  content: "";
}
.lp08 .sc:after {
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -20px;
  border: 12px solid transparent;
  border-right: 12px solid #fff;
  content: "";
}
.lp08 .sc p {
  margin: 5px 0;
  padding: 0;
}

/*吹き出し（右）*/
.lp08 .right {
  text-align: right;
}
.lp08 .right .faceicon {
  padding: 0 0 0 20px;
}
.lp08 .right .sc:before,
.lp08 .right .sc:after {
  right: -23px;
  left: auto;
  border: 12px solid transparent;
  border-left: 12px solid #d5d5d5;
}
.lp08 .right .sc:after {
  right: -20px;
  border-left-color: #fff;
}

/*2列表示[yoko2][cell]*/
.lp08 .shtb2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 1.5em 0;
}
.lp08 .shtb2 .cell {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.lp08 .shtb2 .cell:first-of-type {
  padding-right: 2%;
}
.lp08 .shtb2 .cell:last-of-type {
  padding-left: 2%;
}

/*3列表示[yoko3][cell]*/
.lp08 .shtb3 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 1.5em 0;
}
.lp08 .shtb3 .cell {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}
.lp08 .shtb3 .cell:nth-child(2) {
  width: 35%;
  padding: 0 2.5%;
}
.lp08 .cell > *:first-child {
  margin-top: 0 !important;
}

/*2、3列表示レスポンシブ[yoko2 responsive]*/
.lp08 .shtb2.tbrsp,
.lp08 .shtb2.tbrsp .cell,
.lp08 .shtb2.tbrsp .cell,
.lp08 .shtb3.tbrsp,
.lp08 .shtb3.tbrsp .cell,
.lp08 .shtb3.tbrsp .cell {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  padding: 0;
}
.lp08 .cell > p {
  margin-bottom: 1em;
}
.lp08 .cell img.img_so_small {
  max-width: 100%;
  width: 250px;
}
.lp08 .cell img.img_small {
  max-width: 100%;
  width: 350px;
}
/*anti IE11 bug*/
@media all and (-ms-high-contrast: none) {
  .lp08 .shtb2:after,
  .lp08 .shtb3:after {
    content: "";
    display: table;
    clear: both;
  }
  .lp08 #main .shtb2,
  .lp08 #main .shtb2.cell,
  .lp08 #main .shtb3,
  .lp08 #main .shtb3 .cell {
    display: block;
  }
  .lp08 #main .shtb2 .cell,
  .lp08 #main .shtb3 .cell {
    float: left;
  }
  .lp08 #main .shtb3 .cell {
    width: 32%;
  }
  .lp08 #main .shtb3 .cell:nth-child(2) {
    width: 36%;
    padding: 0 2%;
  }
}

/*youtubeのレスポンシブ対応[youtube]*/
.lp08 .youtube {
  position: relative;
  margin: 1.5em 0;
  width: 100%;
  padding-top: 56.25%;
}
.lp08 .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/** 目次：TOC+とEasyTableOfContentsに対応 **/
.lp08 #toc_container,
.lp08 #ez-toc-container {
  position: relative;
  width: 100% !important;
  margin: 2.5em 0;
  padding: 20px 15px;
  border-top: solid 5px;
  font-size: 0.95em;
  background: #f9f9f9;
  box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, 0.15);
}
.lp08 #toc_container .toc_title,
.lp08 .entry-content .ez-toc-title-container {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 5px 0 5px 58px;
  font-size: 23px;
  font-weight: bold;
}
.lp08 #toc_container .toc_title:before,
.lp08 .entry-content .ez-toc-title-container:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  line-height: 50px;
  content: "\f0ca";
}
.lp08 .toc_toggle {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 25px;
  margin-left: 10px;
  border-radius: 5px;
  background: #cbcbcb;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}
.lp08 #toc_container .toc_toggle a {
  color: #fff;
  text-decoration: none;
}
.lp08 #toc_container ul,
.lp08 #ez-toc-container ul {
  list-style-type: disc;
  padding: 0;
  border: none;
}
.lp08 #toc_container .toc_list,
.lp08 #ez-toc-container .ez-toc-list {
  margin-bottom: 0;
  margin-left: 18px;
  color: #585858;
}
.lp08 #toc_container .toc_list li,
.lp08 .ez-toc-list li {
  font-weight: bold;
}
.lp08 #toc_container .toc_list li a,
.lp08 .ez-toc-list li a {
  color: #555;
}
.lp08 #toc_container .toc_list li ul,
.lp08 #ez-toc-container .ez-toc-list li ul {
  margin: 5px;
  padding-left: 15px;
}
.lp08 #toc_container .toc_list li ul li,
.lp08 .ez-toc-list li ul li {
  margin: 0;
  font-size: 0.95em;
  font-weight: normal;
}
.lp08 .toc_number {
  padding-right: 2px;
  font-family: Quicksand, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}
.lp08 #ez-toc-container p {
  margin: 0;
}
.lp08 .ez-toc-list .active {
  background: #efefef;
}
/* END 目次 */

/** カエレバ＆ヨメレバ **/
.lp08 .cstmreba {
  margin: 1.5em 0;
  padding: 15px 10px;
  border: double 4px #dbdbdb;
  background: #fff;
}
.lp08 .cstmreba a {
  color: #444;
  text-decoration: none;
}
.lp08 .kaerebalink-name p a {
  text-decoration: none;
}
.lp08 .cstmreba a:hover {
  opacity: 0.7;
}
.lp08 .cstmreba .kaerebalink-box {
  display: table;
  width: 100%;
  vertical-align: middle;
}
.lp08 .cstmreba .kaerebalink-name > a,
.lp08 .booklink-name > a {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.5;
}
.lp08 .cstmreba .kaerebalink-powered-date,
.lp08 .cstmreba .kaerebalink-detail,
.lp08 .booklink-powered-date,
.lp08 .booklink-detail {
  color: silver;
  font-size: 0.7em;
}
.lp08 .cstmreba .kaerebalink-powered-date a,
.lp08 .cstmreba .booklink-powered-date a {
  color: silver;
}
.lp08 .cstmreba .kaerebalink-image {
  display: table-cell;
  width: 80px;
  vertical-align: middle;
}
.lp08 .cstmreba .kaerebalink-image a img {
  width: 100%;
}
.lp08 .cstmreba .kaerebalink-info {
  display: table-cell;
  width: calc(100% - 80px);
  padding-left: 15px;
}
.lp08 .cstmreba .kaerebalink-link1,
.lp08 .booklink-link2 {
  margin-top: 8px;
}
.lp08 .cstmreba .kaerebalink-link1 > div,
.lp08 .booklink-link2 > div {
  display: inline-block;
  height: 37px;
  margin: 5px 10px 5px 0;
  padding: 0 9px;
  border-radius: 3px;
  background: #73c1ea;
  box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25);
  font-size: 0.95em;
  font-weight: bold;
  vertical-align: middle;
  line-height: 37px;
  transition: 0.3s ease-in-out;
}
.lp08 .cstmreba .kaerebalink-link1 > div a,
.lp08 .cstmreba .booklink-link2 > div a {
  display: inline-block;
}
.lp08 .cstmreba .kaerebalink-link1 > div:hover,
.lp08 .cstmreba .booklink-link2 > div:hover {
  box-shadow: 0 12px 15px -5px rgba(0, 0, 0, 0.25);
}
.lp08 .cstmreba .kaerebalink-link1 a:before,
.lp08 .booklink-link2 > div a:before {
  padding-right: 3px;
  font-family: FontAwesome;
  content: "\f0da";
}
.lp08 .cstmreba .kaerebalink-link1 .shoplinkamazon,
.lp08 .booklink-link2 .shoplinkamazon {
  background: #ffb36b;
}
.lp08 .cstmreba .kaerebalink-link1 .shoplinkrakuten,
.lp08 .booklink-link2 .shoplinkrakuten {
  background: #ea7373;
}
.lp08 .cstmreba .kaerebalink-link1 a,
.lp08 .cstmreba .booklink-link2 a {
  color: #fff;
}
.lp08 .booklink-footer {
  display: none;
}
.lp08 .cstmreba a {
  color: #555;
  text-decoration: none;
}
/*余計な余白の削除*/
.lp08 .kaerebalink-info img,
.lp08 .kaerebalink-image > img,
.lp08 .booklink-info img {
  display: none;
}
.lp08 .kaerebalink-name p,
.lp08 .booklink-name p {
  margin-bottom: 0;
}
/*ヨメレバ*/
.lp08 .booklink-image {
  display: table-cell;
  width: 110px;
  vertical-align: middle;
}
.lp08 .booklink-image img {
  width: 100%;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.38), 0 0 2px rgba(0, 0, 0, 0.15);
}
.lp08 .booklink-info {
  display: table-cell;
  width: calc(100% - 110px);
  padding-left: 15px;
}
.lp08 .booklink-link2 > div {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
}

/*ボックス内の箇条書きの線を消す*/
.lp08 .sc ul,
.lp08 .sc ol,
.lp08 .list-raw ul,
.lp08 .list-raw ol,
.lp08 .sng-box ul,
.lp08 .sng-box ol,
.lp08 .memo ul,
.lp08 .memo ol {
  margin: 5px 0;
  padding: 0 0 0 1.4em;
  border: none;
  box-shadow: none;
  background: transparent;
}
.lp08 .amazonjs_info ul {
  border: none;
}
/*箇条書き内のアイコンの余白調整*/
.lp08 blockquote .li-chevron li:before,
.lp08 blockquote .li-check li:before,
.lp08 blockquote .li-yubi li:before,
.lp08 blockquote .li-niku li:before,
.lp08 .sng-box .li-chevron li:before,
.lp08 .sng-box .li-check li:before,
.lp08 .sng-box .li-yubi li:before,
.lp08 .sng-box .li-niku li:before,
.lp08 .memo .li-chevron li:before,
.lp08 .memo .li-check li:before,
.lp08 .memo .li-yubi li:before,
.lp08 .memo .li-niku li:before,
.lp08 .alert .li-chevron li:before,
.lp08 .alert .li-check li:before,
.lp08 .alert .li-yubi li:before,
.lp08 .alert .li-niku li:before,
.lp08 .li-chevron li li:before,
.lp08 .li-check li li:before,
.lp08 .li-yubi li li:before,
.lp08 .li-niku li li:before {
  left: 0;
}
.lp08 blockquote .ol-circle ol,
.lp08 .sng-box .ol-circle ol,
.lp08 .memo .ol-circle ol,
.lp08 .alert .ol-circle ol {
  padding-left: 0;
}
/*FontAwesomeのクラスを上書き*/
.lp08 .fa5 .hh30:before,
.lp08 .fa5 .hh31:before,
.lp08 .fa5 .hh32:before,
.lp08 .fa5 .hh34:before,
.lp08 .fa5 .box23:before,
.lp08 .fa5 .box23:after,
.lp08 .fa5 .box26 .box-title:before,
.lp08 .fa5 .box27 .box-title:before,
.lp08 .fa5 .box29 .box-title:before,
.lp08 .fa5 .box30 .box-title:before,
.lp08 .fa5 .li-chevron li:before,
.lp08 .fa5 .li-check li:before,
.lp08 .fa5 .li-yubi li:before,
.lp08 .fa5 .li-niku li:before,
.lp08 .fa5 .entry-content .quote_silver:after,
.lp08 .fa5 .reference .refttl:before,
.lp08 .fa5 .memo_ttl:before,
.lp08 .fa5 #toc_container .toc_title:before,
.lp08 .fa5 .ez-toc-title-container:before,
.lp08 .fa5 .cstmreba .kaerebalink-link1 a:before,
.lp08 .fa5 .booklink-link2 > div a:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

/** 上記で指定したスタイルのタブレットサイズ〜の上書き **/
@media only screen and (min-width: 481px) {
  .lp08 .rate-box {
    max-width: 580px;
    margin: 0 auto 1em;
    font-size: 17px;
  }
  .lp08 .rateline {
    padding: 10px 10px 10px 20px;
  }
  .lp08 .rate-thing {
    max-width: 380px;
    width: calc(100% - 144px);
  }
  .lp08 .rate-star {
    width: 144px;
  }
  .lp08 #inner-content p.hh {
    font-size: 1.3em;
  }
  .lp08 .c_linkto {
    display: inline-block;
    max-width: 310px;
    margin-right: 20px;
  }
  .lp08 .cell .c_likto {
    margin-right: 0;
  }
  .lp08 .c_linkto.longc_linkto {
    max-width: 100%;
    display: table;
  }
  .lp08 .longc_img,
  .lp08 .c_linkto.longc_linkto .longc_content {
    display: table-cell;
    vertical-align: middle;
  }
  .lp08 .longc_img {
    width: 40%;
  }
  .lp08 .longc_content {
    width: 60%;
  }
  .lp08 .longc_img img {
    width: 100%;
    padding: 10px;
  }
  .lp08 .faceicon {
    width: 130px;
  }
  .lp08 .chatting {
    padding-top: 15px;
    width: calc(100% - 130px);
  }
  .lp08 .sc:before,
  .lp08 .sc:after {
    top: 30px;
  }
  /*目次*/
  .lp08 #toc_container,
  .lp08 #ez-toc-container {
    padding: 20px 25px;
  }
  .lp08 .fixed-sidebar .toc_widget_list a {
    font-size: 0.9em;
    padding: 4px 5px 4px 7px;
  }
  /*カエレバ*/
  .lp08 .cstmreba {
    padding: 16px;
  }
  .lp08 .cstmreba .kaerebalink-image {
    width: 95px;
  }
  .lp08 .cstmreba .kaerebalink-info {
    width: calc(100% - 95px);
  }
  .lp08 .cstmreba .kaerebalink-link1 > div {
    height: 35px;
    padding: 0 12px;
    line-height: 35px;
  }
  /*END 481px~*/
} /*消しちゃダメ*/

@media only screen and (min-width: 768px) {
  .lp08 .textimg {
    font-size: 1.7em;
  }
  /*2列表示レスポンシブ*/
  .lp08 .shtb2.tbrsp {
    display: table;
    table-layout: fixed;
  }
  .lp08 .shtb2.tbrsp .cell {
    display: table-cell;
    width: 50%;
  }
  .lp08 .shtb2.tbrsp .cell:first-of-type {
    padding-right: 2%;
  }
  .lp08 .shtb2.tbrsp .cell:last-of-type {
    padding-left: 2%;
  }
  /*3列表示レスポンシブ*/
  .lp08 .shtb3.tbrsp {
    display: table;
    table-layout: fixed;
  }
  .lp08 .shtb3.tbrsp .cell {
    display: table-cell;
    width: 30%;
  }
  .lp08 .shtb3.tbrsp .cell:nth-child(2) {
    width: 35%;
    padding: 0 2.5%;
  }
  .lp08 .sc {
    padding: 20px;
  }

  /*END 768px~*/
} /*消しちゃダメ*/

/** その他優先的に指定するスタイル **/
.lp08 .small,
.lp08 #inner-content .small {
  font-size: 0.75em;
}
.lp08 .big,
.lp08 #inner-content .big {
  font-size: 1.3em;
}
.lp08 .sobig,
.lp08 #inner-content .sobig {
  font-size: 2.3em;
}
.lp08 .noborder {
  border: none;
}


/* ===== 20-sango-child-style.css ===== */
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/* ===== 30-common-lp08-style.css ===== */
.lp08 *,
.lp08 *::before,
.lp08 *::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  .lp08 {
    scroll-behavior: smooth;
  }
}

.lp08 {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lp08 hr {
  margin: 16px 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

.lp08 h6, .lp08 h5, .lp08 h4, .lp08 h3, .lp08 h2, .lp08 h1 {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 1.2;
}

.lp08 h1 {
  font-size: calc(22px + 1.5vw);
}
@media (min-width: 1200px) {
  .lp08 h1 {
    font-size: 40px;
  }
}

.lp08 h2 {
  font-size: calc(21.2px + 0.9vw);
}
@media (min-width: 1200px) {
  .lp08 h2 {
    font-size: 32px;
  }
}

.lp08 h3 {
  font-size: calc(20.8px + 0.6vw);
}
@media (min-width: 1200px) {
  .lp08 h3 {
    font-size: 28px;
  }
}

.lp08 h4 {
  font-size: calc(20.4px + 0.3vw);
}
@media (min-width: 1200px) {
  .lp08 h4 {
    font-size: 24px;
  }
}

.lp08 h5 {
  font-size: 20px;
}

.lp08 h6 {
  font-size: 16px;
}

.lp08 p {
  margin-top: 0;
  margin-bottom: 16px;
}

.lp08 abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

.lp08 address {
  margin-bottom: 16px;
  font-style: normal;
  line-height: inherit;
}

.lp08 ol,
.lp08 ul {
  padding-left: 32px;
}

.lp08 ol,
.lp08 ul,
.lp08 dl {
  margin-top: 0;
  margin-bottom: 16px;
}

.lp08 ol ol,
.lp08 ul ul,
.lp08 ol ul,
.lp08 ul ol {
  margin-bottom: 0;
}

.lp08 dt {
  font-weight: 700;
}

.lp08 dd {
  margin-bottom: 8px;
  margin-left: 0;
}

.lp08 blockquote {
  margin: 0 0 16px;
}

.lp08 b,
.lp08 strong {
  font-weight: bolder;
}

.lp08 small {
  font-size: 0.875em;
}

.lp08 mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

.lp08 sub,
.lp08 sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

.lp08 sub {
  bottom: -0.25em;
}

.lp08 sup {
  top: -0.5em;
}

.lp08 a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
.lp08 a:hover {
  color: var(--bs-link-hover-color);
}

.lp08 a:not([href]):not([class]), .lp08 a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.lp08 pre,
.lp08 code,
.lp08 kbd,
.lp08 samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

.lp08 pre {
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
  overflow: auto;
  font-size: 0.875em;
}
.lp08 pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.lp08 code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
.lp08 a > code {
  color: inherit;
}

.lp08 kbd {
  padding: 3px 6px;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 4px;
}
.lp08 kbd kbd {
  padding: 0;
  font-size: 1em;
}

.lp08 figure {
  margin: 0 0 16px;
}

.lp08 img,
.lp08 svg {
  vertical-align: middle;
}

.lp08 table {
  caption-side: bottom;
  border-collapse: collapse;
}

.lp08 caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #757575;
  text-align: left;
}

.lp08 th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

.lp08 thead,
.lp08 tbody,
.lp08 tfoot,
.lp08 tr,
.lp08 td,
.lp08 th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.lp08 label {
  display: inline-block;
}

.lp08 button {
  border-radius: 0;
}

.lp08 button:focus:not(:focus-visible) {
  outline: 0;
}

.lp08 input,
.lp08 button,
.lp08 select,
.lp08 optgroup,
.lp08 textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.lp08 button,
.lp08 select {
  text-transform: none;
}

.lp08 [role=button] {
  cursor: pointer;
}

.lp08 select {
  word-wrap: normal;
}
.lp08 select:disabled {
  opacity: 1;
}

.lp08 [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

.lp08 button,
.lp08 [type=button],
.lp08 [type=reset],
.lp08 [type=submit] {
  -webkit-appearance: button;
}
.lp08 button:not(:disabled),
.lp08 [type=button]:not(:disabled),
.lp08 [type=reset]:not(:disabled),
.lp08 [type=submit]:not(:disabled) {
  cursor: pointer;
}

.lp08 ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

.lp08 textarea {
  resize: vertical;
}

.lp08 fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.lp08 legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 8px;
  font-size: calc(20.4px + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  .lp08 legend {
    font-size: 24px;
  }
}
.lp08 legend + * {
  clear: left;
}

.lp08 ::-webkit-datetime-edit-fields-wrapper,
.lp08 ::-webkit-datetime-edit-text,
.lp08 ::-webkit-datetime-edit-minute,
.lp08 ::-webkit-datetime-edit-hour-field,
.lp08 ::-webkit-datetime-edit-day-field,
.lp08 ::-webkit-datetime-edit-month-field,
.lp08 ::-webkit-datetime-edit-year-field {
  padding: 0;
}

.lp08 ::-webkit-inner-spin-button {
  height: auto;
}

.lp08 [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
.lp08 ::-webkit-search-decoration {
  -webkit-appearance: none;
}

.lp08 ::-webkit-color-swatch-wrapper {
  padding: 0;
}

.lp08 ::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

.lp08 output {
  display: inline-block;
}

.lp08 iframe {
  border: 0;
}

.lp08 summary {
  display: list-item;
  cursor: pointer;
}

.lp08 progress {
  vertical-align: baseline;
}

.lp08 [hidden] {
  display: none !important;
}

.lp08 .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.lp08 .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.lp08 .col {
  flex: 1 0 0%;
}

.lp08 .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.lp08 .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.lp08 .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.lp08 .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.lp08 .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.lp08 .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.lp08 .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.lp08 .col-auto {
  flex: 0 0 auto;
  width: auto;
}

.lp08 .col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.lp08 .col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.lp08 .col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.lp08 .col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.lp08 .col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.lp08 .col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.lp08 .col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.lp08 .col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.lp08 .col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.lp08 .col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.lp08 .col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.lp08 .col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.lp08 .offset-1 {
  margin-left: 8.33333333%;
}

.lp08 .offset-2 {
  margin-left: 16.66666667%;
}

.lp08 .offset-3 {
  margin-left: 25%;
}

.lp08 .offset-4 {
  margin-left: 33.33333333%;
}

.lp08 .offset-5 {
  margin-left: 41.66666667%;
}

.lp08 .offset-6 {
  margin-left: 50%;
}

.lp08 .offset-7 {
  margin-left: 58.33333333%;
}

.lp08 .offset-8 {
  margin-left: 66.66666667%;
}

.lp08 .offset-9 {
  margin-left: 75%;
}

.lp08 .offset-10 {
  margin-left: 83.33333333%;
}

.lp08 .offset-11 {
  margin-left: 91.66666667%;
}

.lp08 .g-0,
.lp08 .gx-0 {
  --bs-gutter-x: 0;
}

.lp08 .g-0,
.lp08 .gy-0 {
  --bs-gutter-y: 0;
}

.lp08 .g-1,
.lp08 .gx-1 {
  --bs-gutter-x: 4px;
}

.lp08 .g-1,
.lp08 .gy-1 {
  --bs-gutter-y: 4px;
}

.lp08 .g-2,
.lp08 .gx-2 {
  --bs-gutter-x: 8px;
}

.lp08 .g-2,
.lp08 .gy-2 {
  --bs-gutter-y: 8px;
}

.lp08 .g-3,
.lp08 .gx-3 {
  --bs-gutter-x: 16px;
}

.lp08 .g-3,
.lp08 .gy-3 {
  --bs-gutter-y: 16px;
}

.lp08 .g-4,
.lp08 .gx-4 {
  --bs-gutter-x: 24px;
}

.lp08 .g-4,
.lp08 .gy-4 {
  --bs-gutter-y: 24px;
}

.lp08 .g-5,
.lp08 .gx-5 {
  --bs-gutter-x: 48px;
}

.lp08 .g-5,
.lp08 .gy-5 {
  --bs-gutter-y: 48px;
}

/**************************\
  Basic Modal Styles
\**************************/
.lp08 .modal-overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.lp08 .modal-container {
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  max-height: 100vh;
  max-width: 500px;
  overflow-y: auto;
  padding: 24px 12px;
  margin: 12px;
}

.lp08 .modal-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.lp08 .modal-title {
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 0;
}

.lp08 .modal-close {
  background: transparent;
  border: 0;
}

.lp08 .modal-header .modal-close:before {
  content: "✕";
}

.lp08 .modal-content {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 32px;
  margin-top: 32px;
}

/**************************\
    Demo Animation Style
  \**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.lp08 .modal-slide {
  display: none;
}

.lp08 .modal-slide.is-open {
  display: block;
}

.lp08 .modal-slide[aria-hidden=false] .modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.lp08 .modal-slide[aria-hidden=false] .modal-container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.lp08 .modal-slide[aria-hidden=true] .modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.lp08 .modal-slide[aria-hidden=true] .modal-container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.lp08 .modal-slide .modal-container,
.lp08 .modal-slide .modal-overlay {
  will-change: transform;
}

/**
 * Swiper 8.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 17, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
.lp08 {
  --swiper-theme-color: #007aff;
}

.lp08 .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.lp08 .swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.lp08 .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.lp08 .swiper-android .swiper-slide,
.lp08 .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.lp08 .swiper-pointer-events {
  touch-action: pan-y;
}
.lp08 .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.lp08 .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.lp08 .swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.lp08 .swiper-autoheight,
.lp08 .swiper-autoheight .swiper-slide {
  height: auto;
}
.lp08 .swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.lp08 .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.lp08 .swiper-3d, .lp08 .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.lp08 .swiper-3d .swiper-wrapper,
.lp08 .swiper-3d .swiper-slide,
.lp08 .swiper-3d .swiper-slide-shadow,
.lp08 .swiper-3d .swiper-slide-shadow-left,
.lp08 .swiper-3d .swiper-slide-shadow-right,
.lp08 .swiper-3d .swiper-slide-shadow-top,
.lp08 .swiper-3d .swiper-slide-shadow-bottom,
.lp08 .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.lp08 .swiper-3d .swiper-slide-shadow,
.lp08 .swiper-3d .swiper-slide-shadow-left,
.lp08 .swiper-3d .swiper-slide-shadow-right,
.lp08 .swiper-3d .swiper-slide-shadow-top,
.lp08 .swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.lp08 .swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.lp08 .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.lp08 .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.lp08 .swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.lp08 .swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.lp08 .swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.lp08 .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.lp08 .swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.lp08 .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.lp08 .swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.lp08 .swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.lp08 .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.lp08 .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.lp08 .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.lp08 .swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.lp08 .swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.lp08 .wrapper {
  background-color: #fff;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  position: relative;
}

.lp08 .section {
  overflow: hidden;
}
.lp08 .section-form {
  background-color: #F5F5F5;
  padding: 32px 5% 16px;
}
.lp08 .section-image {
  position: relative;
}
.lp08 .section-image > ._main {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lp08 .section-image ._child {
  position: absolute;
}
.lp08 .section-qa {
  background-color: #fff;
  background-image: linear-gradient(0deg, transparent 15px, #E0E0E0 16px), linear-gradient(90deg, transparent 15px, #E0E0E0 16px);
  background-size: 16px 16px;
  padding: 32px 5% 1px;
}
.lp08 .section-qa-item {
  margin-bottom: 32px;
}
.lp08 .section-qa-item > ._q {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 24px;
  padding: 0 0 0 40px;
  position: relative;
}
.lp08 .section-qa-item > ._q:before {
  content: "Q.";
  font-family: Oswald;
  font-size: 40px;
  font-weight: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  top: -12px;
}
.lp08 .section-qa-item > ._a {
  font-size: 14px;
  line-height: 1.75;
  padding: 0 0 0 40px;
  position: relative;
}
.lp08 .section-qa-item > ._a:before {
  color: #ed5a2d;
  content: "A.";
  font-family: Oswald;
  font-size: 40px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: -12px;
}
.lp08 .section-review {
  background-image: url(bg-review.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 64px 0 32px;
}
.lp08 .section-review-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 48px;
  text-align: center;
}
.lp08 .section-review-title img {
  height: 48px;
  margin: 0 0 16px;
}
.lp08 .section-review-slide {
  column-gap: 20px;
  display: flex;
  overflow-x: auto;
  padding: 0 24px 24px;
}
.lp08 .section-review-item {
  background-color: #fff;
  border: 2px solid #212121;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column-reverse;
  min-width: 236px;
  padding: 16px;
  row-gap: 16px;
}
.lp08 .section-review-item > ._body {
  display: flex;
  flex-basis: 0;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
}
.lp08 .section-review-item > ._body > ._comment {
  flex-basis: 0;
  flex-grow: 1;
  font-size: 14.056px;
  font-weight: 700;
  margin: 0 0 8px;
  max-height: 100%;
}
.lp08 .section-review-item > ._body > ._comment mark {
  background-color: #ffd740;
}
.lp08 .section-review-item > ._body > ._data {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.lp08 .section-review-item > ._body > ._data > ._rating {
  color: #ffd740;
  font-size: 12px;
}
.lp08 .section-review-item > ._body > ._data > ._segment {
  font-size: 10px;
}
.lp08 .section-review-item > ._body > ._data > ._date {
  font-size: 10px;
}
.lp08 .section-review-item > ._image img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}
.lp08 .section-review-footer {
  align-items: center;
  column-gap: 8px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
.lp08 .section-review-footer img {
  height: 20px;
}

.lp08 .footer {
  padding: 48px 5% 32px;
}
.lp08 .footer-nav {
  font-size: 12px;
  list-style-type: none;
  padding-left: 0;
  text-align: center;
}
.lp08 .footer-nav li {
  display: inline-block;
  margin: 0.5em 1em;
}
.lp08 .footer-nav li a {
  color: #9E9E9E;
  display: inline-block;
}
.lp08 .footer-sdgs {
  margin-bottom: 16px;
  text-align: center;
}
.lp08 .footer-sdgs img {
  max-width: 100%;
}
.lp08 .footer-company {
  margin-bottom: 16px;
  text-align: center;
}
.lp08 .footer-company img {
  max-width: 100%;
}

.lp08 .text-orange {
  color: #ed5a2d;
}

.lp08 .modal-overlay {
  z-index: 1055;
}

@keyframes clock {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.lp08 .counter {
  animation: clock 2s linear infinite;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 64px;
  font-weight: bold;
  text-align: right;
  z-index: 1;
}
.lp08 .counter > ._hour,
.lp08 .counter > ._minute {
  position: absolute;
  top: 73.9039665971%;
}
.lp08 .counter > ._hour {
  right: 54.6666666667%;
}
.lp08 .counter > ._minute {
  right: 17.3333333333%;
}

.lp08 .wpcf7-form-control.wpcf7-textarea, .lp08 .wpcf7-form-control.wpcf7-email, .lp08 .wpcf7-form-control.wpcf7-tel, .lp08 .wpcf7-form-control.wpcf7-select, .lp08 .wpcf7-form-control.wpcf7-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  color: inherit;
  display: block;
  font-size: 16px;
  margin-bottom: 0;
  outline: none;
  padding: 0.2em;
  width: 100%;
}
.lp08 .wpcf7-form-control.wpcf7-textarea:focus, .lp08 .wpcf7-form-control.wpcf7-email:focus, .lp08 .wpcf7-form-control.wpcf7-tel:focus, .lp08 .wpcf7-form-control.wpcf7-select:focus, .lp08 .wpcf7-form-control.wpcf7-text:focus {
  border-color: #0d6efd;
  box-shadow: inset 0 0 4px 0 rgba(13, 110, 253, 0.4);
}
.lp08 .wpcf7-form-control.wpcf7-textarea::placeholder, .lp08 .wpcf7-form-control.wpcf7-email::placeholder, .lp08 .wpcf7-form-control.wpcf7-tel::placeholder, .lp08 .wpcf7-form-control.wpcf7-select::placeholder, .lp08 .wpcf7-form-control.wpcf7-text::placeholder {
  color: #9E9E9E;
}

.lp08 .form {
  overflow: hidden;
}
.lp08 .form .swiper-slide {
  padding-right: 1px;
}

.lp08 .wpcf7-form-control.wpcf7-select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.549%22%20height%3D%2210%22%20viewBox%3D%220%200%2011.549%2010%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M5.775%2C0l5.775%2C10H0Z%22%20transform%3D%22translate(11.549%2010)%20rotate(180)%22%2F%3E%3C%2Fsvg%3E");
  background-position: center right 10px;
  background-repeat: no-repeat;
}
.lp08 .wpcf7-form-control.wpcf7-radio {
  font-size: 16px;
}

.lp08 span.wpcf7-list-item {
  margin: 0 1em 0 0;
}
.lp08 .wpcf7-radio.is-image span.wpcf7-list-item {
  margin: 0 0 0.5em;
}
.lp08 span.wpcf7-list-item input {
  display: none;
}
.lp08 .form .swiper-slide.swiper-slide-active span.wpcf7-list-item input:disabled ~ .wpcf7-list-item-label {
  position: relative;
}
.lp08 .form .swiper-slide.swiper-slide-active span.wpcf7-list-item input:disabled ~ .wpcf7-list-item-label::after {
  background-color: #212121;
  color: #fff;
  content: "在庫切れ";
  display: block;
  font-size: 14px;
  left: 50%;
  padding: 0.5em 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7em;
  z-index: 1;
}
@media (min-width: 768px) {
  .lp08 .form .swiper-slide.swiper-slide-active span.wpcf7-list-item input:disabled ~ .wpcf7-list-item-label::after {
    font-size: 20px;
    padding: 0.5em 0;
    width: 9em;
  }
}
.lp08 .form .swiper-slide.swiper-slide-active span.wpcf7-list-item input:disabled ~ .wpcf7-list-item-label img {
  filter: grayscale(100%);
  opacity: 0.5;
}
.lp08 span.wpcf7-list-item input:checked ~ .wpcf7-list-item-label:before {
  border: 4px solid #0d6efd;
}
.lp08 span.wpcf7-list-item input:checked ~ .wpcf7-list-item-label img.is-default {
  display: none;
}
.lp08 span.wpcf7-list-item input:checked ~ .wpcf7-list-item-label img.is-select {
  display: inline;
}
.lp08 span.wpcf7-list-item .wpcf7-list-item-label:before {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 1em;
  margin-right: 0.25em;
  vertical-align: -0.125em;
  width: 1em;
}
.lp08 .wpcf7-radio.is-image span.wpcf7-list-item .wpcf7-list-item-label:before {
  display: none;
}
.lp08 span.wpcf7-list-item .wpcf7-list-item-label img {
  width: 100%;
}
.lp08 span.wpcf7-list-item .wpcf7-list-item-label img.is-default {
  display: inline;
}
.lp08 span.wpcf7-list-item .wpcf7-list-item-label img.is-select {
  display: none;
}

.lp08 .wpcf7-not-valid-tip {
  font-size: 12px;
  font-weight: inherit;
  margin-top: 8px;
}

.lp08 .form {
  font-size: 14px;
}
@media (min-width: 562px) {
  .lp08 .form {
    font-size: 20px;
  }
}
.lp08 .form .row {
  align-items: baseline;
  margin-left: -4px;
  margin-right: -4px;
}
.lp08 .form .row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.lp08 .form .row.no-gutters > .col, .lp08 .form .row.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.lp08 .form .row > .col, .lp08 .form .row > [class*=col-] {
  padding-left: 4px;
  padding-right: 4px;
}
.lp08 .form-field {
  margin-bottom: 8px;
}
.lp08 .form-label {
  font-weight: bold;
  margin-bottom: 0;
}
.lp08 .form-unit {
  padding: 0.2em 0;
}
.lp08 .form-list-asterisk {
  list-style-type: none;
  padding-left: 0;
}
.lp08 .form-list-asterisk li {
  padding-left: 1em;
  position: relative;
}
.lp08 .form-list-asterisk li:before {
  content: "※";
  margin-right: -1em;
  position: absolute;
  right: 100%;
}
.lp08 .form-materials {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
}
.lp08 .form-submit {
  align-items: center;
  display: flex;
  justify-content: center;
}
.lp08 .form-submit img {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  animation-timing-function: ease;
  background-color: transparent;
  border: none;
  height: auto;
  margin-left: 0px;
  padding: 0;
  width: 73.3333333333%;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(0.95);
  }
  30% {
    transform: scale(1.05);
  }
  45% {
    transform: scale(0.975);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.lp08 .form-submit img:disabled {
  animation-duration: 0s;
  filter: grayscale(100%);
  opacity: 0.5;
}
.lp08 .form-action {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 24px 0;
}
.lp08 .form-button-next {
  background-color: rgb(231, 135, 25);
  background-image: linear-gradient(to bottom, rgb(231, 176, 25), rgb(231, 135, 25));
  border: none;
  border-radius: 2em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 0 16px;
  padding: 1em 4em;
  white-space: nowrap;
}
.lp08 .form-button-next:disabled {
  background-color: #EEEEEE;
  background-image: none;
  border: 1px solid #E0E0E0;
  color: #BDBDBD;
}
.lp08 .form-button-prev {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 2em;
  color: #212121;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 16px;
  padding: 0.5em 1em;
  white-space: nowrap;
}

.lp08 .formError {
  color: #dc3545;
  font-size: 12px;
}
@media (min-width: 562px) {
  .lp08 .formError {
    font-size: 16px;
  }
}

.lp08 .companyInfoTable tbody tr {
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
}
.lp08 .companyInfoTable tbody tr th,
.lp08 .companyInfoTable tbody tr td {
  padding: 0.5em;
}
.lp08 .companyInfoTable tbody tr th {
  white-space: nowrap;
}

.lp08 .applyButton-fixed {
  bottom: 0;
  display: none;
  position: fixed;
  right: 0;
  transition: none;
}
.lp08 .applyButton-fixed.is-show {
  display: block;
}


/* ===== inline <style> #1 (ライブページ body 内) ===== */
/*! This file is auto-generated */
.lp08 .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.lp08 .wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}


/* ---- next inline block ---- */


.lp08{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 7.04px;--wp--preset--spacing--30: 10.72px;--wp--preset--spacing--40: 16px;--wp--preset--spacing--50: 24px;--wp--preset--spacing--60: 36px;--wp--preset--spacing--70: 54.08px;--wp--preset--spacing--80: 80.96px;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}.lp08 :where(.is-layout-flex){gap: 0.5em;}.lp08 :where(.is-layout-grid){gap: 0.5em;}.lp08 .is-layout-flex{display: flex;}.lp08 .is-layout-flex{flex-wrap: wrap;align-items: center;}.lp08 .is-layout-flex > *{margin: 0;}.lp08 .is-layout-grid{display: grid;}.lp08 .is-layout-grid > *{margin: 0;}.lp08 :where(.wp-block-columns.is-layout-flex){gap: 2em;}.lp08 :where(.wp-block-columns.is-layout-grid){gap: 2em;}.lp08 :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}.lp08 :where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.lp08 .has-black-color{color: var(--wp--preset--color--black) !important;}.lp08 .has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.lp08 .has-white-color{color: var(--wp--preset--color--white) !important;}.lp08 .has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.lp08 .has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.lp08 .has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.lp08 .has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.lp08 .has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.lp08 .has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.lp08 .has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.lp08 .has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.lp08 .has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.lp08 .has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.lp08 .has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.lp08 .has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.lp08 .has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.lp08 .has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.lp08 .has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.lp08 .has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.lp08 .has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.lp08 .has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.lp08 .has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.lp08 .has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.lp08 .has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.lp08 .has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.lp08 .has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.lp08 .has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.lp08 .has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.lp08 .has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.lp08 .has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.lp08 .has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.lp08 .has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.lp08 .has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.lp08 .has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.lp08 .has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.lp08 .has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.lp08 .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.lp08 .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.lp08 .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.lp08 .has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.lp08 .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.lp08 .has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.lp08 .has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.lp08 .has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.lp08 .has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.lp08 .has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.lp08 .has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.lp08 .has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.lp08 .has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.lp08 .has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.lp08 .has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.lp08 .has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.lp08 .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
.lp08 :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}.lp08 :where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
.lp08 :where(.wp-block-columns.is-layout-flex){gap: 2em;}.lp08 :where(.wp-block-columns.is-layout-grid){gap: 2em;}
.lp08 .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}


/* ---- next inline block ---- */


			.lp08 .entry-footer {
  display: none;
}

.lp08 .post h2:first-letter{
  font-size: 2em;
  color: #00a968;
}

/*recaptureバッジを非表示に*/
.lp08 .grecaptcha-badge {
display: none;
}

/*fbここから*/
.lp08 .floatingBanner {
  text-align: center;
  position: fixed;
  bottom: 0;
  display: none;
  opacity: 0;
  left: 0;
  text-decoration: none;
  width: 100%;
  color: #fff;
  z-index: 98;
  background-color: tomato;
  background-image: linear-gradient(to right, tomato, coral);
  transition: opacity 3s;
  font-weight: bold;
}

.lp08 .floatingBanner.is-active {
  display: block;
  opacity: 1;
}

.lp08 .floatingBanner>._copy {
  font-size: 18px;

}

.lp08 .floatingBanner>._cta {
  padding: .75em 1.25em;
  width: max-content;
  margin: 0 auto 16px;
  border-radius: 3em;
  background-color: orange;
}
/*fbここまで*/

/*her対応ここから*/
@media (min-width: 500px) {
.lp08 .header-logo__link {
pointer-events: none;
}
.lp08 .footer-logo__link {
pointer-events: none;
}
}
.lp08 .desktop-nav {
	display:none;
}
/*her対応ここまで*/		

/* ---- next inline block ---- */

 .lp08 a{color:#4f96f6}.lp08 .main-c, .lp08 .has-sango-main-color{color:#00a968}.lp08 .main-bc, .lp08 .has-sango-main-background-color{background-color:#00a968}.lp08 .main-bdr, .lp08 #inner-content .main-bdr{border-color:#00a968}.lp08 .pastel-c, .lp08 .has-sango-pastel-color{color:#c8e4ff}.lp08 .pastel-bc, .lp08 .has-sango-pastel-background-color, .lp08 #inner-content .pastel-bc{background-color:#c8e4ff}.lp08 .accent-c, .lp08 .has-sango-accent-color{color:#ffb36b}.lp08 .accent-bc, .lp08 .has-sango-accent-background-color{background-color:#ffb36b}.lp08 .header, .lp08 #footer-menu, .lp08 .drawer__title{background-color:#ffffff}.lp08 #logo a{color:#FFF}.lp08 .desktop-nav li a, .lp08 .mobile-nav li a, .lp08 #footer-menu a, .lp08 #drawer__open, .lp08 .header-search__open, .lp08 .copyright, .lp08 .drawer__title{color:#000000}.lp08 .drawer__title .close span, .lp08 .drawer__title .close span:before{background:#000000}.lp08 .desktop-nav li:after{background:#000000}.lp08 .mobile-nav .current-menu-item{border-bottom-color:#000000}.lp08 .widgettitle, .lp08 .sidebar .wp-block-group h2, .lp08 .drawer .wp-block-group h2{color:#ffffff;background-color:#00a968}.lp08 .footer{background-color:#ffffff}.lp08 .footer, .lp08 .footer a, .lp08 .footer .widget ul li a{color:#3c3c3c}.lp08 #toc_container .toc_title, .lp08 .entry-content .ez-toc-title-container, .lp08 #footer_menu .raised, .lp08 .pagination a, .lp08 .pagination span, .lp08 #reply-title:before, .lp08 .entry-content blockquote:before, .lp08 .main-c-before li:before, .lp08 .main-c-b:before{color:#00a968}.lp08 .searchform__submit, .lp08 .sidebar .wp-block-search .wp-block-search__button, .lp08 .drawer .wp-block-search .wp-block-search__button, .lp08 #toc_container .toc_title:before, .lp08 .ez-toc-title-container:before, .lp08 .cat-name, .lp08 .pre_tag > span, .lp08 .pagination .current, .lp08 .post-page-numbers.current, .lp08 #submit, .lp08 .withtag_list > span, .lp08 .main-bc-before li:before{background-color:#00a968}.lp08 #toc_container, .lp08 #ez-toc-container, .lp08 .entry-content h3, .lp08 .li-mainbdr ul, .lp08 .li-mainbdr ol{border-color:#00a968}.lp08 .search-title i, .lp08 .acc-bc-before li:before{background:#ffb36b}.lp08 .li-accentbdr ul, .lp08 .li-accentbdr ol{border-color:#ffb36b}.lp08 .pagination a:hover, .lp08 .li-pastelbc ul, .lp08 .li-pastelbc ol{background:#c8e4ff}.lp08{font-size:16px}@media only screen and (min-width:481px){.lp08{font-size:17.12px}}@media only screen and (min-width:1030px){.lp08{font-size:17.12px}}.lp08 .totop{background:#5ba9f7}.lp08 .header-info a{color:#FFF;background:linear-gradient(95deg, #738bff, #85e3ec)}.lp08 .fixed-menu ul{background:#FFF}.lp08 .fixed-menu a{color:#a2a7ab}.lp08 .fixed-menu .current-menu-item a, .lp08 .fixed-menu ul li a.active{color:#6bb6ff}.lp08 .post-tab{background:#FFF}.lp08 .post-tab > div{color:#a7a7a7}.lp08 .post-tab > div.tab-active{background:linear-gradient(45deg, #bdb9ff, #67b8ff)}.lp08{font-family:"Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;}.lp08 .dfont{font-family:"Quicksand","Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;}


/* ===== ecforce 用の土台(元ページの計算済みスタイルを固定) ===== */
.lp08-page {
  background-color: #fff;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  position: relative;
}
.lp08 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  /* font-size は元ページ同様に 100% / 107%(SP/PC) をチェーン内で px 化した値に任せる */
  font-weight: 400;
  line-height: normal;
  color: #000;
  text-align: start;
  letter-spacing: normal;
  word-break: normal;
  overflow-wrap: break-word;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lp08 .wrapper {
  /* 外枠は .lp08-page が担うので二重にしない */
  box-shadow: none;
  max-width: none;
}
/* 固定申込ボタン: 元ページでは z-index 未指定のため後続セクションの画像(position:absolute)に覆われ、
 * 実際にはクリックできない(Playwright で確認)。ecforce 版では最前面に出して押せるようにする */
.lp08 .applyButton-fixed {
  z-index: 100;
}
/* 購入フォーム(__PAYMENT_FORM__)の置き場。旧申込パネルと同じ薄灰色の帯にする */
.lp08-form {
  background-color: #F5F5F5;
  padding: 0 5% 16px;
}