@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
/* Version:	1.1.2 */

/**********	1024px以上	(ライトモード)　pcww　*/
/*** 背景 */
#content-top, .content, .sidebar, #list, .list.ect-big-card-first.front-page-type-tab-index, blockquote, .hosokubox, pre.hljs.css, .sbs-flat .speech-balloon, .page-numbers,  #breadcrumb, input.search-edit {
	background: #f7f7f7;
}
.body, #main, .header-container, .mobile-menu-buttons, .a-wrap, #list .a-wrap:hover, a.entry-card-wrap.a-wrap.border-element.cf:hover, #archive-title, .mtmtitle, .sidebar h3, #search-4, #custom_html-5, #categories-8, #archives-6, #popular_entries-8, #popular_entries-13, #categories-11, #archives-11, #tag_cloud-3,  #toc-3, .posts-not-found, .footer {
	background: #fcfcfc;
}

/*** 文字 */
.content, .footer-widgets.cf, .wp-caption a {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", -apple-system, 'BlinkMacSystemFont', Sans-Serif;
	color: #000;
}
h1#archive-title, .post-update, .post-date{
	font-family:  -apple-system, 'BlinkMacSystemFont', Sans-Serif ;
	letter-spacing: 0.6px;
}
h1.entry-title, .entry-card-title, .e-card-title, .related-entry-card-title {
	font-family: 'Helvetica', sans-serif;
}
.fbtext, .step-body2 {
    color: #555;
}
blockquote , .hosokubox {
	color: #666;
}
#breadcrumb, .prolinks a {
	color: #777;
}
#breadcrumb a {
	color: #999;
}
a, .prolinks a, .popular-entry-card-title {
	position: relative;
	text-decoration: none;
}
a {
	text-decoration: underline;	
	color: #007ee1;
}
a:hover, .entry-content a:hover {
	color: #03a9f4;
	text-decoration: none;
	transition: 0.2s;
}
.site-name-text-link:hover, .prolinks a:hover{
	text-decoration: none;
	transition:0.1s;
}
.prolinks a:hover{
	color: #000;
}
.marker {
	background: #eee;
	margin: 0 6px;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 17px;
}

/*** ヘッダー */
#main {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.header {
	height: 80px;
	overflow: hidden;
}
#header-in {
	transition: 0.1s;
}
.logo-text {
	padding: 10px 0;
}
.site-name-text {
    font-size: 50px;
	font-family: "Sacramento", cursive;
	letter-spacing: 0;
    font-weight: 200;
    transition: 0.2s;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 133deg , #009688 0%, #000000 50%, #dd2d2d 100%);
    background-size: 400% 400%;
    animation: AniNamePC 20s ease infinite;
}
@keyframes AniNamePC {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
a.site-name.site-name-text-link {
    top: -13px;
    padding: 12px;
}
.header-container-in.hlt-top-menu .site-name-text {
	font-size: 46px;
}

/* ナビメニュー */
#navi {
    display: none;
}
/* TopAd */
.topad {
	height: 112px;
	padding: 0 0 24px;
	text-align: center;
}
.topad-l, .topad-c, .topad-r {
	display: inline-block;
	border-radius: 3px;
	width: 31%;
	height: 112px;
	background: #81818114;
}
.topad-c {
	width: 33.3%;
	margin: 0 18px;
}
#custom_html-36 {
 	display: none;   
}

/***** コンテンツ */
#content-top {
	margin: 0;
	padding: 0;
	position: relative;
}
.content {
	padding: 20px 0 40px;
	margin: 0;
}
.index-tab-buttons {
    margin: 0;
    padding: 0 0 14px;
    background: #f8f8f8;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"] , #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"] , #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
	background: #fcfcfc;
	border: none;
	color: #000;
}
.index-tab-buttons .index-tab-button {
    margin: 0 0 1px;
    padding: 17px 16px;
    border: none;
    border-radius: 0;
    background: #fcfcfc;
    color: #555;
    box-shadow: -5px 0 #f6f6f6;
}
#index-tab-1:checked ~ .tab-cont.tb1, #index-tab-2:checked ~ .tab-cont.tb2, #index-tab-3:checked ~ .tab-cont.tb3, #index-tab-4:checked ~ .tab-cont.tb4 {
    animation: tab-index-show 0s ease-in;
}
a.list-more-button:hover {
	text-decoration: none;
}
#index-tab-2:checked ~ .tab-cont.tb2 .list-more-button, #index-tab-3:checked ~ .tab-cont.tb3 .list-more-button, #index-tab-4:checked ~ .tab-cont.tb4 .list-more-button {
    margin: 10px 0 60px;
    padding: 12px 34px;
    font-size: 14px;
    border: none;
    color: #fff;
    background: #c2c2c2;
}
#index-tab-2:checked ~ .tab-cont.tb2 .list-more-button {
    margin: 10px 0 40px;
}
/* 記事リスト */
#main, .header-container, .mobile-menu-buttons, .a-wrap, .sidebar h3, #search-4, #custom_html-5, #categories-8, #archives-6, #popular_entries-8, #toc-3, .footer, .card-thumb img {
	border-radius: 2px;
}
.fa-folder-open::before {
	display: none;
}
.archive-title span.fas.fa-search {
	display: none;
}
.list.ect-entry-card.front-page-type-category-2-columns {
	background: #f6f6f6;
	padding-bottom: 10px;
	margin-bottom: 16px;
}
.a-wrap {
	padding: 32px;
	margin-bottom: 20px;
	transition: all 0.1s ease-in-out;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .entry-card-title {
	font-size: 34px;
	margin: 11px 0 0;
}
.entry-card-title {
	font-size: 27px;
	padding: 5px 10px 5px 20px;
	letter-spacing: 0.2px;
	line-height: 1.4;
	transition: 0.1s;
}
.entry-card-thumb {
	margin: 0;
}
.cat-label {
	font-size: 12px;
	top: 0;
	left: 0;
	color: #cdcdcd;
	padding: 6px 12px;
	border-radius: 2px 0 2px;
	border: inherit;
	z-index: 99;
	display: none;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .cat-label {
	padding: 10px 20px;
}
.category-header .cat-label {
	display: none;
}
.entry-card-snippet.card-snippet.e-card-snippet {
	font-size: 14px;
	padding: 5px 20px 0px 20px;
	color: #696969;
}
.entry-card-meta {
	bottom: 8px;
}
.eye-catch {
	position: relative;
	margin-bottom: .0;
	max-width: 100%;
}
.date-tags {
	text-align: center;
	letter-spacing: 0.3px;
	margin-bottom: 0;
	padding: 35px 0;
	color: #444;
}
.post-update {
	font-size: 12px;
	margin: 0 30px 0 0;
}
.post-date {
	font-size: 12px;
}
.fas.fa-history, .far.fa-clock {
	display: none;
}
.list {
    row-gap: 0;
}
/* 次のページ */
a.pagination-next-link.key-btn {
	border: inherit;
	padding: 10px 0;
	font-size: 1em;
	color: #fff;
	margin: 40px 50px 0;
	width: inherit;
	background: linear-gradient(to right,#fdca24,#f78383);
	display: block;
	border-radius: 90px;
	display: none;
}
.pagination {
	margin: 10px 0 41px ;
}
.pagination .current, .pagination a:hover  {
	background: #c2c2c2;
	color: #fcfcfc;
	border: inherit;
}
.page-numbers {
	height: 40px;
	width: 40px;
	line-height: 42px;
	font-size: 15px;
	color: #898989;
	border: inherit;
}

/** 記事内 -start- */
.entry-content {
	padding: 0 48px;
	font-size: 18px;
	margin-top: 0;
}
.entry-content img {
	border-radius: 3px;
}
/*更新日*/
.fa.fa-clock-o, .fa.fa-history {
    display: none;
}

.rect-vertical-card .related-entry-card-wrap {
	padding: 0;
	margin: 0;
	width: 33.3%;
}
.entry-categories {
	text-align: center;
}
.fa-folder::before {
	display: none;
}
.wp-caption {
    background: none;
    padding: 0;
    border: none;
}
.twitter-tweet.twitter-tweet-rendered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* 見出し */
h1.entry-title {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.4px;
    margin: 39px 50px 34px;
    padding: 0;
}
.article h2, .article h3, .article h4{
	border: none;
	background: none;
	position: relative;
	padding: 0;
}
.article h2::before, .article h3::before {
	content: '';
	position: absolute;
	background: #000;
}
.article h2::first-letter {
	font-size: 28px;
}
.article h2 {
    font-size: 28px;
    margin: 0 -2px 22px;
    padding: 20px 16px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 145deg , #000 5%, #000 24%);
	background-image: linear-gradient( 145deg , #009688 7%, #000000 24%);
	background-size: 100% 100%;
}
.article h2::before {
    bottom: 0;
	left: 0;
    width: 100%;
    height: 3%;
    border-radius: 5px;
	background: linear-gradient(to left, #fcfcfc, #000);
    background-image: linear-gradient( 145deg , #009688 0%, #514040 30%, #b6b6b6 70%, #fcfcfc 100%);
}
.article h2.hhh::before {
    background-image: linear-gradient( 145deg , #151515 0%, #e9efee 10%, #000 50%, #e9efee 90%, #151515 100%);
	left: 0;
	width: 100%;
}
.article h3 {
	padding: 7px 23px;
	margin: 0 0 20px 0;
}
.article h3::before {
	 top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-radius: 20px;
}
.article h4 {
    font-size: 19px;
    margin: 0 0 10px 40px;
}
.article h4::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -34px;
    width: 7px;
	height: 11%;
	background: #111;
    border-radius: 7px;
}
.article h4::after {
    content: "";
    position: absolute;
    top: 10px;
    left: -22px;
    width: 7px;
	height: 11%; 
	background: #da4ad4;
    border-radius: 7px;
}
.h4box {
    font-size: 17px;
    padding: 4px 20px 0 10px;
}
.article h5 {
    border-bottom: 1px solid #3a3a3a;
    padding: 8px 12px;
    margin: 0 8px 12px;
	    font-size: 18px;
}
.stepbox {
    font-size: 17px;
    padding: 0 0 0 11px;
    margin: 16px 0 14px;
	    border-radius: 4px;
}
/* 見出し その他 */
h4.column {
    text-align: center;
    margin: 0 0 16px;
}
.article h4.column::before {
	display:none
}
.article h4.column::after {
	display:none
}
h3.icon, h4.icon {
	font-size: 22px;
	padding: 10px 10px 10px 12px;
	margin: 0 0 5px 23px;
}
h3.icon::before, h4.icon::before {
	position: absolute;
	content: "\f13a";
	font-family: 'Font Awesome 5 Free';
	top: inherit;
	left: -20px;
	color: #e2b26d;
	background: none;
	    transform: inherit;
}
h3.icon::after, h4.icon::after {
	display: none ;
}
/* 吹き出し */
.sbs-flat:not(.not-nested-style) .speech-balloon {
    border-color: #eaeaea;
}
.sbs-flat:not(.not-nested-style) .speech-balloon::after {
    border-right-color: #f1f1f1;
}
.sbs-flat:not(.not-nested-style) .speech-balloon::before {
    border-right-color: #eaeaea;
}
.sbp-r:not(.not-nested-style) .speech-balloon::before {
    border-left-color: #eaeaea;
}
/* 補足BOX */
.hosokubox {
	padding: 28px 35px;
	border-radius: 6px;
	margin: 20px 10px 40px;
	font-size: 16px;
}
/* 強調 */
.emphasis {
    margin: -4px 0 8px;
    padding: 6px 8px 8px 6px;
}
.emphasis-iu {
    margin: -24px 0 8px;
    padding: 6px 8px 8px 6px;
}
/* 区切り線 */
.kugiri {
    font-size: 1.33em;
    font-weight: bold;
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 145deg , #fcfcfc 22%,#c59d9d 30%,#dd2d2d 40%,#ff0808 50%,#DD2D2D 60%, #d7d7d7 70%,#fcfcfc 78%);
    background-size: 100% 100%;
}
/* リスト */
.article ol, .article ul {
    counter-reset: number;
    list-style-type: none;
    margin-bottom: 12px;
    padding: 8px 28px 4px;
    border-radius: 4px;
}
.article ul li, .article ol li {
    position: relative;
    margin: 0 0 4px 16px;
}
.article ul li {
    margin: 0 0 4px 8px;
}
.article ol li::before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    background: #d84b1b;
	 background: #17b4a6;
    background: #a59191;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    border-radius: 50%;
    top: 4px;
    left: -26px;
    width: 19px;
    height: 19px;
    line-height: 1.9;
    text-align: center;
}
.article ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -22px;
    width: 10px;
    height: 10px;
    z-index: 2;
    border-radius: 8px;
    background-image: linear-gradient( 145deg , #222 100%);
}
/* まとめBOX */
.mlbox {
    position: relative;
    border-radius: 4px;
    border: 1px solid #a59191;
    margin: 52px 0 12px;
    padding: 32px 24px 0;
}
.mlbox ul, .mlbox ol {
    margin: -6px -12px 16px;
    padding: 8px 28px 4px;
}
.mlbox a {
    color: #a59191;
}
.mlbox a:hover {
	text-decoration: inherit;
    color: #a59191;
}
.mltitle {
	position: absolute;
    top: -14px;
    left: 14px;
    font-size: 15px;
	font-weight: bold;
    margin-left: 5px;
    padding: 2px 20px;
    background: #a59191;
    color: #fcfcfc;
    border-radius: 30px;
}

.mtmbox, .mtmbox2 {
	position: relative;
	border-radius: 4px;
	padding: 30px 40px;
	margin: 20px 35px 30px 35px;
	box-shadow: -2px -2px #fcfcfc, -3px -3px #00d49f, 2px 2px #fcfcfc, 3px 3px #00BCD4;
	border: 1px solid #e3e3e399;
}
.mtmbox {
	box-shadow: -2px -2px #fcfcfc, -3px -3px #00d49f, 2px 2px #fcfcfc, 3px 3px #00BCD4;
    animation: mtmba 6s ease infinite;
}
@keyframes mtmba {
25%{ box-shadow: -2px -2px #fcfcfc, -3px -3px #00b9d4, 2px 2px #fcfcfc, 3px 3px #85a1db; }
50%{ box-shadow: -2px -2px #fcfcfc, -3px -3px #9f85db, 2px 2px #fcfcfc, 3px 3px #00b9d4; }
75%{ box-shadow: -2px -2px #fcfcfc, -3px -3px #85a1db, 2px 2px #fcfcfc, 3px 3px #9f85db; }
}
.mtmtitle {
	position: absolute;
	top: -17px;
	font-size: 19px;
	font-weight: 700;
	margin-left: 5px;
	color: #333;
    padding: 0 20px;
    margin-top: 14px;
    left: 49%;
    transform: translate(-50%, -50%);
}
.mtmtitle::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 10px;
	top: 15px;
	left: 12px;
	z-index: 2;
	transform: rotate( -45deg );
	border-radius: 1px;
	background: #22ba8b;
	display: none;
}
.mtmtitle::after {
	content: "";
	position: absolute;
	width: 4px;
	height: 16px;
	top: 9px;
	left: 20px;
	transform: rotate( 45deg );
	border-radius: 1px;
	background: #69d8e5;
	display: none;
}
.mtmimg {
    margin-bottom: 8px;
}

/* 目次 */
#toc {
	padding: 0 5px;
	line-height: 1.9;
	border-radius: 8px;
	width: 93%;
	border: none;
	    margin: -10px auto;
    margin-bottom: 88px;
}
.toc-title::after{
	display:none;
}
#toc .article ol, .article ul {
    background: inherit;
}
#toc ul {
    background: none;
}
.toc a {
	color: #000;
	text-decoration: none;
}
.toc a:hover {
    color: #207ee1;
    text-decoration: underline;
}
.toc-title {
	border-radius: 8px;
	color: #666;
	font-weight: bold;
	padding: 20px 0;
	background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#ededed 0px,#f7f7f7 13px);
}
.toc-content {
    margin-top: 30px;
}
.toc-list.open {
    margin: 0 30px;
    padding: 8px 0;
}
.toc-checkbox:checked~.toc-content {
	padding: 0;
    margin-bottom: 70px;
}
.toc ul li {
	margin: 13px 0 0;
 	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.toc ul li a {
	position: relative;
}
.toc li li {
	font-size: 14px;
	position: relative;
	font-weight: normal;
	color: #111;
	margin: 6px 0 7px 1px;
}
.toc li li a {
	color: #444;
	margin-left: 2px;
}
.toc li li a::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -16px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 2px;
}
.toc li li a::after {
	display: none;
}
#toc-3 {
	padding: 10px 0 25px 0;
	margin: 16px 0;
}
#toc-3 .toc-list.open {
	margin: 0 0 0 17px;
}
#toc-3 .toc-content {
    padding: 0 10px 0 20px;
    background: none;
    width: 340px;
}
#toc-3 h3 {
    margin: 0 0 -24px 0;
    padding: 16px 0 0 0;
}
#toc-3 .toc li li a::before {
		width: 5px;
	height: 5px;
background: #ccc;
		border-radius: 2px;
}
.toc ul li::before, .toc ul li::after, .toc ol li:before {
display: none;
}
.toc ol, .toc ul {
    padding: inherit;
    border: none;
}
.toc-content {
    position: relative;
}
.toc-checkbox:checked~.toc-content {
	margin-bottom: -30px;
	padding: 20px 0 0;
}
.toc-content:after {
    background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#ededed 0px,#f7f7f7 13px);
    content: "";
    width: 100%;
    left: 0;
    height: 3px;
    position: absolute;
    margin: 20px 0;
    border-radius: 30px;
	display: none;
}
#toc-3 .toc-content:after {
	display:none;
}
/* 目次に戻るリンクを機能させる */
.toc-checkbox {
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
}
.back-toc {
		text-align: right;
    margin-left: 7px;
}
/* テーブル */
.scroll-hint-icon {
    display: none;
}
table {
	font-size: 16px;
  table-layout: fixed;
}
.scrollable-table th {
	background-color: #f5f5f5;
}
tbody {
	background: #fafafa;
}
table tr:nth-of-type(2n+1) {
	background: #fafafa;
}
.scrollable-table.scroll-hint {
    border-radius: 2px;
    margin: 8px 1px 16px 1px;
}
.scrollable-table th, .scrollable-table td {
	padding: 12px;
	text-align: center;
	white-space: normal;
	border: solid 1px #d8d8d8; 
}
.scrollable-table .t12l td {
    text-align: left;
	padding: 10px 12px;
}
.scroll-hint.is-left-scrollable {
    background: none;
}
.scroll-hint.is-right-scrollable {
    background: none;
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: none;
}
table.t3 img {
    width: 50px;
}
td img {
    margin: -4px 4px -4px -4px;
}
td.left {
    text-align: left;
    padding-left: 20px;
}
td.left a {
    text-decoration: none;
}
table img {
    margin: 4px auto;
	width: 50px;
}
.tpn {
    margin: -30px 0 -6px;
    font-weight: bold;
    font-size: 12px;
}
table.hmtable td {
    padding: 4px;
}

/* コード */
pre {
  position: relative;
  cursor: pointer;
	border: none;
    background: #f7f7f7;
	padding: 20px 28px;
}
pre::after {
  content: "コピーしました！";
  position: absolute;
  top: 5px;
  right: 10px;
  background: rgba(0, 128, 0, 0.85);
  color: #fff;
  padding: 2px 8px;
  font-size: 0.85em;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
pre.copied::after {
  opacity: 1;
}
code:hover {
    cursor: pointer;
}
.is-code-row-number-enable pre.hljs {
    font-size: 13px;
    border: inherit;
    border-radius: 3px;
    margin: 12px 4px;
    background: #222;
    padding: 12px 12px 12px 40px;
}
.is-code-row-number-enable pre.hljs::before {
	color: #444;
}
pre.prism.undefined-numbers.language-plain {
    padding: 12px;
}
.hljs-attribute, .hljs-string, .hljs.stylus {
    color: #aaa;
}
.hljs-selector-class {
    color: #199fb0;
}
.hljs-selector-tag {
    color: #c1bb35;
}
.hljs-number {
    color: #b168c4;
}
.hljs-keyword, .hljs-selector-tag, .hljs-symbol {
    color: #aaa;
}
code {
	background: none;
}
/* ハイライト */
.highlight {
    font-family: monospace;
	font-weight: bold;
    background-color: #eaeaea;
    margin: 0 4px;
    padding: 4px 8px;
    border-radius: 3px;
}
/* 装飾 */
.bold, .red, .blue, .green, .yellow, .purple, .pink, .orange {
    padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
}
.redn, .bluen, .greenn, .yellown, .orangen {
	padding-left: 2px;
	padding-right: 2px;
}
.red, .redn {
    color: #d34343;
}
.blue, .bluen {
    color: #109dae;
}
.green, .greenn {
    color: #11a937;
}
.yellow, .yellown {
    color: #d3a102;
}
.pink, .pinkn {
    color: #de457a;
}
.orange, .orangen {
    color: #d16132;
}
.purple {
    color: #8635ff;
}
.red-under, .green-under, .pink-under, .marker-under-green, .marker-under-red {
    padding: 0 2px;
    margin: 0 4px;
	font-weight: bold;
}
.green-under {
	border-bottom: 2px solid #20d250;
}
.pink-under {
	border-bottom: 2px solid #de457a;
}
.red-under {
    border-bottom: 2px solid #f36868;
}
.marker-under-green {
    background: linear-gradient(transparent 70%, #73e8965e 70%);
}
.marker-under-red {
}

/* トグル*/
.toggle-button {
    padding: 16px 10px;
    background-color: #f2f2f2;
    border: none;
}
.toggle-button:hover{
opacity: 0.9;
}
.toggle-button::before {
    margin-right: 6px;
    position: relative;
    top: -1px;
	    color: #4caf50;
}
.toggle-checkbox:checked ~ .toggle-button::before {
    color: #0ba867;
}
.toggle-wrap .toggle-content {
	    margin: 0 2px;
    padding: 20px 40px;
}
.toggle-checkbox:checked ~ .toggle-content {
    padding: 26px 40px 24px;
    border: none;
    margin: -4px 2px 0px;
    box-shadow: 2px 2px #f0f0f0, -2px 2px #f0f0f0;
}
.toggle-checkbox:checked ~ .toggle-content {
    transition: all 1s ease-in-out;
}
/* 動画 */
.video-container, .instagram-container, .facebook-container {
    max-width: inherit;
}
.video-container .video {
    margin: -20px 0 -40px;
}
.video iframe {
    border-radius: 12px;
}
/* 引用 */
blockquote {
	font-size: 16px;
	border: inherit;
	border-radius: 5px;
	margin: 20px 1px;
	padding: 40px;
}
blockquote::before, blockquote::after {
	font-family: 'Font Awesome 5 Free';
	font-size: 70px;
	color: #ddd;
}
blockquote a {
	font-size: 80%;
}
blockquote::after {
	bottom: 3px;
}
/*ステップバー1*/
.step-wrap1 {
	counter-reset: count;
	position: relative;
	margin: 10px 0;
}
.step-wrap1 img {
	margin-top: 8px;
}
.step-content1 {
 	padding: 0 0 1.3em 2em;
 	margin: 0;
 	position: relative;
}
.step-content1::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #bc2f31;
    border: solid 4px #fcfcfc;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 4px;
    box-shadow: 0 0 0 1px #bc2f31;
}
.step-content1::after {
    content: "";
    display: block;
    height: calc(100% - 35px);
    border-left: solid 2px #e4e4e4;
    position: absolute;
    top: 32px;
    left: 10px;
	border-radius: 20px;
}
.step-title1 {
	position: relative;
 	font-weight: bold;
 	font-size: 116%;
	margin-top: 5px;
}
.step-label1 {
    color: #aaa;
	font-weight: bold;
    font-size: 13px;
}
.step-label1::after {
 	counter-increment:count;
 	content:counter(count);
 	position: relative;
 	left: .3em;
	    color: #bc2f31;
}
.step-body1 {
	margin: 3px 0 0 3px;
 	padding: 0 0 1em;
 	border-bottom: dotted 2px #ddd;
 	color: #585858;
 	font-size: 89%;
}
.step-wrap1 > :last-of-type::after {
	display: none;
}
/*ステップバー2*/
.step-wrap2 {
	counter-reset:count;
	margin: 0em 1em;
 	position: relative;
}
.step-wrap2 img {
	margin-top: 7px;
	margin-left: 7px;
}
.step-content2 {
	padding: 5px 25px;
 	margin: 0;
	position: relative;
}
.step-content2::before {
	content: "";
	position: absolute;
	display: block;
	border-radius: 20%;
	width: 6px;
	height: 6px;
	top: 16px;
	left: 8px;
	box-shadow: 0 0 0 2px #c3c3c3;
}
.step-content2::after {
	content: "";
	display: block;
	height: calc(100% - 35px);
	border-left: dotted 2px #dcdcdc;
	position: absolute;
	top: 32px;
	left: 11px;
}
.step-title2 {
 	font-weight: bold;
	color: #333;
}
.step-body2 {
	margin: 0;
	padding: 3px;
}
/*amazon・rakuten*/
.product-item-box {
    padding: 24px 20px;
    margin: 20px auto;
    width: 95%;
	 border: solid 1px #f0f0f0;
    border-radius: 8px;
}
.rakuten-item-maker.product-item-maker {
    display: none;
}
.amazon-item-buttons.product-item-buttons {
    display: flex;
    justify-content: center;
}
.product-item-buttons a {
    margin: 5px auto 8px;
    padding: 13px 20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo {
    width: 30%;
    margin: 7px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a {
	padding: 16px 4px;
	border-radius: 8px;
	transition: 1s;
	background: inherit;
	border: inherit;
	color: #000;
}
.shoplinkamazon a {
    color: #f2a32b;
  box-shadow: -1px -1px #fcfcfc, -2px -2px #f2a32b, 1px 1px #fcfcfc, 2px 2px #f2a32b, -2px 2px #f2a32b, 2px -2px #f2a32b;
}
.shoplinkrakuten a {
    color: #e55351;
    box-shadow: -1px -1px #fcfcfc, -2px -2px #e55351, 1px 1px #fcfcfc, 2px 2px #e55351, -2px 2px #e55351, 2px -2px #e55351;
}
.shoplinkyahoo a {
    color: #0ebaaa;
  box-shadow: -1px -1px #fcfcfc, -2px -2px #0ebaaa, 1px 1px #fcfcfc, 2px 2px #0ebaaa, -2px 2px #0ebaaa, 2px -2px #0ebaaa;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkyahoo a:hover {
   color: #fff;
	transition: 1s;
	opacity: inherit;
}
.shoplinkamazon a:hover {
    background: #f2a32b;
    box-shadow: 1px 1px #fcfcfc, 2px 2px #f2a32b, -1px -1px #fcfcfc, -2px -2px #f2a32b;
}
.shoplinkrakuten a:hover {
    background: #e55351;
    box-shadow: 1px 1px #fcfcfc, 2px 2px #e55351, -1px -1px #fcfcfc, -2px -2px #e55351;
}
.shoplinkyahoo a:hover {
    background: #0ebaaa;
    box-shadow: 1px 1px #fcfcfc, 2px 2px #0ebaaa, -1px -1px #fcfcfc, -2px -2px #0ebaaa;
}
/* ブログカード */
a.blogcard-wrap {
    margin-top: 16px;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf {
    width: 600px;
}
.blogcard-type .bct-reference-link, .bct-together, .bct-detail, .bct-official, .bct-dl{
	margin-top: 50px;
}
.blogcard {
    padding: 16px 24px;
    border: none;
    border-radius: 4px;
    box-shadow: -1px -1px #ececec, 1px 1px #efefef, 1px -1px #e9e9e9, -1px 1px #e9e9e9;
    background: #c1c1c10d;
}
.blogcard-thumbnail {
    margin-bottom: -4px;
    width: 160px;
}
.blogcard-label {
	  top: -14px;
    font-size: 13px;
    background: #cf4a4a;
	background: #555;
	color: #fff;
	margin-top: 2px;
}
.blogcard-wrap {
	width: 95%;
    padding: 0;
}
.blogcard-wrap:hover {
    background: #f3f3f3;
}
.blogcard-content {
    margin-left: 185px;
}
.blogcard-title {
    font-size: 14px;
    margin-top: 10px;
}
.blogcard-snippet {
    display: none;
}
.blogcard-favicon {
    display: none;
}

.blogcard-footer {
    position: absolute;
    bottom: 20px;
    right: 30px;
    color: #aaa;
    font-size: 12px;
}
.blogcard-type {
    margin-top: 40px;
}
/* ブログカードラベル */
.bct-buy .blogcard-label .fa::before {
    content: "";
}
.bct-buy .blogcard-label::after {
    content: "購入はこちら";
}
/* カラム */
.container .column-wrap {
    flex-direction: inherit;
	font-size: 17px;
}
.column-wrap.column-2 {
	position: relative;
    overflow-x: scroll;
    margin: 12px 0 0;
	padding: 0 0 10px;
}
.column-wrap.column-2 div {
    margin: 0 20px;
}
.blogcard-site.external-blogcard-site div {
    margin: 0;
}
.column-wrap.column-2 p, .column-wrap.column-3 p {
    margin: 0;
}
.column-wrap.column-2 a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf {
    width: 90%;
}
.blogcard.external-blogcard.eb-left.cf {
    margin: 0;
}
.column-wrap.column-2 .blogcard-content, .column-wrap.column-3 .blogcard-content {
    display: none;
}
.column-wrap.column-2 .blogcard-thumbnail, .column-wrap.column-3 .blogcard-thumbnail {
    position: relative;
	 float: none;
    width: auto;
    overflow: hidden;
	border-radius: 3px;
	margin: 0;
}
.column-wrap.column-2 .blogcard-thumbnail {
    margin: -10px -7px 0px;
    height: 130px;
}
.column-wrap.column-3 .blogcard-thumbnail {
    margin: 0;
    height: 100px;
}
.column-wrap.column-2 .blogcard-thumbnail img, .column-wrap.column-3 .blogcard-thumbnail img {
    top: 50%;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.column-wrap.column-2 .blogcard-footer, .column-wrap.column-3 .blogcard-footer {
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin: 16px 0 -8px;
    display: flex;
    justify-content: center;
}
.column-wrap.column-3 .blogcard-footer {
    margin: 8px 0 0;
}
.column-wrap.column-3 {
	position: relative;
    margin: 0;
    padding: 0 0 10px;
    overflow-x: scroll;
}
.column-wrap.column-3 div {
    margin: 3px;
}
.column-wrap.column-2 div img, .column-wrap.column-3 div img {
    box-shadow: 0 8px #fcfcfc, 0 -8px #fcfcfc, 0 0 6px #efefef;
}


/*カラム内キャプション*/
.cclt {
    font-size: 13px;
    text-align: center;
    color: #888;
}
.caption {
    font-size: 11px;
    text-align: center;
	color: #909090;
}
/*見出し下デカ文字*/
.deka {
    font-weight: bold;
    font-size: 24px;
    margin: 36px 0 36px;
}
.marker-under-red {
    padding: 0 4px;
}
/*マイクロコピー */
.mctxt {
	margin-bottom: -4px;
	text-align: center;
	color: #999;
	font-size: 15px;
}
.mctxtt {
    font-size: 25px;
    color: #bababa;
    font-family: monospace;
    position: relative;
}
.mctxtn {
    position: relative;
}
.mctxtn::before {
    position: absolute;
    width: 18px;
    height: 1px;
    content: "";
    transform: rotate(55deg);
    top: 7px;
    left: -20px;
    background: #999;
}
.mctxtn::after {
    position: absolute;
    width: 18px;
    height: 1px;
    content: "";
    transform: rotate(-55deg);
    top: 7px;
    right: -18px;
    background: #999;
}
.catch {
	text-align: center;
    margin-bottom: -3px;
}
/* 招待ボタンタイトル */
.inviteti {
    text-align: center;
    margin-bottom: -8px;
    font-weight: bold;
}

/* 上下する矢印 */
.updown {
  animation: upDown 1s infinite ease-in-out;
}
@keyframes upDown {
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0);}
}
/* リンク付きボタン */
.bg, .bb, .bo {
    text-align: center;
	  margin: 16px 0;
}
@keyframes cvb {
0%{background-position:100% 100%}
100%{background-position:0% 0%}
}
.bg a, .bb a, .bo a {
    font-weight: bold;
    display: inline-block;
    padding: 14px 8px;
    width: 97%;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    transition: 0.5s;
    animation: cvb 12s ease-in-out 5;
    transition: 0.8s;
}

/* 緑ボタン */
.bg a{
    background: #1ac688;
    background-image: linear-gradient( 312deg ,#1bc688 0%, #1bc688 50%, #fcfcfc44 50%, #fcfcfc55 58%, #1bc688 70%, #1bc688 100%);
		background-size: 900% 900%;
}
.bg a:before {
    background: #1ac688;
    background-image: linear-gradient( 312deg ,#1bc688 0%, #1bc688 50%, #fcfcfc44 50%, #fcfcfc55 58%, #1bc688 70%, #1bc688 100%);
	background-size: 900% 900%;
    animation: cvb 12s ease-in-out infinite;
}
.bg a:hover {
    color: #ffffffaa;
}

/* 青ボタン */
.bb a{
	background: #00a8ef;
    background-image: linear-gradient( 312deg ,#00a8ef 0%, #00a8ef 50%, #fcfcfc44 50%, #fcfcfc77 58%, #00a8ef 70%, #00a8ef 100%);
	background-size: 900% 900%;
}
.bb a:before {
    background: #0099ff;
    background-image: linear-gradient( 312deg ,#0099ff 0%, #0099ff 50%, #fcfcfc44 50%, #fcfcfc77 58%, #0099ff 70%, #0099ff 100%);
	background-size: 900% 900%;
    animation: cvb 12s ease-in-out infinite;
}
.bb a:hover {
    color: #ffffffaa;
}

/* lmbボタン */
@keyframes cvbb {
  0%   { background-position: 0% 0%; }
  50%  { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}
.bo a {
    color: #8b8b8b;
    box-shadow: -1px 1px 0px rgb(0 0 0 / 6%), 1px -1px 0px rgb(0 0 0 / 6%);
    background: #fff;
	background-image: linear-gradient(312deg, #f0f0f0 0%, #eee 25%, #ddd 50%, #eee 75%, #f0f0f0 100%);
	background-size: 400% 400%;
	animation: cvbb 12s ease-in-out infinite;
}
.bo a:hover {
    color: #ccc;	
}

/* ボタンマウスホバー */
.bg a:hover, .bb a:hover, .bo a:hover {
    transform: translate(0px, 1px);
    box-shadow: inherit;
	transition: 0.4s;
    animation: inherit;
}


/* 記事内カラム */
.c-wrap {
    display: flex;
    flex-direction: row;
	margin:20px 0 12px;
}
.c-left, .c-right {
    width: 49.5%;
    margin: 8px 12px;
    padding: 4px 20px;
}
.c-left {
    border-radius: 4px;
    box-shadow: -2px -2px #fcfcfc, -3px -3px #f7822c, 2px 2px #fcfcfc, 3px 3px #f7822c;
	border: 1px solid #e3e3e3;
}
.c-left ul li::before {
    background: #f37b56;
}
.c-right { 
	border-radius: 4px; 
	box-shadow: -2px -2px #fcfcfc, -3px -3px #489afd, 2px 2px #fcfcfc, 3px 3px #489afd;
	border: 1px solid #e3e3e3; 
}

.c-right ul li::before {
    background: #7999ec;
}
.c-title {
    text-align: center;
    font-weight: bold;
    background: #fcfcfc;
    margin: -23px 12px 0 12px;
    padding: 0 8px;
}
.wp-video {
    margin-bottom: 12px;
}
.bin {
    font-size: 12px;
    opacity: 0.4;
}
/** 記事内 -end- */

/*記事下カテゴリ*/
.cat-link {
	font-size: 16px;
	padding: 15px;
	font-weight: bold;
	background: -webkit-linear-gradient( -50deg , #000000 10%, #969696 50%, #000000 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cat-link:hover {
	opacity: 1;
}
.list-title {
	margin: 30px 0 0;
	padding: 30px 0;
}
/* カテゴリ・アーカイブページ */
.archive-title {
	text-align: center;
	margin: inherit;
	padding: 20px 0;
	font-size: 30px;
}
.archive-title .fa {
	display: none;
}
.fa-calendar-alt::before{
	display: none;
}
h1#archive-title {
	position: relative;
	letter-spacing: 0;
	margin: 15px 0;
	color: #686868;
}
.category-content.article {
	padding-bottom: 18px;
	position: relative;
	margin-bottom: 0;
}
.category-content.article::before {
	content: "";
	width: 100%;
	height: 15px;
	position: absolute;
	background: #f6f6f6;
	bottom: 0;
}

.category-page-content.entry-content {
	margin: 24px 0 64px;
}
footer.article-footer.entry-footer {
	box-shadow: 0 4px #f6f6f6;
}
/* お問い合わせフォーム */
#wpcf7-f504-p1024-o1 {
	padding: 0 30px;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	border: none;
	background: #f6f6f6;
	padding: 18px;
	outline: 0;
}
input[type='submit'] {
	-webkit-appearance: none;
	border: 1px solid #f0f0f0;
	background-color: #dcdcdc;
	color: #5b5b5b;
	border-radius: 5px;
	padding: 20px;
	font-weight: bold;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: none;
	padding: 15px 30px;
	border-radius: 5px;
	margin: 0 -20px;
}
/* 404 */
.\34 04 {
    margin: 0 30px;
}
.widget-404-page-title {
	text-align: center;
	margin: 50px 0 12px;
	font-size: 30px;
	font-family: system-ui;
	font-weight: bold;
	letter-spacing: 0.6px;
}
#popular_entries-6 {
    width: 80%;
    margin: 0 auto;
}
#popular_entries-6 .popular-entry-card-title {
    font-size: 20px;
}
/* 関連記事 */
.under-entry-content {
	padding-top: 40px;
	text-align: center;
	border-radius: 6px;
	padding-bottom: 40px;
}
.related-entry-heading, .comment-title {
	margin-bottom: 30px;
   font-size: 28px;
}
.related-list .a-wrap {
	text-align: left;
}
.related-list .a-wrap:hover {
	background: none;
}
article.related-entry-card.e-card.cf {
	border-radius: 9px;
	    width: 100%;
}
.related-entry-card-thumb {
	width: 100%;
	margin: 0;
}
.related-entry-card-thumb img {
	border-radius: 3px 3px 0 0;
}
.related-entry-card-content {
	margin-left: inherit;
}
.related-entry-card-title {
	font-size: 24px;
	line-height: 1.5;
	padding: 10px;
	font-weight: 700;
	    margin-bottom: -26px;
}
.related-entry-card .cat-label {
    display: inline;
    position: absolute;
    margin-top: -1px;
    background: #e7e7e7d6;
    color: #999999;
    clip-path: polygon(0 0, 100% 0, 0 140%);
    width: 36%;
    height: 101%;
    font-size: 14px;
    padding: 12px 30px 0px 20px;
    font-weight: bold;
}
.rect-mini-card .related-entry-card-wrap {
    width: 41.5%;
    padding: 0;
    margin: 0 auto 40px;
}

/* パンくずリスト */
#breadcrumb {
	margin: 0;
	padding: 24px 16px 0 16px;
	font-size: 12px;
}
.fa-angle-right::before, .fa-angle-left::before {
	color: #ddd;
}
.fa-fw {
	display: none;
}

/***	サイドバー */
.sidebar {
	border: inherit;
	padding: 0;
    margin-bottom: -20px;
}
#custom_html-5, #tag_cloud-3, #popular_entries-8, #popular_entries-13 {
	margin-bottom: 16px;
}
.sidebar h3 {
	padding: 35px 0 0;
	text-align: center;
	margin: 0;
	 font-size: 20px;
}
#popular_entries-13 h3 {
    padding-bottom: 24px;
}
h3.widget-sidebar-title.widget-title {
	margin-bottom: 12px;
}
select {
	-webkit-appearance: none;
 	-moz-appearance: none;
	appearance: none;
	width: 80%;
	margin: 10px 0 0;
	padding: 15px 0;
	color: #fff0;
}
#search-4, #categories-11, #archives-11 {
	margin-bottom: 0;
}

/*	検索BOX */
#search-4 {
	padding: 22px 0;
}
.search-box {
	margin: 11px 22px;
}
input.search-edit {
	font-size: 16px;
	padding: 8px 48px 8px 16px;
	height: 48px;
}
.search-submit {
	color: #ccc;
}
.posts-not-found {
	text-align: center;
	padding: 30px 0 70px;
}
.fa-search::before {
	top: 4px;
	left: -12px;
	position: absolute;
	font-size: 17px;
}
#main .search-box {
	display: none;
}
/* プロフィールカード */
#custom_html-7 {
	margin: 20px 0 0;
}
.prof {
	text-align: center;
	margin: -40px 0 60px 0;
}
#birds, #globe, #halo {
    height: 400px;
    margin: 0px -50px 40px;
    width: 120%;
}
#post-1024 .date-tags, #post-363 .date-tags, #post-1014 .date-tags {
    display: none;
}
img.picon {
	transition: 0.5s;
	width: 88px;
	border-radius: 90px;
	box-shadow: 0 0 #ddd, 0 -3px 5px #ddd;
	margin: 32px 0 0;
}
.picon img:hover {
display: inline-block;
animation: hurueru .2s  infinite;
box-shadow: -10px -10px 33px #c6d5ff,10px -10px 33px #ffb9b9,10px 10px 33px #fbb5ff,-10px 10px 33px #80fffb;
}
@keyframes hurueru {
	0% {transform: translate(0, 0) rotateZ(0deg)}
	25% {transform: translate(2px, 2px) rotateZ(1deg)}
	50% {transform: translate(0, 2px) rotateZ(0deg)}
	75% {transform: translate(2px, 0) rotateZ(-1deg)}
	100% {transform: translate(0, 0) rotateZ(0deg)}
}
.proname {
    position: relative;
    font-family: 'Ubuntu', sans-serif;
    height: 38px;
    font-size: 22px;
    font-weight: bold;
    z-index: 3;
    color: #111;
    margin: 5px 0 -5px 3px;
}
p[trml]:nth-child(2) {
    position: absolute;
    top: 0;
    width: calc(100% - 0px);
}
p[trml]:nth-child(3) {
    position: absolute;
    top: 0;
    width: calc(100% - 0px);
}
p[trml]:nth-child(2) {
    color: #f16f6f;
    -webkit-animation: viri2 3.5s infinite;
    animation: viri2 3.5s infinite;
    z-index: -1;
}
@keyframes viri2{
0% {    transform: none;    opacity: .25;}
7% {    transform: translate(2px,3px);    opacity: .5;}
10% {    transform: none;    opacity: .25;}
27% {    transform: none;    opacity: .25;}
30% {    transform: translate(2px,2px);    opacity: .5;}
35% {    transform: none;    opacity: .25;}
52% {    transform: none;    opacity: .25;}
55% {    transform: translate(1px,1px);    opacity: .5;}
50% {    transform: none;    opacity: .25;}
72% {    transform: none;    opacity: .25;}
75% {    transform: translate(2px,3px);    opacity: .5;}
80% {    transform: none;    opacity: .25;}
100% {    transform: none;    opacity: .25;}
}
p[trml]:nth-child(3) {
		    color: #67f3da;
    -webkit-animation: viri3 3.5s infinite;
    animation: viri3 3.5s infinite;
	z-index: -1;
}
@keyframes viri3{
0% {    transform: none;    opacity: .25;}
7% {    transform: translate(-2px,-3px);    opacity: .5;}
10% {    transform: none;    opacity: .25;}
27% {    transform: none;    opacity: .25;}
30% {    transform: translate(-1px,-2px);    opacity: .5;}
35% {    transform: none;    opacity: .25;}
52% {    transform: none;    opacity: .25;}
55% {    transform: translate(-1px,-1px);    opacity: .5;}
50% {    transform: none;    opacity: .25;}
72% {    transform: none;    opacity: .25;}
75% {    transform: translate(-2px,-3px);    opacity: .5;}
80% {    transform: none;    opacity: .25;}
100% {    transform: none;    opacity: .25;}
}
.protext {
	text-align: left;
	width: 250px;
	font-size: 14px;
	margin: 20px auto;
	color: #111;
}
.prosns {
	margin-top: 20px;
}
.prosns a {
	display: inline-block;
	transition: 0.4s;
	font-size: 36px;
	margin: -5px 24px 0;
	color: #888;
}
.twit a:hover {
	color: #2ca9e1;
}
.line a:hover {
	color: #00B900;
}
.proad {
	height: 144px;
	overflow: hidden;
}
.proad img {
	width: auto;
}
.prolinks {
	text-align: center;
	padding: 22px 0 0;
	height: 86px;
}
.prolinks a {
	position: relative;
	font-size: 10px;
	font-weight: bold;
	padding: 18px;
}
.prolinks a::before {
	content: "";
	position: absolute;
	height: 1px;
	background: #000;
	bottom: 10px;
	left: 18%;
	border-radius: 12px;
	opacity: 0;
	transition: 0.4s;
	width: 0;
}
.prolinks a:hover::before {
	opacity: 1;
	width: 65%;
}
/* 人気記事 */
#popular_entries-13 {
    padding: 0 11px 8px;
    border-radius: 3px;
}
#popular_entries-8 {
    padding: 0 10px 11px;
}
#popular_entries-8 h3 {
    margin-bottom: 16px;
}
.widget-entry-cards .a-wrap {
	padding: 0 20px 5px;
	line-height: 1.3;
	margin-bottom: 5px;
	font-family: system-ui;
}
.widget-entry-cards .a-wrap:hover {
	background: none;
	color: inherit;
}
.widget-entry-card-content {
    padding: 7px 5px 0 10px;
}
.widget-entry-cards.ranking-visible .card-thumb::before {
    top: -1px;
    left: -43px;
    width: 100%;
    height: 21px;
    opacity: 1;
    font-size: 15px;
    border-radius: 0 0 3px 0;
    color: #a0a0a0;
    background-color: #fcfcfc;
	font-weight: bold;
}
.widget-entry-cards.ranking-visible .card-thumb::before, .widget-entry-cards.ranking-visible .no-1 .card-thumb::before, .widget-entry-cards.ranking-visible .no-2 .card-thumb::before, .widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
    top: 25px;
    font-size: 24px;
    color: #999;
    background: none;
}
.card-thumb img {
	position: relative;
}
.widget-entry-card-thumb.card-thumb img {
    position: relative;
}
.widget-entry-cards.ranking-visible .card-thumb::after, .widget-entry-cards.ranking-visible .no-1 .card-thumb::after, .widget-entry-cards.ranking-visible .no-2 .card-thumb::after, .widget-entry-cards.ranking-visible .no-3 .card-thumb::after {
    content: "";
    position: absolute;
    height: 96%;
    width: 35%;
    background: #fcfcfcd9;
    left: 0;
}
.popular-entry-card-title.widget-entry-card-title.card-title {
    font-weight: bold;
    position: absolute;
    left: 137px;
    margin: 1px;
    font-size: 14px;
}
#popular_entries-10 .card-thumb::before {
    color: #3a9dde;
}
#popular_entries-11 .card-thumb::before {
    color: #d74647;
}
#popular_entries-12 .card-thumb::before {
    color: #a630bb;
}
/* category-archives-tag */
#categories-11, #archives-11 {
	text-align: center;
	width: 50%;
	display: inline-block;
}
#categories-11 h3, #archives-11 h3, #tag_cloud-3 h3 {
font-size: 17px;
}
#categories-11 {
	padding: 0 0 0 16px;
	border-radius: 2px 0;
}
#archives-11 {
	padding: 0 16px 0 0;
   border-radius: 0 2px;
}
#categories-11 select, #archives-11 select {
	padding: 10px 0;
	border-radius: 30px;
	width: 82%;
	height: 48px;
}
#archives-dropdown-11:hover, select#cat {
	cursor: pointer;
}
#tag_cloud-3 {
    margin-top: -40px;
    padding: 0 28px 43px 28px;
    border-radius: 0 0 2px 2px;
    height: 444px;
	    overflow: hidden;
}
.tagcloud a {
	justify-content: center;
	border: 1px solid #efefef;
	color: #666;
	padding: 8px 12px;
	font-size: 13px;
	margin: 4px;
	width: 40%;
}
.tagcloud a:hover {
	background-color: #333;
	color: #fff;
	transition: all 0.3s ease-out;
}
.fa-tag:before {
display: none; 
}
#tag_cloud-4 {
	padding: 0 22px;
}


/***	フッター */
.footer{
	margin: 0;
	padding: 0;
}
.footer-bottom {
	margin-top: 0;
}
#navi-footer-in {
    margin-bottom: 20px;
}
.navi-footer-in > .menu-footer li {
    border-left: 1px solid #e9e9e9;
}
.footer-title {
	text-align: center;
	margin: 10px 0 20px;
	font-size: 26px;
}
.footer-left, .footer-center, .footer-right {
	margin: 20px 0 0;
	padding: 0;
}
.footer-left {
	margin-left: 10px;
}
.footer-right {
	margin-right: 10px;
}
.footer-left, .footer-right {
	box-shadow: -3px 0 1px #fff, -6px 0 1px #f8f8f8, 3px 0 1px #fff, 6px 0 1px #f8f8f8;
}
#custom_html-14, #custom_html-15, #custom_html-16 {
	text-align: center;
}

/* フッターボックス　中・右 */
.fbtitle {
	font-family: 'Mukta', sans-serif;
   	text-align: center;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.2px;
	position: relative;
	display: inline-block;
	border-radius: 10px;
	width: 300px;
	height: 70px;
	margin: 0 0 10px ;
	padding: 20px;
	background: #f9f9f9;
	 box-shadow: -2px -2px 1px #fff inset, -3px -3px 2px #efefef inset, 2px 2px 2px #efefef inset, 5px 5px 5px #fff inset;
}
.fbtitle {
	color: #ddd;
}
.fbtitle a {
    color: #999;
    font-family: 'Ubuntu';
    font-weight: bolder;
    text-decoration: none;
	    padding: 10px 80px;
}
.fbtext {
	padding: 5px 60px;
	font-size: 13px;
	margin-bottom: 35px;
    color: #6c6c6c;
}
.fbtitle a:hover {
	text-decoration: underline;
    color: #009688;
}
.fbtitle .fbt7::before {
	content: "New";
	color: #bbb;
	position: absolute;
	top: -10px;
	left: -5px;
	transform: rotate(-25deg);
}
.fbtitle .fbt7::before {
	-webkit-animation: blink 2s ease infinite;
}
@keyframes .fbtitle .fbt7::before {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* コピーライト */
.copyright {
    font-family: 'Ubuntu', sans-serif;
	letter-spacing: 0.4px;
	font-size: 13px;
	margin: 0 0 20px ;
	font-weight: 300;
	color: #aaa;
}


/* ad広告 */
.ad-area {
    margin: 4px 0 -60px 0;
}
/*********	1024px以上（ダークモード）pcdm　*/	
@media (prefers-color-scheme: dark) {
/***	背景	*/
#content-top, .content, .sidebar, #list, .list.ect-big-card-first.front-page-type-tab-index, .index-tab-buttons, blockquote, .hosokubox, pre.hljs.css, .sbs-flat .speech-balloon, .page-numbers, .page-numbers.dots, #breadcrumb, input.search-edit, .category-content.article::before {
	background: #1a1a1a;
}
.body, #main, .header-container, .mobile-menu-buttons, .a-wrap, #list .a-wrap:hover, a.entry-card-wrap.a-wrap.border-element.cf:hover, #archive-title, .mtmtitle, .sidebar h3, #search-4, #custom_html-5, #categories-8, #archives-6, #popular_entries-8, #popular_entries-13, #categories-11, #archives-11, #tag_cloud-3,  #toc-3, .posts-not-found, .footer, .fbtitle{
	background: #151515;
}
img {
    filter: brightness(1);
}
/***	文字	*/
/* 補足 */
#content-top, .content, .sidebar, #list, #breadcrumb, blockquote, .article blockquote p, .hosokubox, .sbs-flat .speech-balloon, input.search-edit, input.search-edit:focus, input.search-edit:target, .toc-content, .wp-caption a, .related-entry-card, #popular_entries-9 h3, #popular_entries-10 h3, .posts-not-found {
	color: #aaa;
}
.body, #main, .header-container, .a-wrap, #list .a-wrap:hover, #archive-title, h1#archive-title, .sidebar h3, #search-4, #custom_html-5, #categories-8, #archives-6, #categories-11, #archives-11, #tag_cloud-3, #popular_entries-8, #popular_entries-13,  #toc-3, .fbtitle, .footer{
	color: #c0c0c0;
}
a {
	color: #23b0e4;
}
/* 見出し */
.site-name-text-link, h1.entry-title, .step-title1, .article h2, .article h3, .article h4, .step-title2, .date-tags, .proname, h2.related-entry-heading, h3.widget-footer-mobile-title, .footer-title {
	color: #d8d8d8;
}
.mtmtitle, .mtmtitle2 {
	background: #151515;
}
.footer-title, .e-card-title, .entry-content p, .post-date, .entry-date.date.updated, .page-numbers, .fbtext, .protext, .prosns a, prolinks li a, .date-tags, .toc a, .toc a:hover, #breadcrumb a, prolinks li::before, .copyright{
	color: #ccc;
}		
.index-tab-buttons .index-tab-button {
    background: none #151515;
    color: #ababab;
}
#index-tab-2:checked ~ .tab-cont.tb2 .list-more-button, #index-tab-3:checked ~ .tab-cont.tb3 .list-more-button, #index-tab-4:checked ~ .tab-cont.tb4 .list-more-button, .pagination .current, .pagination a:hover  {
	    color: #bbb;
	background: #2a2a2a;
}
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"] , #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"] , #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
	    background: #151515;
			color: #ddd; 
	}	
.index-tab-buttons .index-tab-button {
    box-shadow: -5px 0 #1a1a1a;
}
/* 人気記事 da */
#popular_entries-13 .card-thumb::after, .widget-entry-cards.ranking-visible .card-thumb::after, .widget-entry-cards.ranking-visible .no-1 .card-thumb::after, .widget-entry-cards.ranking-visible .no-2 .card-thumb::after, .widget-entry-cards.ranking-visible .no-3 .card-thumb::after {
    background: #151515d9;
}	
.widget-entry-cards.ranking-visible .card-thumb::before, .widget-entry-cards.ranking-visible .no-1 .card-thumb::before, .widget-entry-cards.ranking-visible .no-2 .card-thumb::before, .widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
    color: #7f7f7f;
}
/* otoiawase da */
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	background: #1a1a1a;
	color: #ccc;	
}
input[type='submit'] {
	border: 1px solid #323232;
	background-color: #323232;
	color: #c0c0c0;
}	
select {
	color: #fff0;
}	
/* 見出し da */
.article h2::before, .article h3::before, .article h4::before {
	background: #bdbdbd;
}
.article h2 {
    background-image: linear-gradient( 
145deg
 , #fff 0%, #000 1%, #b80000 2%, #000 3%, #888 30%, #e4e4e4 40%, #888 80%);
}	
.article h2 {
    -webkit-text-fill-color: inherit;
}
.article h2::before {
	    background: linear-gradient(to left, #181818, #bfbfbf);
}
.article h2.hhh::before {
    background-image: linear-gradient( 145deg , #fcfcfc 0%, #012724 10%, #2fffec 50%, #012724 90%, #fcfcfc 100%);
}
h3.icon::before, h4.icon::before {
	background: none;
	color: #a77e44;
}
.article h5 {
    border-bottom: 1px solid #929292;
}
/* 装飾 da */
.green-under {
    border-bottom: 2px solid #1d8e5e;
}
.red-under {
    border-bottom: 2px solid #9c0909;
}
.marker-red {
    background-color: #b00202a6;
}
.marker-under-green {
    background: linear-gradient(transparent 70%, #68ff963f 70%);
    color: #d9d9d9;
}
/* 目次 da */
.toc-title {
    background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#242424 0px,#1f1f1f 13px);	color: #aaa;
}
.toc li li a{
	color: #888;
	}
.toc li li a::before{
	background: #474747;
	color: #414141;
}
#toc-3 .toc li li a::before {
    background: #474747;
}
.toc-content:after {
    background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#242424 0px,#1f1f1f 13px);
}
/* te-buru da */
.scrollable-table th {
	background-color: #1d1d1d;
}
tbody {
	background: #181818;
}
table tr:nth-of-type(2n+1) {
	background: #181818;	
}
.scrollable-table th, .scrollable-table td {
	border: solid 1px #2c2c2c;
}	
/* リスト da*/
.article ol li::before {
	color: #ccc;
		background: #039285;
    background: #6a5959;
	}
.article ul li::before {
    background-image: linear-gradient( 145deg , #aaa 100%);
}
/* ブログカード da */
.blogcard-label {
    background: #b95050;
	background: #555;
}	
/* まとめBOX da */
.mlbox {
    border: 1px solid #6a5959;
 }
 .mlbox a {
    color: #6a5959;
}
.mltitle {
    background: #6a5959;
    color: #ddd;
}
/* lmbボタン da */	
.bo a {
    color: #9b9b9b;
    box-shadow: -1px 1px 0px rgb(255 255 255 / 6%), 1px -1px 0px rgb(255 255 255 / 6%);
	background-image: linear-gradient(312deg, #1a1a1a 0%, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%, #1a1a1a 100%);
	background-size: 400% 400%;
}
/* mtmbox da */	
.mtmbox, .mtmbox2 {
    box-shadow: -2px -2px #151515, -3px -3px #02916e, 2px 2px #151515, 3px 3px #018596;
    border: 1px solid #333;
    animation: mtmbad 6s ease infinite;
}
@keyframes mtmbad {
25%{
	box-shadow: -2px -2px #151515, -3px -3px #00b9d4, 2px 2px #151515, 3px 3px #85a1db;
}
50%{
	box-shadow: -2px -2px #151515, -3px -3px #9f85db, 2px 2px #151515, 3px 3px #00b9d4;
}
75%{
		box-shadow: -2px -2px #151515, -3px -3px #85a1db, 2px 2px #151515, 3px 3px #9f85db;
	}}
.mtmtitle, .mtmtitle2 {
	color: #bfbfbf;
}
.mtmtitle::before, .mtmtitle2::before {
	background: #0dafc2;
}
.mtmtitle::after, .mtmtitle2::after {
	background: #107f75;
}
/* トグル da */
.toggle-button {
    background-color: #1b1b1b;
}
.toggle-checkbox:checked ~ .toggle-content {
    box-shadow: 2px 2px #222, -2px 2px #222;
}
/* hukidasi da */
.sbis-cn .speech-icon-image {
	box-shadow: 0px 1px 0px #555, 0px -2px 0px #444;
}
.sbs-flat .speech-balloon {
	border-color: #202020;
	}	
.sbs-flat .speech-balloon::before{
	border-right-color: #202020;
	border-left-color: #202020	
	}	
.sbs-flat .speech-balloon::after {
	border-right-color: #1a1a1a;
	border-left-color: #1a1a1a;
}	

/* ステップバー d */	
.step-label1{
	color: #808080;
	}
.step-content1::before {
	background: #bc2f31;
		border: solid 3px #151515;
	box-shadow: 0 0 0 1px #bc2f31;
}
.step-content1::after {
border-left: solid 2px #333;
	}
.step-body1 {
	border-bottom: dotted 2px #333;
}	
.step-body1, .step-body2, blockquote::before, blockquote::after{
	color: #999;	
}	
.step-content2::before {
	box-shadow: 0 0 0 2px #808080;
}	
.step-content2::after {
	border-left: dotted 2px #333;
}	
/*amazon d */
.product-item-box {
border: solid 1px #242424
}
.shoplinkamazon a {
  box-shadow: -1px -1px #151515, -2px -2px #a76f1a, 1px 1px #151515, 2px 2px #a76f1a, -2px 2px #a76f1a, 2px -2px #a76f1a;
}
.shoplinkrakuten a {
    box-shadow: -1px -1px #151515, -2px -2px #ad3230, 1px 1px #151515, 2px 2px #ad3230, -2px 2px #ad3230, 2px -2px #ad3230;
}
.shoplinkyahoo a {
  box-shadow: -1px -1px #151515, -2px -2px #076d64, 1px 1px #151515, 2px 2px #076d64, -2px 2px #076d64, 2px -2px #076d64;
}
.shoplinkamazon a:hover {
    box-shadow: 1px 1px #151515, 2px 2px #f2a32b, -1px -1px #151515, -2px -2px #f2a32b;
}
.shoplinkrakuten a:hover {
    box-shadow: 1px 1px #151515, 2px 2px #e55351, -1px -1px #151515, -2px -2px #e55351;
}
.shoplinkyahoo a:hover {
    box-shadow: 1px 1px #151515, 2px 2px #0ebaaa, -1px -1px #151515, -2px -2px #0ebaaa;
}
/*blogcard d */
.blogcard {
    box-shadow: -1px -1px #2d2d2d, 1px 1px #282828, 1px -1px #282828, -1px 1px #282828;
}
.blogcard-wrap:hover {
    background: #222;
}
footer.article-footer.entry-footer {
	box-shadow: 0 4px #222;
}
.marker {
    background: #2c2c2c;
}
/* ハイライト d */
.highlight {
    background-color: #2d2d2d;
}
/* sidebar d */
.tagcloud a {
	border: 1px solid #272727;
	color: #888;
}
.tagcloud a:hover {
	background-color: #464646;
	color: #dfdfdf;
}
/* フッターボックス 左右　da */
.footer-left, .footer-right {
	box-shadow: -3px 0px 2px #121212, -6px 0px 2px #1a1a1a, 3px 0px 2px #121212, 6px 0px 2px #1a1a1a;
}
.fbtitle {
	color: #333;
	box-shadow: -2px -2px 1px #1a1a1a inset, -5px -5px 2px #121212 inset, 2px 2px 2px #121212 inset, 5px 5px 5px #1a1a1a inset;
}
.fbtitle a {
	color: #777;
}

/* purofi-ru　da */
.picon img {
	box-shadow: 0px 0px 0px #999, 0px -3px 5px #999;
	}
.prolinks a:hover {
	color: #aaa;
}
.prolinks a::before {
	background: #aaa;
}
.picon img:hover {
box-shadow: -10px -10px 33px #95adee,10px -10px 33px #ee9595,10px 10px 33px #f39cfa,-10px 10px 33px #25e7d8;
background-image: linear-gradient( 0deg , #333 0%, #202020 10%,#151515 40%,#151515 60%, #292929 90%, #333 100%);
}

/* カラム da*/
.column-wrap.column-2 div img, .column-wrap.column-3 div img {
    box-shadow: 0 0 #151515, 0 -8px #151515, 0 0 12px #1c1c1c;
}
/* 記事内カラム da */
.c-left {
box-shadow: -2px -2px #151515, -3px -3px #a65a21, 2px 2px #151515, 3px 3px #674627;
    border: 1px solid #333;
}
.c-left ul li::before {
    background: #a45a22;
}
.c-right {
    box-shadow: -2px -2px #151515, -3px -3px #435993, 2px 2px #151515, 3px 3px #2a55c3;
	border: 1px solid #333;
}
.c-right ul li::before {
    background: #2a55c3;
}
.c-title {
    background: #151515;
}
/* 区切り線 da*/
.kugiri {
    background-image: linear-gradient( 145deg , #151515 23%,#523d3d 31%,#dd2d2d 40%,#ff0808 50%,#DD2D2D 60%, #523d3d 69%,#151515 77%);
}

/* その他 da*/
.related-entry-card .cat-label {
	color: #666;
}
.fa-search::before {
	color: #3b3b3b;
}
.fa-angle-right::before, .fa-angle-left::before {
	color: #444;
}
.go-to-top-button {
	background-color: #424242;
	color: #bbb;
}
pre {
     background: #202020;
}
/*吹き出し dark */
.sbs-flat:not(.not-nested-style) .speech-balloon {
    background: #333;
}
.sbs-flat:not(.not-nested-style) .speech-balloon::after {
    border-right-color: #333;
}
.sbs-flat {
    --cocoon-custom-background-color: #333;
    --cocoon-custom-border-color: #414141;
}
.sbs-flat:not(.not-nested-style) .speech-balloon {
    border-color: #444;
}
.sbs-flat:not(.not-nested-style) .speech-balloon::after {
    border-right-color: #333;
}
.sbs-flat:not(.not-nested-style) .speech-balloon::before {
    border-right-color: #444;
}
.sbp-r:not(.not-nested-style) .speech-balloon::before {
    border-left-color: #444;
}
}

/*********	1023px ~ 835px	dai	*/
@media screen and (max-width: 1023px){
body.public-page {
	margin-top: 70px;
}	
#content-in {
	padding: 0;
}
.footer-widgets.cf {
    display: inherit;
}

/***** ヘッダー d */
.header {
	height: inherit;
}
#header-container {
	display: none;
}
/* モバイルサイトタイトル */
a.menu-button-in {
	    font-family: 'Ubuntu', sans-serif;
	    font-family: "Nico Moji";
	margin: 0 ;
	font-size: 26px;
}
.mobile-menu-buttons .menu-button > a {
    display: block;
    color: #333;
    text-decoration: none;
    letter-spacing: -0.4px;
    font-size: 22px;
    top: -2px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 133deg , #009688 0%, #000000 50%, #009688 100%);
    background-size: 300% 300%;
    animation: AniNameMobile 5s ease-in-out infinite;
}
@keyframes AniNameMobile {
0%{background-position:0%}
100%{background-position:100%}
}
.mobile-menu-buttons .menu-button > a {
	font-family: "Sacramento", cursive;
	font-weight: 100;
    font-size: 40px;
    top: 2px;
}
.mobile-header-menu-buttons {
box-shadow: #d8d8d8 70px -15px 30px;
padding: 5px 0;
}
	
.mobile-menu-buttons .menu-caption {
	display: none;
}
.ect-big-card-first .a-wrap:not(.ec-big-card-first) .card-thumb {
    margin-bottom: 0;
}
.fa-search::before {
	top: inherit;
	left: inherit;
	position: inherit;
	font-size: inherit;
}
#main .search-box {
	display: none;
}
#search-menu-content .search-edit {
	border: 2px solid #999;
}
.search-box.input-box .fa-search::before {
	background: none;
	color: #ccc;
}
input.search-edit::placeholder {
	color: #fff0;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .ect-big-card .card-thumb {
    padding: 10px 4px;
}
	
/* モバイルナビメニュー */
.fas.fa-times {
	transform: rotatey(40deg);
}
#navi-menu-close{
	background: none;	
}
#navi-menu-content::-webkit-scrollbar{	
	display: none;
}
#navi-menu-content{
	transition: 2.5s;
	background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#f6f6f6 0px,#fcfcfc 14px);
}
#navi-menu-input:checked ~ #navi-menu-content {
	left: 10%;
	transition: 1s;
	max-width: 80%;
	background: -webkit-repeating-linear-gradient( 50deg ,#aaa 10px,#aaa 10px,#f6f6f6 0px,#fcfcfc 14px);
	box-shadow: -10px 0px 40px #a1a1a19e, 10px 0px 40px #a1a1a19e;
}
.menu-drawer li {
	text-align: center;
	padding: 15px 0px;
	margin: 20px 20px 20px 20px;
	background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#e1e1e1 0px,#e7e7e7 13px);
	border-radius: 5px;
}
.menu-drawer a {
	color: #7c7c7c;
	text-decoration: none;
	font-size: 13px;
	font-family: system-ui;
	font-weight: 100;
	font-weight: bold;
}
/* X */
.menu-close-button {
    top: 570px;
	left: 50%;
	transform: translateX(-50%);    
	position: absolute;
}
.menu-content .menu-drawer {
    margin-top: 70px;
}
.navi-menu-close-button.menu-close-button::before, .navi-menu-close-button.menu-close-button::after  {
	content: "";
	position: absolute;
	border-radius: 10px;
	width: 3px;
	height: 44px;
	transition: 1.6s;
	top: 5%;
	left: 50%;
}
.navi-menu-close-button.menu-close-button::before  {
	transform: rotate(35deg);
	background: #acacac;
}	
.navi-menu-close-button.menu-close-button::after {
	transform: rotate(-35deg);
	background: #ccc;
}	
.navi-menu-close-button.menu-close-button:hover::before {
	transform: rotate(-90deg);
}	
.navi-menu-close-button.menu-close-button:hover::after {
	transform: rotate(90deg);
}	
.fas.fa-times {
	margin: 23px;
	opacity: 0;
}
/* topad-d*/
.topad {
	margin: -10px 0 16px;
}
.topad-l, .topad-c, .topad-r {
	width: 30%;
 }	
.topad-c {
	width: 33%;
	margin: 0 8px;
}

/** コンテンツ d */
.content {
	margin: inherit;
	padding: inherit;
	    margin-top: -12px;
}
#main {
	margin: 0;
 }
/* 記事リスト d */
.entry-card-snippet.card-snippet.e-card-snippet {
	display: none;
}
.list-title {
	padding: 25px 0 5px;
}
.archive-title {
	margin: 0;
	padding: 15px 0 25px;
	font-size: 22px;
}
/* お問い合わせ d */
#wpcf7-f504-p1024-o1 {
	padding: 0 80px;
}
/* パンくずリスト d */
#breadcrumb {
	padding: 20px;
	font-size: 10px;
}
.pagination {
	    margin: 10px 0 20px;
    padding: 0 0 20px 0;
}
/* 人気記事 d */
.article h2::before {
    height: 2px;
    left: -20px;
    width: 107%;
}
.popular-entry-card-title.widget-entry-card-title.card-title {
    left: 128px;
    margin: 10px;
    font-size: 20px;
}
#popular_entries-11,#popular_entries-9 {
    margin: 60px;
    text-align: left;
}
/***** フッター d */
.footer {
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align:center;
	}
.footer-widgets > div {
	width: 380px;
}
.footer-left{
	display: block;
	margin: 24px auto;
}
.footer-center, .footer-right {
	display: inline-block;
}
.footer-right {
	margin-right: 0;
	box-shadow: -3px 0px 1px #fff, -6px 0px 1px #f8f8f8;
}
.footer-right, .footer-center{
	display: none;	
	}
.proname a {
    text-decoration: none;
    color: inherit;
}
.copyright {
	margin: 5px 0;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .entry-card-title {
	margin: 0;
	padding: 4px 8px;
	font-size: 19px;
	line-height: 1.4;
}
/*********	1023px ~ 835px（ダークモード）bdm*/
@media (prefers-color-scheme: dark) {
.footer-right {
	box-shadow: -3px 0 2px #121212, -6px 0 2px #1a1a1a;
}
.mobile-header-menu-buttons {
    box-shadow: #383838 70px -15px 30px;
}
}


/*********	840px〜481px	tyu	*/
@media screen and (max-width: 834px){
h1, h2, h3, h4, h5, h6, .entry-content div.step-title1, .entry-content div.step-title2, .e-card-title, .entry-content div.mtmtitle, .entry-content div.mtmtitle2, .toc a, .card-title-bold .card-title, .popular-entry-card-title {
		font-family: Arial, 'Helvetica', sans-serif;
}

#content-in {
	padding: 0;
}
.footer-widgets.cf {
    display: none;
}
.index-tab-buttons {
    justify-content: space-between;
    padding: 6px 3px 0px;
	    flex-wrap: nowrap;
}
.index-tab-buttons .index-tab-button {
    margin: 0 3px 7px;
    padding: 14px;
    border-radius: 3px;
	font-size: 12px;
	letter-spacing: 0.3px;
	box-shadow: inherit;
}
.a-wrap {
	margin-bottom: 12px;
	padding: 18px 20px;
}
.menu-drawer a:hover {
	background-color: #00000000;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	padding: 15px;
	font-size: 14px;
}
.logo-menu-button.menu-button {
	animation-name:fadeDownAnime;
	animation-duration:0.4s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
 }
  to {
	opacity: 1;
	transform: translateY(0);
  }
}
/* topad t*/
.topad {
	height: inherit;
	padding: 0;
	margin: -23px auto 12px;
}
.topad-l, .topad-c, .topad-r {
	display: block;
	width: 94%;
	margin: 6px auto -2px;
 }	
.topad-l, .topad-r {
	display: none;
}
/*** カラム中 t */
.column-wrap.column-3 > div {
    width: 100%;
}
/*** 記事内 t */
table {
	font-size: 16px;
}
.cat-label {
	font-size: 10px;
	padding: 6px 9px;
}
.article h2::first-letter {
	font-size: 24px;
}

a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf {
width: inherit;
	}

/* 記事下影 t */
footer.article-footer.entry-footer {
	box-shadow: 0 -13px #fcfcfc, 0 3px 13px #dedede;
}

/* カテゴリ・アーカイブ・タグ t */
#categories-10, #block-5{
	text-align: center;
	width: 45%;
	display: inline-block;
	margin-bottom: 0;
}
/* アーカイブ カテゴリ　s */
#block-5 h3.widget-footer-mobile-title.footer-title, #categories-10 h3.widget-footer-mobile-title.footer-title {
    font-size: 20px;
}
select {
	padding: 10px 0;
	border-radius: 30px;
	margin-top: 0;
	width: 85%;
	height: 48px;
}
#tag_cloud-4 {
	padding: 0 22px;
}
/***	Footer t */
.footer {
	margin-top: 0;
}	
.footer-mobile {
	padding: 0;
}

/* プロフィール t */	
#custom_html-7 {
	margin: 10px 0 -10px;
	padding-top: 25px;
}
.prof {
	padding: 0 100px;
	height: inherit;
}
.protext {
	font-size: 13px;
	margin: 15px;
	width: inherit;
	font-weight: normal;
	}

.proad {
	height: auto;
	max-width: 70%;
	margin: 0 auto;
}
.proad img {
border-radius: 10px;
}
.prolinks a:hover::before {
	opacity: 0;
}
.prolinks {
	margin: 7px 0 -10px;
	padding-bottom: 0;
}	
.prolinks a {
	text-decoration: underline;
	font-family: system-ui;
}
.deka {
    font-size: 18px;
}
/***** フッター t */
#navi-footer {
    display: none;
}
}
	
/********* 834px〜481px（ダークモード）tyudm */	
@media (prefers-color-scheme: dark) {

/* 本文 */
.entry-content p, .date-tags, .post-date, .entry-date.date.updated{
	color: #ccc;
}
.date-tags, .post-date, .entry-date.date.updated{
	color: #999;
}
.mobile-header-menu-buttons, .fa-search::before {
	background: #151515;
	color: #aaa;
}	
.mobile-menu-buttons .menu-button a {
	background: none;
	color: #9c9c9c;
}
/* タイトル ds */
.mobile-menu-buttons .menu-button > a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( 133deg , #d0d0d0 0%, #908f8f 30%,#151515 51%,#000 52.6%, #ff0000 53%, #000 53.4%, #aaa 75%, #908f8f 100%, #d0d0d0 130%);
    background-size: 350% 350%;
    background-image: linear-gradient( 133deg , #d0d0d0 0%, #908f8f 30%, #151515 50%, #2b94cf 55%, #a234a8 58%, #eb2294 65%, #ca95b3 68%, #c1c1c1 70%, #767676 100%);    animation: AniNameMobile 9s ease-in-out 2;
}
@keyframes viri2{
0% {    transform: none;    opacity: .25;}
7% {    transform: translate(2px,3px);    opacity: .5;}
10% {    transform: none;    opacity: .25;}
27% {    transform: none;    opacity: .25;}
30% {    transform: translate(2px,2px);    opacity: .5;}
35% {    transform: none;    opacity: .25;}
52% {    transform: none;    opacity: .25;}
55% {    transform: translate(1px,1px);    opacity: .5;}
50% {    transform: none;    opacity: .25;}
72% {    transform: none;    opacity: .25;}
75% {    transform: translate(2px,3px);    opacity: .5;}
80% {    transform: none;    opacity: .25;}
100% {    transform: none;    opacity: .25;}
}
#search-menu-content .search-edit {
	color: #bbb;
	border: 2px solid #292929;
}
.search-box.input-box .fa-search::before {
	color: #353535;
	background: none;
}
#navi-menu-content{
	background: -webkit-repeating-linear-gradient( 50deg ,#aaa 10px,#aaa 10px,#161616 0px,#151515 14px);
}
#navi-menu-input:checked ~ #navi-menu-content {
	background: -webkit-repeating-linear-gradient( 50deg ,#aaa 10px,#aaa 10px,#161616 0px,#151515 14px);
	box-shadow: -10px 0 40px #111, 10px 0 40px #111;
}
.navi-menu-close-button.menu-close-button::before  {
	transform: rotate(35deg);
	background: #6c6c6c;
}	
.navi-menu-close-button.menu-close-button::after {
	transform: rotate(-35deg);
	background: #8c8c8c;
}	
.menu-drawer a {
	background: none;
}
.menu-drawer li {
	background: -webkit-repeating-linear-gradient( 50deg ,#eee 10px,#eee 10px,#272727 0px,#1a1a1a 13px);
}
/* 見出し t d */
footer.article-footer.entry-footer {
	box-shadow: 0 -13px #151515, 0 6px 13px #0e0e0e;
}	
}
					
/*********	480px以下	mobile	*/
@media screen and (max-width: 480px){
/* 記事リスト s */

.entry-card-meta {
	bottom: 0;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-content {
	width: 100%;
}
.e-card-title {
	font-size: 16px;
	padding: 7px 0 0 18px;
	margin: 0;
	line-height: 1.4;
}
.ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb {
    margin-bottom: inherit;
}
.a-wrap:hover {
	transition: none;
	opacity: inherit;
	color:inherit;
}
.page-numbers {
	height: 38px;
	width: 39px;
	line-height: 38px;
	font-size: 14px;
	transition: 1.3s;
}
/*slide menu*/	
.fa.fa-close {
    display: none;
}
	
	
/*** 記事内 s -start ***/	
.entry-content {
	padding: 0 20px;
	font-size: 16px;
	}
.date-tags {
	padding: 30px 0;
}
.post-update {
	letter-spacing: 0;
	font-size: 10px;
	margin: 0 -10px 0 20px;
}
.post-date {
	margin-right: -10px;
	font-size: 10px;
	letter-spacing: 0;
}
.entry-date.date.updated {
	margin: 0 15px 0 1px;
}
.fas.fa-history {
	font-size: 10px;
}	
h1#archive-title {
	margin: 7px 0 0;
}
h1#archive-title::before, h1#archive-title::after {
	top: 29px;
	width: 15px;
	height: 1px;
}
h1#archive-title::before{
	margin-left: -20px;
}
.category-content.article {
	padding-bottom: 10px;
}
.category-content.article::before {
	height: 10px;
}
.category-page-content.entry-content {
	margin-top: 15px;
}
/* 見出し s */	
h1.entry-title {
	font-size: 23px;
	margin: 23px 25px;
	padding: 0;
}
.article h2 {
	font-size: 22px;
	margin: 18px -2px;
	padding: 15px 10px;
}
.article h3 {
	font-size: 19px;
	margin: 11px 0;
	padding: 7px 4px 7px 17px;
}	
.article h4 {
	font-size: 17px;
    margin: 0 0 0 27px;
    padding: 5px 2px;
}
.article h4::before {
    top: 14px;
    left: -23px;
    width: 6px;
	    height: 2px;
}
.article h4::after {
    top: 14px;
    left: -14px;
    width: 6px;
    height: 2px;
}
.h4box {
    font-size: 15px;
	    padding: 4px 20px 0 8px;
}
.article h5 {
	font-size: 16px;
}
/* 見出し その他 s*/	
h4.column {
    margin: 0 0 8px;
}
h3.icon, h4.icon {
	font-size: 18px;
	margin: 20px 0 8px 28px;
	    padding: 5px 3px;
}
h3.icon::before, h4.icon::before {
	top: 5px;
    left: -25px;
}
/* ステップバー s */
.step-wrap1 {
	margin: 15px 10px 15px -4px;
}
.step-title1 {
	font-size: 18px;
}
.step-body1 {
	font-size: 13px;
}	
.step-content1::before {
	top: 4px;
}
.step-content1::after {
    top: 26px;
    left: 10px;
}
/*ステップバー2 s */	
.step-wrap2 {
	margin: 0;
}
.step-content2 {
	padding: 5px 5px 5px 25px;
}
.step-title2 {
	font-size: 15px;
}	
.step-body2 {
	font-size: 12px;
}
.step-content2::before {
	top: 14px;
	width: 6px;
	height: 6px;
}
/* リスト s */
.article ol, .article ul {
    margin: 0 0 16px;
    padding: 4px 0 0 20px;
}
.article ul li::before {
	top: 10px;
	left: -17px;
	width: 8px;
	height: 8px;
}
/* mlリスト s */
.mlbox ul, .mlbox ol {
    margin: -4px 0 22px -12px;
}
/* 目次 s */
#toc {
	width: 100%;
}
.toc-content:after {
    width: 120%;
    left: -10%;
}
.toc-title {
    margin: 10px -28px;
}
.toc ul, .toc ol {
    padding: 0 0 4px;
}
.toc ul li {
	margin: 0 0 8px;
	font-size: 16px;
}
.toc li li {
	margin: 0;
}
.toc li li a {
	font-size: 12px;
}
.toc li li a::before {
	left: -12px;
 }
.toc li li a::before {
	top: 4px;
}
.back-toc {
    margin: 0 14px -18px 0;
}
	.back-toc a {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
/* テーブル s */
.scrollable-table th, .scrollable-table td {
	padding: 12px 6px;
    border: solid 1px #ececec;
}
td.left {
    text-align: left;
    padding-left: 20px;
}

.tpn {
    font-size: 9px;
    margin: -22px auto -8px;
}
/* 吹き出し s */
.sbs-flat .speech-balloon {
	padding: 20px;
	font-size: 14px;
}
/* まとめBOX s */
.mtmtitle {
	font-size: 15px;
}
.mtmtitle::before {
	width: 3px;
	height: 8px;
	top: 11px;
	left: 11px;
}
.mtmtitle::after {
	width: 3px;
	height: 12px;
	top: 6px;
	left: 17px;
}
.mtmbox {
	padding: 22px 24px 26px;
	margin: 30px 10px 20px;
}
.mtmtxt {
    font-size: 14px;
    margin: 0 0 -8px;
}
/* 補足BOX s */
.hosokubox {
	font-size: 14px;
	padding: 20px 20px 20px 25px;
	margin:  20px 4px;
	border-radius: 5px;
}
.hosokubox .bold {
    font-size: 13px;
}
/* 引用 s */	
blockquote {
	padding: 30px;
	  font-size: 13px;
	margin:  20px 10px 10px;
}	
blockquote::before {
	left: 10px;
	top: 3px;
	font-size: 55px;
}	
blockquote::after {
	right: 10px;
	bottom: 7px;
	font-size: 55px;
}
/* コード s */
pre {
	margin: 10px 1px;
	padding: 20px;
	font-size: 12px;
}
/* カラム s */
.column-wrap.column-2, .column-wrap.column-3 {
    font-size: 14px;
}
.column-wrap.column-2 div {
    margin: 0;
}
.column-wrap.column-2 .column-left p {
    margin-left: 4px;
	}
.column-wrap.column-2 .column-right p {

	margin-right: 4px;

}
.column-wrap.column-2 a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf {
    width: 97%;
	margin-bottom: 16px;
}
.column-wrap.column-2 .blogcard-thumbnail {
    margin: 0;
    height: 70px;
}
.column-wrap.column-2 .blogcard-footer {
    margin: 16px 0 2px;
}
.column-wrap.column-3 {
    margin: 0;
}
.column-wrap.column-3 .column-wrap.column-3 .blogcard.external-blogcard.eb-center.cf, .column-wrap.column-3 .blogcard.external-blogcard.eb-right.cf {
    margin: 0 -3px;
}
.column-wrap.column-3 div {
    margin: 0;
}
.column-wrap.column-3 .blogcard-thumbnail {
    height: 70px;
}
.column-wrap.column-2, .column-wrap.column-3 {
	margin-top: 8px;
}
.column-wrap.column-3 .column-left p {
    margin-right: -10px;
}
.column-wrap.column-3 .column-center p {
    margin: 0 -5px;
}
.column-wrap.column-3 .column-right p {
    margin-left: -10px;
}
/* blogcard s */
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf, a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf {
    text-decoration: none;
	    padding: 0;
}
.blogcard {
    padding: 12px 16px 8px;
}
.blogcard-content {
    margin: 6px 0 0 115px;
}
.blogcard-thumbnail {
    width: 100px;
}
.blogcard-title {
	font-size: 12px;
	margin: 0;
}
.blogcard-footer {
    position: absolute;
    bottom: 10px;
    right: 20px;
	    font-size: 10px;
	    color: #878787;
}
/* ブログカード s */
.blogcard-label {
    font-size: 10px;
}
.blogcard-type .bct-reference-link, .bct-together, .bct-detail, .bct-official, .bct-dl{
	margin-top: 40px;
}
/* amazon rakuten s */	
.shoplinkamazon, .shoplinkrakuten {
    width: 47%;
}
.shoplinkyahoo {
    width: 68%;
}
.product-item-buttons a {
    padding: 14px 0;
    margin: 4px ;
    margin: 4px 4px 6px;
}	
/* トグル s */	
.toggle-wrap .toggle-content {
	margin: -2px 2px 0;
    padding: 20px 22px 18px;
}
.toggle-checkbox:checked ~ .toggle-content {
    margin: -32px 2px 80px;
    padding: 28px 22px 18px;
}
/* 記事内カラム s */
.c-left, .c-right {
    width: 49.5%;
    margin: 8px 6px 2px 6px;
    padding: 10px 6px 0 ;
    font-size: 13px;
}	
.c-wrap ul {
    margin: 0;
    padding: 8px 8px 12px 12px;
}
.c-wrap ul li::before {
    width: 6px;
    height: 6px;
    left: -13px;
    top: 8px;
}

/*** 記事内 s -end ***/		

/* お問い合わせフォーム s */	
#wpcf7-f504-p1024-o1 {
	margin: 0 20px;
	padding: 0;
}
/* 記事下カテゴリ s */	
.cat-link {
	font-size: 12px;
}
/* ぱんクズ s */	
#breadcrumb {
	padding: 15px 20px;
}
/* 404 s */
#popular_entries-6 {
	width: inherit;
	padding: 10px;
}
#popular_entries-6 .card-content {
	width: 55%;
	margin-left: 10px;
}
#popular_entries-6 .popular-entry-card-title {
    font-size: 14px;
}
.widget-entry-cards .a-wrap {
    padding: 0 8px 0 20px;
}
.widget-entry-card-content {
    padding: 7px 5px 0 7px;
}
.widget-404-page-title {
	font-size: 22px;
}
/* 固定ページ s */
#birds, #globe, #halo {
    height: 200px;
    margin: 0 -22px 30px;
    width: 120%;
}
/* 関連記事 s */
#related-entries {
	margin: -10px 0 0;
	padding: 0 28px;
}
.related-list {
	display: inherit;
	flex-wrap: inherit;
}
.under-entry-content {
	padding-top: 10px;
	background: none;
}
h2.related-entry-heading, .footer-title {
    font-size: 22px;
    margin: 30px 0 20px 0;
    letter-spacing: 0;
}
h3.widget-footer-mobile-title.footer-title {
    margin: 40px 0 12px 0;
}
.related-list .a-wrap {
	padding: 0;
	margin: 0 0 10px;
	background: none;
	width: 100%;
	height: inherit;
	box-shadow: none;
}
.related-entry-card-thumb {
	width: 40%;
	margin: 0;
}
.related-entry-card-thumb img {
	border-radius: 4px;
}
.related-entry-card .cat-label {
	display: none;
}
h3.related-entry-card-title {
	font-size: 15px;
}
.related-entry-card-meta.card-meta.e-card-meta {
    display: none;
}

/*** フッター s ****/
.footer-title {
    font-weight: bold;
    font-size: 22px;
    margin: 30px 0 20px 0;
    color: #000;
    letter-spacing: 0;
}
/* アーカイブ カテゴリ　s */
#archives-10 h3.widget-footer-mobile-title.footer-title, #categories-10 h3.widget-footer-mobile-title.footer-title {
    font-weight: bold;
    font-size: 14px;
    margin: 30px 0 15px;
}
/* 人気記事 s */
.popular-entry-card-title.widget-entry-card-title.card-title {
    margin: -7px 8px 0px;
    font-size: 14px;
}
#popular_entries-11,#popular_entries-9 {
    margin: 0;
}
/* パンくずリスト s */
.breadcrumb .sp .fa-angle-right::before {
	font-size: 10px;
 }
/* プロフィール s */
.footer-widgets, .footer-widgets-mobile{
	margin: 0 auto;
}
#custom_html-7 {
	margin: 0;
	padding: 0;
}
.prof {
		padding: 0 40px;
	 height: auto;
}
.proname {
	height: auto;
	margin: 5px 0 -5px 2px;	
    letter-spacing: -0.5px;
	font-weight: bold;
}
.prosns {
	margin: -6px 0 12px;
}
.proad {
	height: auto;
	max-width: inherit;
}
.proad img {
border-radius: 0;
}
.prolinks {
	margin: 0;
	padding: 8px 0 4px;
	height: inherit;
}
.footer-bottom {
    padding: 10px 0;
    margin-bottom: 12px;
}
#custom_html-36 {
 	display: inherit;   
	width: 13%;
    position: absolute;
    top: -70px;
    margin: 0 auto;
}
.copyright {
	font-size: 10px;
	letter-spacing: 0.2px;
	margin-bottom: -4px;
}
.stepbox {
    font-size: 15px;
}
.amazon-item-buttons.product-item-buttons {
    display: flex;
    align-content: space-around;
    flex-direction: column;
}
.rakuten-item-title.product-item-title a {
    color: #000;
	font-weight: bold;
    text-decoration: inherit;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo {
    width: 80%;
}
.highlight {
    font-size: 13px;
 }
.marker {
    font-size: 15px;
}
.bold {
    font-size: 15px;
	    padding: 0 1px;
}
.bin{
font-size: 10px;
}
.article ul li, .article ol li {
font-size: 15px;
}

.mctxtn::before {
    width: 15px;
    top: 9px;
    left: -18px;
}
.mctxtn::after {
    width: 15px;
    top: 9px;
    right: -18px;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type h2.entry-card-title.card-title.e-card-title {
    padding-bottom: 24px;
	padding-top: 0;
}
.entry-card-content.card-content.e-card-content {
    padding: 0px;
}
	
/********* 480以下（ダークモード）sdm */	
@media (prefers-color-scheme: dark) {
.content, .body {
	background: #151515;
}
.rakuten-item-title.product-item-title a {
    color: #ccc;
}
.shoplinkamazon a {
    color: #a9711f;
}
.shoplinkrakuten a {
    color: #bf4442;
}
.shoplinkyahoo a {
    color: #097d72;
}
.scrollable-table th, .scrollable-table td {
    border: solid 1px #2c2c2c;
}
	
}	
}