@charset "UTF-8";

/*!
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
edit: 太田出版 ohtabooks.com　杉山寛子
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.cf::after {
	height:0px;
}

/*link*/
a {
    color: #6633CC;
}
a:hover {
    color: #cc0066;
}
.a-wrap {
    text-decoration: none;
    display: block;
    color: #000;
    transition: all 0.1s ease-in-out;
}
.a-wrap:hover {
    background-color: #e9e9f4;
    transition: all 0.1s ease-in-out;
    color: #000;
}
a.prev-post:hover,
a.next-post:hover,
a.related-entry-card-wrap:hover,
a.widget-entry-card-link:hover,
a.popular-entry-card-link:hover{
	background:#F2F4F9 !important;
}

/*body*/
body{
	background-color:#fff;
	color: #282828;
	overflow-x: hidden;
}
.main .article {
	max-width:780px;
	margin:0 auto;
}

@media only screen and (max-width: 1023px) {
.pc {
    display: none !important;
}
}

/*hum nav*/

.hum-menu {
    width: 100%;
    min-height: 0;
    overflow: hidden;
	z-index: 1000;
}
.hum-menu.open {
    width: 100%;
    overflow: hidden;
}
.hum-btn {
    position: absolute;
    top: 8px;
    right: 0px;
    margin: 10px 10px 10px auto;
    display: block;
    box-sizing: content-box;
    border: 0;
    outline: 0;
	background: url("./images/icon_menu.svg") no-repeat;
    background-size: 34px 34px;
	height: 34px;
	width: 34px;
    cursor: pointer;
}

.circle {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 40px;
    height: 40px;
    margin: 10px 10px 10px auto;
    border-radius: 50%;
background: linear-gradient(45deg, rgba(254,243,196,1) 5%, rgba(140,182,210,1) 35%, rgba(198,154,201,1) 55%);
	opacity: 0;
    transition: 0.4s;
    cursor: pointer;
	z-index: 999;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}


@media only screen and (min-width: 771px) {
.circle {
    top: 6px;
}
}

.circle.is-animated {
    transform: scale(100);
	opacity: 0.95;
    transition: 0.7s;
}

.hum-menu-main{
	height: 0;
	width: 100%;
	text-align: center;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	font-size: 15px;
	transition: opacity 0.5s ease;
}

.hum-menu-nav{
	margin: 0 0 20px 0;
	padding-left: 0;
}
.hum-menu-nav ul,
.hum-menu-nav li{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
.hum-menu-nav a{
	text-decoration: none;
	color: #000;
	display: block;
	margin: 0 auto;
	max-width: 282px;
	padding: 4px 0;
    transition: all 0.1s ease-in-out;
}
@media only screen and (min-width: 771px) {
.hum-menu-nav a:hover{
	background: rgba(0,0,0,0.08);
}
}

.open{
}

.open .hum-menu-main{
	opacity: 1;
	height: auto;
	display: block;
	z-index: 1001;
}

.open .hum-btn{
background: url("./images/icon_menu_x.svg") no-repeat;
z-index: 1002;
}

/*cus nav*/
.cus-search-box{
	font-size: 12px;
	position: absolute;
    top: 12px;
    right: 56px;
	width: 200px;
}
.hum-search-box{
	position:relative;
	font-size: 17px;
	width: 272px;
	text-align: center;
	margin: 20px auto;
}
.search-submit {
    position: absolute;
    right: 3px;
    top: calc(50% - 12px);
    font-size: 21px;
    color: #000;
    padding: 1px 6px;
    background-color: rgba(255, 255, 255, 0);
}
/*.search-submit .fas{
	position:relative;
	top:-1px;
}
.cus-hd-navi .search-submit .fas{
}*/

@media only screen and (min-width: 771px) {
.cus-search-box{
    top: 20px;
}
}

.header-container{
	position: relative;
}
/*hd-navi*/
.cus-hd-navi .user-menu{
	font-size: 11px;
	position: absolute;
    top: 64px;
    right: 6px;
	margin: 0;
}
.user-menu{/*hum menu内*/
	margin: 20px 0;
}

.hide{
	display: none;
}
.tiny{
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin: 15px 0 0 0;
}
.tiny-title{
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin: 15px 0 15px 0;
	color:#8c8c8c;
}

.btn-s{
	display: inline-block;
	text-decoration: none;
	color: #000;
	background: #fff;
	text-align: center;
	font-size: 12px;
	border:solid 1px #000;
	line-height: 18px;
	min-width: 5.5em;
	padding: 1px 6px;
	margin: 0 2px;
}
.btn-s.btn-s-bk{
	background: #000;
	color: #fff;
}

.btn-m{
	display: inline-block;
	text-decoration: none;
	color: #000;
	background: #fff;
	text-align: center;
	font-size: 14px;
	border:solid 1px #000;
	line-height: 38px;
	min-width: 8em;
	padding: 1px 18px;
	margin: 4px 2px;
}
.btn-m.btn-m-bk{
	background: #000;
	color: #fff;
}

.btn-s,
.btn-m{
    transition: all 0.1s ease-in-out;
}
.btn-s .fa,
.btn-m .fa,
.btn-s .fas,
.btn-m .fas{
	color: #000;
}
.btn-s.btn-m-bk .fa,
.btn-m.btn-m-bk .fa,
.btn-s.btn-m-bk .fas,
.btn-m.btn-m-bk .fas{
	color: #fff;
}
.btn-s:hover .fa,
.btn-m:hover .fa,
.btn-s:hover .fas,
.btn-m:hover .fas{
	color: #000;
}
.btn-s.btn-m-bk:hover .fa,
.btn-m.btn-m-bk:hover .fa,
.btn-s.btn-m-bk:hover .fas,
.btn-m.btn-m-bk:hover .fas{
	color: #fff;
}

@media screen and (min-width: 481px){
	.btn-s:hover,
	.btn-m:hover{
		border-color: #cc0066;
	}
	.btn-s.btn-s-bk:hover,
	.btn-m.btn-m-bk:hover{
		background: #cc0066;
		color: #fff;
		border-color: #cc0066;
	}
}

/*cus navi*/
.cus-nav {
position: relative;
}
.cus-nav-in.scroll {
width: 100%;
background: #000;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.cus-nav-in.scroll ul {
max-width: 760px;
min-width: 640px;
height: 49px;
line-height: 47px;
margin: 0 0 0 -38px;
list-style: none;
}
.cus-nav-in.scroll ul li {
	float: left;
	/*width: 120px;*/
	text-align: center;
	display: inline-block;/*横幅を文字サイズにあわせる*/
	width:auto;
	padding:0 1.2em;
	transition: all 0.1s ease-in-out;
}
/*.cus-nav-in.scroll ul li:last-child{
	padding:0 0 0 1.4em;
}*/
.cus-nav-in.scroll ul li:hover {
background: #222;
}
.cus-nav-in.scroll ul li a {
display: inline-block;
color: #fff;
text-decoration: none;
font-size:90%;
width: 100%;
font-weight:400;
}
@media screen and (max-width: 480px){
	.cus-nav-in.scroll ul li a {
	font-size:100%;
	}
}


@media only screen and (min-width: 771px) {
.cus-nav-in.scroll ul {
padding: 0;
margin: 0 auto;
}
.cus-nav-in.scroll ul li {
/*width: 16.6%; ※6メニュー*/
width: 20%;/*※5メニュー*/
margin: 0 auto;
padding:0 0;
}
.cus-nav-in.scroll ul li:last-child{
	padding:0;
}
.cus-nav .next-btn {
display: none;
}
}

.tagcloud{
	margin: 15px 0;
	text-align:center;
}
.tagcloud a {
    display: inline-block;
	justify-content:center;
    flex: none;
	color:#000;
	font-size:14px;
	border:none;
	border-radius:0;
    box-shadow: 0px 0px 1px 1px #e9e9f4;
    padding: 1px 6px;
	margin: 4px;
    transition: all 0.1s ease-in-out;
}
/*.tagcloud a:before{
    content: "\f292";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color:#CECADD;
	padding:0;
	margin:0 -2px 0 0;
    transition: all 0.1s ease-in-out;
}*/
.tagcloud a .fas,
.tagcloud a .fa{
	/*display:none;*/
    color:#CECADD;
    transition: all 0.1s ease-in-out;
}
.tagcloud a:hover .fas,
.tagcloud a:hover .fa{
	/*display:none;*/
    color:#A7A3C1;
}
.tagcloud a:hover{
	background:none;
    box-shadow: 0px 0px 1px 1px #CECADD;
}
.tagcloud a:hover:before{
    color:#A7A3C1;
}

.tag-cloud-link.tag-link-76,
.tag-link.tag-link-76{/*ピックアップタグ*/
	/*display:none;*/
}


/*top slider*/
.carousel{
margin: 0;
background: rgb(140,182,210,1);
background: linear-gradient(45deg, rgba(254,243,196,1) 0%, rgba(140,182,210,1) 50%, rgba(198,154,201,1) 100%);
padding: 20px 0;
overflow: hidden;
background-size: 160% 160%;
animation: bggradient 10s ease infinite;
transition: all 0.5s ease-out;
min-height:380px;
}
@keyframes bggradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.carousel-in{
background: none;
}
.carousel-top-content{
margin: 0 auto;
max-width: 820px;
overflow: visible;
}
.carousel-entry-card-wrap{
background: #fff;
opacity: 1;
transform: scale(1,1);
}
.carousel-entry-card-wrap:not(.slick-active){
opacity: 0.75;
background: rgba(255,255,255,0.8);
transform: scale(0.9,0.9);
}
.carousel .a-wrap {
margin: 20px;
border-radius: 1px;
padding:10px 12px 6px 12px;
}

.slick-list{
overflow: visible;
}
.slick-dots {
    position: absolute;
    bottom: -10px;
}
@media screen and (max-width: 834px){
	.slick-dots {
    display: block !important;
	}
}
.slick-arrow{
	z-index: 100;
	color:#000;
}
.carousel .slick-arrow:before {
    color: #000;
}
@media screen and (max-width: 866px){
	.slick-next{
	right: 0px;
	}
	.slick-prev{
	left: 0px;
	}
}

.slick-dots li button:before {
	font-weight:normal !important;
}

/*見出し*/
.main .archive-title,
.main .page-title,
.widget-sidebar-scroll-title.widget-title,
.widget-sidebar-title.widget-title{
	position: relative;
	background-color:#fff;
	min-width: 185px;
	display: inline-block;
	text-align: center;
	margin: 0px auto 30px auto;
	border-bottom: solid 3px;
	padding: 20px 8px 4px 8px;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.02em;
}
body:not(.home) .main .page-title,
body:not(.home) .main .archive-title{
	min-width: 260px;
	margin-bottom:50px;
	font-size:18px;
}

.main,
.sidebar,
.textwidget{/*中央配置を優先化*/
	text-align:center;
}
.cate-list-line,
.list,
.entry,
.entry-series-next-link,
.entry-series-link,
.min-title,
.related-entries,
.widget-entry-cards,
.footer-content{/*左配置*/
	text-align:left;
}
.entry-categories-tags{/*右配置*/
	text-align:right;
}

.page-title:after,
.archive-title:after,
.widget-sidebar-scroll-title.widget-title:after,
.widget-sidebar-title.widget-title:after{
	content: "";
	position: absolute;
	bottom: -3px;
	right: 0;
	display: block;
	width: 98.2%;
	height:11px;
	border-left: solid 3px;
	border-right: solid 3px;
}
.sidebar h3{
	border-radius:0;
}
/*
.page-title:before,
.archive-title:before,
.widget-sidebar-scroll-title.widget-title:before,
.widget-sidebar-title.widget-title:before{
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	background: #000;
	width: 3px;
	height: 10px;
}

.page-title:after,
.archive-title:after,
.widget-sidebar-scroll-title.widget-title:after,
.widget-sidebar-title.widget-title:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	background: #000;
	width: 3px;
	height: 10px;
}

.title-has-icon{
	text-indent: 1em;
}*/


.archive-title span,
.widget-title span {
    margin-right: 4px;
    margin-left: -12px;
}

/*title アイコン追加*/
.title-has-bar{
	margin: 15px 0;
	text-align: center;
	font-size: 12px;
}
.title-has-bar:before{
	content: "";
	display: block;
	border-bottom: dotted 1px #CECADD;
	width:100%;
	position: relative;
	top: 12px;
}
.title-has-bar-inner{
	background: #fff;
	padding: 0 4px;
	position: relative;
}

.icon{
	display: inline-block;
	vertical-align: middle;
}
.archive-title .icon,
.widget-title .icon{
	display: inline-block;
	vertical-align: bottom;
	/*position: absolute;
	bottom: 0px;*/
	position: relative;
	bottom: -4px;
	padding:0 2px 0 2px;
}
.icon.icon-plant{
	height: 30px;
	width: 22px;
	background: url("./images/icon_plant.svg") no-repeat;
	margin: 0 0 0 -22px;
}
.icon.icon-pen-stand{
	height: 25px;
	width: 19px;
	background: url("./images/icon_pen-stand.svg") no-repeat;
	margin: 0 0 0 -22px;
}
.icon.icon-book-open{
	height: 14px;
	width: 19px;
	background: url("./images/icon_book-open.svg") no-repeat;
	margin: 0 0 0 4px;
}
.icon.icon-coffee{
	height: 22px;
	width: 22px;
	background: url("./images/icon_coffee.svg") no-repeat;
	margin: 0 0 0 4px;
	margin: 0 0 0 -22px;
}

/*code追加無しでアイコン表示*/

h3.widget-sidebar-title.widget-title.widget-sidebar-topcontent:before{/*ジャンル*/
	content:"";
	display:inline-block;
	height: 25px;
	width: 19px;
	background: url("./images/icon_pen-stand.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}
.widget_tag_cloud h3.widget-sidebar-title.widget-title:before{/*人気タグ*/
	content:"";
	display:inline-block;
	height: 22px;
	width: 22px;
	background: url("./images/icon_coffee.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}

.widget_new_entries h3.widget-sidebar-title.widget-title:before{/*人気記事*/
	content:"";
	display:inline-block;
	height: 30px;
	width: 22px;
	background: url("./images/icon_plant.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}

.page-id-39 .page-title:before/*,
.page-id-39 .archive-title:before*/{/*連載一覧*/
	content:"";
	display:inline-block;
	height: 23px;
	width: 26px;
	background: url("./images/icon_ink.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}

.archive.author .archive-title:before,/*著者プロフ*/
.post-5598 .page-title:before{/*著者一覧*/
	content:"";
	display:inline-block;
	height: 23px;
	width: 25px;
	background: url("./images/icon_photoframe.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}
.archive.author .archive-title .fa-user{
	display:none;
}

.widget_tag_cloud h3.widget-sidebar-title.widget-title:before{/*人気タグ*/
	content:"";
	display:inline-block;
	height: 25px;
	width: 13px;
	background: url("./images/icon_bookmark.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}

.archive:not(.category-news):not(.tag):not(.author) .archive-title:before{/*ほか検索結果ページ*/
	content:"";
	display:inline-block;
	height: 25px;
	width: 19px;
	background: url("./images/icon_pen-stand.svg") no-repeat;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}

.post-5676 .page-title:before{/*このサイトについて*/
	font-family: 'Font Awesome 5 Free';
	content:"\f129";
	font-weight:800;
	padding:0px 4px 0px 0px;
	position:relative;
	bottom: -8px;
	font-size:20px;
}
.category-news .archive-title:before{/*お知らせ*/
	font-family: 'Font Awesome 5 Free';
	content:"\f535";
	font-weight:800;
	padding:0px 6px 0px 0px;
	position:relative;
	bottom: -9px;
	font-size:20px;
}

.popular-entry-cards a{
	position:relative;
}
.popular-entry-cards a figure:before{
	position:absolute;
	font-size:12px;
	background:#E9E9F4;
	color:#A7A3C1;
	display:inline-block;
	padding:2px;
	z-index:2;
	width:14px;
	height:14px;
	text-align:center;
	border-radius:50%;
	left:-8px;
	top:-6px;
	font-weight:400;
}

.popular-entry-cards a:nth-child(1) figure:before{
	font-family: 'Font Awesome 5 Free';
	content:"\f521";
	font-weight:800;
	padding:3px 4px 5px 4px;
}
.popular-entry-cards a:nth-child(2) figure:before{
	content:"2";
}
.popular-entry-cards a:nth-child(3) figure:before{
	content:"3";
}
.popular-entry-cards a:nth-child(4) figure:before{
	content:"4";
}
.popular-entry-cards a:nth-child(5) figure:before{
	content:"5";
}
.widget_popular_entries h3.widget-sidebar-title.widget-title:before{/*新着記事*/
	content:"";
	display:inline-block;
	height: 22px;
	width: 22px;
	background: url("./images/icon_coffee.svg") no-repeat;
	margin: 0 0 0 -22px;
	display: inline-block;
    vertical-align: bottom;
    position: relative;
    bottom: -4px;
    padding: 0 2px 0 2px;
}



/* cateリスト 付箋*/
.cate-list-fusen .cat-item{
	display: inline-block;
	margin: 5px 2px;
	border-left: solid 8px #8a45db;
	font-size: 16px;
}
.cate-list-fusen .cat-item.cat-item-50{
	border-left: solid 8px #6633CC;
}
.cate-list-fusen .cat-item.cat-item-55{
	border-left: solid 8px #32ba73;
}
.cate-list-fusen .cat-item.cat-item-46{
	border-left: solid 8px #e261ca;
}
.cate-list-fusen .cat-item.cat-item-78{
	border-left: solid 8px #2ab9d1;
}
.cate-list-fusen .cat-item.cat-item-2{
	border-left: solid 8px #f68312;
}
/*
.cate-list-fusen .cat-item:nth-child(2){
	border-left: solid 8px #32ba73;
}
.cate-list-fusen .cat-item:nth-child(3){
	border-left: solid 8px #823CC6;
}
.cate-list-fusen .cat-item:nth-child(4){
	border-left: solid 8px #CC3333;
}
.cate-list-fusen .cat-item:nth-child(5){
	border-left: solid 8px #f68312;
}*/
.cate-list-fusen .cat-item a{
	display: inline-block;
	background: #fff;
	padding: 2px 15px;
	min-width: 8.3em;
	border: solid 1px #E9E9F4;
	border-left: none;
	text-align: center;
}

/*catelist line*/
.sidebar .cate-list-line{
	margin-bottom:15px;
}
.cate-list-line .cat-item{
	display: block;
	border-bottom: dotted 1px #CECADD;
	font-size: 15px;
	padding: 1px 0;
}
.cate-list-line .cat-item.cat-item-count-0{
	display:none;
}
.cate-list-line .cat-item a{
	color:#000;
	font-weight:300;
    transition: all 0.1s ease-in-out;
	display:block;
    padding: 4px 6px;
	text-decoration:none;
}
.cate-list-line .cat-item a:before{
	content: "";
	display: inline-block;
	width: 5px;
	height: 18px;
	background-color:#CECADD;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}
.cate-list-line .cat-item a:hover{
	background-color: #F2F4F9;
}
.cate-list-line .cat-item.cat-item-50 a:before{/*カテゴリーごとの色分け*/
	background-color: #6633CC;
}
.cate-list-line .cat-item.cat-item-55 a:before{
	background-color: #32ba73;
}
.cate-list-line .cat-item.cat-item-46 a:before{
	background-color: #e261ca;
}
.cate-list-line .cat-item.cat-item-78 a:before{
	background-color: #2ab9d1;
}
.cate-list-line .cat-item.cat-item-2 a:before{
	background-color: #f68312;
}

/*ジャンル一覧ページ*/
.main .widget-sidebar-title{
	display:none;
}
.main .cate-list-line{
	margin-bottom:15px;
}
.main ul.cate-list-line {
    padding-left: 0px;
}


.side-links{
	text-align: right;
	font-size: 14px;
}
.side-links li{
	display:inline-block;
	width:6.8em;
}
.side-links a{
	text-align:center;
	display: inline-block;
	margin: 2px 2px;
	padding: 2px 6px !important;
	box-shadow: 0px 0px 1px 1px #E9E9F4;
	color:#000;
    transition: all 0.1s ease-in-out;
}
.side-links a:hover{
	background:#fff !important;
    box-shadow: 0px 0px 1px 1px #cecadd;
}
.side-links a:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:10px;
	padding:0 0px 0 8px;
	margin:0 0 3px 0;
	display:inline-block;
	vertical-align:middle;
}

/*絶対位置ラベル*/
.pick-label{
    position: absolute;
    left: -6px;
    top: 7px;
	border:none;
	padding: 2px 8px;
	background: #000;
	color:#fff;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1.15;
	z-index: 100;
}
.limited-label{
	position: absolute;
	right: 0;
	bottom: 0;
	background: #fff;
	background: linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #E9EBF2 50%, #E9EBF2 100%);
	display: block;
	height: 22px;
	width: 22px;
}
.limited-label i.fa,
.limited-label i.fas{
	position:absolute;
	right: 0;
	bottom: 0;
	color:#8C8C8C;
	font-size:12px;
	padding:4px;
}

.limited-mark{
	text-align:left;
	color:#8c8c8c;
	font-size:11px;
	margin: 0 10px -10px 10px;
	font-weight:400;
	display:inline-block;
}


/*カード*/
.card-content .cat-label{
    position: relative;
	left: 0px;
	display: inline-block;
	border:none;
	opacity:1;
	padding: 0px 4px;
	margin: 0 6px 0 0;
	min-width: 3em;
	font-size: 13px;
	line-height: 1;
	background-color: #fff;
	color:#A7A3C1;/*各カテゴリカラーは以下スタイルで実装*/
	border-left: solid 4px #A7A3C1;
}
.cat-label.cat-label-50{/*暮らし*/
	color:#6633CC;
	border-color: #6633CC;
}
.cat-label.cat-label-55{/*学び*/
	color:#32ba73;
	border-color: #32ba73;
}
.cat-label.cat-label-46{/*カルチャー*/
	color:#e261ca;
	border-color: #e261ca;
}
.cat-label.cat-label-78{/*文芸*/
	color:#2ab9d1;
	border-color: #2ab9d1;
}
.cat-label.cat-label-2{/*お知らせ*/
	color:#f68312;
	border-color: #f68312;
}

/*記事のtagリンク*/
.entry-tags a.tag-link{
	margin-right:10px;
}
.entry-tags a.tag-link:hover{
	background:none;
	box-shadow: 0px 0px 1px 1px #CECADD;
}
.entry-tags a.tag-link .fa-tag{
    transition: all 0.1s ease-in-out;
}
.entry-tags a.tag-link:hover .fa-tag{
    color:#A7A3C1;
}
/*記事のカテゴリリンク*/
.cat-link{
    margin-right: 10px;
    padding: 1px 7px;
    font-size: 13px;
    border-radius: 0px;
	box-shadow: 0px 0px 1px 1px #E9E9F4;
    word-break: break-all;
	color:#000 !important;
	background:none !important;
	border-left:5px solid #A7A3C1;
    transition: all 0.1s ease-in-out;
}
.entry-categories .cat-link:hover{
	opacity:1;
	box-shadow: 0px 0px 1px 1px #CECADD;
}
.entry-categories .cat-link:last-child{
	margin-right:10px;
}
.cat-link .fa,
.cat-link .fas{
	display:none;
}
.cat-link.cat-link-50{
	border-left:5px solid #6633CC;
}
.cat-link.cat-link-55{
	border-left:5px solid #32ba73;
}
.cat-link.cat-link-46{
	border-left:5px solid #e261ca;
}
.cat-link.cat-link-78{
	border-left:5px solid #2ab9d1;
}
.cat-link.cat-link-2{
	border-left:5px solid #f68312;
}
.tag-link, .comment-reply-link {
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    padding: 1px 7px;
    font-size: 13px;
    border: none;
    border-radius: 0px;
	box-shadow: 0px 0px 1px 1px #E9E9F4;
    word-break: break-all;
}
.entry-categories-tags .tax-icon {
    margin-right: 0.2em;
	color:#CECADD;
}

/*card*/
.card-thumb{
background: linear-gradient(45deg, rgba(254,243,196,1) 0%, rgba(140,182,210,1) 50%, rgba(198,154,201,1) 100%);
background-size: 110% 110%;
margin: 0;
}
.card-thumb img{
vertical-align: bottom;
opacity: 0.95;
transition: all 300ms 0s ease;
}
.card-thumb:hover img{
opacity: 0.65;
}

.entry-author-1,
.entry-author-2{
	display: none !important;
}

.entry-categorys .cat-label{
	max-width:none;
}

.carousel-content .pick-label{
	left: -6px;
    top: 6px;
}
.carousel-entry-card-content{
	padding: 10px;
}

.carousel-content .entry-categorys .cat-label{
	font-size: 13px;
}
@media screen and (max-width: 834px){
	.carousel-content .entry-categorys .cat-label{
		max-width:7em;
	}
}
@media screen and (max-width: 480px){
	.carousel-entry-card-content{
	padding: 10px 0;
	}
}
.card-content .entry-title{
	margin: 6px 0 8px 0;
	font-size: 20px;
	line-height: 1.4;
	color: #000;
}

.carousel-content .entry-title{
	margin: 10px 0;
	padding:4px 0 0 0;
	font-size: 22px;
	text-align:left;
}

/*記事ページの見出し*/
.single .entry-title{
	font-size: 26px;
	text-align:center;
	color:#000;
	line-height:1.7;
}
@media screen and (max-width: 480px){
	.entry-title, .article h2 {
		padding:10px 0;
	}
}
.single .entry-series{
	margin:15px auto 5px auto;
	text-align:center;
	font-size:14px;
	font-weight:400;
}
.single .entry-series a{
	display: inline-block;
	border: solid 3px #000;
	text-decoration:none;
	color:#000;
	padding: 0 12px;
	margin-bottom: -3px;
}
.single .entry-series a:hover{
	color:#cc0066;
}
.single .entry-series-no{
	background:#000;
	color:#fff;
	display: inline-block;
	padding: 3px 12px 3px 12px;
	margin:0 -3px;
}

/*SNSボタン*/
.sns-share-buttons{
    flex-wrap: wrap;
    justify-content: start;
	margin-left:auto;
	margin-right:-15px;
	max-width:240px;
}
.article-header .sns-share:not(:has(.sns-button)), .article-footer .sns-share:not(:has(.sns-button)) {
    display: block; /*2024.8追記*/
}
.sns-share-buttons a{
	border:none !important;
	opacity:1 !important;
}
.sns-share-buttons a:not(:hover){
	color:#000  !important;
}
.sns-share-message{
	text-align:right;
	font-size:13px;
	color:#8c8c8c;
}

.sns-share-message:before{
  content: '\f086';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.sns-share-message + .sns-share-buttons>a{
	border: solid 1px #000;
}

.sns-buttons .button-caption{
	display: none !important;
}
.sns-buttons a:hover{
    transition: all 0.1s ease-in-out;
}
.sns-share.ss-high-and-low-lc a .social-icon, .sns-share.ss-high-and-low-cl a .social-icon, .sns-share.ss-high-and-low-lc a .button-caption, .sns-share.ss-high-and-low-cl a .button-caption{
	font-size:24px;
}
.sns-share.ss-high-and-low-lc a > span {
    padding-top: 0px;
}

.card-thumb{
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 481px) {
.carousel-entry-card-thumb.card-thumb{
	width: 49%;
	float: left;
	margin-bottom: 5px;
	}
.carousel-entry-card-content{
	width: 50%;
	float: right;
	margin-top: 2.2%;
	}
}


@media only screen and (min-width: 481px) and (max-width: 540px)  {
.carousel-entry-card-thumb.card-thumb{
	}
.carousel-entry-card-content{
	margin-top: 0;
	}
}
.entry-description{/*現在カルーセルのみで表示*/
	font-size: 12px;
	line-height: 1.4;
	margin: 6px 0;
	color: #727272;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	
}
.carousel-entry-card-content .entry-description{
	font-size: 12px;
}
@media screen and (max-width: 768px){
	.carousel-entry-card-content .entry-description{
	display: none;
	}
}
.entry-meta{
	margin: 0;
}
.carousel-content .entry-meta{
	margin: 6px 0;
}
.entry-meta>.entry-categorys{
	float: left;
	min-width:5em;
}
.entry-meta>.entry-date{
	float: right;
	font-size: 11px;
	padding: 10px 0 0 0;
	color: #727272;
}
.carousel-content .entry-meta>.entry-date{
	padding: 7px 0 0 0;
}
@media screen and (max-width: 480px){
.entry-meta>.entry-date{
	padding: 7px 0 0 0;
}
}
.entry-info{
	font-size: 12px;
	line-height:1.4;
}

.entry-author,
.entry-info>.entry-series{
	display: inline-block;
	font-size: 12px;
	color: #282828;
}

/*カードリスト*/
.ect-vertical-card .entry-card-wrap {
    width: 47.5%;
    display: inline-block;
	margin-bottom:30px;
}
@media screen and (max-width: 480px){
.ect-vertical-card .entry-card-wrap {
    display: block;
    width: 100% !important;
}
}

.a-wrap{
	background: #fff !important;
}

/*矢印つき読むボタン*/
.arrow-read{
position: absolute;
right: 0px;
bottom: 0px;
display: inline-block;
width: 90px;
font-size: 11px;
line-height: 0.5;
color: #282828;
text-decoration: none;
outline: none;
padding: 10px 0 8px 10px;
text-align: center;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
}

.arrow-read::before{
content: '';
position: absolute;
bottom:-0px;
left:15%;   
width: 85%;
height: 1px;
background:#282828;
transition: all .3s;
}

.arrow-read::after{
content: '';
position: absolute;
bottom:3px;
right:0; 
width: 8px;
height:1px;
background:#282828;
transform: rotate(45deg);
transition: all .3s;
}

.entry-card-content{
padding: 10px 0 17px 0;
}

@media screen and (min-width: 481px){
	.entry-card:hover .arrow-read::before,
	.list-series:hover .arrow-read::before{
	left:20%;
	}
	.entry-card:hover .arrow-read::after,
	.list-series:hover .arrow-read::after{
	right:-5%;
	}
}

.textwidget p{
	margin: 0 auto 20px auto;
}



/*footer*/
@media screen and (max-width: 1023px){
	.footer-widgets {
		display: block;
	}
}
#footer{
background: rgb(140,182,210,1);
background: linear-gradient(45deg, rgba(254,243,196,1) 0%, rgba(140,182,210,1) 50%, rgba(198,154,201,1) 100%);
background-size: 160% 160%;
animation: bggradient 15s ease infinite;
}
.footer {
    padding:10px 0 0 0;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
    padding: 0 16px 0 16px;
}
.footer-left{
	width:26%;
	padding: 4px 16px 10px 16px;
}
.footer-center{
	width:48%;
}
.footer-center div.footer-content{
	line-height: 1.7;
	font-size:15px;
	padding: 4px 6px;
	color:#000;
}
.footer-right{
	width:26%;
}
.footer-right .widget_nav_menu ul li{
    display: block;
	margin:4px 0;
}
.footer-right .widget_nav_menu ul li a{
	line-height: 1.6;
	font-size: 15px;
	color:#000;
    text-decoration: none;
    padding: 3px 6px;
    display: block;
	margin:2px 0;
    transition: all 0.1s ease-in-out;
}
.footer-right .widget_nav_menu ul li a:hover{
	background: rgba(0,0,0,0.08);
	color:#000;
}
.footer-bottom{
	background: #000;
	color: #A5A5A5;
}
.navi-footer-in > ul.list-related-site {
    padding: 10px 0 0 0;
}
.list-related-site{
	list-style-type: none;
	margin: 0;
}
.list-related-site>li{
	display: inline-block;
	line-height: 1.8;
}
.list-related-site>li>a{
	display: inline-table;
	padding: 4px;
}
.list-related-site>li>a:hover{
	background: none;
}
.list-related-site>li>a>img{
	vertical-align: bottom;
}

.copyright{
	margin: 0;
	padding: 18px 0;
	font-size: 10px;
}
@media screen and (min-width: 1024px){
.navi-footer .copyright{
	font-size: 10px;
}
}

.list-inline,
.list-inline ul{
	list-style: none;
	margin: inherit 0;
	display: inline-block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.list-inline{
	font-size: 13px;
	display: inline-block;
}
.list-inline li{
	display: inline-block;
	margin: 0 0 0 2px;
}
.list-sns-icon li{
	font-size: 26px;
}
.list-sns-icon li a{
	display: inline-block;
	color: #000;
	padding: 4px 4px;
	vertical-align: middle;
	margin: 0 0 0 8px;
}
.list-sns-icon li a .fa,
.list-sns-icon li a .fas,
.list-sns-icon li a:hover .fa,
.list-sns-icon li a:hover .fas{
    transition: all 0.1s ease-in-out;
}
.list-sns-icon span.external-icon,
.list-sns-icon span.internal-icon{
	display:none;
}
.list-sns-icon a:hover .fa-twitter{
	color:#1da1f2;
}
.list-sns-icon a:hover .fa-facebook-f{
	color:#3b5998;
}
.list-sns-icon a:hover .fa-envelope {
	color:/*#E9E9F4*/ #fff;
}
.list-sns-icon a:hover .fa-instagram {
	color:#d8226b;
}
.list-sns-icon a:hover .fa-rss{
	color:#f79901;
}
.fa-external-link-alt{
	display:none;
}

@media screen and (min-width: 1024px){
.list-related-site{
	float: left;
	width: 65%;
}
.copyright{
	font-size: 9px;
}
}


/*リストカード内のカテゴリ表示を消す*/
body.category .list .cat-label{
	display: none;
}

/*管理者、編集部の表示は非表示*/
.post-author-1,
.post-author-2{
	display: none;
}




/*旧ケトルニュース*/
.thumb_old{/*画像*/
	display: none;
}
.note_box,
.entry-content .note_box{/*メモ枠*/
	display:block;
	padding:1em;
	font-size:85% !important;
	background:#f1f1f1;
	line-height:1.7;
	margin:1em 0;
}
.kettlenews{/*旧記事であることの明記*/
	color:#777777;
	line-height:1.5;
	font-size:16px;
}
/*ページから著者情報を消す*/
.page .date-tags,
.page .author-info{
    display: none;
}

/*関連リンクのカテゴリ表示を消す*/
.related-entry-card .cat-label{
    display: none;
}

/* 著者プロフ */
.author-box{
	border:none;
	background:#f1f1f1;
}
.author-box .author-description{
	font-size:14px;
}
.author-follows{
	display:none;
}

.category-page-content{
	text-align:center;
	font-size:14px;
	line-height:1.4;
	max-width:620px;
	margin:15px auto;
}


/*パンくずリスト*/
.breadcrumb{
background: linear-gradient(45deg, rgba(254,243,196,1) 0%, rgba(140,182,210,1) 50%, rgba(198,154,201,1) 100%);
overflow: hidden;
background-size: 160% 160%;
animation: bggradient 15s ease infinite;
font-size:12px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.breadcrumb .breadcrumb-in{
	display:block;
	max-width: 1140px;
	margin:auto;
	white-space: nowrap;
}
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
	background-color: #fff;
	margin: 0 auto;
	padding: 0.4em 1em;
}
.breadcrumb.wrap{
	width:auto;
}
.breadcrumb a,
.breadcrumb-caption{
	color:#383838;
}

/*リスト*/

/*リストの表示切り替え*/
body.category .entry-card .entry-series{
	/*display:none;*/
}
body.category .entry-card .entry-author{
	display:none;
}
/*body.category .entry-card .arrow-read{
	display:none;
}
body.home .entry-card .entry-series{
	display:none;
}*/
body:not(.category) .entry-card .entry-series-no{
	display:none;
}

/*連載リストページ*/
.list-series{
	margin-bottom:45px;
}
.list-series a{
	text-decoration: none;
	display: block;
	position:relative;
	margin-bottom:45px;
}
.list-series img{
border: 4px solid #e9e9f4;
opacity:1;
}
.list-series .title{
	color:#000;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
}
@media only screen and (min-width: 771px) {
.list-series .title:hover{
	color:#cc0066;
}
}

.list-series .writer{
	color:#8C8C8C;
	font-size:12px;
	margin: 4px 0;
}
.list-series .description{
	color:#383838;
	font-size:13px;
	line-height:1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height:5.1em;
	overflow: hidden; 
}
.list-series .thumb{
margin:0 0 12px 0;
}
.list-series .card-thumb img {/*2024.8追記*/
    aspect-ratio: auto;
    object-fit: cover;
}
@media screen and (min-width: 767px){
.list-series .thumb{
	float: left;
	width: 48%;
	margin:0 2% 0 0;
}
}


/*アイキャッチ*/
.eye-catch-wrap{/*アイキャッチの位置*/
	margin:15px 0 15px 0;
}

.content .eye-catch>img {
	max-height:700px;
	width:auto;
}

body.page .eye-catch{/*ページのアイキャッチを消す*/
	display: none;
}

.entry-header .eye-catch .cat-label,
.article-header .eye-catch .cat-label{/*カテゴリ表示を消す*/
	display: none;
}

@media screen and (max-width: 834px){
	.content{
		overflow:hidden;
	}
	.eye-catch{
		margin:1.8em 0 1.8em 0;
	}
	.eye-catch img{
		transform: scale(1.05,1.05);/*アイキャッチを拡大*/
	}
}
@media screen and (max-width: 480px){
	.eye-catch img{
		transform: scale(1.08,1.08);/*アイキャッチを拡大*/
	}
}
@media screen and (max-width: 390px){
	.eye-catch img{
		transform: scale(1.1,1.1);/*アイキャッチを拡大*/
	}
}

/*カテゴリーリストページ*/
.category-content .eye-catch-wrap + .archive-title{
border:none;
margin-bottom:5px !important;
width:auto !important;
}
.category-content .eye-catch-wrap + .archive-title:before,
.category-content .eye-catch-wrap + .archive-title:after{
display:none !important; /*画像がある場合はタイトルを装飾しない*/
}
.category-content .eye-catch img{
	border: solid 4px #E9E9F4 ;
	outline-offset: -4px;
}
@media screen and (max-width: 821px){
	.category-content .eye-catch img{
		border: none;
	}
}
.category-content .writer{
	text-align:center;
	color:#8C8C8C;
	font-size:12px;
}

/*タグページ*/
.tag-page-content{
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    max-width: 540px;
    margin: 15px auto;
}

/*記事ページ本文*/
a {
    color: #6633CC;
}
.a-wrap {
    color: #222222;
}
.entry-content{
    margin-bottom: 1em;
}
.entry-content>*{
    line-height: 2.0;
}

.single .date-tags{
	color:#8C8C8C;
}

.author-info .post-author{
	font-size: 16px;
}

.post-date,
.author-info .post-update,
.author-info .post-author,
.author-info .amp-back {
    margin-right: 0px;
	padding:0;
	display:block;
}
.author-info .post-author{
	display:block;
	margin:0 0 10px 0;
}
.video-container{
	margin:auto;
	text-align:center;
}
.article h2:not(.archive-title){
	background:none;
	padding:3px;
	border-bottom: solid 3px #000;
	display:inline-block;
	min-width:70%;
	font-size:20px;
}
.article h3:not(.archive-title):not(.molongui-font-size-18-px):not(.name){
	background:none;
	padding:3px;
	border:none;
	border-bottom: solid 1px #000;
	display:inline-block;
	min-width:55%;
	font-size:18px;
}

.article h2:not(.archive-title),
.article h3:not(.archive-title):not(.m-a-box-headline):not(.molongui-font-size-18-px):not(.name) a{
	text-decoration:none;
}

.article h2 a,
.article h3 a{
	text-decoration:none;
}

@media screen and (max-width: 834px){
	.article h2:not(.archive-title),
	.article h3:not(.archive-title):not(.m-a-box-headline):not(.molongui-font-size-18-px):not(.name) a{
		padding:3px 0 3px 20px;
		margin-left:-20px;
	}
}

/*Amazon box*/
.product-item-box{
	border:none;
	background:#F2F4F9;
	padding:16px 14px;
    width: auto;
	border-radius:5px;
    transition: all 0.1s ease-in-out;
}

.product-item-title a{
	color:#000;
	font-weight:normal;
	text-decoration:none;
	border-bottom: dotted 1px #000;
	width:auto;
	display:inline;
	padding:0;
	line-height:1.3;
	margin-bottom: 0;
}
.product-item-box:hover{
	background:#E9E9F4;
}
.product-item-title a:hover{
	color: #cc0066;
	border-color: #cc0066;
}

.product-item-content {
    padding-left: 15px;
}
.product-item-maker{
	color:#383838;
	font-size:13px;
}
.product-item-buttons{
	margin-left:-0.5%;
    margin-top: 0.7em;
}
.product-item-buttons a {
    width: auto;
	min-width:80px;
    text-align: center;
    border-radius: 2px;
	line-height:1.2;
	font-size:15px;
	padding:8px 12px;
	margin-bottom:0.2em;
    transition: all 0.1s ease-in-out;
	opacity:0.85;
}
.product-item-buttons a:hover {
	color:#fff;
	opacity:1;
}
.product-item-buttons a:after{
	font-size:8px;
	font-weight:normal;
	display:block;
}
@media screen and (max-width: 480px){
	.product-item-buttons a{
	margin-bottom:0.3em;
	padding:12px 12px;
	font-size:15px;
	}
	.product-item-buttons a:after{
		display:inline-block;
		padding:0 6px;
	}
}
@media screen and (max-width: 480px){
.booklink-info, .kaerebalink-info, .tomarebalink-info, .product-item-content {
    text-align: left !important;
}
}

.product-item-box.product-item-error{
	display:none;
}
/**/
.admin-bar .product-item-box.product-item-error{
	display:block;
}


.shoplinkbtn1 a{/*yondemill*/
	background:#00BBCC;
}
.shoplinkbtn1 a:after{
	content:"試し読み＆購入";
}
.shoplinkyahoo a:after{/*yahoo!*/
	content:"購入する";
}
.shoplinkamazon a{/*amazon*/
}
.shoplinkamazon a:after{
	content:"購入する";
}
.shoplinkrakuten a{/*rakuten*/
}
.shoplinkrakuten a:after{
	content:"購入する";
}
.shoplinkbtn2 a{/*honto*/
	background:#0085CD;
}
.shoplinkbtn2 a:after{
	content:"購入する";
}
.shoplinkbtn3 a{/*ohtabooks*/
	background:#232323;
}
.shoplinkbtn3 a:after{
	content:"ohtabooks.com";
}

/*link card*/

.blogcard{
	border:none;
	background:#F2F4F9;
	padding:16px 14px;
}
.blogcard-wrap {
    padding: 0;
    width: auto;
}
.blogcard-site{
	color:#8c8c8c;
	font-size:12px;
}
.blogcard-title {
	font-size:16px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	border-bottom: dotted 1px #000;
	width:auto;
	display:inline-block;
	padding:0;
	line-height:1.3;
	margin-bottom: 0.4em;
}
.blogcard-snippet{
    font-size: 13px;
}

.internal-blogcard .internal-blogcard-footer{
	display:none;
}

.blogcard-title:hover{
	color: #cc0066;
	border-color: #cc0066;
}

/*プロフィール欄*/
/*morongui*/
.m-a-box {
	clear:both;
	margin-bottom:20px;
	/*max-width:640px;
	margin-left:0 !important;*/
}
.m-a-box-content-middle{
	position:relative;
}
.m-a-box-headline{
	margin-top:60px;
	font-size:14px;
	color:#8C8C8C;
}
.article .m-a-box .m-a-box-headline h3,
.article .m-a-box .m-a-box-headline h3 span{
	font-size:13px;
	color:#8C8C8C;
	border:none !important;
	padding:0;
	font-weight:normal;
	margin-bottom: 0.8em;
}
.acronym-container,
.m-a-box-avatar {
	width:100px !important;
	height:100px !important;
	background: url(./images/noimage_profile.png) !important;
	background-size:100% !important;
	float:left;
	margin:8px 10px 16px 0;
	overflow:none;
	border-radius:50%;
}
.m-a-box-avatar img{
	border:none;
  width: 100px;
  height: 100px;
	border-radius:50%;
  object-fit: cover;
}
.molongui-vertical-aligned{
	display:none; 
}
.m-a-box-name a{
	text-decoration:none;
	color:#000;
	padding:0 1em 0 0;
}
.m-a-box-name a:after{
	content:"記事一覧 ≫";
	font-size:12px;
	color:#000;
	font-weight:300;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	line-height:1;
	padding:3px 4px;
	margin:0 0 2px 6px;
	border:solid 2px #000;
}
.m-a-box-name h5{
	border:none;
	margin:0 !important;
	font-size: 18px !important;
	padding: 9px 10px 6px 10px;
}
.m-a-box-name h5 a:hover{
	color:#cc0066 !important;
}

.m-a-box-bio{
	font-size: 12px !important;
	line-height:1.6;
}
.m-a-box-bio p{/*prof本文*/
/*overflow-y: auto;
max-height:3.4em;*/
	margin-bottom: 2em;
}

.m-a-box-social{
	/*position:absolute;
	left:110px;
	top:76px;*/
	display:none;
}
.m-a-box-social a{
	background:none !important;
	color:#ccc;
	border:none !important;
	text-decoration:none;
	font-size:15px;
}
.m-a-box-social .external-icon{
	display:none;
}
.m-a-box-social-icon{
	display:inline-block;
	padding-right:4px;
}
.m-a-icon-instagram:before{
	content:'\f16d';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-style: normal;
	font-size:16px;
}
.m-a-icon-twitter:before{
	content:'\f099';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-style: normal;
	font-size:16px;
}
.m-a-icon-facebook:before{
	content:'\f09a';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-style: normal;
	font-size:16px;
}
.m-a-icon-youtube:before{
	content:'\f167';
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-style: normal;
	font-size:16px;
}

/*連載リンク*/

.entry-series-link>a{
	color:#8c8c8c;
	font-size:13px;
}
.entry-series-link>a:hover{
	color:#cc0066;
}
.entry-series-link ol,
.entry-series-next-link ol,
.entry-series-link ul {
	padding-left: 0px;
	margin-bottom:30px;
    padding-inline-start:0px;
}
.entry-series-link ol,
.entry-series-link ul {
	border-top:dotted 1px #CECADD;
}
.entry-series-link ol li{
	list-style-type:none;
	padding:4px 0 4px 20px;
	line-height:1.6;
	margin:1px 0;
	border-bottom:dotted 1px #CECADD;
    transition: all 0.1s ease-in-out;
}
.entry-series-link ol li:nth-child(n+6):not(:last-child){
	display:none;
}

.entry-series-link ol li.nowcontent{
	font-weight:bold;
}
.entry-series-link ol li.nowcontent+li:not(:last-child) a:after{
	content:"次の記事≫";
	font-size:12px;
	color:#000;
	padding:3px 4px;
	line-height:1;
	vertical-align:middle;
	border:solid 2px #000;
	display:inline-block;
	margin:0 0 2px 6px;
}
.entry-series-link ol a:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    padding: 0 0px 0 8px;
    margin: 4px 0 0 -20px;
    display: inline-block;
    vertical-align: middle;
	position:absolute;
}

.entry-series-link ol a{
	color:#000;
	font-size:16px;
    padding: 2px 0;
	text-decoration:none;
	display:block;
}
.entry-series-link ol li:hover{
	background:#F2F4F9;
}
.entry-series-link ol a:hover{
	/*color:#cc0066;*/
}

/*連載の次に進むボタン*/
.entry-series-next-link ol li{
	display:none;
}
.entry-series-next-link ol li.nowcontent+li{
	display:block;
	text-align:center;
	margin:0 auto 50px auto;
}
.entry-series-next-link ol li a{
	text-decoration:none;
	font-size:16px;
	line-height:1.5;
	padding:10px;
	font-weight:bold;
	display:block;
}

@media screen and (min-width: 481px){
.entry-series-next-link ol li a{
	display:inline-block;
	max-width:85%;
	min-width:360px;
}
}
.entry-series-next-link ol li.nowcontent+li a:before{
	content:"次の記事≫";
	line-height:1.5;
	vertical-align:middle;
	display:block;
	font-size:13px;
	font-weight:300;
}

/*関連リンク*/
.related-entry-heading{
	font-size:13px;
	color:#8c8c8c;
	font-weight:normal;
}
.rect-mini-card .related-entry-card-title{
	font-weight:300;
	font-size:16px;
	line-height:1.5;
}
/*前後の記事*/
.pager-post-navi{
	width:auto;
	border-bottom:dotted 1px #CECADD;
	border-top:dotted 1px #CECADD;
}
.pager-post-navi a.prev-post .prev-post-title,
.pager-post-navi a.next-post .next-post-title{
	font-weight:normal;
	font-size:16px;
	line-height:1.5;
	color:#000;
	margin:0;
	width:100%;
}
.pager-post-navi a.prev-post {
    padding: 15px 0;
    flex-direction: column;
	text-align:left;
}
.pager-post-navi a.next-post {
    padding: 15px 0;
    flex-direction: column;
	text-align:left;
	border-top:dotted 1px #CECADD;
}
.prev-post-thumb,
.next-post-thumb{
	display:none;
}
.pager-post-navi a .iconfont{
	padding:6px 0;
}
.pager-post-navi .prev-post .fa,
.pager-post-navi .prev-post .fas{
	color:#8c8c8c;
	text-align:left;
	display:block;
	width:100%;
	font-size:10px;
}
.pager-post-navi .next-post .fa,
.pager-post-navi .next-post .fas{
	color:#8c8c8c;
	text-align:right;
	display:block;
	width:100%;
	font-size:10px;
}
.prev-post .fa:after,
.prev-post .fas:after{
	content:" 前の記事 ";
	font-weight:normal;
	font-size:13px;
	position:relative;
	margin:0px 2px 4px 2px;
	vertical-align:middle;
}
.next-post .fa:after,
.next-post .fas:after{
	content:" 次の記事 ";
	font-weight:normal;
	font-size:13px;
	margin:0px 2px 4px 2px;
	vertical-align:middle;
}

@media screen and (min-width: 481px){
	.pager-post-navi{
		display: flex;
		flex-direction:row;
	}
	.pager-post-navi a.prev-post {
		padding: 15px 10px 15px 6px;
	}
	.pager-post-navi a.next-post {
		padding: 15px 6px 15px 10px;
		border:none;
	}
	.pager-post-navi a{
		width:50%;
	}
}
/*記事ページ分割のある場合*/

.pager-links {
	font-size:16px;
}
.pager-links .post-page-numbers span{
	color:#000;
	background:#fff;
	border-radius:0px;
	border:1px solid #000;
}

.pager-links .post-page-numbers span.current{
	background:#E9E9F4;
}

.pager-links.pager-prev-next a:last-child span.page-prev-next{
	color:#fff;
	background:#000;
	border-radius:0px;
}

/*会員限定記事*/
.white{
	display:block;
	height:6em;
	background:linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
	margin:-6em 0 0 0;
	position:relative;
}
.locked{
	margin:-1em 0 0 0;
	position:relative;
	background: linear-gradient(45deg, rgba(254,243,196,1) 0%, rgba(140,182,210,1) 50%, rgba(198,154,201,1) 100%);
	background-size: 160% 160%;
	animation: bggradient 15s ease infinite;
}
.locked-in{
	text-align:center;
	padding:42px 30px 32px 30px;
	font-size:16px;
}
.locked:before{
	content:"";
	display:block;
	height:27px;
	width:100%;
	background:url(./images/bg_rhombus.png) repeat-x center;
	position:absolute;
	top:-13px;
}
.locked:after{
	content:"";
	display:block;
	height:27px;
	width:100%;
	background:url(./images/bg_rhombus.png) repeat-x center;
	position:absolute;
	bottom:-13px;
}
@media screen and (max-width: 834px){
	.locked{
		width:120%;
		margin-left:-10%;
	}
}

/*ウィジェットの関連リンク*/
.widget-entry-card-content{
	margin-left:100px;
}
.widget-entry-cards figure.widget-entry-card-thumb{
	width:90px;
}
.widget-entry-card-title{
	font-weight:300;
	font-size:14px;
	line-height:1.5;
}


.rect-mini-card .related-entry-card-content {
	padding-bottom: 0.1em;
}

/*ほか枠のミニ表題*/
.min-title{
	font-weight:normal;
	line-height:1.5;
	margin:1em 0;
	font-size: 13px;
    color: #8c8c8c;
}

/* 著者リストページ */
.writers{
	text-align:center;
}
.writers .writer-profile{
	min-width:160px;
	width:20%;
	margin:0 1.5% 20px 1.5%;
	display:inline-block;
	vertical-align:bottom;
}
.writers .writer-profile .eyecatch{
	width:130px;
	height:130px;
	overflow:hidden;
	border-radius:50%;
	display:block;
	margin: auto;
}
.writers .writer-profile .eyecatch img{
	background-image: url(./images/noimage_profile.png);
	background-size:100%;
	border:none;
	width:130px;
	height:130px;
	overflow:hidden;
	border-radius:50%;
	object-fit: cover;
    transition: all 0.1s ease-in-out;
	opacity:0.85;
}
.writers .writer-profile a{
	text-decoration:none;
	padding:15px 15px 10px 15px;
	display:block;
    transition: all 0.1s ease-in-out;
}
.writers .writer-profile a:hover{
	background:#F2F4F9;
}
.writers .writer-profile a:hover img{
	opacity:1;
	background-color:#F2F4F9;
}
.writers .writer-profile a h3.name{
	font-size:16px;
	font-weight:400;
	color:#000;
	text-decoration:none;
	width:100%;
	border:none;
	margin:10px 0;
	padding:0;
	min-height:2.7em;
}
.writers .writer-profile .description{
	font-size:12px;
	display:none;
}

/* 著者のアーカイブページ */

.author .writer-profile{
	padding-bottom:30px;
}
.author .writer-profile .writer-profile-in{
	padding:10px 0;
	text-align:left;
}
.author .writer-profile .eyecatch{
	width:210px;
	height:210px;
	overflow:hidden;
	border-radius:50%;
	display:block;
	margin:0 auto ;
}
	
.author .writer-profile .eyecatch img{
	background: url(./images/noimage_profile.png);
	background-size:100%;
	border:none;
	width:210px;
	height:210px;
	overflow:hidden;
	border-radius:50%;
	object-fit: cover;
	vertical-align:bottom;
}
.author .writer-profile h3.name{
	font-size:20px;
	color:#000;
	text-decoration:none;
	width:100%;
	border:none;
	margin:0 0 5px 0;
	text-align:center;
}
.author .writer-profile .description{
	font-size:12px;
	line-height:1.6;
	padding-bottom:10px;
}

.author a.follow-button {
	color:#282828;
	text-decoration:none;
	font-size:18px;
	font-family:'Font Awesome 5 Brands';
	font-weight:400;
	padding-right:4px;
	padding-bottom:10px;
}


@media screen and (min-width: 481px){
.author .writer-profile,
.author .writer-profile .writer-profile-in,
.author .writer-profile .eyecatch{
	display: table-cell;
	vertical-align: middle;
}
.author .writer-profile .writer-profile-in {
	padding:0 0 0 15px;
}
.author .writer-profile h3.name{
	text-align:left;
}
}

/*アイコンを表示しない*/
.archive-title .fa-folder-open,
.archive-title .fa-folder-open:before{ /*カテゴリタイトル*/
	display:none;
}
.list .post-date .fa-clock
.list .post-date .fa-clock-o,
.list .post-date .fa-clock:before,
.list .post-date .fa-clock-o:before{/*リストの時計*/
	display:none;
}
.list .post-author .fa-pencil,
.list .post-author .fa-pencil-alt,
.author-info .fa-pencil-alt,
.list .post-author .fa-pencil:before,
.list .post-author .fa-pencil-alt:before{/*著者の鉛筆*/
	display:none;
}
.article .post-date .fa-clock:before,
.article .post-date .fa-clock-o:before{/*記事*/
	content: "";
	font-weight: 300;
}
.article .post-update .fa-history:before{
	content: "(更新";
	font-weight: 300;
}
.article .post-update{
margin-right: 0px;
}
.article .post-update:after{
	content: ")";
	font-weight: 300;
}
.fa-tag:before,
.fa-tags:before{
	content: "\f292";
}
.fa-folder:before{
	content: "\f292";
}

.fa-file,
.fa-file:before{
	display:none;
}

/*サイトバーのリスト*/
.sidebar ul{
	list-style-type:none;
	margin:0;
	padding-left:0px;
}
.sidebar ul li{
}
.sidebar ul li a{
	text-decoration:none;
	display:block;
	padding:4px 6px;
}
.sidebar ul li a:hover{
	background-color:#f4f5f7;
}


/*入力フォーム*/
.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: 2px 6px;
	border:solid 2px solid #EDF1F4;
    border-radius: 0;
    font-size: 16px;
    width: 100%;
}
input:focus{
	 box-shadow: 0px 0px 1px 1px #cecadd;
	
}
::placeholder {
  color: #ccc;
}

/*リストのもっと読むボタン*/
.moreButton button{
	text-align:center;
	padding:1px 18px;
	display:block;
	margin:10px auto;
	font-size:14px;
	min-width:8em;
	background:#fff;
	color:#000;
	line-height: 38px;
	border: 1px solid #000;
    border-radius: 4;
    transition: all 0.1s ease-in-out;
}
.scroller-status{
	text-align:center;
	font-size:14px;
	margin: 40px auto;
	height: 60px;
}

@media screen and (min-width: 481px){
	.moreButton button:hover{
		cursor: pointer;
		color:#cc0066;
		border: 1px solid #cc0066;
	}
}

.loader,
.loader:before,
.loader:after {
  background: #000000;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #000000;
  text-indent: -9999em;
  margin: 10px auto;
  position: relative;
  font-size: 4px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/*404ページ*/
.error404 .entry-title{/*imgのみでtitleは消す*/
	display:none;
}
.posts-not-found{
	/*text-align:center;
	width:auto;
	display:block;*/
}
body.author .posts-not-found h2,
body.author .posts-not-found p{/*著者ページでリストがない場合*/
	display:none;
}
body.author .posts-not-found:after{
	content:"準備中です。公開までお待ち下さい！";
}


/*go-top-btn*/
.go-to-top {
    bottom: 25px;
}
.go-to-top-button {
    background-color: rgba(200,200,200,.2);
    border-radius: 50%;
	color:#000;
}
.fa-caret-up:before{
	content:"\f106";
}

/* recaptcha*/
.recaptcha_policy{
	font-size:10px;
	line-height:1.5;
	color:#8c8c8c;
	text-align:center;
	margin:20px 0 0 0;
}

.pum-content .recaptcha_policy{/*POP UP時*/
	max-width:370px;
	margin:10px auto 0 auto;
	text-align:left;
}
.pum-content .recaptcha_policy br{
	/*display:none;*/
}
.pum-theme-5746 .pum-title, .pum-theme-enterprise-blue .pum-title{
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0 !important;
}
.grecaptcha-badge{ visibility: hidden; }

/*ログイン・会員登録フォームまわり*/
.wpmem_msg {
    width: 100% !important;
}
.wpmem_msg *{
	font-weight:normal;
	font-size:15px;
}
#wpmem_login,
#wpmem_reg{
	max-width:370px !important;
	margin:0 auto !important;
	font-weight:normal;
	font-size:12px;
}
#wpmem_login fieldset,
#wpmem_reg fieldset{
	max-width:370px !important;
	margin:0 auto !important;
	font-weight:normal;
	font-size:12px;
}
#wpmem_login fieldset, #wpmem_reg fieldset {
    border: none;
    padding: 0;
    margin: 40px auto;
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
    width: 100% !important;
	font-size:16px;
	border-color:#E9E9F4;
}
#wpmem_login input[type=password], #wpmem_login input[type=text], #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text], #wpmem_reg input[type=url], #wpmem_reg textarea {
    border: 1px solid #E9E9F4 !important;
}
#wpmem_reg .div_checkbox,
#wpmem_login .div_checkbox{
	font-size:13px;
}
#wpmem_reg .div_text a,
#wpmem_login .div_text a,
#wpmem_reg .div_text small,
#wpmem_login .div_text small{
	font-size:13px;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
    width: 100% !important;
	font-size:13px;
}
#wpmem_login .link-text {
    width: 100% !important;
	font-size:13px;
}
#wpmem_reg .button_div input.buttons,
#wpmem_login .button_div input.buttons{
	background:#000;
	color:#fff;
	font-size:15px;
	border-radius:2px;
	border:none;
}
#wpmem_reg .button_div>button.buttons,
#wpmem_login .button_div>button.buttons{/*カスタマイズ登録ボタン*/
	color:#fff;
	background:#000;
	font-size:15px;
	width:100%;
	border:none;
	padding:10px 0;
	border-radius:2px;
}

@media screen and (min-width: 481px){
	#wpmem_reg .button_div input.buttons:hover,
	#wpmem_login .button_div input.buttons:hover,
	#wpmem_reg .button_div>button.buttons:hover,
	#wpmem_login .button_div>button.buttons:hover{
		background:#cc0066;
		transition: all .1s;
		cursor:pointer;
	}
}

#wpmem_reg .iframe-tos{/*利用規約のフレーム*/
	max-width:370px !important;
	margin-top:5px;
	margin-bottom:15px;
	position: relative;
	width: 100%;
	height:120px;
}
#wpmem_reg .iframe-tos iframe{/*利用規約のフレーム*/
  position: absolute;
	border: solid 1px #000;
  width: 100%;
  height: 100%;
}
#wpmem_reg .iframe-tos + .req{
	display:none;
}
#wpmem_reg .req-text{/*必須項目です、のマーク*/
	font-size:12px;
	margin: 0;
}
#wpmem_reg form,
#wpmem_reg fieldset{
	margin:0;
}
#wpmem_login legend, #wpmem_reg legend {
	font-size: 18px !important;
	line-height: 1;
	font-weight: normal !important;
	margin-bottom: 30px !important;
	width: 100%;
	text-align:center !important;
}

#wpmem_pwdreset_form .link-text-username{/*ユーザー名の回復リンク*/
	display:none;
}

input { outline:0; }

.resignation{/*退会リンク*/
	text-align:right;
	font-size:13px;
	color:#f5f5f5;
}
.resignation a{
	color:#8c8c8c;
}

/*ログイン中*/
.login_status{
	text-align:center;
}
.register_status{
	text-align:center;
}
.wpmem_msg{
	font-weight:normal;
}

.page-id-72 .entry-content ul{/*会員情報編集リンク*/
	list-style-type:none;
	text-align:center;
	padding-left: 0;
}
.page-id-72 .entry-content ul li{
	list-style-type:none;
	display:inline-block;
	text-align:center;
}
.page-id-72 .entry-content ul li a{
	min-width:12em;
	padding:5px 0;
	display:inline-block;
	border:solid 1px #000;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
    transition: all 0.1s ease-in-out;
}
.page-id-72 .entry-content ul li a:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:10px;
	padding:0 2px 0 8px;
	margin:0 0 2px 0;
	display:inline-block;
	vertical-align:middle;
}
.page-id-72 .entry-content ul li a:hover{
	border:solid 1px #cc0066;
	color:#cc0066;
}
.page-id-72 .entry-content ul li a:hover:after{
	color:#000;
}
/*coccoon*/
div.editor-styles-wrapper .blank-box,
.blank-box{/*囲み枠ボックス*/
	border-radius:4px;
	border: dotted 1px #cecadd;
	padding: 0.8em 1em;
	font-size:95%;
	margin-bottom:2.5em;
}
div.editor-styles-wrapper .primary-box,
.primary-box{/*案内ボックス*/
    border-color: #b8daff;
	background: linear-gradient(45deg, rgba(254,243,196,0.4) 0%, rgba(140,182,210,0.4) 50%, rgba(198,154,201,0.4) 100%);
    transition: 0.4s;
	color:#000;
}
div.editor-styles-wrapper blockquote,
blockquote{
	border: none;
    background: #F2F4F9;
    border-radius: 5px;
	font-size:92%;
}
blockquote::before, blockquote::after {
    color: #CECADD;
    font-family: serif;
    position: absolute;
    font-size: 700%;
}
blockquote::before {
    content: "“";
    line-height: 1.1;
    left: 10px;
    top: -30px;
}
blockquote::after {
    content: "”";
    line-height: 0;
    right: 10px;
    bottom: -30px;
}
blockquote cite{
	/*font-style: normal;*/
	line-height;0.3;
}


/*ad*/
.ad-label{
	font-size:12px;
	color:#ccc;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  
}

/*834px以下*/
@media screen and (max-width: 834px){
.header-site-logo-image{
	max-height: 50px;
	width:auto;
	vertical-align:bottom;
}
}

/*480px以下*/
@media screen and (max-width: 480px){

}