/* ===== sango-theme/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: 1.5
Text Domain: sango
License URI: https://saruwakakun.design/term
-------------------------------------------------*/
/*IE8,9で未定義のため*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
 display: block;
}
audio,canvas,video {
 display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden],template {
 display: none;
}

/*基本*/
html {
 font-family: sans-serif;
  -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
 background-color: #eaedf2;
 color: #252525;
 font-family: "Helvetica", "Arial", YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 line-height: 1.83;
 word-break: normal;
 overflow-wrap: break-word;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
/*IEのみフォントを変える*/
@media all and (-ms-high-contrast:none){
 body { font-family: "Arial","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
}

* {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* IE10の余計の背景色を消す */
a {
 background: transparent;
}
a:active,a:hover {
 outline: 0;
}

/*
 * 文字の基本設定
 */
h1 {
 margin: .67em 0;
 font-size: 2em;
}
b,strong,.strong {
 font-weight: bold;
}
dfn,em,.em {
 font-style: italic;
}
hr {
 box-sizing: content-box;
 height: 0;
}
pre {
 margin: 0;
}
code,kbd,pre,samp {
 font-family: sans-serif;
 font-size: 1em;
}
pre {
 white-space: pre-wrap;
}
q {
 quotes: "\201C" "\201D" "\2018" "\2019";
}
q:before,q:after {
 content: "";
 content: none;
}
small {
 font-size: 75%;
}
sub,sup {
 position: relative;
 font-size: 75%;
 vertical-align: baseline;
 line-height: 0;
}
sup {
 top: -.5em;
}
sub {
 bottom: -.25em;
}

/*このクラス指定によりWebフォントを使用*/
.dfont {
 font-family: "Quicksand","Avenir","Arial", YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media all and (-ms-high-contrast:none){
 .dfont { font-family: "Quicksand","Arial","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
}

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

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

img {
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: middle;
}
svg:not(:root) {
 overflow: hidden;
}
iframe {
 max-width: 100%;
}
figure {
 margin: 0;
}
.entry-content .alignleft,
.entry-content img.alignleft {
  display: inline;
  float: left;
  margin: .5em 1.2em .5em 0;
}
.entry-content .alignright,
.entry-content img.alignright {
  display: inline;
  float: right;
  margin: .5em 0 .5em 1em;
}

/*
 *フォーム
 */
fieldset {
 margin: 0 2px;
 padding: .35em .625em .75em;
 border: 1px solid #c0c0c0;
}
legend {
 padding: 0;
 border: 0;
}
button,input,select,textarea {
 margin: 0;
 font-family: inherit;
 font-size: 100%;
}
button,input {
 line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
 cursor: pointer;
 -webkit-appearance: button;
}
button[disabled], html input[disabled] {
 cursor: default;
}
input[type="checkbox"], input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
input[type="search"] {
 -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 padding: 0;
 border: 0;
}

table {
 border-spacing: 0;
 border-collapse: collapse;
}
.image-replacement,.ir {
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
}

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

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

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

/*
 * INPUT
 */
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,
.field {
 display: block;
 width: 100%;
 height: 45px;
 margin-bottom: 14px;
 padding: 0 12px;
 border: 0;
 border-radius: 3px;
 background-color: #eaedf2;
 box-shadow: none;
 color: #5c6b80;
 font-size: 1em;
 vertical-align: middle;
 line-height: 45px;
 transition: background-color .24s ease-in-out;
}
input[type="text"]:focus,input[type="text"]:active,input[type="password"]:focus,input[type="password"]:active,input[type="datetime"]:focus,input[type="datetime"]:active,input[type="datetime-local"]:focus,input[type="datetime-local"]:active,input[type="date"]:focus,input[type="date"]:active,input[type="month"]:focus,input[type="month"]:active,input[type="time"]:focus,input[type="time"]:active,input[type="week"]:focus,input[type="week"]:active,input[type="number"]:focus,input[type="number"]:active,input[type="email"]:focus,input[type="email"]:active,input[type="url"]:focus,input[type="url"]:active,input[type="search"]:focus,input[type="search"]:active,input[type="tel"]:focus,input[type="tel"]:active,input[type="color"]:focus,input[type="color"]:active,
select:focus, select:active,
textarea:focus, textarea:active,
.field:focus, .field:active {
 background-color: #f7f8fa;
}
textarea {
 max-width: 100%;
 min-height: 120px;
 line-height: 1.5em;
 padding: .5em;
 overflow: auto;
}
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;
}
select::-ms-expand {
 display: none;
}
/*
 * 要定義
 */
.bypostauthor {}

/*=========
 *基本的な考え方
 *スマホ向けのスタイルをデフォルトで定義
 *481px〜タブレット
 *768px〜大型タブレット
 *1030px〜PC
 *1240px〜大型PC
 *上記の順で上書き
=========*/

/*
 * レイアウト
 */

.wrap {
 width: 92%;
 margin: 0 auto;
}

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


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

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

/*
 * 記事内見出し
 */
.entry-content h2 {
 margin: 2.5em 0 .7em;
 font-size: 1.4em;
 line-height: 1.6;
}
.entry-content h3 {
 margin: 2.6em 0 .7em;
 padding: 10px 0 10px 10px;
 border-left-width: 4px;
 border-left-style: solid;
 font-size: 1.2em;
 line-height: 1.5;
}
.entry-content h4 {
 margin: 2.3em 0 .7em;
 font-size: 1.1em;
}
.entry-content h2:first-child, .entry-content h3:first-child ,.entry-content h4:first-child, #inner-content .hh:first-child {
  margin-top: 0;
}

/*
 * ヘッダーのスタイル
 */
.header {
 position: relative;
 z-index: 99;
 box-shadow: 0 3px 6px rgba(0, 0, 0, .18);
}

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

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

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

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

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

/*ハンバーガーボタン*/
.drawer--unshown {
 display: none;/*はじめ非表示に*/
}
#drawer__open {
 position: absolute;
 top: 0;
 left: 0;
 width: 48px;
 padding: 0;
 border: none;
 background: transparent;
 outline: none;
 font-size: 23px;
 text-align: center;
 vertical-align: middle;
 line-height: 62px;
}
#drawer__close-cover {
 display: none;
 position: fixed;
 z-index: 99;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: black;
 opacity: 0;
 transition: .3s ease-in-out;
}
#drawer__input:checked ~ #drawer__content {
 box-shadow: 6px 0 25px rgba(0,0,0,.15);
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
}
#drawer__input:checked ~ #drawer__close-cover {
 display: block;
 opacity: .5;
}
/*ヘッダーお知らせ欄*/
.header-info a {
  display: block;
  padding: 10px;
  font-weight: bold;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  text-align: center;
  animation: fadeHeader .7s ease 0s 1 normal;
}
.header-info a:hover {
  text-decoration: none;
  background-size: 140%;
  opacity: .9;
}
/*
 * 記事/固定ページの基本スタイル
 */
#content {
 margin-top: 2em;
 padding-bottom: 3em;
}
.single #content,
.page #content {
 margin-top: 0;
}
#entry {
 margin-bottom: 1.5em;
 border-radius: 3px;
 background-color: white;
}
#entry header {
 color: #070f15;
}
#entry footer {
 margin: 2em 0 0;
}
#entry footer aside {
 position: relative;
}
footer p {
 margin: 0;
}
.post-thumbnail {
 margin: 0;
}
.post-thumbnail img {
 width: 100%;
}
.withspace {
 padding: 0 15px;
}

/*
 * シェアボタン
 */
.sns-btn {
 margin: 0 auto;
 text-align: center;
}
.sns-btn__item {
 display: inline-block;
 position: relative;
}
.sns-btn__item a {
 display: inline-block;
 width: 90px;
 height: 76px;
 margin: 6px 4px;
 padding: 10px 0;
 border-radius: 10px;
 background: #fff;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 transition: .3s ease-in-out;
}
.sns-btn__item a:hover {
 box-shadow: 0 10px 25px -5px rgba(0,0,0,.2);
 text-decoration: none;
}
.sns-btn .sns-btn__item .fa {
  display: block;
  width: auto;
  height: auto;
  font-size: 35px;
  line-height: 1;
}
.tw a,
.tw .scc {
 color: #7dcdf7;
}
.fb a,
.fb .scc {
 color: #7c9dec;
}
.gplus a,
.gplus .scc {
 color: #ff7573;
}
.pkt a,
.pkt .scc {
 color: #f99593;
}
.hatebu a,
.hatebu .scc {
 color: #7cb1ec;
}
.line a {
 color: #8ed97a;
}

.fa-hatebu:before {
 font-family: "Quicksand","Arial",sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 line-height: .9;
 content: "B!";
}

/*記事上部の円形FAB形式シェアボタン*/
#fab {
 display: none;}
.fab-btn {
 display: block;
 position: relative;
 z-index: 2;
 width: 60px;
 height: 60px;
 margin: -30px 15px -30px auto;
 border-radius: 50%;
 outline: none;
 box-shadow: 0 3px 4px rgba(0,0,0,.2), 0 0 2px 0 rgba(0,0,0,.2);
 color: #fff;
 font-size: 25px;
 text-align: center;
 cursor: pointer;
 transition: .3s ease-in-out;
 transition-delay: .1s;
 animation: animScale 3.5s ease-out;
}
.fab-btn:hover {
 box-shadow: 0 10px 20px rgba(0,0,0,.25);
}
#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);
}
.fab-btn i {
 line-height: 60px;
 animation: iconIn .7s ease 0s 1 normal;
}

@keyframes iconIn {
 0% {
  opacity: 0;
 }
 70% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
.extended-fab {
  width: 140px;
  height: 48px;
  line-height: 48px;
  border-radius: 33px;
  font-size: 19px;
  letter-spacing: 1px;
  background-color: #FFF;
  box-shadow: 0 5px 18px -2px rgba(0,0,0,.15);
  margin-bottom: 10px!important;
}
.nothumb .extended-fab {
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.extended-fab:hover {
  box-shadow: 0 12px 45px -9px rgba(0,0,0,.23);
}
.extended-fab i:after {
  content: 'SHARE';
  font-family: "Quicksand","Avenir","Arial";
  font-weight: 500;
  color: #555;
}
.extended-fab i.fa:before {
  padding-right: 10px;
}
.extended-fab,.extended-fab i {
  height: 50px;
  line-height: 50px;
}

#fab:checked ~ .fab-btn i {
 display: none;
}
#fab__contents {
 display: none;
 position: fixed;
 z-index: 9999;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 10px;
 background: #f0f0f0;
}
#fab:checked ~ #fab__contents {
 display: block;
 -webkit-animation: coverIn .7s ease 0s 1 normal;
   animation: coverIn .7s ease 0s 1 normal;
}

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

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

.fab__contents-main {
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 padding: 20px 0;
 background: #f0f0f0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
.fab__contents-main .sns-btn {
 max-width: 320px;
}
.fab__contents_title {
 margin: 0;
 font-size: 30px;
 text-align: center;
}
.fab__contents_img {
 overflow: hidden;
 position: relative;
 width: 300px;
 height: 125px;
 margin: 7px auto 20px;
 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;
}
.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;
}
.close span {
 display: inline-block;
 position: relative;
 width: 3px;
 height: 45px;
 margin: 0 20px 0 7px;
 padding: 0;
 background: #8c9196;
 transition: .3s ease-in-out;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.close span:before {
 display: block;
 position: absolute;
 top: 50%;
 left: -20px;
 width: 45px;
 height: 3px;
 margin-top: -2px;
 background: #8c9196;
 content: "";
}
#fab:checked ~ #fab__contents .close {
 display: inline-block;
}
.close span:hover {
 transform: rotate(45deg) scale(1.1);
}
.fab__close-cover {
 display: none;
 position: fixed;
 z-index: 9999;
 top: 0;
 left: 0;
 padding: 10px;
 background: rgba(0, 0, 0, .35);
 opacity: 0;
}
/*END FABシェアボタン*/

/*記事下部のシェアボタン*/
.normal-sns .sns-btn__item {
 width: 29%;
 margin: 0 1%;
}
.normal-sns .sns-btn__item a {
 width: auto;
}
.normal-sns .sns-btn__item a:hover {
 opacity: .6;
 box-shadow: none;
}
.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;
}
.sns-btn__title:before,
.sns-btn__title:after {
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 20px;
 height: 3px;
 border-radius: 3px;
 background-color: #d8dae1;
 content: "";
}
.sns-btn__title:before {
 left: 0;
 -webkit-transform: rotate(50deg);
   transform: rotate(50deg);
}
.sns-btn__title:after {
 right: 0;
 -webkit-transform: rotate(-50deg);
   transform: rotate(-50deg);
}

/*記事上下シェアボタン（カスタマイザーで別デザインを選んだ場合）*/
.normal-sns.sns-dif {
 position: relative;
}
.normal-sns.sns-dif .share_txt {
 display: none;
}
.normal-sns.sns-dif ul {
 margin: 0;
 padding: 14px 0 16px;
 background: #eaedf2;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 overflow:hidden;
}
.normal-sns.sns-dif ul li {
 width: auto;
 margin: 0;
}
.normal-sns.sns-dif ul li a {
 position: relative;
 width: 52px;
 height: 52px;
 margin: 3.5px;
 padding: 0;
 box-shadow: 0 7px 15px -4px rgba(0, 0, 0, .15);
 transition: all .3s;
 transition-timing-function: cubic-bezier(.51, .1, .36, 1.68);
}
.normal-sns.sns-dif ul li a:hover {
 opacity: 1;
 box-shadow: 0 14px 20px -4px rgba(0, 0, 0, .25);
 transform: scale(1.05) translateY(-2px);
}
.normal-sns.sns-dif ul li .fa {
 font-size: 30px;
 line-height: 52px;
}
.normal-sns.sns-dif .line a .fa {
 position: relative;
 top: -5px;
}
.normal-sns.sns-dif .line .share_txt {
 display: inline-block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 font-size: 10px;
}

/*SNS Count Cacheでシェア数を表示させるときのため*/
.scc {
 position: absolute;
 font-size: 11px;
 font-weight: bold;
}

.fab__contents-main .scc {/*FAB内*/
 top: 7px;
 left: 10px;
}

.normal-sns .scc {/*フッター*/
 top: 7px;
 left: 15px;
}

.normal-sns.sns-dif .scc {/*フッター別デザイン*/
 top : auto;
 bottom: -12px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 line-height: 1.2;
}

/*フッター固定メニュー*/
.fixed-menu {
  margin-bottom: 54px;
}
.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,.25);
}
.fixed-menu ul li .fa {
  font-size: 24px;
  display: block;
  width: auto;
}
.fixed-menu ul li {
  display: table-cell;
  text-align: center;
}
.fixed-menu ul li a {
  display: block;
  padding: 9px 0 6px;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.fixed-menu a:hover , .fixed-menu__follow a {
  text-decoration: none;
}
/*固定メニューのシェア・フォローボタン*/
.fixed-menu__share .gplus ,.fixed-menu__share .sns-btn__title{
  display: none;
}
.fixed-menu__share .scc {
  display: none;
}
.normal-sns.fixed-menu__share, .fixed-menu__follow{
  position: fixed;
  bottom: -150px;
  width: 100%;
  z-index: 97;
  transition: .3s ease-in-out;
}
.normal-sns.fixed-menu__share.active,.fixed-menu__follow.active{
  bottom: 54px;
  bottom: calc( env(safe-area-inset-bottom) + 52px );
}
.normal-sns.fixed-menu__share ul {
  background: #a2a7ab;
}
.normal-sns.fixed-menu__share .scc {
  color: #e0e0e0;
}
.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);
}
.fixed-menu__follow span , .fixed-menu__follow a {
  display: table-cell;
  color: #FFF;
  font-weight: bold;
  vertical-align: middle;
  height: 54px;
}
.fixed-menu__follow span {
  font-size: 19px;
  padding: 10px 3px;
}
.fixed-menu__follow a {
  font-size: 11px;
  padding: 10px 0 5px;
}
.fixed-menu__follow a .fa {
  display: block;
  font-size: 28px;
}
.follow-tw { background: #7dccf7;}
.follow-fb { background: #7c9cec;}
.follow-fdly { background: #8ed87a;}
.follow-insta { background: linear-gradient(45deg,#fad51f,#f95e5e 20%,#e83784 60%,#754ed5);}
/*
 * 記事コンテンツ
 */
/*記事タイトルまわり*/
.single-title,
.page-title,
.entry-title {
 position: relative;
 margin: 0;
 padding: 20px 15px 15px;
 color: #444;
}

.entry-meta {
 margin: 0 0 20px;
 padding: 0 15px;
 color: #8e949a;
}
.entry-time {
 padding: 0 10px 0 0;
}
.entry-header .pubdate:before {
 padding-right: 5px;
 font-family: FontAwesome;
 content: "\f133";
}
.entry-header .updated:before {
 padding-right: 5px;
 font-family: FontAwesome;
 content: "\f021";
}

/*アイキャッチ画像が無い場合*/
.nothumb .entry-meta {
 position: relative;
 font-size: 15px;
}
.nothumb .entry-meta:after,
.nothumb .page-title:after {
 position: absolute;
 bottom: -24px;
 left: 15px;
 display: inline-block;
 content: "";
 width: 100px;
 height: 4px;
 border-radius: 2px;
 background: #eaedf2;
}

.nothumb .page-title:after {
 bottom: -15px;
}
.nothumb .fab-btn {
 margin: -40px 15px 0 auto;
}


/*entry-content*/
.entry-content {
 padding: 40px 15px 0;
}
.entry-content p {
 margin: 0 0 1.5em;
}
.entry-content p a {
 text-decoration: underline;
}
.entry-content p a:hover {
 text-decoration: none;
}
.single .nothumb .entry-content {
  padding-top: 10px;
}

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

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

 -webkit-overflow-scrolling: touch;
}

.entry-content table caption {
 margin: 0 0 7px;
 color: #9fa6b4;
 font-size: .75em;
 letter-spacing: 1px;
}
.entry-content tr:not(:last-child) {
 border-bottom: 2px solid #e0e0e0;
}
.entry-content td {
 padding: 7px;
 border-right: 2px solid #e0e0e0;
 word-break: break-all;
}
.entry-content td:last-child,.entry-content th:last-child {
 border-right: 0;
}
.entry-content th {
 padding: 7px;
 border-right: 2px solid #e0e0e0;
 border-bottom: 2px solid #e0e0e0;
 background-color: #f8f9fa;
}

/*引用*/
.entry-content blockquote {
 box-sizing: border-box;
 position: relative;
 margin: 1.5em 0;
 padding: 13px 15px 13px 50px;
 border: solid 2px #464646;
 color: #464646;
}
.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";
}
.entry-content blockquote p {
 margin: 10px 0;
 padding: 0;
 line-height: 1.7;
}
.entry-content blockquote cite {
 display: block;
 color: #888;
 font-size: .9em;
 text-align: right;
}
.entry-content blockquote ul, .entry-content blockquote ol {
 border: none;
 padding: 5px 0 5px 22px;
 margin: 0;
 background: transparent;
}

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

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

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

/*ギャラリー*/
.gallery {
 margin: 1em 0;
}
.gallery-item {
 display: inline-block;
 margin: 10px 0;
 vertical-align: middle;
}
.gallery-item img {
 box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12);
 transition: .3s ease-in-out;
}
.gallery-item img:hover {
 box-shadow: 0 18px 22px -6px rgba(0, 0, 0, 0.3);
}
.gallery-icon {
 text-align: center;
}
.gallery-columns-1 .gallery-item {width: 100%;margin-right: 0;}
.gallery-columns-2 .gallery-item {width: 49%;margin-right: 1%;}
.gallery-columns-3 .gallery-item {width: 32%;margin-right: 1%;}
.gallery-columns-4 .gallery-item {width: 24%;margin-right: 1%;}
.gallery-columns-5 .gallery-item {width: 19%;margin-right: 1%;}
.gallery-columns-6 .gallery-item {width: 15%;margin-right: 1.5%;}

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

/*コード*/
.entry-content code,
.entry-content .haiiro {
 padding: .2em .3em;
 border-radius: 5px;
 background: #f3f6fc;
 font-size: .9em;
}
.entry-content pre {
 margin: 0 0 1.5em;
 padding: 1em;
 border: solid 1px #eaedf2;
 background: #f3f6fc;
 color: #54687c;
}
.entry-content pre code {
 padding: 0;
 background: transparent;
}

/*記事を分割した場合のページング*/
.page-links {
 margin: 2em 0 0;
 text-align: center;
}
.page-links a {
 display: inline-block;
}
.page-links span {
 display: inline-block;
 width: 40px;
 height: 40px;
 margin: 3px;
 border-radius: 50%;
 background: #ececec;
 font-size: 21px;
 text-align: center;
 line-height: 40px;
}
.page-links a span:hover {
 opacity: .8;
}

.prev.page-numbers,
.next.page-numbers {
 width: 15px;
 background: transparent;
}
.prev.page-numbers:hover,
.next.page-numbers:hover {
 background: transparent!important;
 opacity: .7;
}

/* end .entry-content */
/*
 * トップページ/アーカイブの記事一覧スタイル
 */
.cardtype,.sidelong {
 margin-bottom: 1em;
}
.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,.12), 0 2px 3px 0 rgba(0,0,0,.22);
 cursor: pointer;
 transition: .2s ease-in-out;
}
.cardtype__article:hover {
 box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
 transform: translateY(-4px);
}
.cardtype__link {
 display: block;
 color: #555;
 text-decoration: none;
 cursor: pointer;
}
.cardtype__link:hover {
 color: #555;
 text-decoration: none;
}
.cardtype__img {
 margin: 0;
 overflow: hidden;
 position: relative;
 height: 0;
 padding-bottom: 57.7%;
}
.cardtype__img img {
  border-radius: 2px 2px 0 0;
}
.cardtype__link {
 padding-bottom: 25px;
}
.cardtype h2 {
 margin: 8px 13px 0;
 font-size: 17px;
}
.cardtype time {
 display: block;
 margin: 13px 13px 8px;
 color: #b5b5b5;
 font-size: 13px;
 font-weight: bold;
}
.cardtype time:before {
 content: '\f017';
 font-family: FontAwesome;
 padding-right: 4px;
 font-weight: normal;
}
.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;
}
.cat-name:hover {
 text-decoration: none;
 background: silver;
}
.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);
 }
}
.home_bottom {
 margin: 1em 0;
}
.home_top {
 margin: 0 0 1em;
}
#content.page-forfront {
 margin-top: 0;
 padding: 15px;
 background: #fff;
}
#content.page-forfront .entry-content {
 padding: 0!important;
}

/*記事一覧を横長スタイルにした場合*/
.sidelong__article {
 position: relative;
 width: 100%;
 margin: 0 0 1em;
 overflow: hidden;
 background: #fff;
 cursor: pointer;
 transition: .3s ease-in-out;
}
.sidelong__article:hover {
 box-shadow: 0 10px 20px -5px rgba(0,0,0,.2);
}
.sidelong__link {
 display: table;
 width: 100%;
 padding: 7px;
 color: #555;
 text-decoration: none;
 cursor: pointer;
}
.sidelong__link:hover{
 text-decoration: none}
.sidelong__img,
.sidelong__article-info {
 display: table-cell;
 vertical-align: middle;
}
.sidelong__img {
 width: 90px;
 height: 90px;
}
.sidelong__img img {
 width: 100%;}
.sidelong__article-info {
 width: calc(100% - 90px);
 padding-left: 10px;
}
.sidelong time {
 display: block;
 color: #b5b5b5;
 font-size: 13px;
 font-weight: bold;
 margin: 0;
}
.sidelong h2 {
 display: -webkit-box;
 overflow: hidden;
 height: 4.2em;
 margin: 0;
 font-size: 15px;
 line-height: 1.4;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}
.sidelong .newmark {
 top: 4px;
 right: auto;
 left: 4px;
}

.cardtype__article, .sidelong__article {
   animation: fadeIn 1.1s ease 0s 1 normal;
}
.cardtype__article:first-child,
.cardtype__article:nth-child(2),
.sidelong__article:first-child,
.sidelong__article:nth-child(2) {
   animation: fadeIn .7s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {
  opacity: 0;
  transform: translateY(30px);
 }
 100% {
  opacity: 1;
 }
}
/*
 * homeタブ機能
 */
 .post-tab {
   width: 100%;
   margin-bottom: .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: .85em;
   font-weight: bold;
   line-height: 1.4;
 }
 .post-tab > div {
   float: left;
   width: 50%;
   padding:.8em .2em;
   cursor:pointer;
   vertical-align: middle;
 }
 .post-tab .tab3, .post-tab .tab4 {
   border-top: solid 1px #eaeaea;
 }
  .post-tab .tab1,  .post-tab .tab3 {
   border-right: solid 1px #eaeaea;
 }
 /* .post-tab > div:not(:last-of-type) {
     border-right: 1px #eaeaea solid;
  } */
 .post-tab > div.tab-active {
   color: #FFF;
   background: #58a9ef;
 }
 .post-tab__content {display:none;padding:20px 0;}
 .post-tab__content.tab-active {display:block;}
 .post-tab__more {
   margin-bottom: 1.5em;
 }
/*
 * 記事一覧のページネイション
 */
.pagination,
.wp-prev-next {
 margin: 1.5em 0;
}
.pagination {
 text-align: left;
}
.pagination ul {
 display: block;
 clear: both;
 padding: 1.5em 0 0;
 border-radius: 3px;
 text-align: center;
}
.pagination li {
 display: inline-block;
 overflow: hidden;
 margin: 3.5px;
 padding: 0;
 text-align: center;
}
.pagination a,
.pagination span {
 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;
}
.pagination .current {
 color: #fff;
 cursor: default;
}
.page-numbers.dots {
 width: auto;
 padding: 0;
 background: transparent;
}
.wp-prev-next .prev-link {
 float: left;
}
.wp-prev-next .next-link {
 float: right;
}

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

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

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

.widget ul {
 margin: 0;
}
.widget h4 + * {
 margin-top: 0;
 margin-bottom: 0;
 padding: 8px 10px;
}
.widget .textwidget {
 padding: 10px;
}
.textwidget p {
 margin: 0.5em 0;
}
.widget .custom-html-widget {
 padding: 0;
}
.widget ul li {
 margin: 0;
 font-weight: bold;
}
.widget ul li ul {
 margin: 0;
}
.widget ul li ul li a {
 padding: 5px 7px 5px 13px;
 font-size: 15px;
 font-weight: normal;
}
.widget ul li ul li a:before {
 padding-right: 5px;
 color: silver;
 font-family: FontAwesome;
 content: "\f105";
}
.widget ul li a {
 display: block;
 padding: 7px;
 color: #626262;
 text-decoration: none;
}
.widget ul li a:hover {
 background: #efefef;
}
.widget.popular-posts ul li a:hover {
 background: transparent;
}
.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;
}

/*サイドバー固定*/
#fixed_sidebar {
 display: none;
 margin-top: 25px;
}
#fixed_sidebar .widget {
 margin-bottom: 1em;
}
.sidefixed {
 position: fixed;
 top: 0;
}
.sideidled{
 position: fixed;
}
/*検索窓*/
.widget_search {
 background: transparent;
}
#searchform div {
 position: relative;
 max-width: 400px;
}
input#s {
 padding-right: 48px;
 border-bottom: solid 1px #efefef;
 background: #fff;
 outline: none;
 box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);
 transition: .3s ease-in-out;
 -webkit-appearance: none;
}
input#s:focus {
 box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
#searchsubmit {
 position: absolute;
 top: 0;
 right: 0;
 width: 45px;
 height: 45px;
 padding: 0;
 border: none;
 border-bottom: solid 1px rgba(0,0,0,.1);
 border-radius: 0 3px 3px 0;
 color: #fff;
 font-size: 20px;
 text-align: center;
 vertical-align: middle;
 line-height: 40px;
}
#searchsubmit .fa {
 transition: .4s ease-in-out;
}
input#s:focus + #searchsubmit .fa {
 font-size: 24px;
}

/*タグクラウド*/
.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;
}
.tagcloud a:hover {
 box-shadow: 0 2px 5px rgba(0,0,0,.2);
 text-decoration: none;
}
/*カレンダー*/
#wp-calendar {
 width: 250px;
 margin: 10px auto 0;
 text-align: center;
}
.widget_media_image {
 background: transparent;
}
.widget_media_image img {
 padding: 10px 0;
}

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

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

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

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

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

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

/*関連記事（スライダー）*/
.related-posts > p {
 font-size: 1.3em;
 font-weight: bold;
 text-align: center;
}
.related-posts ul {
 overflow: auto;
 margin: 0;
 padding: 10px;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
}
.related-posts ul li {
 display: inline-block;
 width: 240px;
 margin: 10px;
 border-radius: 3px;
 vertical-align: middle;
 white-space: normal;
}
.related-posts ul li a {
 display: block;
 color: #333;
 text-decoration: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.related-posts ul li a:hover {
 color: black;
}
.rlmg img {
 box-shadow: 0 2px 4px rgba(0,0,0,.3);
 transition: .3s;
}
.related-posts ul li a:hover img {
 box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .25);
 transform: translateY(-4px);
}
.rep {
 padding: 10px 0 0;
 line-height: 1.5;
}
.rep p {
 display: -webkit-box;
 overflow: hidden;
 height: 4.5em;
 margin: 0;
 font-size: .95em;
 font-weight: bold;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}
.type_b {
  background: #eaedf2;
}
.related-posts.type_b ul {
  padding: 0 10px 25px;
}
.type_b ul li {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #FFF;
  overflow: hidden;
  transition: .3s;
}
.type_b .rlmg img {
  box-shadow: none;
  border-bottom: solid 1px #EFEFEF;
}
.related-posts.type_b li a .rep {
  padding: 10px;
}
.related-posts.type_b ul li:hover {
  box-shadow: 0 6px 13px rgba(0,0,0,0.25)
}
.related-posts.type_b ul li a:hover img {
  box-shadow: none;
  transform: none;
}
.type_c ul {
  padding: 0 13px;
  margin: 0 0 1.5em;
}
.type_c ul li {
  display: block;
  margin: 0;
  padding: 14px 0;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
}
.type_c ul li:last-child {
  border-bottom: none;
}
.type_c ul li a {
  display: table;
}
.type_c .rlmg, .type_c .rep{
  display: table-cell;
  vertical-align: middle;
}
.type_c .rlmg {
  width: 40%;
  padding-right: 10px;
}
.type_c .rlmg img {
  width: 100%;
}
.type_c .rep {
  width: 60%;
  padding: 0;
}
.no_slide ul {
  padding: 15px;
  white-space: normal;
}
.no_slide ul li {
  margin: 0 4% 20px 0;
  width: 48%;
  vertical-align: top;
}
.no_slide ul li:nth-child(even) {
  margin-right: 0;
}
.no_slide .rep {
  padding-top: 5px;
}
.no_slide .rep p {
  font-size: 0.9em;
}
.no_slide.type_b li a .rep {
  padding: 8px 5px;
  font-size: 0.95em;
}

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

/*フォローボックス（Like Box）*/
.like_box {
 padding: 30px 15px;
}
.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, .24);
}
.like_img {
 overflow: hidden;
 position: relative;
 width: 110%;
 margin-left: -5%;
 border-radius: 0 0 50% 50%/0 0 25% 25%;
 transition: .3s ease-in-out;
}
.like_img img {
 width: 100%;
}
.like_img:after {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: black;
 opacity: .15;
 content: "";
}
.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;
}
.like_content {
 padding: 15px 20px;
 font-weight: bold;
}
.like_content p {
 padding-bottom: 10px;
 font-weight: bold;
}
.like_insta {
 display: inline-block;
 margin: 12px 0 0;
 padding: 5px 7px;
 color: #FFF;
 font-size: 12px;
 background: #4266b2;
 background: linear-gradient(45deg,#fad51f,#f95e5e 20%,#e83784 60%,#754ed5);
 line-height: 1;
 border-radius: 5px;
}
.like_insta:hover {
  text-decoration: none;
}

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

/*Follow Me*/
.follow_btn {
 margin-top: 15px;
}
.follow_btn a {
 display: inline-block;
 margin: 15px 10px 10px 0;
 color: #919191;
 text-align: center;
 font-size: 11px;
}
.follow_btn a:hover {
 text-decoration: none;
 transform: translateY(-4px);
}
.follow_btn a:before {
 display: block;
 width: 60px;
 height: 60px;
 margin: 0 auto;
 border-radius: 12px;
 color: #fff;
 font-family: FontAwesome;
 font-size: 37px;
 text-align: center;
 line-height: 60px;
}
.follow_btn .Twitter:before {
 background: #52bef6;
 content: "\f099";
}
.follow_btn .Facebook:before {
 background: #4966a0;
 content: "\f09a";
}
.follow_btn .Instagram:before {
 background: url("/wp-content/themes/sango-theme/library/images/insta.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 content: "\f16d";
}

.follow_btn .Feedly:before {
 background: #8adf7f;
 content: "\f09e";
}
.follow_btn .YouTube:before {
 background: #f0504f;
 content: "\f16a";
}
.follow_btn .Website:before {
 background: #fbc282;
 content: '\f0ac';
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*トップページ ヘッダーアイキャッチ*/
#header-image {
 min-height: 200px;
 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;
 }
}

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

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

/*
 * 404 not found
 */
.notfound {
 margin-bottom: 2em;
}
.nofound-title {
 position: relative;
 padding: 1em .5em;
 background: #fff;
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}
.nofound-title .fa-tint {
 color: #84c2ff;
 -webkit-animation: slideDown 1.0s ease 0s 1 normal;
   animation: slideDown 1.0s ease 0s 1 normal;
}
@keyframes slideDown {
 0% {
  opacity: 0;
  transform: translateY(-30px);
 }
 100% {
  opacity: 1;
 }
}
.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: "";
}
.nofound-img {
 position: relative;
}
.nofound-img h2 {
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 margin: 0;
 padding: 0;
 color: rgba(255,255,255,.8);
 font-size: 6em;
 text-align: center;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
.nofound-contents {
 padding: 1em;
 background: #fff;
}
.nofound-contents #searchform input#s {
 background: #f2f2f2;
}

/*
 * クラス名を追加するだけで使える装飾
 */
.center , .ct {
 text-align: center;
}
.withtag_list {
 margin: 1.5em 0;
}
.withtag_list > span {
 display: inline-block;
 padding: 2px 12px;
 border-radius: 5px 5px 0 0;
 color: #fff;
 font-weight: bold;
}

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

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

/*
 * その他
 */

.screen-reader-text {
 display: none;
}

#inner-content .ads-title {
 margin-bottom: .5em;
 color: #878787;
 font-size: .95em;
 text-align: center;
}

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

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

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

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


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

/*FAB*/
.share-abst {
  max-width: 294px;
  height: 180px;
}

/*
 * 記事フッター481px~
 */
.normal-sns .sns-btn__item {
  width: 15%;
  margin: 0;
}
.normal-sns.sns-dif ul {
  max-width: 100%;
}
.normal-sns.sns-dif ul li {
  width: auto;
}
.normal-sns.sns-dif ul li a {
  width: 55px;
  height: 55px;
  margin: 7px;
}
.normal-sns.sns-dif ul li .fa {
  font-size: 27px;
  line-height: 55px;
}
.normal-sns.sns-dif .line .share_txt {
  bottom: 4px;
}
/*おすすめ・関連記事*/
.recommended a {
  width: 80%;
  margin: 5% 10%;
  font-size: 1.05em;
}
.no_slide ul {
  padding: 30px;
}
.no_slide .rep p {
  font-size: 1em;
}
.no_slide.type_b ul {
  padding: 0 30px 15px;
}
.no_slide.type_b li a .rep {
  padding: 10px;
  font-size: 1em;
}
.type_c ul {
  padding: 0px 25px;
}
.type_c ul li {
  padding: 18px 0;
}

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

/*
 * Others
 */
#inner-footer {
  width: 82%;
}
.nofound-contents {
  padding: 2em;
}
.totop {
  right: 18px;
  bottom: 20px;
}
/*消しちゃダメ*/
}
/*end min-width: 481px*/

/*========= 768px〜の場合 =========*/
@media only screen and (min-width: 768px) {

/*
 * レイアウト 768px~
 */
.wrap,
.single #inner-content,
.page #inner-content {
  width: 96%;
}
.single #content,
.page #content {
  margin-top: 2em;
}

/*
 * ヘッダー 768px~
 */
.home .header {
 animation: slideDown 1.5s ease 0s 1 normal;
}

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

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

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

/*
 * ナビ 768px~
 */

 /*PCではモバイルナビを非表示に*/
.mobile-nav {
  display: none;
}

.desktop-nav,
.desktop-nav ul,
.desktop-nav li,
.desktop-nav li a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.desktop-nav {
  float: right;
  font-weight: bold;
}
.desktop-nav li {
  position: relative;
}
.desktop-nav li a {
  height: 62px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 62px;
}
.desktop-nav li .fa {
  opacity: .7;
  padding-right: 2px;
}
.desktop-nav .current-menu-item a {
  opacity: 1;
}
.desktop-nav li a:hover {
  text-decoration: none;
}
.desktop-nav li:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  transition: transform .3s ease-in-out;
  transform: scale(0, 1);
  transform-origin: left top;
}
.desktop-nav li:hover:after {
  transform: scale(1, 1);
}
 /*中央寄せの場合*/
.header--center .desktop-nav {
  display: block;
  float: none;
  text-align: center;
}

.header--center .desktop-nav li a {
  height: auto;
  padding: 10px 15px 15px;
  font-size: 15px;
  line-height: 1.5;
 }

/*階層メニュー*/
.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: .3s ease-in-out;
}
.desktop-nav li:hover .sub-menu {
  display: block;
}
.desktop-nav .sub-menu li {
  display: block;
  border-bottom: solid 1px #7b7b7b;
}
.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);
}
.desktop-nav .sub-menu li a:hover {
  background: gray;/*ホバー時のメニューの背景色*/
}
.desktop-nav .sub-menu li:hover:after {
  content: none;
}

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

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

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

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

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

/*記事のコンテンツ*/
.entry-content {
  padding: 10px 25px 0;
}

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

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

/*
 * サイドバー 768px~
 */

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

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

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

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

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

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

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

 /*追尾サイドバーはこのサイズから表示*/
#fixed_sidebar {
  display: block;
}

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

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

/*========= 1030px〜の場合 =========*/
@media only screen and (min-width: 1030px) {

/*
 * レイアウト 1030px〜
 */
.wrap {
  width: 1000px;
}
.single .wrap,
.page .wrap,
.single #inner-content,
.page #inner-content {
  width: 92%;
}
/*
 * トップ,アーカイブ記事一覧 1030px〜
 */
.cardtype__article {
  width: 45%;
  margin: 0 4% 25px 0;
}
.cardtype__link {
  padding-bottom: 25px;
}
.cardtype h2 {
  margin: 8px 13px 0;
  font-size: 18px;
}
.cardtype time {
  margin: 13px 13px 8px;
}

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

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

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

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

.tb {
  display: table;
  width: 100%;
}
.tb-left,
.tb-right {
  display: table-cell;
  vertical-align: middle;
}
.author-info__inner .tb-left {
  width: 220px;
  border-right: 2px #eaedf2 dashed;
  text-align: center;
}
.author-info__inner .tb-right {
  width: calc(100% - 220px);
  padding: 20px;
}
.author_img {
  display: inline-block;
}
.author-info__inner .tb-left .aut {
  display: block;
  width: 100%;
  padding: 15px 0;
}
.author_label span {
  z-index: 2;
  margin-bottom: 20px;
  font-size: 14px;
}
.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);
}
.follow_btn {
  margin: 0 8px 5px 0;
}
.follow_btn a:before {
  width: 50px;
  height: 50px;
  font-size: 33px;
  line-height: 50px;
}

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

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

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

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

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

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

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

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

@media only screen and (min-width: 1240px) {
.single .wrap,
.page .wrap,
.archive .wrap,
.single #inner-content,
.page #inner-content {
  width: 1180px;
}
#inner-footer {
  width: 1180px;
}

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

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

.tl li:last-of-type:before {
   content: none;
 }
.tl_label {
  padding-top: 2px;
  color: #90969a;
  font-size: .8em;
  font-weight: bold;
}
.tl_title {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5;
}
.tl_content {
  font-size: .9em;
  line-height: 1.5;
  margin-top: .5em;
  padding:  0 0 1.5em;
  border-bottom: dashed 1px #ccd5db;
}
.entry-content .tl_content > * {
  margin: .7em 0 0;
}
.entry-content .tl_content .sng-box {
  margin-top: 1em;
}
.entry-content .tl_content .box28,.entry-content .tl_content .box30,.entry-content .tl_content .box31,.entry-content .tl_content .box32,.entry-content .tl_content .box33 {
  margin-top: 2.3em;
}

/*見出し*/
#inner-content .hh {
 margin: 2.5em 0 1em;
 padding: 0;
 border: 0;
 background: transparent;
 box-shadow: none;
 font-weight: bold;
}
#inner-content p.hh {
 font-size: 1.1em;
}
#inner-content .hh:before,
#inner-content .hh:after {
 top: auto;
 right: auto;
 bottom: auto;
 left: auto;
 border: 0;
 background: transparent;
 box-shadow: none;
 content: none;
}
#inner-content .hh1 {
 padding: 0.5em 0;
 border-bottom: solid 3px black;
}
#inner-content .hh2 {
 border-bottom-width: 2px;
 border-bottom-style: dashed;
}
#inner-content .hh3 {
 border-bottom-width: 5px;
 border-bottom-style: double;
}
#inner-content .hh4 {
 padding: .5em 0;
 border-width: 3px;
 border-top-style: solid;
 border-bottom-style: solid;
}
#inner-content .hh5 {
 padding: .5em;
}
#inner-content .hh6 {
 padding: .5em;
 border-width: 3px;
 border-style: solid;
 border-radius: .5em;
}
#inner-content .hh7 {
 padding: .5em;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 color: #010101;
}
#inner-content .hh8 {
 padding: .5em;
 border-left: solid 5px #ffaf58;
 background: #fffaf4;
 color: #494949;
}
#inner-content .hh9 {
 padding: .5em;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .23);
}
#inner-content .hh10 {
 display: inline-block;
 padding: .5em;
 border-radius: 25px 0 0 25px;
 color: #505050;
 vertical-align: middle;
 line-height: 1.3;
}
#inner-content .hh10:before {
 display: inline-block;
 margin-right: 8px;
 color: white;
 content: "●";
}
#inner-content .hh11 {
 position: relative;
 padding: .6em;
 background: #c8e4ff;
}
#inner-content .hh11:after {
 position: absolute;
 top: 100%;
 left: 30px;
 width: 0;
 height: 0;
 border: 15px solid transparent;
 border-top: 15px solid #c8e4ff;
 content: "";
}
#inner-content .hh12 {
 margin-right: 5px;
 margin-left: 5px;
 padding: .2em .5em;
 border: dashed 1px #96c2fe;
 background: #c8e4ff;
 box-shadow: 0 0 0 5px #c8e4ff;
 color: #454545;
}
#inner-content .hh13 {
 margin-right: 5px;
 margin-left: 5px;
 padding: .2em .5em;
 border: dashed 1px #fff;
 background: #c8e4ff;
 box-shadow: 0 0 0 5px #c8e4ff;
 color: #454545;
}
#inner-content .hh14 {
 position: relative;
 margin-right: 5px;
 margin-left: 5px;
 padding: .2em .5em;
 border: dashed 2px white;
 background: #c8e4ff;
 box-shadow: 0 0 0 5px #c8e4ff;
 color: #454545;
}
#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, .15);
 content: "";
}
#inner-content .hh15 {
 position: relative;
 padding: .5em;
 background: #7fbae9;
 color: white;
}
#inner-content .hh15:before {
 position: absolute;
 top: 100%;
 left: 0;
 border: none;
 border-right: solid 20px #74a4cb;
 border-bottom: solid 15px transparent;
 content: "";
}
#inner-content .hh16 {
 position: relative;
 padding: .5em;
 background: #a6d3c8;
 color: white;
}
#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: "";
}
#inner-content .hh17 {
 position: relative;
 border-bottom: solid 3px #cbcbcb;
}
#inner-content .hh17:after {
 display: block;
 position: absolute;
 bottom: -3px;
 width: 30%;
 border-bottom: solid 3px #6bb6ff;
 content: " ";
}
#inner-content .hh18 {
 position: relative;
 border-bottom: solid 3px #c8e4ff;
}
#inner-content .hh18:after {
 display: block;
 position: absolute;
 bottom: -3px;
 width: 30%;
 border-bottom: solid 3px #6bb6ff;
 content: " ";
}
#inner-content .hh19 {
 position: relative;
 padding-left: 25px;
}
#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: "";
}
#inner-content .hh19:after {
 position: absolute;
 bottom: -3px;
 left: 10px;
 width: 100%;
 border-bottom: solid 3px rgb(119, 195, 223);
 content: "";
}
#inner-content .hh20 {
 padding: .5em;
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 text-shadow: 0 0 5px white;
}
#inner-content .hh21 {
 padding: .5em;
 border-left: solid 7px #6bb6ff;
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 text-shadow: 0 0 5px white;
}
#inner-content .hh22 {
 padding: .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;
}
#inner-content .hh23 {
 position: relative;
 padding: .3em 0;
}
#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: "";
}
#inner-content .hh24 {
 display: inline-block;
 position: relative;
 padding: 0 55px;
}
#inner-content .hh24:before,
#inner-content .hh24:after {
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 45px;
 height: 1px;
 background-color: black;
 content: "";
}
#inner-content .hh24:before {
 left: 0;
}
#inner-content .hh24:after {
 right: 0;
}
#inner-content .hh25 {
 position: relative;
 padding: .4em 1em;
 border-top: solid 2px black;
 border-bottom: solid 2px black;
 text-align: center;
}
#inner-content .hh25:before,
#inner-content .hh25:after {
 position: absolute;
 top: -7px;
 width: 2px;
 height: -webkit-calc(100% + 14px);
 height:   calc(100% + 14px);
 background-color: black;
 content: "";
}
#inner-content .hh25:before {
 left: 7px;
}
#inner-content .hh25:after {
 right: 7px;
}
#inner-content .hh26 {
 display: inline-block;
 position: relative;
 top: 0;
 padding: .25em 1em;
 line-height: 1.4;
}
#inner-content .hh26:before,
#inner-content .hh26:after {
 display: inline-block;
 position: absolute;
 top: 0;
 width: 8px;
 height: 100%;
 content: "";
}
#inner-content .hh26:before {
 left: 0;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
 border-left: solid 1px black;
}
#inner-content .hh26:after {
 right: 0;
 border-top: solid 1px black;
 border-right: solid 1px black;
 border-bottom: solid 1px black;
 content: "";
}
#inner-content .hh27:first-letter {
 font-size: 2em;
}
#inner-content .hh28 {
 position: relative;
 padding: .25em 0;
}
#inner-content .hh28:after {
 display: block;
 height: 4px;
 background: linear-gradient(to right, #6bb6ff, rgba(255,255,255,0));
 content: "";
}
#inner-content .hh29 {
 position: relative;
 padding: .35em .5em;
 background: linear-gradient(to right, rgb(255, 186, 115), rgba(255,255,255,0));
 color: #545454;
}
#inner-content .hh30 {
 position: relative;
 padding-left: 1.2em;
 line-height: 1.4;
}
#inner-content .hh30:before {
 position: absolute;
 top: 0;
 left: 0;
 color: #5ab9ff;
 font-family: FontAwesome;
 font-size: 1em;
 content: "\f00c";
}
#inner-content .hh31 {
 position: relative;
 padding: .5em .5em .5em 1.5em;
 border-top: dotted 1px gray;
 border-bottom: dotted 1px gray;
 background: #fffff4;
 color: #ff6a6a;
 line-height: 1.4;
}
#inner-content .hh31:before {
 position: absolute;
 top: .5em;
 left: .25em;
 color: #ff6a6a;
 font-family: FontAwesome;
 font-size: 1em;
 content: "\f138";
}
#inner-content .hh32 {
 position: relative;
 padding: .5em .5em .5em 1.8em;
 background: #81d0cb;
 color: white;
 line-height: 1.4;
}
#inner-content .hh32:before {
 position: absolute;
 left: .5em;
 font-family: FontAwesome;
 content: "\f14a";
}
#inner-content .hh33 {
 padding: .5em;
 border-radius: .5em;
 background: #b0dcfa;
 color: white;
}
#inner-content .hh34 {
 position: relative;
 padding-left: 1.2em;
 color: #7b6459;
}
#inner-content .hh34:before {
 position: absolute;
 top: 0;
 left: 0;
 color: #ff938b;
 font-family: FontAwesome;
 font-size: 1em;
 content: "\f1b0";
}
#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;/*リボンの高さ*/
}
#inner-content .hh35:before,
#inner-content .hh35:after {
 position: absolute;
 z-index: 1;
 width: 0;
 height: 0;
 content: "";
}
#inner-content .hh35:before {
 top: 0;
 left: 0;
 border-width: 25px 0 25px 15px;
 border-style: solid;
 border-color: transparent transparent transparent #fff;
}
#inner-content .hh35:after {
 top: 0;
 right: 0;
 border-width: 25px 15px 25px 0;
 border-style: solid;
 border-color: transparent #fff transparent transparent;
}
#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;
}
#inner-content .hh36:after {
 position: absolute;
 z-index: 1;
 width: 0;
 height: 0;
 content: "";
}
#inner-content .hh36:after {
 top: 0;
 right: 0;
 border-width: 30px 15px 30px 0;
 border-style: solid;
 border-color: transparent #fff transparent transparent;
}
#inner-content .hh.hhq ,#inner-content .hh.hha{
  position: relative;
  margin: 0;
  padding: 0 0 0 55px;
  font-size: 18px;
}
#inner-content .hh.hhq + * ,#inner-content .hh.hha + * {
  margin-top: 1.5em;
}
#inner-content .hh.hhq:before,#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%;
}
#inner-content .hh.hhq + .hh.hha {
  margin-top: 2em;
  font-size: 17px;
}
#inner-content .hh.hha:before {
  content: 'A';
  background: #ff8d8d;
}
#inner-content .btn {
  margin: .5em .5em .5em 0;
  text-decoration: none;
}
#inner-content a.btn:hover {
 text-decoration: none;
}
#inner-content .blue-bc {
 background: #4f9df4;
}
#inner-content .red-bc {
 background: #f88080;
}
#inner-content .green-bc {
 background: #90d581;
}
.btntext {
 display: inline-block;
 padding: 3px 15px;
}
.btntext:hover {
 background: #efefef;
}
.flat1 {
 display: inline-block;
 padding: .25em .5em;
 background: #ececec;
 color: #00bcd4;
 font-weight: bold;
}
.flat1:hover {
 background: #00bcd4;
 color: white;
}
.flat2 {
 display: inline-block;
 padding: .3em 1em;
 border: solid 2px #67c5ff;
 border-radius: 3px;
 color: #67c5ff;
}
.flat2:hover {
 background: #67c5ff;
 color: white;
}
.flat3 {
 display: inline-block;
 padding: .4em 1em;
 border: double 4px #67c5ff;
 border-radius: 3px;
 color: #67c5ff;
}
.flat3:hover {
 background: #fffbef;
}
.flat4,
.flat5 {
 display: inline-block;
 padding: .5em 1em;
 border: dashed 2px #67c5ff;
 border-radius: 3px;
 color: #67c5ff;
}
.flat4:hover {
 border-style: dotted;
 color: #679efd;
}
.flat5:hover {
 background: #cbedff;
 color: #fff;
}
.flat6 {
 display: inline-block;
 position: relative;
 padding: .5em 1em;
 border-right: solid 4px #668ad8;
 border-left: solid 4px #668ad8;
 background: #e1f3ff;
 color: #668ad8;
 font-weight: bold;
}
.flat6:hover {
 background: #668ad8;
 color: #fff;
}
.flat7 {
 display: inline-block;
 position: relative;
 padding: .25em 0;
 color: #67c5ff;
 font-weight: bold;
}
.flat7:before {
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 4px;
 border-radius: 3px;
 background: #67c5ff;
 content: "";
}
.flat7:hover:before {
 top: -webkit-calc(100% - 3px);
 top:   calc(100% - 3px);
}
.flat8 {
 display: inline-block;
 position: relative;
 padding: .25em .5em;
 border-radius: 0 15px 15px 0;
 background: #ececec;
 color: #00bcd4;
 font-weight: bold;
}
.flat8:hover {
 background: #636363;
}
.flat9 {
 display: inline-block;
 position: relative;
 padding: .25em .5em;
 background: #00bcd4;
 color: #fff;
 font-weight: bold;
}
.flat9:hover {
 background: #29a299;
}
.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;
}
.flat10:hover {
 background: #ffc25c;
 color: #fff;
}
.flat11 {
 display: inline-block;
 position: relative;
 padding: .5em 1em;
 padding: .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;
}
.flat11:hover {
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 5px,#e9f4ff 5px, #e9f4ff 9px);
}
.grad1 {
 display: inline-block;
 padding: .5em 1em;
 border-radius: 3px;
 background: linear-gradient(45deg, #709dff 0%, #92e6ff 100%);
 color: #fff;
}
.grad1:hover {
 background: linear-gradient(90deg, #709dff 0%, #92e6ff 100%);
}
.grad2 {
 display: inline-block;
 padding: .5em 1em;
 border-radius: 3px;
 background: linear-gradient(95deg, #ff7070 0%, #fdd973 100%);
 color: #fff;
}
.grad2:hover {
 background: linear-gradient(140deg, #ff7070 0%, #fdd973 100%);
}
.grad3 {
 display: inline-block;
 padding: 7px 20px;
 border-radius: 25px;
 background: linear-gradient(45deg, #ffc107 0%, #ff8b5f 100%);
 color: #fff;
}
.grad3:hover {
 background: linear-gradient(45deg, #ffc107 0%, #f76a35 100%);
}
.grad4 {
 display: inline-block;
 padding: .5em 1em;
 background: linear-gradient(#6795fd 0%, #67ceff 100%);
 color: #fff;
}
.grad4:hover {
 background: linear-gradient(#6795fd 0%, #67ceff 70%);
}
.cubic1 {
 display: inline-block;
 padding: .5em 1em;
 border-bottom: solid 4px rgba(0, 0, 0, .27);
 border-radius: 3px;
 color: #fff;
}
.cubic1:active {
 border-bottom: none;
 box-shadow: 0 0 1px rgba(0, 0, 0, .2);/*影を小さく*/
 -webkit-transform: translateY(4px);
   -ms-transform: translateY(4px);
     transform: translateY(4px);/*下に動く*/
}
#inner-content .emboss {
 text-shadow: 1.5px 1.5px 1.5px rgba(255, 255, 255, .5);
 color: rgba(0, 0, 0, .4);
 font-weight: bold;
}
.text3d {
 text-shadow: -.9px -.5px rgba(255, 255, 255, .6), 1px 1.2px rgba(0, 0, 0, .35);
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 1px;
}
.text3d.blue-bc {
 color: #4f9df4;
}
.text3d.red-bc {
 color: #f88080;
}
.text3d.green-bc {
 color: #90d581;
}
.cubic2 {
 display: inline-block;
 position: relative;
 padding: 6px 15px 4px;
 border-bottom: solid 2px rgba(0, 0, 0, .2);
 border-radius: 4px;/*角の丸み*/
 box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0, 0, 0, .19);
 color: #fff;
 font-weight: bold;
}
.cubic2:active {
 border-bottom: solid 2px rgba(0, 0, 0, .05);
 box-shadow: 0 0 2px rgba(0, 0, 0, .30);
}
.cubic3 {
 display: inline-block;
 position: relative;
 padding: .25em .5em;
 border: solid 1px rgba(0, 0, 0, .19);
 border-radius: 4px;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
 text-shadow: 0 1px 0 rgba(0,0,0,.2);
 color: #fff;
}
.cubic3:active {
 border: solid 1px rgba(0, 0, 0, .05);
 box-shadow: none;
 text-shadow: none;
}
/** ボックス **/
.sng-box p {
 margin: 0;
 padding: 0;
}
.sng-box .say {margin-bottom: 0}
.sng-box .faceicon {padding-right: 20px;}
.box1 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: solid 2px #000;
 font-weight: bold;
}
.box2 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: solid 2px #d1d1d1;
 border-radius: 5px;
 background: #fff;
}
.box3 {
 margin: 2em 0;
 padding: 1.5em 1em;
 background: #edf6ff;
 color: #2c2c2f;
}
.box4 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: solid 3px #6bb6ff;
 border-bottom: solid 3px #6bb6ff;
 background: #eef7ff;
 color: #2c2c2f;
}
.box5 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: double 5px #4ec4d3;
 color: #474747;
}
.box6 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: dashed 2px #6bb6ff;
 background: #edf6ff;
}
.box7 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-right: double 7px #4ec4d3;
 border-left: double 7px #4ec4d3;
 background: whitesmoke;
 color: #474747;
}
.box8 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-left: solid 6px #ffc06e;
 background: #fff8e8;
 color: #232323;
}
.box9 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: solid 6px #f47d7d;
 background: #fceded;
 color: #f47d7d;
 font-weight: bold;
}
.box10 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: solid 6px #1dc1d6;
 background: #e4fcff;
 box-shadow: 0 2px 3px rgba(0, 0, 0, .22);
 color: #00bcd4;
}
.box11 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: solid 5px #5d627b;
 background: white;
 box-shadow: 0 2px 3px rgba(0, 0, 0, .22);
 color: #5d627b;
}
.box12 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-bottom: solid 6px #aac5de;
 border-radius: 9px;
 background: #c6e4ff;
 color: #5989cf;
 font-weight: bold;
}
.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, .22);
 color: #fff;
 font-weight: bold;
}
.box14 {
 margin: 2em 10px;
 padding: 1.5em 1em;
 border: dashed 2px white;
 background: #d6ebff;
 box-shadow: 0 0 0 10px #d6ebff;
}
.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;
}
.box16 {
 margin: 2em 0;
 padding: 1.5em 1em;
 background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}
.box17 {
 position: relative;
 margin: 2em 0;
 padding: 1em 2em;
 border-top: solid 2px black;
 border-bottom: solid 2px black;
}
.box17:before,
.box17:after {
 position: absolute;
 top: -10px;
 width: 2px;
 height: -webkit-calc(100% + 20px);
 height:   calc(100% + 20px);
 background-color: black;
 content: "";
}
.box17:before {
 left: 10px;
}
.box17:after {
 right: 10px;
}
.box18 {
 position: relative;
 margin: 2em 0;
 padding: 1.5em 1em;
 border: solid 2px #ffcb8a;
 border-radius: 3px 0 3px 0;
}
.box18:before,
.box18:after {
 position: absolute;
 width: 10px;
 height: 10px;
 border: solid 2px #ffcb8a;
 border-radius: 50%;
 content: "";
}
.box18:after {
 top: -12px;
 left: -12px;
}
.box18:before {
 right: -12px;
 bottom: -12px;
}
.box19 {
 position: relative;
 padding: 1.5em 1em;
}
.box19:before,
.box19:after {
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 30px;
 content: "";
}
.box19:before {
 top: 0;
 left: 0;
 border-top: solid 1px #5767bf;
 border-left: solid 1px #5767bf;
}
.box19:after {
 right: 0;
 bottom: 0;
 border-right: solid 1px #5767bf;
 border-bottom: solid 1px #5767bf;
}
.box20 {
 position: relative;
 top: 0;
 margin: 2em 0;
 padding: 1.5em 1em;
 background: #efefef;
}
.box20:before,
.box20:after {
 display: inline-block;
 box-sizing: border-box;
 position: absolute;
 top: 0;
 width: 15px;
 height: 100%;
 content: "";
}
.box20:before {
 left: 0;
 border-top: dotted 2px #15adc1;
 border-bottom: dotted 2px #15adc1;
 border-left: dotted 2px #15adc1;
}
.box20:after {
 right: 0;
 border-top: dotted 2px #15adc1;
 border-right: dotted 2px #15adc1;
 border-bottom: dotted 2px #15adc1;
}
.box21 {
 margin: 2em 0;
 padding: 1.3em;
 background: linear-gradient(to left, #92d2f8, #c4baff);
 box-shadow: 0 5px 15px rgba(0, 0, 0, .13);
 color: #fff;
 font-weight: bold;
}
.box22 {
 margin: 1em 0;
 padding: 1.5em 1em;
 border-left: solid 6px #6bb6ff;
 background: #f6f6f6;
 box-shadow: 0 2px 3px rgba(0, 0, 0, .33);
}
.box23 {
 position: relative;
 max-width: 400px;
 margin: 2em 0 2em 40px;
 padding: 20px;
 border-radius: 30px;
 background: #fff0c6;
}
.box23:before {
 position: absolute;
 bottom: 0;
 left: -40px;
 color: #fff0c6;
 font-family: FontAwesome;
 font-size: 15px;
 content: "\f111";
}
.box23:after {
 position: absolute;
 bottom: 0;
 left: -23px;
 color: #fff0c6;
 font-family: FontAwesome;
 font-size: 23px;
 content: "\f111";
}
.box24 {
 position: relative;
 margin: 2em 0;
 padding: .8em 1em;
 background: #e6f4ff;
 color: #5c98d4;
 font-weight: bold;
}
.box24:after {
 position: absolute;
 top: 100%;
 left: 30px;
 width: 0;
 height: 0;
 border: 15px solid transparent;
 border-top: 15px solid #e6f4ff;
 content: "";
}
.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;
}
.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, .15);
 content: "";
}
.box-title {
 font-weight: bold;
}
.box26 {
 position: relative;
 margin: 2em 0;
 padding: 1.5em 1em;
 border: solid 3px #95ccff;
 border-radius: 8px;
}
.box26 .box-title {
 display: inline-block;
 position: absolute;
 top: -10px;
 left: 10px;
 padding: 0 9px;
 background: #fff;
 color: #95ccff;
 font-size: 19px;
 line-height: 1;
}
.box26 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f02e";
}
.box27 {
 position: relative;
 margin: 2em 0;
 padding: 1.5em 1em 1em;
 border: solid 3px #ed8583;
 border-radius: 8px;
}
.box27 .box-title {
 display: inline-block;
 position: absolute;
 top: -10px;
 left: 10px;
 padding: 0 9px;
 background: #fff;
 color: #ed8583;
 font-size: 19px;
 line-height: 1;
}
.box27 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f071";
}
.box28 {
 position: relative;
 margin: 3em 0 2em;
 padding: 1.5em 1em;
 border: solid 3px #62c1ce;
}
.box28 .box-title {
 display: inline-block;
 position: absolute;
 top: -30px;
 left: -3px;
 height: 28px;
 padding: 0 9px;
 border-radius: 5px 5px 0 0;
 background: #62c1ce;
 color: #fff;
 font-size: 17px;
 vertical-align: middle;
 line-height: 28px;
}
.box29 {
 position: relative;
 margin: 2em 0;
 padding: 30px 15px 15px;
 border: solid 2px #ffc107;
}
.box29 .box-title {
 display: inline-block;
 position: absolute;
 top: -2px;
 left: -2px;
 height: 25px;
 padding: 0 9px;
 background: #ffc107;
 color: #fff;
 font-size: 17px;
 vertical-align: middle;
 line-height: 25px;
}
.box29 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f0eb";
}
.box30 {
 margin: 2em 0;
 padding: 15px 15px 10px;
 background: #dcefff;
}
.box30 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f00c";
}
.box30 .box-title {
 margin: -15px -15px 15px;
 padding: 4px;
 background: #5fb3f5;
 color: #fff;
 font-size: 1.2em;
 text-align: center;
}
.box30 p,.box31 p {
 margin: 0 0 5px;
}
.box31,.box32,.box33 {
 margin: 2em 0;
 padding: 0 15px 10px;
 background: #edf6ff;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}
.box31 .box-title,
.box32 .box-title,
.box33 .box-title {
 margin: -15px -15px 15px;
 padding: 4px;
 background: #5fc2f5;
 color: #fff;
 font-size: 1.2em;
 text-align: center;
}
.box32,
.box33 {
 background: #fff9eb;
}
.box32 .box-title {
 background: #f5a15f;
}
.box33 .box-title {
 background: #f46b6b;
}
/** リストデザイン **/
.li-dashed ul,
.li-dashed ol {
 border-width: 2px;
 border-style: dashed;
}
.li-double ul,
.li-double ol {
 border-width: 5px;
 border-style: double;
}
.li-tandb ul,
.li-tandb ol {
 padding: 1em 0 1em 1.3em;
 border-width: 2px;
 border-color: #373737;
 border-right: 0;
 border-left: 0;
}
.li-beige ul,
.li-beige ol {
 border: 0;
 background: #fff9e7;
}
.nobdr ul,
.nobdr ol {
 border: 0;
}
.stitch-blue ul,
.stitch-blue ol,
.stitch-orange ul,
.stitch-orange ol,
.stitch-red ul,
.stitch-red ol {
 margin: 2em 10px;
 border: dashed 2px #668ad8;
 border-radius: 10px;
 background: #f1f8ff;
 box-shadow: 0 0 0 10px #f1f8ff;
}
.stitch-orange ul,
.stitch-orange ol {
 border-color: #ffa658;
 background: #fffbf1;
 box-shadow: 0 0 0 10px #fffbf1;
}
.stitch-red ul,
.stitch-red ol {
 border-color: #f67c7c;
 background: #fff3f3;
 box-shadow: 0 0 0 10px #fff3f3;
}
.li-chevron ul {
 position: relative;
 padding: 1em .5em 1em 2.5em;
 border: solid 2px skyblue;
 border-radius: 5px;
}

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

.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;
}

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

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

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

/*引用別スタイル*/
.entry-content .quote_silver {
 padding: 35px 1.5em;
 border: none;
 background: whitesmoke;
}
.entry-content .quote_silver:before {
 top: 10px;
 left: 15px;
 color: #dadada;
}
.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*/
.textimg {
 position: relative;
 margin: 0 0 1.5em;
}
.textimg img {
 width: 100%;
}
.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%);
}

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

/*記事内関連[kanren]*/
.table {
 display: table;
}
.tbcell {
 display: table-cell;
 vertical-align: middle;
}
.tbcell img {
 width: 100%;}
.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;
}
.linkto:hover {
 background: #eaedf2;
 text-decoration: none;
}
.linkto img {
 box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
 transition: .3s;
}
.linkto:hover img {
 box-shadow: 0 4px 8px rgba(0, 0, 0, .35);
}
.linkto .tbimg {
 width: 100px;
}
.linkto figure {width: 110px;padding-right: 10px;/*for old ver*/}
.linkto .tbtext {
 padding-left: 10px;
 line-height: 1.5;
 text-align: left;
}
.textwidget .linkto {
 border: none;
 margin: 0;
}
.textwidget .linkto:last-child {
 padding-bottom: 1em;
}
.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, .25);
 color: #555;
 font-weight: bold;
 text-decoration: none!important;
}
.c_linkto:hover {
 box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
 color: #888;
 text-decoration: none;
 transform: translateY(-2px);
}
.c_linkto .c_linkto_text {
 display: block;
 padding: 15px 13px;
 line-height: 1.6;
}
.longc_linkto {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
}
.longc_linkto img {
  padding: 10px 10px 0;
}
.longc_time {
  display: block;
  font-size: .8em;
  color: #b5b5b5;
}
/*他サイトへのリンクカード[sanko]*/
.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, .25);
 color: #555;
 font-weight: bold;
 text-decoration: none!important;
}
.reference:hover {
 box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .22);
 color: #888;
 text-decoration: none;
}
.reference .refttl {
 width: 70px;
 margin: 10px;
 border-right: solid 2px #dadada;
 text-align: center;
 line-height: 1.5;
}
.reference .refttl:before {
 display: block;
 color: #ffb36b;
 font-family: FontAwesome;
 font-size: 1.5em;
 content: "\f02e";
}
.reference .refcite {
 width: 200px;
 width: calc(100% - 70px);
 padding-left: 10px;
 font-size: .95em;
 line-height: 1.5;
}
.reference .refcite span {
 display: block;
 color: #ababab;
 font-size: .9em;
}

/*補足説明[memo]*/
.memo {
 margin-bottom: 1.5em;
 padding: 1em;
 background: #fff9e5;
 color: #545454;
}
.memo_ttl {
 margin-bottom: 5px;
 color: #ffb36b;
 font-size: 1.2em;
 font-weight: bold;
}
.memo_ttl:before {
 display: inline-block;
 width: 30px;
 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;
 line-height: 30px;
 content: "\f040";
}
.memo p {
 margin: 0 0 5px;
}

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

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


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

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

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

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

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



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


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

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

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

/** TOC **/
#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, .15);
}
#toc_container .toc_title {
 display: inline-block;
 position: relative;
 margin: 0 0 0 45px;
 padding: 5px 0 5px 10px;
 font-size: 23px;
 font-weight: bold;
}
#toc_container .toc_title:before {
 display: inline-block;
 position: absolute;
 top: 0;
 left: -45px;
 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";
}
.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;
}
#toc_container .toc_toggle a {
 color: #fff;
 text-decoration: none;
}
#toc_container ul {
 list-style-type: disc;
 padding: 0;
 border: none;
}
#toc_container .toc_list {
 margin-bottom: 0;
 margin-left: 18px;
 color: #585858;
}
#toc_container .toc_list li {
 font-weight: bold;
}
#toc_container .toc_list li a {
 color: #555;
}
#toc_container .toc_list li ul {
 margin: 5px;
 padding-left: 15px;
}
#toc_container .toc_list li ul li {
 margin: 0;
 font-size: .95em;
 font-weight: normal;
}
.toc_number {
 padding-right: 2px;
 font-family: Quicksand,sans-serif;
 font-size: 1.1em;
 font-weight: bold;
}
/* TOCここまで */

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

/*ボックス内の箇条書きの線を消す*/
.sc ul,.sc ol,.list-raw ul,.list-raw ol,.sng-box ul,.sng-box ol,.memo ul,.memo ol {
 margin: 5px 0;
 padding: 0 0 0 1.4em;
 border: none;
 box-shadow: none;
 background: transparent;
}
.amazonjs_info ul {
    border: none;
}
/*箇条書き内のアイコンの余白調整*/
blockquote .li-chevron li:before, blockquote .li-check li:before,blockquote .li-yubi li:before,blockquote .li-niku li:before,
.sng-box .li-chevron li:before, .sng-box .li-check li:before,.sng-box .li-yubi li:before,.sng-box .li-niku li:before,
.memo .li-chevron li:before, .memo .li-check li:before,.memo .li-yubi li:before,.memo .li-niku li:before,
.alert .li-chevron li:before, .alert .li-check li:before,.alert .li-yubi li:before,.alert .li-niku li:before,
.li-chevron li li:before, .li-check li li:before,.li-yubi li li:before,.li-niku li li:before {
 left:0;
}
blockquote .ol-circle ol ,.sng-box .ol-circle ol,.memo .ol-circle ol,.alert .ol-circle ol{
 padding-left: 0;
}

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


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

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

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

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

/* ===== customizer colors ===== */
a {color: #4f96f6;}
.main-c {color: #d6cd24;}
.main-bc {background-color: #d6cd24;}
.main-bdr,#inner-content .main-bdr {border-color:  #d6cd24;}
.pastel-bc , #inner-content .pastel-bc {background-color: #a7ceaf;}
.accent-c {color: #ffb36b;}
.accent-bc {background-color: #ffb36b;}
.header,#footer-menu,.drawer__title {background-color: #7cb57e;}
#logo a {color: #FFF;}
.desktop-nav li a , .mobile-nav li a, #footer-menu a ,.copyright, #drawer__open,.drawer__title {color: #FFF;}
.drawer__title .close span, .drawer__title .close span:before {background: #FFF;}
.desktop-nav li:after {background: #FFF;}
.mobile-nav .current-menu-item {border-bottom-color: #FFF;}
.widgettitle {color: #ffffff;background-color:#7cb57e;}
.footer {background-color: #d6d4ba;}
.footer, .footer a, .footer .widget ul li a {color: #3c3c3c;}
.body_bc {background-color: #f8f4e6;}#toc_container .toc_title, #footer_menu .raised, .pagination a, .pagination span, #reply-title:before , .entry-content blockquote:before ,.main-c-before li:before ,.main-c-b:before{color: #d6cd24;}
#searchsubmit, #toc_container .toc_title:before, .cat-name, .pre_tag > span, .pagination .current, #submit ,.withtag_list > span,.main-bc-before li:before {background-color: #d6cd24;}
#toc_container, h3 ,.li-mainbdr ul,.li-mainbdr ol {border-color: #d6cd24;}
.search-title .fa-search ,.acc-bc-before li:before {background: #ffb36b;}
.li-accentbdr ul, .li-accentbdr ol {border-color: #ffb36b;}
.pagination a:hover ,.li-pastelbc ul, .li-pastelbc ol {background: #a7ceaf;}
body {font-size: 100%;}
@media only screen and (min-width: 481px) {
body {font-size: 107%;}
}
@media only screen and (min-width: 1030px) {
body {font-size: 107%;}
}
.totop {background: #5ba9f7;}
.header-info a {color: #FFF; background: linear-gradient(95deg,#d6cd24,#d6cd24);}
.fixed-menu ul {background: #FFF;}
.fixed-menu a {color: #a2a7ab;}
.fixed-menu .current-menu-item a , .fixed-menu ul li a.active {color: #6bb6ff;}
.post-tab {background: #FFF;} .post-tab>div {color: #a7a7a7} .post-tab > div.tab-active{background: linear-gradient(45deg,#b7dda1,#44aa53)}

/* ===== custom-background ===== */
body.custom-background { background-color: #f8f4e6; }

/* ===== wp blocks (subset) ===== */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}





/*! This file is auto-generated */
.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}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}




:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

/* ===== pz-linkcard ===== */
.linkcard{margin-top:4px!important;margin-bottom:16px!important;padding-left:4px!important;padding-right:16px!important;}.linkcard a{text-decoration:none;}.linkcard img{margin:0!important;padding:0;border:none;}.linkcard span.external-icon{display:none;}.linkcard p{display:none;}.lkc-unlink{cursor:not-allowed;}.lkc-unlink,.lkc-unlink:hover{border-color:#dd3333!important;}.lkc-external-wrap{border:#888888 solid 2px;box-shadow:8px 8px 8px 0px #00336644;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#ddeeff;}.lkc-internal-wrap{border:#888888 solid 2px;box-shadow:8px 8px 8px 0px #66330044;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fffaf0;}.lkc-external-wrap,.lkc-internal-wrap{position:relative;margin:0;padding:0;max-width:500px;}.lkc-card{margin-top:8px;margin-bottom:8px;margin-left:8px;margin-right:8px;}.lkc-content{word-break:break-all;white-space:normal;overflow:hidden;height:108px;margin:6px 0 0 0;}.lkc-title{display:block;overflow:hidden;word-break:break-all;color:#111111;font-size:18px;line-height:23px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;font-style:normal;text-decoration:none;}.lkc-title:hover{text-decoration:underline;}.lkc-excerpt{padding:0;overflow:hidden;color:#444444;font-size:11px;line-height:18px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-excerpt:hover{text-decoration:none;}.lkc-url{display:block!important;margin:0;padding:0;border-radius:4px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4466ff;font-size:12px;line-height:17px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url:hover{text-decoration:underline;}.lkc-url:link{text-decoration:none;}.lkc-date{display:block!important;margin:0;padding:0 4px;border-radius:4px;text-decoration:none;overflow:hidden;color:#444444;font-size:11px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-date:hover{text-decoration:none;}.lkc-external-wrap .lkc-heading{position:absolute;top:-10px;left:20px;padding:0 10px;border:#888888 solid 2px!important;border-radius:4px;box-shadow:8px 8px 8px rgba(0,0,0,0.3);background-color:#ddeeff;}.lkc-internal-wrap .lkc-heading{position:absolute;top:-10px;left:20px;padding:0 10px;border:#888888 solid 2px!important;border-radius:4px;box-shadow:8px 8px 8px rgba(0,0,0,0.3);background-color:#fffaf0;}.lkc-heading{display:inline!important;color:#ffffff;font-size:12px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-heading:hover{text-decoration:none;}.lkc-external-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:none;}.lkc-internal-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:none;}.lkc-more{display:inline;position:absolute;padding:0 24px;color:#ffffff;font-size:12px;line-height:24px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-more:hover{text-decoration:none;}.lkc-info{display:flex!important;margin:0;padding:0;align-items:center;color:#222222;font-size:12px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added{display:inline!important;border-radius:4px;color:#ffffff;padding:4px;background-color:#365cd9;font-size:9px;line-height:10px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added:hover{text-decoration:none;}.lkc-info:hover{text-decoration:none;}.lkc-info *{margin:0 4px 0 0;white-space:nowrap;overflow:hidden;}.lkc-siteicon{display:inline-flex!important;vertical-align:middle!important;border:none;height:16px;width:16px;}img.lkc-siteicon{margin:-4px 0 0 0!important;object-fit:cover;height:100%;width:100%;}.lkc-domain{display:inline-flex!important;vertical-align:middle!important;text-decoration:none;color:#222222;font-size:12px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-share{text-shadow:none;white-space:nowrap;overflow:hidden;line-height:16px;}.lkc-share *{display:inline;margin:0!important;padding:0 1px!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-x{color:#ffffff!important;background-color:#333!important;}.lkc-sns-tw{color:#5ea9dd!important;background-color:#e0f8fa!important;}.lkc-sns-fb{color:#ffffff!important;background-color:#3864a3!important;}.lkc-sns-hb{color:#ff6464!important;background-color:#ffefef!important;}.lkc-sns-gp{color:#dd4e42!important;background-color:#ffffff!important;}.lkc-url-info{font-weight:normal;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4466ff;font-size:12px;line-height:17px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url-info:hover{text-decoration:underline;}.lkc-thumbnail{display:flex;float:left;width:102px;margin:0 8px 0 0;}.lkc-thumbnail-img{object-fit:cover;width:100px!important;height:108px!important;}.lkc-external-wrap .lkc-thumbnail-img{background-color:#ffffff;border:#888888 solid 1px!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}.lkc-internal-wrap .lkc-thumbnail-img{background-color:#ffffff;border:#888888 solid 1px!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}.lkc-error{display:block;scroll-margin-top:33vh;}.clear{clear:both;}blockquote.lkc-quote{background-color:transparent;background-image:none;padding:0;margin:0;border:none;}blockquote.lkc-quote::before{content:'';}blockquote.lkc-quote::after{content:'';}.lkc-iframe-wrap{max-width:500px;}.lkc-iframe{padding:0;margin:0;width:100%;}.lkc-external-wrap{transition:all 0.5s ease;}.lkc-external-wrap:hover{transform:translate(-4px,-4px) rotate(0deg) scale(1);background-color:#ddeeff88;box-shadow:12px 12px 8px 0px #00336644;transition:all 0.2s ease;}.lkc-external-wrap .lkc-heading{background-color:#003366;border-color:transparent!important;}.lkc-internal-wrap{transition:all 0.5s ease;}.lkc-internal-wrap:hover{transform:translate(-4px,-4px) rotate(0deg) scale(1);background-color:#fffaf088;box-shadow:12px 12px 8px 0px #66330044;transition:all 0.2s ease;}.lkc-internal-wrap .lkc-heading{background-color:#998888;border-color:transparent!important;}@media screen and (max-width:600px){.lkc-title{font-size:16px;line-height:20px;}.lkc-excerpt{font-size:10px;}.lkc-thumbnail{width:90px!important;}img.lkc-thumbnail-img{height:97px!important;width:90px!important;}}@media screen and (max-width:480px){.lkc-title{font-size:14px;line-height:18px;}.lkc-excerpt{font-size:8px;}.lkc-thumbnail{width:70px!important;}img.lkc-thumbnail-img{height:75px!important;width:70px!important;}}@media screen and (max-width:320px){.lkc-title{font-size:12px;line-height:16px;}.lkc-excerpt{font-size:6px;}.lkc-thumbnail{width:50px!important;}img.lkc-thumbnail-img{height:54px!important;width:50px!important;}}/*Pz-LkC2.6.3.1#1792602999*/

.linkcard[id^="pz-lkc-"]{scroll-margin-top:96px}.linkcard[id^="pz-lkc-"]:target{animation:pz-lkc-target-highlight 5s steps(1,end)}.lkc-error:target+.lkc-internal-wrap{animation:pz-lkc-error-highlight 5s steps(1,end)}body:has(.lkc-error:target) .lkc-error+.lkc-internal-wrap{animation:pz-lkc-error-highlight 5s steps(1,end)}@keyframes pz-lkc-target-highlight{0%,20%,40%,60%,80%{outline:4px solid rgba(0,140,255,.95);outline-offset:4px}10%,30%,50%,70%,90%,100%{outline:4px solid rgba(0,140,255,0);outline-offset:8px}}@keyframes pz-lkc-error-highlight{0%,20%,40%,60%,80%{outline:4px solid rgba(214,54,56,.9);outline-offset:4px}10%,30%,50%,70%,90%,100%{outline:4px solid rgba(214,54,56,0);outline-offset:8px}}

/* ===== tablepress ===== */
.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}

/* ===== wp-associate-post-r2 ===== */
/*
WP Associate Post スタンダード(skin-standard.css)
*/

/* 共通 
--------------------------- */

.wpap-tpl p {
	line-height: 1.4 !important;
}

.wpap-tpl img {
	border: none;
	text-decoration: none;
}

/* With 標準【デザイン共通】
--------------------------- */

.wpap-tpl-with-detail {
	display: block;
	margin: 1.5em 0;
	padding: 1em 1em 2em;
	font-size: 14px;
	line-height: 1.2;
	max-width: 600px;
	position: relative;
	background-color: #fff;
	color: #222 !important;
	text-decoration: none;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}

.wpap-tpl-with-detail .wpap-title a {
	color: #222;
	text-decoration: none;
}

.wpap-tpl-with-detail .wpap-title a:hover {
	text-decoration: underline;
}

.wpap-tpl-with-detail .wpap-image {
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}

.wpap-tpl-with-detail .wpap-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 120px;
}

.wpap-tpl-with-detail .wpap-title {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

.wpap-tpl-with-detail .wpap-creator {
	margin-top: 5px;
}

.wpap-tpl-with-detail .wpap-price {
	color: #b12704;
	font-size: 16px;
}

.wpap-tpl-with-detail .wpap-release {
	margin-top: 5px;
	font-size: 12px;
}

.wpap-tpl-with-detail .wpap-date {
	color: #555;
	font-size: 12px;
}

.wpap-tpl-with-detail .wpap-link {
	font-size: 14px;
	margin: 10px 0 5px;
	display: flex;
}

.wpap-tpl-with-detail .wpap-link a {
	display: inline-block;
	color: #fff !important;
	padding: 4px 8px;
	text-decoration: none !important;
	font-size: 13px;
}

@media screen and (max-width: 767px) {
	.wpap-tpl-with-detail .wpap-link {
		clear: both;
	}

	.wpap-tpl-with-detail .wpap-link a {
		width: 50%;
		text-align: center;
		display: flex;
		padding: 6px 6px;
	}

	.wpap-tpl-with-detail .wpap-link a span {
		margin: 0 auto;
	}
}

.wpap-tpl-with-detail .wpap-link a {
	margin-right: 3px;
}

.wpap-tpl-with-detail .wpap-link a:last-child {
	margin-right: 0px;
}

.wpap-tpl-with-detail .wpap-link a.wpap-link-amazon {
	background: #f89400;
}

.wpap-tpl-with-detail .wpap-link a.wpap-link-rakuten {
	background: #be0000;
}

.wpap-tpl-with-detail .wpap-link a.wpap-link-yahoo {
	background: #D14615;
}

.wpap-tpl-with-detail .wpap-note {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 11px;
	color: #555;
}

/* With 画像・テキスト（横）
--------------------------- */

.wpap-tpl-with-image-text-h {
	overflow: hidden; /* clearfix */
	zoom: 1; /* clearfix */
}

.wpap-tpl-with-image-text-h .wpap-title {
	margin-bottom: 5px;
}

.wpap-tpl-with-image-text-h .wpap-image {
	float: left;
	margin: 0 10px 5px 0;
}

.wpap-tpl-with-image-text-h .wpap-image img {
	max-width: 140px;
}

.wpap-tpl-with-image-text-h .wpap-link {
	font-size: 14px;
	margin: 10px 0 5px;
}

.wpap-tpl-with-image-text-h .wpap-link a {
	display: inline-block;
	color: #fff;
	padding: 4px 8px;
	text-decoration: none;
	font-size: 13px;
}

@media screen and (max-width: 767px) {
	.wpap-tpl-with-image-text-h .wpap-link {
		clear: both;
		display: flex;
	}
	.wpap-tpl-with-image-text-h .wpap-link a {
		display: flex;
		width: 50%;
		text-align: center;
		margin-bottom: 6px;
		padding: 6px 6px;
		margin-right: 3px;
	}
	.wpap-tpl-with-image-text-h .wpap-link a:last-child {
		margin-right: 0px;}

	.wpap-tpl-with-image-text-h .wpap-link a span {
		margin: 0 auto;
	}
}

.wpap-tpl-with-image-text-h .wpap-link a {
	margin-right: 3px;
}

.wpap-tpl-with-image-text-h .wpap-link a:last-child {
	margin-right: 0px;
}

.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-amazon {
	background: #f89400;
}

.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-rakuten {
	background: #be0000;
}

.wpap-tpl-with-image-text-h .wpap-link a.wpap-link-yahoo {
	background: #D14615;
}

/* With 画像・テキスト（縦）
--------------------------- */

.wpap-tpl-with-image-text-v .wpap-image {
	margin-bottom: 5px;
}

.wpap-tpl-with-image-text-v .wpap-image a {
	text-align: center;
	display: block;
}

.wpap-tpl-with-image-text-v .wpap-image a:link,
.wpap-tpl-with-image-text-v .wpap-image a:hover {
	border: none;
	text-decoration: none;
	box-shadow: none;
}

.wpap-tpl-with-image-text-v .wpap-image img {
	display: inline-block;
}

.wpap-tpl-with-image-text-v .wpap-title {
	text-align: center;
	margin-bottom: 5px;
}

.wpap-tpl-with-image-text-v .wpap-link {
	text-align: center;
	font-size: 14px;
	margin: 10px 0 0;
}

.wpap-tpl-with-image-text-v .wpap-link a {
	display: inline-block;
	color: #fff;
	padding: 4px 8px;
	text-decoration: none;
	font-size: 13px;
}

@media screen and (max-width: 767px) {
	.wpap-tpl-with-image-text-v .wpap-link {
		display: flex;
	}

	.wpap-tpl-with-image-text-v .wpap-link a {
		width: 50%;
		text-align: center;
		display: flex;
		padding: 6px 6px;
	}

	.wpap-tpl-with-image-text-v .wpap-link a span {
		margin: 0 auto;
	}
}

.wpap-tpl-with-image-text-v .wpap-link a {
	margin-right: 3px;
}
.wpap-tpl-with-image-text-v .wpap-link a:last-child {
	margin-right: 0px;
}

.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-amazon {
	background: #f89400;
}

.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-rakuten {
	background: #be0000;
}

.wpap-tpl-with-image-text-v .wpap-link a.wpap-link-yahoo {
	background: #D14615;
}

/* 標準【デザイン共通】 
--------------------------- */

.wpap-tpl-detail {
	margin: 1.5em 0;
	font-size: 14px;
	line-height: 1.2;
	max-width: 600px;
}

.wpap-tpl-detail .wpap-link,
.wpap-tpl-detail .wpap-link:hover {
	position: relative;
	display: block;
	background: #fff;
	padding: 1em 1em 2em;
	color: #222 !important;
	border: 1px solid #ccc !important;
	text-decoration: none;
	overflow: hidden;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 0 #555;
}

.wpap-tpl-detail .wpap-link:hover {
	box-shadow: none;
}

.wpap-tpl-detail .wpap-title,
.wpap-tpl-detail .wpap-title:hover {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

.wpap-tpl-detail .wpap-creator {
	margin-top: 5px;
}

.wpap-tpl-detail .wpap-price {
	color: #b12704;
	font-size: 16px;
}

.wpap-tpl-detail .wpap-release {
	margin-top: 5px;
	font-size: 12px;
}

.wpap-tpl-detail .wpap-service {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 11px;
	color: #555;
}

.wpap-tpl-detail .wpap-date {
	color: #555;
	font-size: 12px;
}

.wpap-tpl-detail .wpap-image {
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
}

.wpap-tpl-detail .wpap-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 120px;
}

/* 画像・テキスト（横）
--------------------------- */

.wpap-tpl-image-text-h {
	overflow: hidden; /* clearfix */
	zoom: 1; /* clearfix */
}

.wpap-tpl-image-text-h .wpap-image {
	float: left;
	margin: 0 10px 5px 0;
}

.wpap-tpl-image-text-h .wpap-image img {
	max-width: 140px;
}

/* 画像・テキスト（縦）
--------------------------- */

.wpap-tpl-image-text-v .wpap-image {
	margin-bottom: 5px;
}

.wpap-tpl-image-text-v .wpap-image a {
	text-align: center;
	display: block;
}

.wpap-tpl-image-text-v .wpap-image a:link,
.wpap-tpl-image-text-v .wpap-image a:hover {
	border: none;
	text-decoration: none;
	box-shadow: none;
}

.wpap-tpl-image-text-v .wpap-image img {
	display: inline-block;
}

.wpap-tpl-image-text-v .wpap-title {
	text-align: center;
}

/* 画像のみ
--------------------------- */

.wpap-tpl-image .wpap-image a {
	text-align: center;
	display: block;
}

.wpap-tpl-image .wpap-image a:link,
.wpap-tpl-image .wpap-image a:hover {
	border: none;
	text-decoration: none;
	box-shadow: none;
}

.wpap-tpl-image .wpap-image img {
	display: inline-block;
}

/* テキストのみ
--------------------------- */

.wpap-tpl-text {
}

/* ===== toc+ ===== */
#toc_container li,#toc_container ul{margin:0;padding:0;list-style-position:inside}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container.toc_numbered ul{list-style:none}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container .toc_title{text-align:left;font-weight:700;margin:0;padding:0}#toc_container.toc_title_center .toc_title{text-align:center}#toc_container.toc_title_right .toc_title{text-align:right}#toc_container.toc_black .toc_title{color:#aaa}#toc_container.toc_black a,#toc_container.toc_black a:visited{color:#fff}#toc_container.toc_black a:hover{color:#fff}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container .toc_toggle_icon a{text-decoration:none;line-height:1}#toc_container .toc_toggle_indicator{display:inline-block;line-height:1}#toc_container .toc_toggle_plus_minus a{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border:1px solid currentColor;border-radius:3px;vertical-align:middle}#toc_container .toc_toggle_plus_minus .toc_toggle_indicator{font-size:.8em}#toc_container .toc_toggle_indicator::before{font-weight:700}#toc_container .toc_toggle_plus_minus .toc_toggle_indicator::before{content:'\2212'}#toc_container.contracted .toc_toggle_plus_minus .toc_toggle_indicator::before{content:'\002B'}#toc_container .toc_toggle_caret .toc_toggle_indicator::before{content:'\25BE'}#toc_container.contracted .toc_toggle_caret .toc_toggle_indicator::before{content:'\25B8'}#toc_container .toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}

/* ===== videopack ===== */
.kgvid_wrapper {
	margin: 1em 0px;
	position: relative;
	max-width: 100%
}

.kgvid_gallerywrapper {
	display: block;
	max-width: 100%;
}

.kgvid_wrapper_auto_left {
	margin-left: auto;
}

.kgvid_wrapper_auto_right {
	margin-right: auto;
}

.kgvid_wrapper_inline {
	display: inline-block;
}

.kgvid_wrapper_inline_left {
	float: left;
	margin: 1em 1em 0 0;
}

.kgvid_wrapper_inline_right {
	float: right;
	margin: 1em 0 0 1em;
}

.kgvid_textalign_left {
	text-align:left;
}

.kgvid_textalign_right {
	text-align:right;
}

.kgvid_textalign_center {
	text-align:center;
}

.kgvid_videodiv {
	position: relative;
}

.wp-video-shortcode {
	max-width: 100%;
}

.videomodal-wrap .jetpack-video-wrapper {
	margin-bottom: 0;
}

.kgvid_watermark img {
	display: block;
	position: absolute;
	bottom: 7%;
	right: 5%;
	z-index: 1;
	margin: 0px;
	max-width: 10%;
	box-shadow: none;
}

.kgvid_watermark a {
	display: block;
	position: inherit !important;
}

.vjs-control-bar, .mejs-controls, video::-webkit-media-controls-panel {
	z-index:2;
}

.vjs-fullscreen {padding-top: 0px}

.kgvid_video_meta {
	line-height: normal;
	color: white;
	display: block;
	position: absolute;
	top: 0px;
	z-index: 103;
	box-sizing:border-box;
	margin: 0px;
	padding: 3px;
	width: 100%;
	overflow: hidden;
	background-color: rgba(40, 40, 40, 0.95);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1s linear, opacity 1s linear;
	-moz-transition: visibility 1s linear, opacity 1s linear;
	-o-transition: visibility 1s linear, opacity 1s linear;
}

.kgvid_video_meta_hover {
	opacity: 1;
	visibility: visible;
}

.kgvid_video_meta.kgvid_no_title_meta {
	background: none;
}

.kgvid_title {
	font-size: 10pt;
	padding-left: 4px;
	line-height: 20pt;
}

.kgvid_meta_icons {
	position: relative;
	float: right;
	margin: 3px 0px 3px 0px;
}

.kgvid_jwplayer_meta .kgvid_meta_icons {
	float: left;
	margin-left: 5px;
}

.kgvid_meta_icons a {
	text-decoration: none;
	border: none;
	box-shadow: none !important;
}

.kgvid_meta_icons span {
	cursor: pointer;
	color: white;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 13pt;
}

.kgvid_no_title_meta .kgvid_meta_icons span {
	font-size: 19pt;
	text-shadow: 1px 1px rgba(20,20,20,0.8);
}

.kgvid_click_trap {
	display: none;
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	top: 0;
	z-index: 102;
}

.kgvid_click_trap:before {
	content: '\20';
}

.kgvid_share_container {
	display: none;
	color: white;
	top: 0;
	padding-top: 46px;
	padding-bottom: 18px;
	width: 100%;
	z-index: 102;
	position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+0,141414+100&amp;0.85+65,0+100 */
	background: -moz-linear-gradient(top,  rgba(20,20,20,0.85) 0%, rgba(20,20,20,0.85) 65%, rgba(20,20,20,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,20,20,0.85)), color-stop(65%,rgba(20,20,20,0.85)), color-stop(100%,rgba(20,20,20,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(20,20,20,0.85) 65%,rgba(20,20,20,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(20,20,20,0.85) 65%,rgba(20,20,20,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(20,20,20,0.85) 0%,rgba(20,20,20,0.85) 65%,rgba(20,20,20,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(20,20,20,0.85) 0%,rgba(20,20,20,0.85) 65%,rgba(20,20,20,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9141414', endColorstr='#00141414',GradientType=0 ); /* IE6-9 */
}

.kgvid_share_container.kgvid_no_title_meta {
	top: 0;
	z-index: 102;
	padding-top: 32px;
}

.kgvid-icons,
.kgvid-icons-before:before {
	display: inline-block;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	width: 20px;
	height: 20px;
	vertical-align: text-top;
	text-align: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.kgvid-icon-embed {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' preserveAspectRatio='none' fill='white'%3E %3Ctitle%3Eembed%3C/title%3E %3Cpath d='M18 23l3 3 10-10-10-10-3 3 7 7z'%3E%3C/path%3E %3Cpath d='M14 9l-3-3-10 10 10 10 3-3-7-7z'%3E%3C/path%3E %3C/svg%3E");
}

.kgvid-icon-download {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' fill='white'%3E %3Ctitle%3Efile_download%3C/title%3E %3Cpath d='M5.016 18h13.969v2.016h-13.969v-2.016zM18.984 9l-6.984 6.984-6.984-6.984h3.984v-6h6v6h3.984z'%3E%3C/path%3E %3C/svg%3E");
}

.kgvid-icon-cross {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='white'%3E %3Ctitle%3Ecross%3C/title%3E %3Cpath d='M31.708 25.708c-0-0-0-0-0-0l-9.708-9.708 9.708-9.708c0-0 0-0 0-0 0.105-0.105 0.18-0.227 0.229-0.357 0.133-0.356 0.057-0.771-0.229-1.057l-4.586-4.586c-0.286-0.286-0.702-0.361-1.057-0.229-0.13 0.048-0.252 0.124-0.357 0.228 0 0-0 0-0 0l-9.708 9.708-9.708-9.708c-0-0-0-0-0-0-0.105-0.104-0.227-0.18-0.357-0.228-0.356-0.133-0.771-0.057-1.057 0.229l-4.586 4.586c-0.286 0.286-0.361 0.702-0.229 1.057 0.049 0.13 0.124 0.252 0.229 0.357 0 0 0 0 0 0l9.708 9.708-9.708 9.708c-0 0-0 0-0 0-0.104 0.105-0.18 0.227-0.229 0.357-0.133 0.355-0.057 0.771 0.229 1.057l4.586 4.586c0.286 0.286 0.702 0.361 1.057 0.229 0.13-0.049 0.252-0.124 0.357-0.229 0-0 0-0 0-0l9.708-9.708 9.708 9.708c0 0 0 0 0 0 0.105 0.105 0.227 0.18 0.357 0.229 0.356 0.133 0.771 0.057 1.057-0.229l4.586-4.586c0.286-0.286 0.362-0.702 0.229-1.057-0.049-0.13-0.124-0.252-0.229-0.357z'%3E%3C/path%3E %3C/svg%3E");
}

.kgvid-icon-left-arrow {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='white'%3E %3Ctitle%3Earrow-left%3C/title%3E %3Cpath d='M1 16l15 15v-9h16v-12h-16v-9z'%3E%3C/path%3E %3C/svg%3E ");
}

.kgvid-icon-right-arrow {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='white'%3E %3Ctitle%3Earrow-right%3C/title%3E %3Cpath d='M31 16l-15-15v9h-16v12h16v9z'%3E%3C/path%3E %3C/svg%3E ");
}

.kgvid_share_icons {
	text-align: center;
	line-height: 26pt;
	font-size: 22pt;
	font-family: sans-serif;
	word-wrap: normal;
	overflow-wrap: normal;
}

.kgvid_share_icons a {
	text-decoration: none;
	border: none;
	box-shadow: none;
}

.kgvid_share_icons span {
	font-size: 13pt;
	line-height: 29pt;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.kgvid_share_icons input[type="text"] {
	font-family: sans-serif !important;
	font-size: 10pt !important;
	line-height: 1.2 !important;
	color: #999 !important;
	background: #EEE !important;
	padding: 4px !important;
	margin: 0 !important;
	border-radius: 6px !important;
	border: none !important;
	display: inline-block !important;
}

input[type="text"].kgvid_embedcode {
	width: 30% !important;
}

span.kgvid_start_time {
	margin-left: 15px;
	white-space: nowrap;
}

.kgvid_start_time input {
	vertical-align:middle;
}

input[type="text"].kgvid_start_at {
	width: 3em !important;
}

.kgvid_share_icons .kgvid_social_icons {
	margin-top: 8px;
	font-size: 19pt;
}

.kgvid_share_icons .vjs-icon-twitter {
	color: #55acee;
	font-size: 32pt;
}

.kgvid_share_icons .vjs-icon-facebook {
	color: #3b5998;
	font-size: 32pt;
}

.kgvid_below_video {
	margin: 2px 6px 0px 4px;
	min-height: 20px;
	clear: both;
	overflow: hidden;
}

.kgvid-viewcount {
	float: right;
	margin-left: 12px;
	white-space: nowrap;
}

.kgvid-caption {
	font-size: 85%;
	line-height: 150%;
	font-style: italic;
}

.kgvid_video_gallery_thumb {
	position: relative;
	max-width:100%;
	vertical-align: bottom;
	display:inline-block;
	cursor: pointer !important;
	margin: 7px 7px;
	overflow: hidden;
}

.kgvid_video_gallery_thumb img {
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;
	object-fit: cover;
}

.kgvid_video_gallery_thumb .mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: 0 0;
	border: none;
}

.kgvid_video_gallery_thumb .titlebackground {
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	padding:0px;
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	zoom: 1;
	overflow:hidden;
	z-index: 3;
}

.kgvid_video_gallery_thumb:nth-child(n) {
	filter: none;
}

.kgvid_video_gallery_thumb:hover .titlebackground {
	background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
}

.kgvid_video_gallery_thumb .videotitle {
	color:white;
	letter-spacing:0.05em;
	font-size:14px;
	line-height: 1.5em;
	text-align:center;
	padding:4px;
}

#kgvid_GalleryVideo {
	position:relative;
	top:5px;
	left:5px;
}

/* videomodal styles */
#kgvid-videomodal-overlay {
	position: fixed;
	background-color:#000;
	opacity: 0.7;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}

#kgvid-videomodal-container {
	position:fixed;
	color:black;
	background-color:#000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -52%);
	z-index: 10002;
}

#kgvid-videomodal-container .kgvid_wrapper {
	margin:0;
	padding:5px;
}

#kgvid-videomodal-container .modalCloseImg {
	right: -10px;
	top: -30px;
}

#kgvid-videomodal-container .kgvid_gallery_nav {
	cursor: pointer;
	z-index: 10003;
	position: absolute;
	text-decoration: none;
	top: -26px;
	background-color: transparent;
	border: none;
}

#kgvid-videomodal-container .wp-video, .kgvid_wrapper .wp-video {
	margin-bottom: 0px;
}

.kgvid_gallery_prev {
	right: 59px;
}

.kgvid_gallery_next {
	right: 25px;
}

.kgvid_gallery_pagination span {
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #ddd;
	text-align: center;
	color: black;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 900;
	border: 1px solid #888;
	line-height: 22px;
	text-decoration: none;
}

span.kgvid_gallery_pagination_arrow {
	background: none;
	border: none;
}

.kgvid_gallery_pagination .kgvid_gallery_pagination_selected {
	background-color: #666;
	cursor: default;
	color: white;
}

.kgvid_temp_thumb {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}

/* video-quality-selector Video.js plugin styles */

.kgvid_wrapper button.vjs-res-button.vjs7-res-button {
	padding: 4px 0 0 0;
	font-size: 1.5em;
}

.kgvid_wrapper .vjs-res-button span.vjs-control-text {
	display: none;
}

.kgvid_wrapper .vjs-res-button .vjs-menu li.vjs-menu-item, .vjs-res-button + .vjs-menu li.vjs-menu-item {
	text-transform: none;
}

.kgvid_wrapper .vjs-res-button:before {
	font-family: VideoJs;
	content: "\f114"; /* Gear icon */
}

.kgvid_wrapper .vjs-loading-spinner {
	z-index: 1;
}


/* Don't show hover effects on title */
.kgvid_wrapper ul li.vjs-menu-title.vjs-res-menu-title:hover {
	cursor: default;
	background-color: transparent;
	color: #CCC;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Needed to keep text visible in video.js 4.9 */
.kgvid_wrapper .vjs-res-button .vjs-control-text {
	width: auto;
	height: auto;
	clip: auto;
}

.kgvid_wrapper .mejs-overlay-button {
	z-index: 2;
}

.kgvid_wrapper .wp-video-shortcode {
	max-height: 100%;
}

/* fix iPhone play button */
.kgvid_wrapper video::-webkit-media-controls-start-playback-button { display: none; }
.kgvid_wrapper .video-js.vjs-controls-enabled .vjs-big-play-button { display: none; }
.kgvid_wrapper .video-js.vjs-controls-enabled.vjs-paused .vjs-big-play-button { display: block; }

/* change default styling of captions menu to match other plugins */
.kgvid_wrapper .mejs-captions-selector-label label, .kgvid_wrapper .mejs-captions-selected {
	background: rgba(255, 255, 255, 0.4);
}

.kgvid_wrapper .mejs-captions-selector-list-item {
	padding: 0px;
}

.kgvid_wrapper .mejs-captions-selector-label {
	padding: 5px;
	margin: 0px;
	color: #fff;
	width: 100%;
}

/* mejs-sourcechooser plugin styles */

.kgvid_wrapper .mejs-controls div.mejs-sourcechooser-button button {
	background: none;
	font-family: VideoJS;
	color: white;
	font-size: 11pt;
	line-height: 0pt;
}

.kgvid_wrapper .mejs-controls .mejs-sourcechooser-button button:before {
	content: "\f114";
}

/* mep-feature-sourcechooser backwards compatible plugin styles */
.kgvid_wrapper.kgvid_compat_mep .mejs-container .mejs-controls div.mejs-menu-arrow {
	display: none;
	position: absolute;
	bottom: -7px;
	left: -8px;
	width: 0em;
	height: 0em;
	margin-bottom: 3em;
	border-left: 2em solid transparent;
	border-right: 2em solid transparent;
	border-top: 1.55em solid #000000;
	border-top-color: rgba(40, 40, 40, 0.5);
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: inherit;
	bottom: 17px;
	right: -28px;
	width: auto;
	height: auto;
	padding: 9px 0 0 0;
	text-align: center;
	-webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	-moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector span {
	color: white;
	padding: 0px 10px 5px 10px;
	display: block;
	white-space: nowrap;
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 3px 0 3px 0;
	padding: 2px 10px 5px 10px;
	cursor: pointer;
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li.mejs-sourcechooser-selected {
	background: rgba(20,20,20,0.8);
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover {
	color: #111;
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.75);
}

.kgvid_wrapper.kgvid_compat_mep .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	display: none;
}

.kgvid_wrapper.kgvid_compat_mep div.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: auto;
}

/* mejs-sourcechooser new plugin styles */

.kgvid_wrapper .mejs__sourcechooser-button .mejs__sourcechooser-selector,
.kgvid_wrapper .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	border-radius: 0;
	bottom: 40px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

.kgvid_wrapper .mejs__sourcechooser-selector ul,
.kgvid_wrapper .mejs-sourcechooser-selector ul {
	display: block;
	list-style-type: none !important;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.kgvid_wrapper .mejs__sourcechooser-selector li,
.kgvid_wrapper .mejs-sourcechooser-selector li {
	color: #fff;
	display: block;
	list-style-type: none !important;
	margin: 0;
	overflow: hidden;
	padding: 5px 10px 5px 0px;
}

.kgvid_wrapper .mejs-sourcechooser-selector li.sourcechooser-selected {
	background-color: rgba(255, 255, 255, 0.2);
}

.kgvid_wrapper .mejs__sourcechooser-selector li:hover,
.kgvid_wrapper .mejs-sourcechooser-selector li:hover {
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.kgvid_wrapper .mejs__sourcechooser-selector input,
.kgvid_wrapper .mejs-sourcechooser-selector input {
	display: none;
}

.kgvid_wrapper .mejs__sourcechooser-selector label,
.kgvid_wrapper .mejs-sourcechooser-selector label {
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 10px;
	line-height: 15px;
	padding: 4px 5px 0;
	cursor: pointer;
}

/* mejs-speed styles */
.kgvid_wrapper .mejs__speed-button,
.kgvid_wrapper .mejs-speed-button {
	position: relative;
}

.kgvid_wrapper .mejs__speed-button > button,
.kgvid_wrapper .mejs-speed-button > button {
	background: transparent;
	color: #fff;
	font-size: 11px;
	line-height: normal;
	margin: 11px 0 0;
	width: 36px;
}

.kgvid_wrapper .mejs__speed-selector,
.kgvid_wrapper .mejs-speed-selector {
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	border-radius: 0;
	left: -10px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -100px;
	visibility: hidden;
	width: 60px;
}

.kgvid_wrapper .mejs__speed-selector,
.kgvid_wrapper .mejs-speed-selector {
	visibility: visible;
}

.kgvid_wrapper .mejs__speed-selector-list,
.kgvid_wrapper .mejs-speed-selector-list  {
	display: block;
	list-style-type: none !important;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.kgvid_wrapper .mejs__speed-selector-list-item,
.kgvid_wrapper .mejs-speed-selector-list-item {
	color: #fff;
	display: block;
	list-style-type: none !important;
	margin: 0 0 6px;
	overflow: hidden;
	padding: 0 10px;
}

.kgvid_wrapper .mejs__speed-selector-list-item:hover,
.kgvid_wrapper .mejs-speed-selector-list-item:hover {
	background-color: rgb(200, 200, 200) !important;
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.kgvid_wrapper .mejs__speed-selector-input,
.kgvid_wrapper .mejs-speed-selector-input {
	clear: both;
	float: left;
	left: -1000px;
	margin: 3px 3px 0 5px;
	position: absolute;
}

.kgvid_wrapper .mejs__speed-selector-label,
.kgvid_wrapper .mejs-speed-selector-label {
	color: white;
	cursor: pointer;
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin-left: 5px;
	padding: 4px 0 0;
	width: 60px;
}

.kgvid_wrapper li.mejs-speed-selected {
	background: rgba(255, 255, 255, 0.4);
}

.kgvid_wrapper .mejs__speed-selector,
.kgvid_wrapper .mejs-speed-selector {
	visibility: hidden;
}
.kgvid_wrapper .mejs__speed-button:hover .mejs__speed-selector,
.kgvid_wrapper .mejs-speed-button:hover .mejs-speed-selector {
	visibility: visible;
}

/* ===== wpp ===== */
/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }

/* ===== additional css (customizer) ===== */
/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
h3 {
	padding: .25em .5em;
/*上下 左右の余白*/
	color: #494949;
/*文字色*/
	background: transparent;
/*背景透明に*/
	border-left: solid 5px #7cb57e;
/*左線*/
}

.entry-content h2 {
	text-align: center;
	padding: .5em;
/*文字周りの余白*/
	color: #ffffff;
/*文字色*/
	background: #7cb57e;
/*背景色*/
	border-bottom: solid 3px #007f17;
/*下線*/
}

table{ 
    width:100%;
}
.scroll{
    overflow: auto;
    white-space:nowrap;
}
.scroll::-webkit-scrollbar{
    height: 15px;
}
.scroll::-webkit-scrollbar-track{
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
    background: #bbb;
}

/* === 商品カード（薪ストーブ図鑑と同じ仕様・2026-10-17） === */
.kb{position:relative;display:flex;gap:16px;align-items:flex-start;border:1px solid #dcdcdc;background:#fff;color:#1a1a1a;border-radius:6px;padding:14px;margin:1.4em 0 1.8em;box-shadow:0 1px 4px rgba(0,0,0,.06);text-align:left;line-height:1.5}
.kb-img{flex:0 0 120px;width:120px;height:120px;display:grid;place-items:center;background:#fff}
.kb-img img{max-width:100%;max-height:100%;object-fit:contain;margin:0!important}
.kb-b{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:6px}
.entry-content .kb-t,.kb-t{font-weight:700;font-size:15px;line-height:1.5;color:#1f4e79;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-n{font-size:12.5px;color:#666;line-height:1.6}
.kb-btn{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.entry-content .kb-btn a,.kb-btn a{flex:1 1 120px;text-align:center;text-decoration:none;font-size:13px;font-weight:700;padding:8px 10px;border-radius:4px;color:#fff!important;box-shadow:0 2px 0 rgba(0,0,0,.15)}
.kb-amz{background:#f79901}
.kb-rkt{background:#bf0000}
.kb-pr{position:absolute;top:6px;right:8px;font-size:10px;color:#999;letter-spacing:.06em}
.kb-s{flex-direction:column;gap:8px;padding:10px;margin:.6em 0;white-space:normal}
.kb-s .kb-img{flex:none;width:90px;height:90px;margin:0 auto}
.kb-s .kb-t{font-size:12.5px}
.kb-s .kb-btn a{flex:1 1 100%;font-size:11.5px;padding:6px 4px}
@media(max-width:480px){.kb{gap:10px;padding:12px}.kb-img{flex-basis:88px;width:88px;height:88px}}
.amz-disclosure{font-size:11px;color:#888;text-align:center;margin:8px 0}