@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*/////////////////////////////////////////////////
■                                                                     
     ■                               ■            ■                        
■■■■■■  ■■■  ■■■■■■■■■■■      ■    ■ ■     ■    ■ ■               ■■       
     ■■■     ■    ■    ■     ■■■■■■■      ■■■■■■■                  ■■■■    
 ■■■■■■■■    ■    ■    ■     ■     ■      ■     ■                          
 ■   ■   ■   ■    ■    ■    ■■     ■     ■■     ■                          
 ■■■■■■■■■   ■    ■    ■    ■      ■     ■      ■                         ■
 ■   ■   ■   ■■■■■■■■■■■   ■  ■■   ■    ■  ■■   ■    ■■■■■■■■■            ■
 ■■■■■■■■■   ■    ■    ■  ■    ■■  ■   ■    ■■  ■                         ■
    ■■■      ■    ■    ■        ■■■          ■■■                          ■
  ■■ ■■■     ■    ■    ■         ■■           ■■                  ■      ■■
■■■  ■  ■■■  ■    ■    ■         ■            ■                    ■■   ■■ 
     ■       ■■■■■■■■■■■    ■■■■■■       ■■■■■■                     ■■■■   
                             ■■           ■■                                                                                
/////////////////////////////////////////////////*/
main,
.breadcrumb{
	transition: background .5s;
}
.pc_no{display: none;}
.sp_no{display: block;}
.tc{text-align: center;}
header#header{
    padding-top: calc(1em + 20px);
}
.loading{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    background: #323232;
    display: table;
}
.loading::before{
    content: '';
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    max-width: 440px;
    height: 100px;
    background: url("loading.png") no-repeat center;
    animation: loading 4s infinite;
    opacity: 0;
}
@keyframes loading{
    50%{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
.loadingBar {
    width: 0;
    height: 4px;
    background: #FEF6B7;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.2s linear 0s;
    z-index: 5;
}
#btn-dark-mode{
	display: none;
}
.ma_img img{
	margin: 0 auto;
	display: block;
}
.article h2{
    margin: 2.4em 0 1em;
		border-radius: 5px;
		box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.a-wrap{
    padding: 1.5% 0;
		margin-bottom: 5%;
}
.a-wrap.blogcard-wrap{
    padding: 0;
		border-radius: 5px;
}
.entry-content .toc{
	width: 100%;
}
.entry-content > p{
	padding-left: 40px;
	padding-right: 40px;
}
.caption-box{
	margin-left: 40px;
	margin-right: 40px;
}
figure.wp-block-image figcaption{
	padding: 10px;
}
.jetpack-lazy-image[data-lazy-loaded="1"]{
	animation: show 1s linear;
}
/* トップページ */
.front-top-page #header-container.nobg{
	text-align:center;
}
.front-top-page #header-container #navi-in{
	transition: .5s;
}
.front-top-page #header-container.nobg #navi-in{
	background: none;
}
.front-top-page .header-container-in{
	position: relative;
}
.front-top-page #header{
	height: 70vh;
	position: relative;
	overflow: hidden;
	background: url("video6.jpg") no-repeat center top;
	background-size: cover;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.front-top-page #header-in{
	z-index: 2;
	position: relative;
}
.front-top-page #header-container .tagline {
	display:block;
}
.front-top-page #header-container .logo-header img{
	width:auto;
}
#bgvid_wrap {
	width: 100%;
	position: absolute;
	z-index: 1;
}
.front-top-page #header-container #header video {
	position: absolute;
	right: 0;
    left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	transition: opacity .5s;
	opacity: .1;
}
.front-top-page #header-container.nobg #header video {
	opacity: 1;
}
.front-top-page #header-container .navi{
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: none;
}
.top-cate-btn{
    margin: 10px 0 20px;
    border-radius: 5px;
    overflow: hidden;
	display: flex;
	flex-wrap: wrap;
    box-shadow: 0 3px 10px -2px rgba(0,0,0,.2);
}
.top-cate-btn label{
	width: calc(100% / 4);
	padding: 10px;
	text-align: center;
	background: #eee;
	transition: .5s;
    border-right: 1px solid #ddd;
}
.top-cate-btn label:last-of-type{
    border-right: none;
}
.tab-cont,input[name="tab_item"]{
	display: none;
}
#tab1:checked ~ .tab-cont.tb1,
#tab2:checked ~ .tab-cont.tb2,
#tab3:checked ~ .tab-cont.tb3,
#tab4:checked ~ .tab-cont.tb4{
	display: block;
    animation: show 1s linear;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.front-top-page .tab-cont .button-block{
	max-width:320px;
	margin: 0 auto;
}
.front-top-page #content-in{
	align-items: flex-start;
}
/* 共通 */
#header-container .tagline {
	display:none;
}
#header-container .logo-header{
	padding:20px 0 10px;
}
.logo-header{
	animation: fadeIn 1s ease 1 normal;
}
.article h3{
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
	border:none;
	font-size:1.2rem;
	padding:12px 0;
}
.article h3::before,
.article h3::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.article h3:before{
	border-bottom: 3px solid #80c8d1;
	width: 100%;
}
.article h3:after{
	border-bottom: 3px solid #E5E5E5;
	width: 100%;
}
.article h4{
	font-size:1rem;
}
.hhlabel{
	display: inline-block;
	color: #FFF;
	margin:20px 0 0;
	padding: 0 15px 1px;
	border-radius: 0 10px 0 0 / 0 10px 0 0;
	font-size: 1rem;
}
.content pre{
	margin-top:0;
	border:none;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
#navi-in{
	border-radius: 5px 5px 0 0;
}
.navi-in > ul li {
	-webkit-flex: 1;
	flex: 1;
}
div.sub-caption{
	opacity: .6;
}
#navi .navi-in > .menu-header .sub-menu{
	width:100%;
	animation: show .5s;
}
body.single .content .entry-content h2{
	position: relative;
}
/* body.single .content .entry-content h2::after,
.sns-share-message::after,
.sns-follow-message::after,
.ori_cont h2::after{
	position: absolute;
	content: "";
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	width: 0;
	height: 0;
} */
.carousel-in{
	background: none;
}
.carousel-in a{
	color: #FFF;
}
.carousel .slick-dotted.slick-slider {
	margin-bottom: 20px;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before{
	color: #FFF;
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .ect-big-card .card-thumb{
	margin-bottom:20px;
}
h2.related-entry-heading,
h2.comment-title{
	position: relative;
	border-bottom: 2px solid #E5E5E5;
	font-weight: 900;
	font-size: 1.8rem;
	line-height: 1.5;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
h2.related-entry-heading::before,
h2.comment-title::before{
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	width: 20%;
	height: 2px;
}
.sns-share-message,
.sns-follow-message,
.ori_cont h2{
	margin: 2.4em 0 1.4em;
	font-size: 24px;
	padding: 25px;
	border-radius: 5px;
	line-height: 1.25;
	font-weight: bold;
	position: relative;
	text-align: left;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.a-wrap:hover h2,
.a-wrap:hover h3{
	transition: 1s;
}
.breadcrumb,.content table tr{
	background:#FFF;
}
figure.wp-block-table table{
    width: 100%;
}
.content table tr:nth-child(even) {
	background: #F2F2F2;
}
.content table {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
.content table th,
.content table td{
    padding: 10px;
	text-align:center;
	border: 1px solid #aaa;
}
.content table th{
	color:#323232;
}
.entry-card-title, .related-entry-card-title{
	font-size: 1.4rem;
	line-height: 1.4;
}
.entry-card-snippet, .related-entry-card-snippet{
	padding-bottom: 20px;
	font-size: 1rem;
	line-height: 1.6;
}
.entry-card .cat-label{
	display: none;
}
.entry-card-meta, .related-entry-card-meta{
	display: flex;
}
.entry-card .entry-card-meta .entry-card-categorys {
    display: inline-block;
}
.entry-card .entry-card-meta .entry-category {
	background: #eee;
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	margin-top: 5px;
    margin-left: 5px;
    transition: .5s;
}
.entry-card .entry-card-meta .entry-category:hover {
    background: #333;
    color: #FFF;
}
.entry-card .entry-card-info > * {
	font-size: 0.9rem;
	margin-top: 5px;
}
.widget-entry-cards.ranking-visible .card-thumb{
	margin-bottom: 10px;
}
.widget a.tag-cloud-link{
    background: #FFF;
}
.prof_icon span.external-icon,
.prof_icon span.internal-icon{
	display: none;
}
.comment-respond .submit{
	border-width: 1px;
}
.commets-list .even > ul.children{
	background: #eee;
}
.commets-list .odd > ul.children{
	background: #FFF;
}
.entry-card-content{
	margin-left: 340px;
}
.wp-block-embed__wrapper > *{
	margin-left: auto;
	margin-right: auto;
}
.video-container{
    margin-left: auto;
    margin-right: auto;
}
.rating-star .fa-star:before{
	color: #ffb600;
	text-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
.sbi_photo_wrap .fa-external-link{
	display:none;
}
body#n1{
	background: linear-gradient(128deg, #191919, #83B2B7);
}
body#n1 ::selection, body#n1 .mobile-menu-buttons, body#n1 #navi-in,#n1 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n1 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n1 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n1 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n1 .top-cate-btn label:hover {background: #83B2B7; color: #fff;}
body#n1 ::-moz-selection{background: #83B2B7; color: #fff;}
#n1 .globalNavi__list, #n1 .eyecatch__cat a, #n1 .pagetop, #n1 .archiveTitle::before, #n1 h2.related-entry-heading::before, #n1 h2.comment-title::before, #n1 .btn__link:hover, #n1 .widget .tag-cloud-link:hover, #n1 .comments__list .comment-reply-link:hover, #n1 .widget::before, #n1 .widget .calendar_wrap tbody a:hover, #n1 .comments__list .comment-meta, #n1 .ctaPost__btn, #n1 .prevNext__pop,#n1 ol.nlist1 li:before,#n1 .hhlabel,#n1 .ctaPost__title,#n1 ol.toc-list li:before,#n1 .loadingBar,#n1 .top-page .button-block a{
	background: #83B2B7;
}
#n1 .archiveList,#n1 .sidebar h3,#n1 .article h3:before,#n1 ol.nlist1 li{
	border-bottom-color: #83B2B7;
}
#n1 .btn__link, #n1 .widget .tag-cloud-link, #n1 .comment-respond .submit, #n1 .comments__list .comment-reply-link,#n1 ul.list2 li:before{
	border-color: #83B2B7;
	color: #83B2B7;
}
#n1 .globalNavi__switch,#n1.single .content .entry-content h2,#n1 .sns-share-message,#n1 .sns-follow-message,#n1 .ori_cont h2,#n1 .blogcard-label {
	background-color: #83B2B7;
}
#n1.single .content .entry-content h2,
#n1 .widget .tag-cloud-link:hover,
#n1 .sns-share-message,
#n1 .sns-follow-message,
#n1 .ori_cont h2{
	color: #FFF;
}
#n1 pre[class*="language-"]>code,#n1 ul.list1 li{
	border-left: 5px solid #83B2B7;
}
#n1 ul.list2,#n1 ol.nlist1,#n1 .toc,#n1 ol.toc-list ol{
	border-color: #83B2B7;
}
#n1.single .content .entry-content h2::after,#n1 .sns-share-message::after,#n1 .sns-follow-message::after,#n1 .ori_cont h2::after{
	border-top: 15px solid #83B2B7;
}
#n1 .content .bgBox,#n1 .content .paperBox,#n1 .content table th,#n1 .blogcard-wrap:hover,#n1 .pager-post-navi > a:hover{
	background: #83B2B7;
}
#n1 .content .paperBox::after{
	border-color: #83B2B7 #FFF #FFF #83B2B7;
}
#n1 .content .bgBox a,
#n1 .content .paperBox a,
#n1 .heading.heading-first:first-letter,
#n1 .breadcrumb__item a:hover,
#n1 .heading a:hover,
#n1 .widget a:hover,
#n1 .footerNavi__list li a:hover,
#n1 .ctaPost__btn:hover,
#n1 .old-post-message p span,
#n1 .fa-close:before,
#n1 .a-wrap:hover h2,
#n1 .a-wrap:hover h3,
#n1 .pt:hover::before{
	color:#83B2B7;
}
#n1 .article h4{
	border-color: #83B2B7;
}
#n1 .ctaPost__btn{
	border:1px solid #83B2B7;
}
#n1 .content table tr:hover th,#n1 #navi .navi-in > .menu-header .sub-menu{
	background: #83B2B7;
}
#n1 .content table tr:hover td{
	background: #83B2B7;
}
#n1 .pagination-next-link, #n1 .comment-btn, #n1 .card-thumb{
	background-color: #83B2B7;
	color: #fff;
}
#n1 .pagination-next-link:hover,
#n1 .comment-btn:hover,
#n1 .theme-change{
	background-color: #83B2B7;
}
#n1 .page-numbers {
	color: #83B2B7;
	border: 1px solid #83B2B7;
}
#n1 .pagination .current,
#n1 .pagination a:hover,
#n1 .comment-respond .submit:hover {
	background-color: #83B2B7;
	color: #fff;
}
#n1 .head_line ul li .day,#n1 .head_line ul li a:hover{
	color: #83B2B7;
}
#n1 .pt svg.pt-circle path {stroke: #83B2B7;}
body#n2{
	background: linear-gradient(128deg, #191919, #FEF6B7);
}
body#n2 ::selection,body#n2 .mobile-menu-buttons, body#n2 #navi-in,#n2 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n2 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n2 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n2 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n2 .top-cate-btn label:hover {background: #FEF6B7; color: #666;}
body#n2 ::-moz-selection {background: #FEF6B7; color: #666;}
#n2 .globalNavi__list, #n2 .eyecatch__cat a, #n2 .pagetop, #n2 .archiveTitle::before, #n2 h2.related-entry-heading::before, #n2 h2.comment-title::before, #n2 .btn__link:hover, #n2 .widget .tag-cloud-link:hover, #n2 .comments__list .comment-reply-link:hover, #n2 .widget::before, #n2 .widget .calendar_wrap tbody a:hover, #n2 .comments__list .comment-meta, #n2 .ctaPost__btn, #n2 .prevNext__pop,#n2 ol.nlist1 li:before,#n2 .hhlabel,#n2 .ctaPost__title,#n2 .loadingBar,#n2 .top-page .button-block a{
	background: #FEF6B7;
}
#n2 .archiveList,#n2 .sidebar h3,#n2 .article h3:before,#n2 ol.nlist1 li{
	border-bottom-color: #FEF6B7;
}
#n2 .btn__link, #n2 .comments__list .comment-reply-link,#n2 ul.list2 li:before{
	border-color: #FEF6B7;
	color: #FEF6B7;
}
#n2 .globalNavi__switch,#n2.single .content .entry-content h2,#n2 .sns-share-message,#n2 .sns-follow-message,#n2 .ori_cont h2,#n2 .blogcard-label,
#n2 .theme-change,#n2 .pagination-next-link, #n2 .comment-btn, #n2 .card-thumb,#n2 ol.toc-list li:before{
	background-color: #FEF6B7;
	color: #666;
}
#n2 .theme-change::before,
#n2 .top-page .button-block a,
#n2 .ori_cont h2,
#n2 .mobile-menu-buttons .menu-button>a,
#n2 .header,#n2 .header .site-name-text,#n2 #navi .navi-in a,#n2 #navi .navi-in a:hover{
	color: #666;
}
#n2.front-top-page #header-container.nobg .navi-in a,
#n2 #header-container .tagline{
	color: #FFF;
}
#n2 pre[class*="language-"]>code,#n2 ul.list1 li{
	border-left: 5px solid #FEF6B7;
}
#n2 ul.list2,#n2 ol.nlist1,#n2 .toc,#n2 .widget .tag-cloud-link,#n2 ol.toc-list ol{
	border-color: #FEF6B7;
}
#n2.single .content .entry-content h2::after,#n2 .sns-share-message::after,#n2 .sns-follow-message::after,#n2 .ori_cont h2::after{
	border-top: 15px solid #FEF6B7;
}
#n2 .content .bgBox,#n2 .content .paperBox,#n2 .content table th,#n2 .blogcard-wrap:hover,#n2 .pager-post-navi > a:hover{
	background: #ffefb2;
}
#n2 .content .paperBox::after{
	border-color: #FEF6B7 #FFF #FFF #FEF6B7;
}
#n2 .content .bgBox a,
#n2 .content .paperBox a,
#n2 .heading.heading-first:first-letter,
#n2 .breadcrumb__item a:hover,
#n2 .heading a:hover,
#n2 .widget a:hover,
#n2 .footerNavi__list li a:hover,
#n2 .ctaPost__btn:hover,
#n2 .old-post-message p span,
#n2 .fa-close:before,
#n2 .a-wrap:hover h2,
#n2 .a-wrap:hover h3,
#n2 .head_line ul li .day,
#n2 .head_line ul li a:hover,
#n2 .pt:hover::before{
	color:#FEF6B7;
}
#n2 .article h4{
	border-color: #FEF6B7;
}
#n2 .ctaPost__btn{
	border:1px solid #FEF6B7;
}
#n2 .content table tr:hover th,#n2 #navi .navi-in > .menu-header .sub-menu{
	background: #ffe066;
}
#n2 .content table tr:hover td{
	background: #FFF9E5;
}
#n2 div.sub-caption{
    opacity: 1;
    color: #999;
}
#n2 #navi .navi-in > .menu-header .sub-menu a,#n4 #navi .navi-in > .menu-header .sub-menu a,#n5 #navi .navi-in > .menu-header .sub-menu a,#n2 .comment-respond .submit,#n2 .widget .tag-cloud-link:hover,#n2 .hhlabel{
	color: #333;
}
#n2 .pagination-next-link:hover,
#n2 .comment-btn:hover {
	background-color: #FEF6B7;
}
#n2 .page-numbers {
	border: 1px solid #FEF6B7;
}
#n2 .pagination .current,
#n2 .pagination a:hover,
#n2 .comment-respond .submit:hover {
	background-color: #FEF6B7;
	color: #333;
}
#n2 .pt svg.pt-circle path {stroke: #FEF6B7;}
body#n3{
	background: linear-gradient(128deg, #191919, #f18d5f);
}
body#n3 ::selection,body#n3 .mobile-menu-buttons, body#n3 #navi-in,#n3 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n3 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n3 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n3 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n3 .top-cate-btn label:hover {background: #f18d5f; color: #fff;}
body#n3 ::-moz-selection {background: #f18d5f; color: #fff;}
#n3 .globalNavi__list, #n3 .eyecatch__cat a, #n3 .pagetop, #n3 .archiveTitle::before, #n3 h2.related-entry-heading::before, #n3 h2.comment-title::before, #n3 .btn__link:hover, #n3 .widget .tag-cloud-link:hover, #n3 .comments__list .comment-reply-link:hover, #n3 .widget::before, #n3 .widget .calendar_wrap tbody a:hover, #n3 .comments__list .comment-meta, #n3 .ctaPost__btn, #n3 .prevNext__pop,#n3 ol.nlist1 li:before,#n3 .hhlabel,#n3 .ctaPost__title,#n3 ol.toc-list li:before,#n3 .loadingBar,#n3 .top-page .button-block a{
	background: #f18d5f;
}
#n3 .archiveList,#n3 .sidebar h3,#n3 .article h3:before,#n3 ol.nlist1 li{
	border-bottom-color: #f18d5f;
}
#n3 #navi .navi-in .sub-menu a,#n3 #navi .navi-in .sub-menu a:hover{
    color: #333;
}
#n3 .btn__link, #n3 .widget .tag-cloud-link, #n3 .comment-respond .submit, #n3 .comments__list .comment-reply-link,#n3 ul.list2 li:before{
	border-color: #f18d5f;
	color: #f18d5f;
}
#n3 .globalNavi__switch,#n3.single .content .entry-content h2,#n3 .sns-share-message,#n3 .sns-follow-message,#n3 .ori_cont h2,#n3 .blogcard-label,
#n3 .theme-change{
	background-color: #f18d5f;
}
#n3.single .content .entry-content h2,
#n3 .widget .tag-cloud-link:hover,
#n3 .sns-share-message h2,
#n3 .sns-follow-message h2,
#n3 .sns-share-message, #n3 .sns-follow-message,#n3 .ori_cont h2{
	color: #FFF;
}
#n3 pre[class*="language-"]>code,#n3 ul.list1 li{
	border-left: 5px solid #f18d5f;
}
#n3 ul.list2,#n3 ol.nlist1,#n3 .toc,#n3 ol.toc-list ol{
	border-color: #f18d5f;
}
#n3.single .content .entry-content h2::after,#n3 .sns-share-message::after,#n3 .sns-follow-message::after,#n3 .ori_cont h2::after{
	border-top: 15px solid #f18d5f;
}
#n3 .content .bgBox,#n3 .content .paperBox,#n3 .content table th,#n3 .blogcard-wrap:hover{
	background: #f5cccc;
}
#n3 .content .paperBox::after{
	border-color: #f18d5f #FFF #FFF #f18d5f;
}
#n3 .content .bgBox a,
#n3 .content .paperBox a,
#n3 .heading.heading-first:first-letter,
#n3 .breadcrumb__item a:hover,
#n3 .heading a:hover,
#n3 .widget a:hover,
#n3 .footerNavi__list li a:hover,
#n3 .ctaPost__btn:hover,
#n3 .old-post-message p span,
#n3 .fa-close:before,
#n3 .a-wrap:hover h2,
#n3 .a-wrap:hover h3,
#n3 .pt:hover::before{
	color:#f18d5f;
}
#n3 .article h4{
	border-color: #f18d5f;
}
#n3 .ctaPost__btn{
	border:1px solid #f18d5f;
}
#n3 .content table tr:hover th,#n3 #navi .navi-in > .menu-header .sub-menu,#n3 .pager-post-navi > a:hover{
	background: #f18d5f;
	color: #FFF;
}
#n3 .content table tr:hover td{
	background: #fae5e5;
}
#n3 .pagination-next-link,#n3 .comment-btn,#n3 .card-thumb{
	background-color: #f18d5f;
	color: #fff;
}
#n3 .pagination-next-link:hover,
#n3 .comment-btn:hover,
#n3 .comment-respond .submit:hover {
	background-color: #f18d5f;
}
#n3 .page-numbers {
	color: #f18d5f;
	border: 1px solid #f18d5f;
}
#n3 .pagination .current,
#n3 .pagination a:hover {
	background-color: #f18d5f;
	color: #fff;
}
#n3 .head_line ul li .day,#n3 .head_line ul li a:hover{
	color: #f18d5f;
}
#n3 .pt svg.pt-circle path {stroke: #f18d5f;}
body#n4{
	background: linear-gradient(128deg, #191919, #6667ab);
}
body#n4 ::selection,body#n4 .mobile-menu-buttons, body#n4 #navi-in,#n4 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n4 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n4 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n4 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n4 .top-cate-btn label:hover {background: #6667ab; color: #fff;}
body#n4 ::-moz-selection{background: #6667ab; color: #fff;}
#n4 .globalNavi__list, #n4 .eyecatch__cat a, #n4 .pagetop, #n4 .archiveTitle::before, #n4 h2.related-entry-heading::before, #n4 h2.comment-title::before, #n4 .btn__link:hover, #n4 .widget .tag-cloud-link:hover, #n4 .comments__list .comment-reply-link:hover, #n4 .widget::before, #n4 .widget .calendar_wrap tbody a:hover, #n4 .comments__list .comment-meta, #n4 .ctaPost__btn, #n4 .prevNext__pop,#n4 ol.nlist1 li:before,#n4 .hhlabel,#n4 .ctaPost__title,#n4 ol.toc-list li:before,#n4 .loadingBar,#n4 .top-page .button-block a{
	background: #6667ab;
}
#n4 .archiveList,#n4 .sidebar h3,#n4 .article h3:before,#n4 ol.nlist1 li{
	border-bottom-color: #6667ab;
}
#n4 .btn__link, #n4 .widget .tag-cloud-link, #n4 .comment-respond .submit, #n4 .comments__list .comment-reply-link,#n4 ul.list2 li:before{
	border-color: #6667ab;
	color: #6667ab;
}
#n4 .globalNavi__switch,#n4.single .content .entry-content h2,#n4 .sns-share-message,#n4 .sns-follow-message,#n4 .ori_cont h2,
#n4 .theme-change{
	background-color: #6667ab;
}
#n4.single .content .entry-content h2,
#n4 .sns-share-message h2,
#n4 .sns-follow-message h2,
#n4 .sns-share-message, #n4 .sns-follow-message,#n4 .ori_cont h2,
#n4 #navi .navi-in>.menu-header .sub-menu a{
	color: #FFF;
}
#n4 pre[class*="language-"]>code,#n4 ul.list1 li{
	border-left: 5px solid #6667ab;
}
#n4 ul.list2,#n4 ol.nlist1,#n4 .toc,#n4 ol.toc-list ol{
	border-color: #6667ab;
}
#n4.single .content .entry-content h2::after,#n4 .sns-share-message::after,#n4 .sns-follow-message::after,#n4 .ori_cont h2::after{
	border-top: 15px solid #6667ab;
}
#n4 .content .bgBox,#n4 .content .paperBox,#n4 .content table th,#n4 .blogcard-wrap:hover,#n4 .pager-post-navi > a:hover{
	background: #b3f1f1;
}
#n4 .content .paperBox::after{
	border-color: #6667ab #FFF #FFF #6667ab;
}
#n4 .content .bgBox a,
#n4 .content .paperBox a,
#n4 .heading.heading-first:first-letter,
#n4 .breadcrumb__item a:hover,
#n4 .heading a:hover,
#n4 .widget a:hover,
#n4 .footerNavi__list li a:hover,
#n4 .ctaPost__btn:hover,
#n4 .old-post-message p span,
#n4 .fa-close:before,
#n4 .a-wrap:hover h2,
#n4 .a-wrap:hover h3,
#n4 .head_line ul li .day,
#n4 .head_line ul li a:hover,
#n4 .pt:hover::before{
	color:#6667ab;
}
#n4 .article h4{
	border-color: #6667ab;
}
#n4 .ctaPost__btn{
	border:1px solid #6667ab;
}
#n4 .content table tr:hover th,#n4 #navi .navi-in > .menu-header .sub-menu{
	background: #6667ab;
}
#n4 .content table tr:hover td{
	background: #e5fafa;
}
#n4 div.sub-caption{
	opacity:1;
}
#n4 .pagination-next-link,#n4 .comment-btn,#n4 .card-thumb,#n4 .blogcard-label{
	background-color: #6667ab;
	color: #333;
}
#n4 .pagination-next-link:hover,
#n4 .comment-btn:hover {
	background-color: #6667ab;
	color: #FFF;
}
#n4 .page-numbers {
	color: #6667ab;
	border: 1px solid #6667ab;
}
#n4 .pagination .current,
#n4 .pagination a:hover,
#n4 .comment-respond .submit:hover {
	background-color: #6667ab;
	color: #fff;
}
#n4 .widget .tag-cloud-link:hover{
	color: #333;
}
#n4 .pt svg.pt-circle path {stroke: #6667ab;}
body#n5{
	background: linear-gradient(128deg, #191919, #A1AB9A);
}
body#n5 ::selection,body#n5 .mobile-menu-buttons, body#n5 #navi-in,#n5 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n5 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n5 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n5 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n5 .top-cate-btn label:hover {background: #A1AB9A; color: #fff;}
body#n5 ::-moz-selection {background: #A1AB9A; color: #fff;}
#n5 .globalNavi__list, #n5 .eyecatch__cat a, #n5 .pagetop, #n5 .archiveTitle::before, #n5 h2.related-entry-heading::before, #n5 h2.comment-title::before, #n5 .btn__link:hover, #n5 .widget .tag-cloud-link:hover, #n5 .comments__list .comment-reply-link:hover, #n5 .widget::before, #n5 .widget .calendar_wrap tbody a:hover, #n5 .comments__list .comment-meta, #n5 .ctaPost__btn, #n5 .prevNext__pop,#n5 ol.nlist1 li:before,#n5 .hhlabel,#n5 .ctaPost__title,#n5 ol.toc-list li:before,#n5 .loadingBar,#n5 .top-page .button-block a{
	background: #A1AB9A;
}
#n5 .archiveList,#n5 .sidebar h3,#n5 .article h3:before,#n5 ol.nlist1 li{
	border-bottom-color: #A1AB9A;
}
#n5 .btn__link, #n5 .widget .tag-cloud-link, #n5 .comment-respond .submit, #n5 .comments__list .comment-reply-link,#n5 ul.list2 li:before{
	border-color: #A1AB9A;
	color: #A1AB9A;
}
#n5 .globalNavi__switch,#n5.single .content .entry-content h2,#n5 .sns-share-message,#n5 .sns-follow-message,#n5 .ori_cont h2,#n5 .blogcard-label,
#n5 .theme-change{
	background-color: #A1AB9A;
}
#n5.single .content .entry-content h2,
#n5 .widget .tag-cloud-link:hover,
#n5 .sns-share-message,
#n5 .sns-follow-message,#n5 .ori_cont h2{
	color:#FFF;
}
#n5 pre[class*="language-"]>code,#n5 ul.list1 li{
	border-left: 5px solid #A1AB9A;
}
#n5 ul.list2,#n5 ol.nlist1,#n5 .toc,#n5 ol.toc-list ol{
	border-color: #A1AB9A;
}
#n5.single .content .entry-content h2::after,#n5 .sns-share-message::after,#n5 .sns-follow-message::after,#n5 .ori_cont h2::after{
	border-top: 15px solid #A1AB9A;
}
#n5 .content .bgBox,#n5 .content .paperBox,#n5 .content table th,#n5 .blogcard-wrap:hover,#n5 .pager-post-navi > a:hover{
	background: #C5E7B3;
}
#n5 .content .paperBox::after{
	border-color: #A1AB9A #FFF #FFF #A1AB9A;
}
#n5 .content .bgBox a,
#n5 .content .paperBox a,
#n5 .heading.heading-first:first-letter,
#n5 .breadcrumb__item a:hover,
#n5 .heading a:hover,
#n5 .widget a:hover,
#n5 .footerNavi__list li a:hover,
#n5 .ctaPost__btn:hover,
#n5 .old-post-message p span,
#n5 .fa-close:before,
#n5 .a-wrap:hover h2,
#n5 .a-wrap:hover h3,
#n5 .pt:hover::before{
	color:#A1AB9A;
}
#n5 .article h4{
	border-color: #A1AB9A;
}
#n5 .ctaPost__btn{
	border:1px solid #A1AB9A;
}
#n5 .content table tr:hover th,#n5 #navi .navi-in > .menu-header .sub-menu{
	background: #A1AB9A;
}
#n5 .content table tr:hover td{
	background: #eff7eb;
}
#n5 .pagination-next-link,#n5 .comment-btn,#n5 .card-thumb{
	background-color: #A1AB9A;
	color: #333;
}
#n5 .pagination-next-link:hover,
#n5 .comment-btn:hover {
	background-color: #A1AB9A;
	color: #fff;
}
#n5 .page-numbers {
	color: #A1AB9A;
	border: 1px solid #A1AB9A;
}
#n5 .pagination .current,
#n5 .pagination a:hover,
#n5 .comment-respond .submit:hover {
	background-color: #A1AB9A;
	color: #fff;
}
#n5 .head_line ul li .day,#n5 .head_line ul li a:hover{
	color: #A1AB9A;
}
#n5 .pt svg.pt-circle path {stroke: #A1AB9A;}
body#n6{
	background: linear-gradient(128deg, #191919, #7686A0);
}
body#n6 ::selection,body#n6 .mobile-menu-buttons, body#n6 #navi-in,#n6 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n6 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n6 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n6 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n6 .top-cate-btn label:hover {background: #3B5998; color: #fff;}
body#n6 ::-moz-selection{background: #3B5998; color: #fff;}
#n6 .globalNavi__list, #n6 .eyecatch__cat a, #n6 .pagetop, #n6 .archiveTitle::before, #n6 h2.related-entry-heading::before, #n6 h2.comment-title::before, #n6 .btn__link:hover, #n6 .widget .tag-cloud-link:hover, #n6 .comments__list .comment-reply-link:hover, #n6 .widget::before, #n6 .widget .calendar_wrap tbody a:hover, #n6 .comments__list .comment-meta, #n6 .ctaPost__btn, #n6 .prevNext__pop,#n6 ol.nlist1 li:before,#n6 .hhlabel,#n6 .ctaPost__title,#n6 ol.toc-list li:before,#n6 .loadingBar,#n6 .top-page .button-block a{
	background: #3B5998;
}
#n6 .archiveList,#n6 .sidebar h3,#n6 .article h3:before,#n6 ol.nlist1 li{
	border-bottom-color: #3B5998;
}
#n6 .btn__link, #n6 .widget .tag-cloud-link, #n6 .comment-respond .submit, #n6 .comments__list .comment-reply-link,#n6 ul.list2 li:before{
	border-color: #3B5998;
	color: #3B5998;
}
#n6 .globalNavi__switch,#n6.single .content .entry-content h2,#n6 .sns-share-message,#n6 .sns-follow-message,#n6 .ori_cont h2,
#n6 .theme-change{
	background-color: #3B5998;
}
#n6.single .content .entry-content h2,
#n6 .widget .tag-cloud-link:hover,
#n6 .sns-share-message,
#n6 .sns-follow-message,#n6 .ori_cont h2{
	color: #FFF;
}
#n6 pre[class*="language-"]>code,#n6 ul.list1 li{
	border-left: 5px solid #3B5998;
}
#n6 ul.list2,#n6 ol.nlist1,#n6 .toc,#n6 ol.toc-list ol{
	border-color: #3B5998;
}
#n6.single .content .entry-content h2::after,#n6 .sns-share-message::after,#n6 .sns-follow-message::after,#n6 .ori_cont h2::after{
	border-top: 15px solid #3B5998;
}
#n6 .content .bgBox,#n6 .content .paperBox,#n6 .content table th,#n6 .blogcard-wrap:hover,#n6 .pager-post-navi > a:hover{
	background: #B0BCD5;
}
#n6 .content .paperBox::after{
	border-color: #3B5998 #FFF #FFF #3B5998;
}
#n6 .content .bgBox a,
#n6 .content .paperBox a,
#n6 .heading.heading-first:first-letter,
#n6 .breadcrumb__item a:hover,
#n6 .heading a:hover,
#n6 .widget a:hover,
#n6 .footerNavi__list li a:hover,
#n6 .ctaPost__btn:hover,
#n6 .old-post-message p span,
#n6 .fa-close:before,
#n6 .a-wrap:hover h2,
#n6 .a-wrap:hover h3,
#n6 .pt:hover::before{
	color:#3B5998;
}
#n6 .article h4{
	border-color: #3B5998;
}
#n6 .ctaPost__btn{
	border:1px solid #3B5998;
}
#n6 .content table tr:hover th,#n6 #navi .navi-in > .menu-header .sub-menu{
	background: #899bc1;
}
#n6 .content table tr:hover td{
	background: #ebeef4;
}
#n6 .pagination-next-link,#n6 .comment-btn,#n6 .card-thumb{
	background-color: #899bc1;
	color: #fff;
}
#n6 .pagination-next-link:hover,#n6 .comment-btn:hover,#n6 .blogcard-label {
	background-color: #3B5998;
}
#n6 .page-numbers {
	color: #3B5998;
	border: 1px solid #3B5998;
}
#n6 .pagination .current,
#n6 .pagination a:hover,
#n6 .comment-respond .submit:hover {
	background-color: #3B5998;
	color: #fff;
}
#n6 .head_line ul li .day,#n6 .head_line ul li a:hover{
	color: #B0BCD5;
}
#n6 .pt svg.pt-circle path {stroke: #3B5998;}
body#n7{
	background: linear-gradient(128deg, #191919, #be3455);
}
body#n7 ::selection,body#n7 .mobile-menu-buttons, body#n7 #navi-in,#n7 #tab1:checked ~ .top-cate-btn label[for="tab1"],#n7 #tab2:checked ~ .top-cate-btn label[for="tab2"],#n7 #tab3:checked ~ .top-cate-btn label[for="tab3"],#n7 #tab4:checked ~ .top-cate-btn label[for="tab4"],#n7 .top-cate-btn label:hover {background: #be3455; color: #fff;}
body#n7 ::-moz-selection {background: #be3455; color: #fff;}
#n7 .globalNavi__list, #n7 .eyecatch__cat a, #n7 .pagetop, #n7 .archiveTitle::before, #n7 h2.related-entry-heading::before, #n7 h2.comment-title::before, #n7 .btn__link:hover, #n7 .widget .tag-cloud-link:hover, #n7 .comments__list .comment-reply-link:hover, #n7 .widget::before, #n7 .widget .calendar_wrap tbody a:hover, #n7 .comments__list .comment-meta, #n7 .ctaPost__btn, #n7 .prevNext__pop,#n7 ol.nlist1 li:before,#n7 .hhlabel,#n7 .ctaPost__title,#n7 ol.toc-list li:before,#n7 .loadingBar,#n7 .top-page .button-block a{
	background: #be3455;
}
#n7 .archiveList,#n7 .sidebar h3,#n7 .article h3:before,#n7 ol.nlist1 li{
	border-bottom-color: #be3455;
}
#n7 .btn__link, #n7 .widget .tag-cloud-link, #n7 .comment-respond .submit, #n7 .comments__list .comment-reply-link,#n7 ul.list2 li:before{
	border-color: #be3455;
	color: #be3455;
}
#n7 .globalNavi__switch,#n7.single .content .entry-content h2,#n7 .sns-share-message,#n7 .sns-follow-message,#n7 .ori_cont h2,#n7 .blogcard-label,
#n7 .theme-change{
	background-color: #be3455;
}
#n7.single .content .entry-content h2,
#n7 .widget .tag-cloud-link:hover,
#n7 .sns-share-message,#n7 .sns-follow-message,#n7 .ori_cont h2{
	color: #FFF;
}
#n7 pre[class*="language-"]>code,#n7 ul.list1 li{
	border-left: 5px solid #be3455;
}
#n7 ul.list2,#n7 ol.nlist1,#n7 .toc,#n7 ol.toc-list ol{
	border-color: #be3455;
}
#n7.single .content .entry-content h2::after,#n7 .sns-share-message::after,#n7 .sns-follow-message::after,#n7 .ori_cont h2::after{
	border-top: 15px solid #be3455;
}
#n7 .content .bgBox,#n7 .content .paperBox,#n7 .content table th,#n7 .blogcard-wrap:hover,#n7 .pager-post-navi > a:hover{
	background: #be3455;
}
#n7 .content .paperBox::after{
	border-color: #be3455 #FFF #FFF #be3455;
}
#n7 .content .bgBox a,
#n7 .content .paperBox a,
#n7 .heading.heading-first:first-letter,
#n7 .breadcrumb__item a:hover,
#n7 .heading a:hover,
#n7 .footerNavi__list li a:hover,
#n7 .ctaPost__btn:hover,
#n7 .old-post-message p span,
#n7 .fa-close:before,
#n7 .a-wrap:hover h2,
#n7 .a-wrap:hover h3,
#n7 .pt:hover::before{
	color:#be3455;
}
#n7 .widget a:hover{
	color: #39AFA2;
}
#n7 .article h4{
	border-color: #be3455;
}
#n7 .ctaPost__btn{
	border:1px solid #be3455;
}
#n7 .content table tr:hover th,#n7 #navi .navi-in > .menu-header .sub-menu{
	background: #be3455;
}
#n7 .content table tr:hover td{
	background: #feeeee;
}
#n7 .pagination-next-link,#n7 .comment-btn,#n7 .card-thumb{
	background-color: #be3455;
	color: #fff;
}
#n7 .pagination-next-link:hover,
#n7 .comment-btn:hover {
	background-color: #be3455;
}
#n7 .page-numbers {
	color: #be3455;
	border: 1px solid #be3455;
}
#n7 .pagination .current,
#n7 .pagination a:hover ,
#n7 .comment-respond .submit:hover{
	background-color: #be3455;
	color: #fff;
}
#n7 .head_line ul li .day,#n7 .head_line ul li a:hover{
	color: #be3455;
}
#n7 .pt svg.pt-circle path {stroke: #be3455;}
.single .eye-catch{
	animation: list 1.2s cubic-bezier(.4,0,.2,1);
}
.keyVisual video {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	width: 100%;
}
.keyVisual__inner{
	z-index:2;
}
.archiveList::before{
	background-color:#ccc;
}
section.content a[target="_blank"]:after{
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}
.content .pointBox::before{
	background:#F1EFEF;
}
ul.list1 {
	padding: 0;
	list-style: none;
}
ul.list1 li{
	margin: 0 0 10px 20px;
	color: #404040;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: solid 2px #dadada;
	background: #FFF;
	padding: 0.5em;
	line-height: 1.5;
	font-weight: bold;
}
ul.list2 {
	border: solid 2px #ffb03f;
	padding: 0.5em 10px;
	position: relative;
	list-style: none;
}

ul.list2 li {
	line-height: 1.5;
	padding: 0.5em 0 0.5em 30px;
}

ul.list2 li:before {
	font-family: FontAwesome;
	content: '\f00c';
	position: absolute;
	left: 10px;
}
.content ul.list1 li:before{
	display:none;
}
ol.nlist1{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding: 0.3em 0.8em;
	border: solid 2px;
}
ol.nlist1 li{
	border-bottom: dashed 1px;
	position: relative;
	padding: 0.5em 0.5em 0.5em 30px;
	line-height: 1.5em;
}
ol.nlist1 li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
ol.nlist1 li:last-of-type{
	border-bottom: none;
}
/* サイドバー */
.sidebar{
	padding-top:0;
	background: none;
}
.sidebar h3{
	background: none;
	display: inline-block;
	font-size: 1.4rem;
	padding:0 0 5px;
	border-bottom: 2px solid #63acb7;
}
.sidebar h3:first-of-type{
	margin-top: 0;
}
.sidebar .widget{
	color:#FFF;
	position: relative;
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
	margin: 0 auto 40px auto;
}
.sidebar .widget::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 1;
	width: 20%;
	height: 1px;
}
.sidebar .widget:first-child {
	border-top: 0;
	padding-top: 0;
}
.sidebar .widget:first-child::before{
	content: none;
}
.sidebar #pc_ad-2 .ad-area:first-of-type{
	background: #eee;
	color: #333;
	padding-bottom: 10px;
}
.widget-entry-cards .a-wrap {
	color: #FFF;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
}
.widget-entry-cards .widget-entry-card-content {
	margin-left: 128px;
}
/* サイドプロフィール */
p.prof_icon{
	margin-top:10px;
	text-align: center;
}
p.prof_icon a.socialsearch_link{
	width: 25px;
	height: 25px;
	display: inline-block;
	border: #bbb 1px solid;
	margin:0 5px 0 0;
	border-radius: 15px;
	vertical-align: middle;
	color:#FFF;
	text-decoration:none;
	transition: .5s;
	line-height: 25px;
}
p.prof_icon a.socialsearch_link:last-of-type{
	margin:0;
}
p.prof_icon a.socialsearch_link:hover{
	transform:translatey(-5px);
}
p.prof_icon a.socialsearch_link.icon-twitter{
	background:#1DA1F2;
}
p.prof_icon .icon-feedly-logo{
	background: #2bb24c;
}
@font-face {
	font-family: 'icon';
	src:
	url('icon/icon.ttf') format('truetype'),
	url('icon/icon.woff') format('woff'),
	url('icon/icon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
p.prof_icon .push7_icon::before{
	font-family: 'icon';
	content: "\e901";
}
p.prof_icon .push7_icon{
	background: #EEAC00;
}
p.prof_icon .icon-amazon-logo{
	background: #232F3E;
}
p.prof_icon a.socialsearch_link.icon-insta{
	background: -webkit-linear-gradient(135deg, #5478f2 0%, #f23f79 60%, orange 100%) no-repeat;
	background: linear-gradient(135deg, #5478f2 0%, #f23f79 60%, orange 100%) no-repeat;
}
p.prof_icon .icon-insta::before{
    font-family: FontAwesome;
	content: "\f16d";
    font-size: 1rem;
    line-height: 1;
}
p.prof_icon .icon-note::before{
    font-family: 'icon';
	content: "\e900";
    font-size: 1.4rem;
    line-height: 1;
}
p.prof_icon .icon-note{
    background: #42C8B0;
}
.widget p.prof_icon a.socialsearch_link{
	color: #FFF !important;
}
.toc-widget-box .toc{
	width: 100%;
}
ol.toc-list{
	margin-left:15px;
	list-style:none;
	counter-reset:number;
}
ol.toc-list li{
	font-size: 17px;
	position: relative;
}
ol.toc-list ol{
	counter-reset:number;
	border-left: 2px solid;
}
ol.toc-list ol li {
	font-size: 14px;
}
ol.toc-list li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-size: 11px;
	border-radius: 50%;
	left: -30px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align:center;
	top: 1.5em;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
ol.toc-list li li:before{
	content:none;
}
#p7frame{
	display: none;
}
/* サイドバーランキング */
.widget-entry-cards.popular-entry-cards a{
	position: relative;
}
.widget-entry-cards.popular-entry-cards a.no-1::before {
	background: #cca11f;
}
.widget-entry-cards.popular-entry-cards a.no-2::before {
	background: #b1b1b3;
}
.widget-entry-cards.popular-entry-cards a.no-3::before {
	background: #b37036;
}
.widget-entry-cards.popular-entry-cards a::before {
	content: counter(p-rank);
	position: absolute;
	top: -5px;
	left: -5px;
	padding: 4px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background-color: #666;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-family: Arial,sans-serif;
	z-index: 1;
	border-radius: 5px;
}
.toc-widget-box .toc ol.toc-list{
	margin:20px 0;
}
.toc-widget-box .toc ol li{
	margin-bottom:5px;
	color:#333;
}
ol.toc-list ol{
    padding-left: 1.5em;
}
/* push7 */
#p7box {
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
}
.p7button a:hover{
    opacity: .9;
    color: inherit !important;
}
.dark-mode #p7box{
	background:#181818;
}
@media screen and (min-width: 460px){
	#p7box.active {
		top: auto;
        left: 0;
    	bottom: 0;
		opacity:1;
	}
	#p7box {
		top: auto;
		bottom: -200px;
		opacity:0;
		left:0;
		transition: bottom 0.5s ease-out;
	}
}
/* コメント */
.comment-respond input[type="checkbox"]{
	width: auto;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
	margin-right:10px;
	margin-top:10px;
	display:inline-block;
}
.comment-respond input[type="checkbox"] + label{
	display:inline-block;
}
.comment-respond .submit{
	margin-top: 10px;
}
/* サムネイルホバー */
.card-thumb{
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
	background: url('loader.svg') no-repeat center #eee;
}
.widget-entry-cards.ranking-visible .card-thumb::before,
.card-thumb::before {
	content: 'Read More';
	transition: 0.5s;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -80%);
	display: inline-block;
	padding: 6px 12px 8px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	opacity: 0;
	z-index: 2;
	text-align:center;
}
.widget-entry-cards.ranking-visible .card-thumb::before{
	width: auto !important;
	height: auto !important;
	background: none !important;
}
.card-thumb::after {
	transition: 0.5s;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}
#n1 .card-thumb::after {
	background: linear-gradient(238deg, rgba(102,107,207,0.95), rgba(142,32,146,0.95), rgba(80,176,211,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n2 .card-thumb::after {
	background: linear-gradient(238deg, rgba(14,236,179,0.95), rgba(239,255,17,0.95), rgba(17,255,136,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n3 .card-thumb::after {
	background: linear-gradient(238deg, rgba(14,236,179,0.95), rgba(239,255,17,0.95), rgba(17,255,136,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n4 .card-thumb::after {
	background: linear-gradient(238deg, rgba(14,236,179,0.95), rgba(239,255,17,0.95), rgba(17,255,136,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n5 .card-thumb::after {
	background: linear-gradient(238deg, rgba(14,236,179,0.95), rgba(239,255,17,0.95), rgba(17,255,136,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n6 .card-thumb::after {
	background: linear-gradient(238deg, rgba(14,236,179,0.95), rgba(80,176,211,0.95), rgba(59,89,152,0.95), rgba(223,116,255,0.95));
	background-size: 800% 800%;
}
#n7 .card-thumb::after {
	background: linear-gradient(238deg, rgba(243,115,217,0.95), rgba(80,176,211,0.95),rgba(248,105,226,0.95), rgba(248,88,137,0.95));
	background-size: 800% 800%;
}
.card-thumb img{
	transition: 0.5s;
	display: block;
	max-width: 100%;
}
#list .a-wrap{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
	animation: list 1.2s cubic-bezier(.4,0,.2,1);
}
@keyframes list{
	from{
		opacity:0;
		transform:translateY(40px);
		}
	}
#list .widget-index-middle{
	border-bottom: 1px solid #eee;
}
.a-wrap:hover{
	background: none;
}
.a-wrap:hover .card-thumb::before,
#sidebar .widget-entry-cards.ranking-visible .a-wrap:hover .card-thumb::before{
	opacity: 1;
	transform: translate(-50%, -50%);
}
.a-wrap:hover .card-thumb::after {
	opacity: 0.8;
	animation: bg-gradient 20s ease infinite;
}
.a-wrap:hover .card-thumb img {
	transform: scale(1.1);
	filter: grayscale(100%);
}
@keyframes bg-gradient {
	from{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
.blogcard-content{
	line-height:1.6;
}
.mobile-menu-buttons .menu-button > a{
	color: #FFF;
}
.mobile-menu-buttons .menu-button:hover > a{
	color: #333;
}
.mobile-menu-buttons .menu-button.search-menu-button{
	display: none;
}
/* ページ送り */
.pagination-next-link,
.comment-btn,
.comment-respond .submit {
	border: none;
	border-radius: 5px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
	transition: .5s;
	max-width: 400px;
}
.pagination-next-link{
	margin: 0 auto;
}
.comment-btn,
.comment-respond .submit {
	max-width: 400px;
	margin: 24px auto;
}
.page-numbers {
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.page-numbers.dots {
	opacity: 1;
	background: none;
}
.pager-post-navi{
	flex-direction: row;
}
.pager-post-navi > a{
	width: 50%;
}
.pager-post-navi > a .prev-post-title,
.pager-post-navi > a .next-post-title{
	line-height: 1.8;
}
.pager-post-navi a .iconfont{
	color: #333;
}
.dark-mode .pager-post-navi a .iconfont{
	color: #FFF;
}
.aligncenter img{
    margin: 0 auto;
    display: block;
}
/* ハイライト表示 */
.content pre.hljs .marker-under-red {
    background: linear-gradient(transparent 60%,#754749 60%);
}
.content pre.hljs .marker-red {
    background-color: #711013;
}
.entry-content figure{
    line-height: 1;
}
figcaption {
    background: #eee;
    margin: 0;
    padding: 7px;
    text-align: center;
    font-size: 80%;
    color: #666;
    border-radius: 0 0 5px 5px;
}
.wp-block-cocoon-blocks-blogcard{
	margin-top: 40px;
}
/* ヘッドライン */
.head_line{
    width: 100%;
	background: #444;
	font-size: 80%;
    position: fixed;
    z-index: 3;
    transition: .5s;
}
.head_line.hide{
    transform: translateY(-100%);
}
.head_line .inner{
	max-width: 1276px;
	margin: 0 auto;
	position: relative;
}
.head_line .hl_title{
	padding: 10px 5px 10px 15px;
	position: absolute;
	top: 0;
	left: 0;
	background: #555;
	color: #FFF;
	line-height: 1;
	z-index: 5;
}
.head_line ul{
	width: 100%;
	margin: 0;
	height: calc(1em + 20px);
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.head_line ul li{
	width: 100%;
	padding-left: 100px;
	animation : headLine 24s linear infinite;
	position: absolute;
	top: 0;
	left: 90px;
	background: #444;
	z-index: 3;
	opacity: 0;
    visibility: hidden;
	line-height: 1;
	list-style: none;
}
.head_line ul li::before{
	content: '';
	width: 100px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	background: #555;
}
@keyframes headLine{
	from {
        opacity: 1;
        visibility: visible;
    }
	33% {
        opacity: 1;
        visibility: visible;
    }
	34% {
        opacity: 0;
        visibility: hidden;
    }
	99% { opacity: 0;}
	100% { opacity: 1;}
}
.head_line ul li:nth-of-type(2){
	animation-delay: 8s;
	z-index: 2;
}
.head_line ul li:nth-of-type(3){
	animation-delay: 16s;
	z-index: 1;
}
.head_line ul li .day{
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 1;
	color: orange;
	background: #444;
	font-size: 80%;
}
.head_line ul li a{
	padding: 10px 15px;
	color: #FFF;
	display: block;
	transform: translateX(100%);
	animation : listScroll 24s linear infinite;
	text-decoration: none;
	transition: .5s;
}
.head_line ul li:nth-of-type(2) a{
	animation-delay: 8s;
}
.head_line ul li:nth-of-type(3) a{
	animation-delay: 16s;
}
@keyframes listScroll{
	from { transform: translateX(100%);}
	4% { transform: translateX(0);}
	35% { transform: translateX(0);}
	100% { transform: translateX(100%);}
}
.theme-change{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
	border: 1px solid #555;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .5s;
}
.head_line .theme-change{
	position: absolute;
	top: 4px;
	right: 0;
}
#sidebar-menu-content .theme-change{
	display: none;
}
.theme-change::before{
	font-family: FontAwesome;
	content: "\f186";
	font-size: 1rem;
	line-height: 1;
	color:#FFF;
}
#n1.dark-mode .theme-change,
#n2.dark-mode .theme-change,
#n3.dark-mode .theme-change,
#n4.dark-mode .theme-change,
#n5.dark-mode .theme-change,
#n6.dark-mode .theme-change,
#n7.dark-mode .theme-change{
	background: #0a0a0a;
}
.menu-content .menu-drawer{
    padding: 0 0 30px;
}
.pt {
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 44px;
	width: 44px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 3px #ccc;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.pt.active-pt {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.pt::before {
	position: absolute;
	font-family: FontAwesome;
	content: '\f0d8';
	text-align: center;
	line-height: 44px;
    color: #ccc;
	left: 0;
	top: 0;
	height: 44px;
	width: 44px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.pt svg path {
	fill: none;
}
.pt svg.pt-circle path {
	stroke: #eee;
	stroke-width: 9;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@-webkit-keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
@keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
#footer .navi-footer-in a:hover{
    color: #333;
}
main.main,
.menu-content{
	background: rgba(255, 255, 255, 0.8);
}
.breadcrumb{
	background: none;
}
.mobile-menu-buttons .menu-icon .fa-higa::before{
	font-family: 'icon';
	content: '\e902';
	font-size:.8em;
}
.dark-mode .main,
.dark-mode .content table tr,
.dark-mode .menu-content{
	background: rgba(0,0,0,.6);
}
.dark-mode .a-wrap,
.dark-mode .a-wrap:hover,
.dark-mode .top1_list.widget-entry-cards a.a-wrap,
.dark-mode .top2_list.widget-entry-cards a.a-wrap,
.dark-mode .breadcrumb,
.dark-mode .breadcrumb a,
.dark-mode .toc a,
.dark-mode .sidebar .widget,
.dark-mode .widget-entry-cards .a-wrap,
.dark-mode .menu-close-button .fa-close::after{
	color: #FFF;
}
.dark-mode .entry-card .entry-card-meta .entry-category,
.dark-mode .a-wrap.blogcard-wrap,
.dark-mode .top-cate-btn,
.dark-mode .tab-caption-box-label,
.dark-mode .block-box,
.dark-mode .pager-post-navi>a:hover{
	color: #111;
}
.dark-mode .a-wrap.blogcard-wrap{
	border-radius: 4px;
}
.dark-mode .marker-under-blue {
		background: linear-gradient(transparent 75%,#124d75 75%);
}
.dark-mode .marker-under-red {
	background: linear-gradient(transparent 75%,#77475f 75%);
}
.dark-mode .marker-under {
		background: linear-gradient(transparent 75%,#616121 75%);
}
.dark-mode .product-item-box{
	background: #FFF;
	color: #111;
}
.dark-mode .iwe-shadow img,
.dark-mode .iwe-shadow amp-img{
	box-shadow: none;
}
body.dark-mode,
.dark-mode .article ul li a{
	color: #FFF;
}
body.dark-mode .entry-content p > a{
	color:#7ab2ff;
}
body.dark-mode .entry-content p.has-box-style{
	padding-left: 72px;
	color: #333;
}
body.dark-mode .entry-content p.has-box-style > a{
	color:#1967d2;
}
body.dark-mode .entry-content p > a:hover{
	color:#ffb69d;
}
.dark-mode .main .tag-link,
.dark-mode .main .comment-reply-link{
	background: #FFF;
}
.dark-mode .main .tag-link:hover,
.dark-mode .main .comment-reply-link:hover{
	opacity: .7;
}
.dark-mode .main .bold-red{
	color: #de935f;
}
.wp-block-jetpack-slideshow_container .fa-external-link:before{
	content: none;
}
.product-item-box{
	background: #FFF;
}
@media screen and (max-width: 1500px){
	#bgvid_wrap,
	.front-top-page #header-container #header video {
		width: 1600px;
	}
}
@media screen and (max-width: 1242px){
	.entry-card-content{
		margin-left: 40%;
	}
}
@media screen and (max-width: 1023px){
	.sidebar .widget,
	.widget-entry-cards .a-wrap{
		color: #323232;
	}
	.head_line .theme-change{
		display: none;
	}
	#sidebar-menu-content .theme-change{
		width: 32px;
		height: 32px;
		display: flex;
		position: absolute;
		top: 5px;
		left: 10px;
		border: none;
	}
	.dark-mode .widget a.tag-cloud-link{
		background: none;
		color: #FFF;
	}
	.dark-mode .menu-drawer .sub-menu li{
		border-bottom: none;
	}
	.dark-mode .menu-drawer a{
		color: #FFF;
	}
	.dark-mode .menu-drawer .sub-menu a{
		background: #222;
	}
	.dark-mode .menu-drawer a::before{
		border-top: solid 1px #FFF;
    border-right: solid 1px #FFF;
	}
	#n1.dark-mode .theme-change, #n2.dark-mode .theme-change, #n3.dark-mode .theme-change, #n4.dark-mode .theme-change, #n5.dark-mode .theme-change, #n6.dark-mode .theme-change, #n7.dark-mode .theme-change {
		background: #222;
	}
}
@media screen and (max-width: 834px){
    .single .eye-catch-wrap{
        margin: 0 -10px;
    }
	div.sidebar{
		padding-top:0;
	}
}
@media screen and (max-width: 768px){
	.pc_no{display: block;}
	.sp_no{display: none;}
	#bgvid_wrap,
	.front-top-page #header-container #header video {
		width: 800px;
	}
    .top-cate-btn label{
        width: calc(100% / 2);
    }
    .top-cate-btn label:nth-of-type(2){
        border-right: none;
    }
    .top-cate-btn label:nth-last-of-type(n+3){
        border-bottom: 1px solid #ddd;
    }
    .article h2{
        margin: 1.2em 0 .5em;
    }
	ul.list1 li{
		margin-left: 0;
	}
	.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .ect-big-card .card-thumb{
		margin-bottom:10px;
	}
	.home .top2_list.widget-entry-cards.card-large-image a.a-wrap{
		width:calc(50% - 10px);
	}
	#n1 .sidebar-scroll .toc-widget-box .toc,
	#n2 .sidebar-scroll .toc-widget-box .toc,
	#n3 .sidebar-scroll .toc-widget-box .toc,
	#n4 .sidebar-scroll .toc-widget-box .toc,
	#n5 .sidebar-scroll .toc-widget-box .toc,
	#n6 .sidebar-scroll .toc-widget-box .toc,
	#n7 .sidebar-scroll .toc-widget-box .toc{
		background: #FFF;
	}
	.logo-header{
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.carousel .slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	#content-in.content-in{
		padding: 0 10px;
	}
	.entry-card-title, .related-entry-card-title{
		font-size: 1rem;
	}
	.sidebar h3{
		font-size: 1.2rem;
	}
	ol.toc-list{
		margin-left:0;
	}
	#header-container .tagline {
		display:none;
	}
	.front-top-page #header-container .tagline {
		font-size:1rem;
		padding:0 20px;
		display:block;
	}
	.front-top-page #header{
		height: auto;
		padding-bottom: 50px;
    padding-top: calc(1em + 70px);
	}
	#header-container .logo-header{
		padding:10px 10px 5px;
	}
    .home #header-container .logo-header img{
		width:70%;
	}
	#header-container .logo-header img{
		width:40%;
	}
	.front-top-page #header-container.nobg .logo-header{
		background:none;
		text-align:center;
	}
	.front-top-page #header-container.nobg .logo-header img{
		width:80%;
	}
	.home main.main{
		padding-top:20px;
	}
    .navi-menu-close-button{
        text-align: left;
    }
    .sidebar-menu-close-button{
        text-align: right;
    }
    .menu-close-button{
			margin-bottom: 15px;
        padding: 5px 10px;
        font-size: 1.2rem;
    }
    .menu-close-button .fa-close::before{
        margin-right: 5px;
    }
    .menu-close-button .fa-close::after{
        content: 'close';
        color: #333;
        font-family: "Noto Sans JP",sans-serif;
    }
	.menu-drawer li{
		border-top: 1px solid #eee;
	}
	.menu-drawer > li:last-of-type{
		border-bottom: 1px solid #eee;
	}
	.menu-drawer a{
		padding: 15px;
		position: relative;
	}
	.menu-drawer a::before{
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border-top: solid 1px #666;
		border-right: solid 1px #666;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
	}
	.menu-drawer ul.sub-menu{
		padding-left: 0;
		margin: 0;
	}
	.menu-drawer .sub-menu li{
		border-bottom: 1px solid #FFF;
	}
	.menu-drawer .sub-menu > li:last-of-type{
		border-bottom: none;
	}
	.menu-drawer .sub-menu a{
		background:#eee;
		padding-left: 25px;
	}
	#navi-footer{
		display: none;
	}
    .pt {
        right: 10px;
        bottom: 60px;
    }
    #n1 .pt::before{color:#83B2B7;}
    #n2 .pt::before{color:#FEF6B7;}
    #n3 .pt::before{color:#f18d5f;}
    #n4 .pt::before{color:#6667ab;}
    #n5 .pt::before{color:#A1AB9A;}
    #n6 .pt::before{color:#3B5998;}
    #n7 .pt::before{color:#be3455;}
    .footer{
        padding-top: 0;
    }
    .copyright{
        margin-top: 0;
    }
	.footer-widgets-mobile{
		margin: 10px auto 0;
	}
	.footer-mobile {
		padding: 10px 16px 0;
	}
	.footer-widgets-mobile .widget{
		margin-bottom: 0;
	}
	.footer-bottom{
		margin-top: 0;
	}
	#list .a-wrap{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.entry-card-content{
		padding-bottom: 0;
	}
	.entry-card .entry-card-meta{
		position: relative;
	}
	.entry-card .e-card-info{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.entry-card .entry-card-info > * {
		font-size: 0.7rem;
	}
	.entry-card-meta, .related-entry-card-meta{
		display: block;
	}
	#list .widget-index-middle{
		margin-bottom: 20px;
	}
	#list .widget-index-middle .ad-area{
		margin-bottom: 0;
	}
    p.prof_icon{
        text-align: left;
    }
	p.prof_icon a.socialsearch_link{
		width: calc((100% - 10px) / 2);
        height: auto;
        padding: 5px;
        margin-bottom: 5px;
		border-radius: 5px;
		color: #FFF;
        font-size: 24px;
        text-align: center;
	}
    p.prof_icon a.socialsearch_link:nth-of-type(even){
        margin: 0 0 5px;
    }
	p.prof_icon a.socialsearch_link.icon-twitter{
		background: #1DA1F2;
	}
	p.prof_icon a.socialsearch_link.icon-insta{
		background: -webkit-linear-gradient(135deg, #5478f2 0%, #f23f79 60%, orange 100%) no-repeat;
		background: linear-gradient(135deg, #5478f2 0%, #f23f79 60%, orange 100%) no-repeat;
	}
	p.prof_icon a.socialsearch_link.push7_icon{
		background: #EEAC00;
	}
	p.prof_icon a.socialsearch_link.icon-feedly-logo{
		background: #2bb24c;
	}
    p.prof_icon a.socialsearch_link.icon-amazon-logo{
    	background: #232F3E;
    }
    p.prof_icon a.socialsearch_link.icon-note{
        padding: 0;
    	background: #42C8B0;
    }
	p.prof_icon .icon-insta::before{
	    font-size: 1.6rem;
	}
    p.prof_icon a.socialsearch_link.icon-note::before{
        font-size: 2.2rem;
    }
	.widget-entry-cards.koushin{
		margin-bottom:40px;
	}
	.widget-entry-cards.koushin .a-wrap{
		margin-bottom:5px;
		font-size: .8em;
	}
	#slide-in-custom_html-4{
		display:none;
	}
	.widget-sidebar .widget-entry-cards.not-default .e-card{
		font-size: 12px;
	}
	img.sp_img{
		margin: 0 auto 10px;
		float: none;
		display: block;
	}
	/* ヘッドライン */
	.head_line .hl_title{
		padding: 10px 15px;
	}
	.head_line ul li{
		padding-left: 0;
		animation : headLineSP 45s linear infinite;
	}
	@keyframes headLineSP{
		from {
			opacity: 1;
            visibility: visible;
			transform: translateX(100%);
		}
		33% {
			opacity: 1;
            visibility: visible;
            transform: translateX(-120%);
		}
		34% {
            opacity: 0;
            visibility: hidden;
        }
		99% {
            opacity: 0;
            visibility: hidden;
        }
		100% {
			opacity: 1;
            visibility: visible;
            transform: translateX(100%);
		}
	}
	.head_line ul li:nth-of-type(2){
		animation-delay: 15s;
	}
	.head_line ul li:nth-of-type(3){
		animation-delay: 30s;
	}
	.head_line ul li::before{
		content: none;
	}
	.head_line ul li .day{
		position: static;
		background: none;
		display: inline-block;
	}
	.head_line ul li a{
		padding: 10px 0;
		display: inline-block;
		animation : none;
		transform: none;
	}
}
@media screen and (max-width: 568px){
	.entry-card-thumb{
		width: 100%;
		float: none;
	}
	.entry-card-content {
    margin-left: 0;
	}
	.e-card-title{
		margin-top: 10px;
	}
}
@media screen and (max-width: 480px){
    .loading::before{
        background-size: 200px;
    }
		#bgvid_wrap,
	.front-top-page #header-container #header video {
		width: 500px;
	}
	.entry-content > p{
		padding-left: 0;
		padding-right: 0;
	}
	body.dark-mode .entry-content p.has-box-style{
		padding-left: 5px;
		padding-right: 5px;
	}
	.caption-box{
		margin-left: 0;
		margin-right: 0;
	}
	.ect-entry-card .card-thumb, .rect-entry-card .card-thumb, .ect-big-card-first .card-thumb {
		margin-bottom: 0;
		margin-right: 10px;
	}
	.home .top2_list.widget-entry-cards.card-large-image .e-card{
		font-size: 14px;
	}
	.page-numbers {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}
	.pager-post-navi{
		flex-direction: column;
	}
	.pager-post-navi > a{
		width: 100%;
	}
	ol.toc-list li{
		font-size: 15px;
	}
	ol.toc-list li:before{
		top: 1.2em;
	}
	.sns-share-message,
	.sns-follow-message,
    .ori_cont h2{
		margin: 1.2em 0;
		font-size: 20px;
		padding: .6em .8em;
	}
}
@media screen and (min-width: 1920px){
	.front-top-page #header-container #header video{
		width: 100%;
	}
}
.starin p,.starin .ranking-item-rating{display:inline-block;}
/*前スタイル拡張*/
.article .markerYellow{background: linear-gradient(transparent 60%, #ffffbc 60%);}
.article .markerPink{background: linear-gradient(transparent 60%, #FFDFEF 60%);}
.article .markerBlue{background: linear-gradient(transparent 60%, #cce5ff 60%);}
.content .outline{border: 1px solid #CCC;}
.content .borderBox {border: 1px solid #E5E5E5; padding: 20px; margin-top: 20px;}
.content .border2Box{border: 4px double #E5E5E5; padding: 20px; margin-top: 20px;}
.content .bgBox {background: #F2F2F2; padding: 20px; margin-top: 20px;}
.content .paperBox {position: relative; padding: 20px; margin-top: 20px; background-color: #F2F2F2;}
.content .paperBox::after {content: ""; position: absolute; bottom: 0; right: 0; border-color: #D8D8D8 #ffffff #ffffff #D8D8D8; border-style: solid; border-width: 0 0 20px 20px;}
.content .bgBox a,.content .paperBox a{display: block;}
.content .bracketsBox {position: relative; padding: 20px; margin-top: 20px;}
.content .bracketsBox:before,.content .bracketsBox:after {display: inline-block; position: absolute; width: 30px; height: 30px; content: "";}
.content .bracketsBox:before {top: 0; left: 0; border-top: solid 1px #191919; border-left: solid 1px #191919;}
.content .bracketsBox:after {right: 0; bottom: 0; border-right: solid 1px #191919; border-bottom: solid 1px #191919;}
.content .pointBox {position: relative; border: 2px solid #c53929; border-radius: 5px; padding: 20px; margin-top: 20px;}
.content .pointBox::before {content: "POINT"; position: absolute; top: -15px; left: 15px; font-size: 1rem; font-weight: 700; background-color: #ffffff; color: #c53929; padding: 0 10px;}
.marker-under,.marker-under-blue,.marker-under-red{font-weight:bold;}
body.dark-mode .article .markerYellow{background: linear-gradient(transparent 60%, #616121 60%);}
body.dark-mode .article .markerPink{background: linear-gradient(transparent 60%, #77475f 60%);}
body.dark-mode .article .markerBlue{background: linear-gradient(transparent 60%, #124d75 60%);}