@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

body {
	font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a:focus,
*:focus {
	outline:none;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.page .post-time {
	display: none;
}
.page .entry-header {
	display: none;
}
/*header-------------------------------------------------------*/
.header {
  flex-shrink: 1;
}
.header-container-in.hlt-top-menu .logo-header {
	margin-left: 10px;
}
.header-container-in.hlt-top-menu .logo-header img {
	margin-top: 6px;
  vertical-align: baseline;
}
.navi-in > ul.menu-pc {
	float: right;
}
.navi-in > ul.menu-pc li {
	float: left;
}
.navi-in > ul.menu-pc li a:hover {
	background-color: inherit;
}
.navi-in > ul.menu-pc li:first-child {
	line-height: 28px;
}
#navi .navi-in > ul > li > a {
    padding: 0 20px;
}
.navi-in > ul.menu-pc li:first-child a {
	font-size: 13px;
	border: 1px solid #333;
	margin-top: 14px;
	border-radius: 20px;
}
#navi .navi-in > ul > li:last-child > a {
	padding-left: 0;
}
.fab.fa-twitter-square {
	font-size: 24px;
	line-height: 28px;
	color: #fff;
}
.fa-twitter-square:before {
  content: "𝕏";
  background: #000;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: 16px;
  border-radius: 4px;
}
.fab.fa-facebook-square {
	font-size: 32px;
	line-height: 60px;
	color: #1877f2;
}
.icon-twitter:before {
  content: "𝕏";
  line-height: 32px;
  display: inline-block;
  height: 36px;
}
#main .social-icon.icon-twitter {
  font-size: 26px;
}
.bc-brand-color.sns-share .twitter-button, .bc-brand-color.sns-follow .twitter-button {
	background-color: #000;
}

/*top-------------------------------------------------------*/
.home .cat-parent li a {
	background-color: #fff!important;
}
.home .cat-parent li a:hover {
	background-color: #f7f7f7!important;
}
#content-top {
	background: url(/wp-content/uploads/2020/06/main.png) repeat-x center top;
	margin: 0;
	padding: 40px 0;
}
.home .main_logo {
	width: auto;
	max-width: 370px;
	margin: 0 auto 15px;
}
.search-box {
	width: auto;
	max-width: 370px;
	margin: 0 auto;
}
a.pagination-next-link {
	border: none;
	background: #fff;
	font-size: 1em;
	margin-top: 15px;
    font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a.pagination-next-link:hover {
	background: #f1f1f1;
}
.page-numbers {
	border: none;
    font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a.page-numbers:hover {
	background-color: #fff;
}
.pagination .current {
    background-color: #fff;
}

/*cat-parent-------------------------------------------------------*/
ul.cat-parent {
	margin: 0 0 40px;
	padding: 0;
    display: flex;
}
ul.cat-parent li {
	list-style: none;
	width: 100%;
}
ul.cat-parent li a {
	display: block;
	font-size: 15px;
	line-height: 1;
	color: #333;
	border-right: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
	text-decoration: none;
	padding: 12px;
    font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
ul.cat-parent li:last-child {
	border-right: none;
}
ul.cat-parent li.current-cat a,
ul.cat-parent li.current-cat-parent a {
	background: #f7f7f7;
}
.home ul.cat-parent li.current-cat a,
.search ul.cat-parent li.current-cat a {
	background: #fff;
}
ul.cat-parent li a:hover,
.home ul.cat-parent li.current-cat a:hover,
.search ul.cat-parent li.current-cat a:hover {
	background: #f7f7f7;
}

/*cat-child-------------------------------------------------------*/
ul.cat-child {
	margin: 0 0 60px;
	padding: 0;
}
ul.cat-child li {
	list-style: none;
}
ul.cat-child li a {
	display: block;
	font-size: 15px;
	line-height: 1;
	color: #333;
	padding: 18px 10px;
	border-bottom: 1px solid #e6e6e6;
	text-decoration: none;
    font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
ul.cat-child li:first-child a {
	border-top: 1px solid #e6e6e6;
}
ul.cat-child li.current-cat {
	background: #fff;
}
ul.cat-child li a:hover {
	background: #fff;
}


/*main-------------------------------------------------------*/
.home #main,
.archive #main,
.page  #main {
	background-color: transparent;
}
.page .entry-content {
	margin-top: 1.7em;
}
.page .entry-content > *:first-child {
	margin-top: 0;
}
#archive-title,
#archive-title_cs {
	display: none;
}
.single .date-tags .post-date {
	display: none;
}
.single #main {
	margin-top: 50px;
}
.single #main.off:before {
	content: "";
	background: url(images/bg_off.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 100px;
	width: 100px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
    z-index: 1;
}
.single #main.on:before {
	content: "";
	background: url(images/bg_on.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 100px;
	width: 100px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
    z-index: 1;
}
.single #main.interview:before {
	content: "";
	background: url(images/bg_int.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 100px;
	width: 100px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
    z-index: 1;
}

/*entry-card-------------------------------------------------------*/
.cat-label {
	display: none;
}
.ect-vertical-card .entry-card-wrap {
	width: 48.5%;
}
.entry-card-wrap {
	background-color: #fff;
	position: relative;
	margin-top: 30px;
	padding: 2.5%;
}
.entry-card-wrap:hover {
	background: #fff;
}
.entry-card-wrap.off:before {
	content: "";
	background: url(images/bg_off.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 80px;
	width: 80px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
}
.entry-card-wrap.on:before {
	content: "";
	background: url(images/bg_on.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 80px;
	width: 80px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
}
.entry-card-wrap.interview:before {
	content: "";
	background: url(images/bg_int.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	height: 80px;
	width: 80px;
	right: 50%;
	top: -30px;
	margin-right: -50px;
}
.entry-card-content {
	padding-bottom: 0.2em;
}
.entry-card-meta {
	text-align: left;
	position: static;
	height: auto;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
.entry-card-meta .e-card-info {
	justify-content: start;
	margin-bottom: 20px;
}
.entry-card-meta .entry-card-info > * {
	font-size: 13px;
	color: #808080;
}
.entry-card-meta .entry-card-categorys {
	display: block;
	margin-bottom: 5px;
}
.entry-card-meta .entry-card-categorys span.entry-category {
	border-right: 1px solid #999;
	padding: 0 8px;
	font-size: 13px;
	color: #808080;
}
.entry-card-meta .entry-card-categorys span.entry-category:first-child {
	padding-left: 0;
}
.entry-card-meta .entry-card-categorys span.entry-category:last-child {
	border-right: none;
}
.entry-card-meta .fa-clock {
	display: none;
}
.entry-category {
	font-size: 0.75em;
	color: #999;
}
.entry-card-title {
	clear: both;
	font-size: 16px;
	margin-bottom: 20px;
  line-height: 1.3;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.entry-card-snippet {
	font-size: 0.9em;
	line-height: 1.6;
}

/*sidebar-------------------------------------------------------*/
#sidebar {
	background-color: transparent;
	margin-top: 30px;
}
#sidebar aside {
	margin-bottom: 20px;
}
#sidebar .widget_sp_image img,
#sidebar .widget_media_image img {
	border: solid 4px #fff;
}

/*content-------------------------------------------------------*/
.single #main.main {
	background-color: transparent;
	padding-top: 0;
}
.search #main.main {
	background-color: transparent;
}
.search #main.main form {
	display: none;
}
.single #main article {
	background-color: #fff;
	line-height: 1;
}
.single #main article.post {
	padding: 1.5em 2.3em 0.5em;
    position: relative;
}
.single .post-time {
	font-size: 13px;
	color: #808080;
	line-height: 1;
}
ul.post-categories {
	list-style: none;
	margin: 40px 0 0;
	padding: 0 0 8px;
	border-bottom: 1px solid #999;
	line-height: 1;
}
ul.post-categories:after {
	clear: both;
	content: "";
	display: block;
}
ul.post-categories li {
	border-right: 1px solid #999;
	padding: 0 8px;
	margin: 0;
	line-height: 1;
	float: left;
}
ul.post-categories li:first-child {
	padding-left: 0;
}
ul.post-categories li:last-child {
	border-right: none;
}
ul.post-categories li a {
	font-size: 13px;
	color: #808080;
	text-decoration: none;
	display: block;
	line-height: 1;
}
ul.post-categories li a:hover {
	color: #000;
}
.entry-title {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 5px;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.h_tag {
	line-height: 1;
}
.h_tag a {
	font-size: 13px;
	color: #808080;
	text-decoration: none;
	line-height: 1;
}
.h_tag a:hover {
	color: #000;
}
.h_tag a:before {
	content: "#";
}
.entry-content {
	margin-top: 3em;
}
.toggle-wrap.on .toggle-button {
	background-color: #fffae4;
	border: 2px solid #ffcf00;
}
.toggle-button {
	text-align: left;
	padding: 20px 50px 20px 45px;
	line-height: 1.5;
	font-size: 18px;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.toggle-button:after {
	cursor: pointer;
	content: '＋';
	position: absolute;
	top: 16px;
	right: 20px;
	font-size: 24px;
}
.toggle-checkbox:checked ~ .toggle-button:after {
	content: '−';
	top: 14px;
	right: 23px;
}
.entry-content .toggle-button:before {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 18px;
	color: #333;
}
.entry-content .toggle-wrap:nth-of-type(1) .toggle-button:before {
	content: "①";
}
.entry-content .toggle-wrap:nth-of-type(2) .toggle-button:before {
	content: "②";
}
.entry-content .toggle-wrap:nth-of-type(3) .toggle-button:before {
	content: "③";
}
.entry-content .toggle-wrap:nth-of-type(4) .toggle-button:before {
	content: "④";
}
.entry-content .toggle-wrap:nth-of-type(5) .toggle-button:before {
	content: "⑤";
}
.entry-content .toggle-wrap:nth-of-type(6) .toggle-button:before {
	content: "⑥";
}
.entry-content .toggle-wrap:nth-of-type(7) .toggle-button:before {
	content: "⑦";
}
.entry-content .toggle-wrap:nth-of-type(8) .toggle-button:before {
	content: "⑧";
}
.entry-content .toggle-wrap:nth-of-type(9) .toggle-button:before {
	content: "⑨";
}
.entry-content .toggle-wrap.none .toggle-button {
	padding-left: 20px;
}
.entry-content .toggle-wrap.none .toggle-button:before {
	content: "";
}
.toggle-checkbox:checked ~ .toggle-content {
	padding: 3em;
}
.entry-content .wp-block-image {
  margin-bottom: 2em;
}
.entry-content .wp-block-columns.member .wp-block-image {
  margin-bottom: 0;
}
.entry-content .wp-block-columns.member p {
  margin: 0.3em 0;
}
.entry-content .wp-block-columns.member .wp-block-column {
    margin-bottom: 1em;
}
.entry-content p + .wp-block-image {
	margin-top: 2.3em;
}
.toggle-wrap.on .toggle-content,
.toggle-wrap.on .toggle-checkbox:checked ~ .toggle-content {
	border-right: 2px solid #ffcf00;
	border-bottom: 2px solid #ffcf00;
	border-left: 2px solid #ffcf00;
}
.entry-content a {
	color: #ff9800;
	text-decoration: none;
}
.entry-content a:hover {
	color: #ff9800;
	text-decoration: underline;
}
.entry-content hr {
  margin-top: 3em;
  margin-bottom: 3em;
}
.article h3 {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	padding: 12px 0 15px;
	margin-bottom: 45px;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.article h4 {
	font-size: 18px;
	border: none;
	padding: 10px 0px 10px 15px;
	position: relative;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.article h4:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	border-left: solid 3px #777;
	height: 22px;
}
blockquote {
  background-color: #f7f7f7;
  border: none;
  margin: 2.6em 0 2.5em;
  padding: 2em;
	border-radius: 8px;
}
.related-entry-heading {
	font-size: 18px;
	margin: 40px 0px 25px;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.rect-vertical-card .related-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rect-vertical-card-3 .related-entry-card-wrap {
	width: 49%;
}
.rect-vertical-card .related-entry-card-wrap {
  padding: 0;
}
.related-entry-card {
	padding: 1em 1em 0em;
}
.rect-vertical-card .related-entry-card-thumb {
	margin-bottom: 10px;
}
.related-entry-card-title {
	line-height: 1.3;
	margin-bottom: 10px;
    font-family: "ゴシックMB101 DB", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.related-entry-card-snippet {
	font-size: 0.9em;
	line-height: 1.6;
}
.related-entry-card-meta {
    display: none;
}
table th, table td {
    border: none;
    padding: 1em;
}

/*sns-------------------------------------------------------*/
.sns-share.ss-top {
    position: absolute;
    right: 0;
    top: -45px;
}
.sns-share.ss-bottom {
    position: absolute;
    right: 0;
}
#main .button-caption {
  display: none;
}
#main .sns-share a {
  width: 2em;
  margin-left: 0.3em;
  height: 35px;
}
.sns-share-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 20px;
}
.sns-share.ss-high-and-low-lc a > span {
    padding-top: 0;
}

/*footer-------------------------------------------------------*/
.footer-in.wrap {
	width: 100%;
}
.footer-bottom {
	padding: 0;
	margin-top: 50px;
}
.footer-bottom-logo {
	float: none;
	position: static;
	padding-bottom: 60px;
}
.footer-bottom-logo .logo-image {
	max-width: 100%;
}
.footer-bottom-logo img {
	height: auto;
	max-width: 260px;
}
.footer-bottom-content {
	float: none;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	padding-bottom: 5px;
}
.footer-bottom {
    font-size: 10px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1174px){
.main {
    width: 74%;
}
.sidebar {
    padding-top: 20px;
    width: 23%;
}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
.pc {
	display: none;
}
.sp {
	display: block;
}

/*header-------------------------------------------------------*/
.header-container-in.hlt-top-menu .wrap {
	display: none;
}
.has-logo-button .logo-menu-button {
    width: 100px;
}
.has-logo-button .navi-menu-button {
	width: 50px;
	position: absolute;
	right: 0;
	z-index: 10;
}
.has-logo-button .search-menu-button {
	display: none;
}
.logo-menu-button img {
    max-height: 30px;
		margin-left: 10px;
}
.mobile-menu-buttons > li {
    padding-top: 9px;
}
.mobile-menu-buttons .menu-caption {
    display: none;
}
.mobile-menu-buttons {
    font-size: 24px;
}
.menu-close-button {
	display: none;
}
.menu-content ul.menu-drawer {
	border-top: 1px solid #e6e6e6;
	margin: 3em 1.5em 1.5em;
	padding: 0;
}
.menu-content ul.menu-drawer li a {
	border-bottom: 1px solid #e6e6e6;
	padding: 12px;
	font-size: 16px;
}
.menu-content ul.menu-drawer li.menu-item-type-post_type a {
	border-bottom: none;
	font-size: 14px;
	margin-top: 20px;
	padding: 8px 12px;
}
.menu-content ul.menu-drawer li.menu-item-type-custom a {
	border-bottom: none;
	font-size: 14px;
	padding: 8px 12px;
}

/*top-------------------------------------------------------*/
#content-top {
	padding: 30px 0;
}
/*cat-parent-------------------------------------------------------*/
 ul.cat-parent {
    display: none;
}

/*cat-child-------------------------------------------------------*/
#archive-title_cs {
	font-size: 20px;
	text-align: center;
	padding: 30px 0 0;
	display: block;
	line-height: 1;
}
ul.cat-child {
	border-left: 2px solid #fff;
	margin: 30px 10% 0;
}
ul.cat-child li {
	float: left;
	width: 50%;
}
ul.cat-child li a {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 10px;
}
ul.cat-child li:nth-of-type(1) a,
ul.cat-child li:nth-of-type(2) a {
  border-top: 2px solid #fff;
}

/*content-------------------------------------------------------*/
.content {
    margin-top: 0;
}
.single #main {
    margin-top: 60px;
}
.single #main.off:before,
.single #main.on:before,
.single #main.interview:before {
	height: 70px;
	width: 70px;
	right: 36px;
	top: -20px;
	margin-right: 0;
}
.single #main article.post {
	padding: 1.2em 1.2em 0.5em;
}
ul.post-categories {
	margin: 8px 0 0;
}
.entry-title {
	font-size: 16px;
	padding: 0;
}
.toggle-button {
	font-size: 16px;
}
.entry-content .toggle-button:before {
	font-size: 16px;
}
.toggle-button:after {
	font-size: 20px;
}
.toggle-checkbox:checked ~ .toggle-content {
    padding: 2.5em 1em 1em;
}
.rect-vertical-card-3 .related-entry-card-wrap {
    width: 100%;
}
    
/*sns-------------------------------------------------------*/
.sns-share.ss-top {
    position: absolute;
    right: auto;
    left: 0;
    top: -40px;
}
#main .sns-share a {
  width: 2.2em;
  margin-left: 0;
  margin-right: 0.3em;
  height: 30px;
}
#main .social-icon {
  font-size: 18px;
}
.twfb {
    display:flex;
    justify-content: center;
}
 .twfb .tw {
    margin: 40px auto 20px;
    max-width: 320px;       
}
.twfb .fb_iframe_widget {
    margin: 40px auto 20px;
}

/*footer-------------------------------------------------------*/
.footer {
    margin-top: 0;
    padding-top: 0;
}
.footer-mobile {
	padding: 10px 0 40px;
	background: #f7f7f7;
	text-align: center;
}
.footer-mobile aside {
	margin-bottom: 20px;
}
.footer-mobile aside a {
	width: 260px;
	display: inline-block;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
}
/*640px以下*/
@media screen and (max-width: 640px){
/*top-------------------------------------------------------*/
#content-top {
	background-size: cover;
}
.home .main_logo {
	max-width: 340px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.search-box {
	max-width: 340px;
	padding-left: 20px;
	padding-right: 20px;
}
.search-submit {
	padding-right: 28px;
}
/*entry-card-------------------------------------------------------*/
.ect-vertical-card .entry-card-wrap {
    width: 100%;
		padding: 4%;
}
.entry-card-wrap.on:before,
.entry-card-wrap.off:before,
.entry-card-wrap.interview:before {
	height: 60px;
	width: 60px;
	right: 20px;
	top: -20px;
	margin-right: 0;
}
.entry-card-meta .e-card-info {
	margin-bottom: 3px;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
	float: right;
	width: 37%;
}
.entry-card-snippet {
	float: left;
	width: 60%;
}
ul.cat-child {
	margin: 30px 16px 0;
}
.e-card-title {
	line-height: 1.25;
}
.twfb {
    display: block;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
#content-top {
	background-size: cover;
}
.page-body {
	font-size: 15px;
}
.related-entry-card-snippet {
    font-size: 14px;
}
.related-entry-card {
    padding: 1.2em 1.2em 0em;
}
}

/*フォント----------------------------------------------------------------------------------------*/
.single .font-type span {
  background: #eee;
  padding: 3px 5px;
  font-size: 11px;
  color: #808080;
}
.single  .font-type span:after {
  color: #000;
}
/*タイトル---------------------------------------------------*/

.single .title-midashigo-mb31 h1,
.single .title-midashigo-mb31 .entry-content h2,
.single .title-midashigo-mb31 .entry-content h3,
.single .title-midashigo-mb31 .entry-content h4,
.single .title-midashigo-mb31 .entry-content label.toggle-button {
  font-family: "見出ゴMB31";
}
.single .title-midashigo-mb31 .font-type span.font-type-title:after {
  content: "見出ゴMB31";
}

.single .title-cinema-letter h1,
.single .title-cinema-letter .entry-content h2,
.single .title-cinema-letter .entry-content h3,
.single .title-cinema-letter .entry-content h4,
.single .title-cinema-letter .entry-content label.toggle-button {
  font-family: "シネマレター";
}
.single .title-cinema-letter .font-type span.font-type-title:after {
  content: "シネマレター";
}

.single .title-tunnel h1,
.single .title-tunnel .entry-content h2,
.single .title-tunnel .entry-content h3,
.single .title-tunnel .entry-content h4,
.single .title-tunnel .entry-content label.toggle-button {
  font-family: "トンネル 太線";
}
.single .title-tunnel .font-type span.font-type-title:after {
  content: "トンネル";
}

.single .title-harucraft h1,
.single .title-harucraft .entry-content h2,
.single .title-harucraft .entry-content h3,
.single .title-harucraft .entry-content h4,
.single .title-harucraft .entry-content label.toggle-button {
  font-family: "ハルクラフト";
}
.single .title-harucraft .font-type span.font-type-title:after {
  content: "ハルクラフト";
}

.single .title-pretty-momo h1,
.single .title-pretty-momo .entry-content h2,
.single .title-pretty-momo .entry-content h3,
.single .title-pretty-momo .entry-content h4,
.single .title-pretty-momo .entry-content label.toggle-button {
  font-family: "プリティー桃";
}
.single .title-pretty-momo .font-type span.font-type-title:after {
  content: "プリティー桃";
}

.single .title-haruhi-gakuen h1,
.single .title-haruhi-gakuen .entry-content h2,
.single .title-haruhi-gakuen .entry-content h3,
.single .title-haruhi-gakuen .entry-content h4,
.single .title-haruhi-gakuen .entry-content label.toggle-button {
  font-family: "はるひ学園";
}
.single .title-haruhi-gakuen .font-type span.font-type-title:after {
  content: "はるひ学園";
}

.single .title-suzumushi h1,
.single .title-suzumushi .entry-content h2,
.single .title-suzumushi .entry-content h3,
.single .title-suzumushi .entry-content h4,
.single .title-suzumushi .entry-content label.toggle-button {
  font-family: "すずむし";
}
.single .title-suzumushi .font-type span.font-type-title:after {
  content: "すずむし";
}

.single .title-g2-sanserif-b h1,
.single .title-g2-sanserif-b .entry-content h2,
.single .title-g2-sanserif-b .entry-content h3,
.single .title-g2-sanserif-b .entry-content h4,
.single .title-g2-sanserif-b .entry-content label.toggle-button {
  font-family: "G2サンセリフ-B";
}
.single .title-g2-sanserif-b .font-type span.font-type-title:after {
  content: "G2サンセリフ-B";
}

.single .title-kakushin-gyousho-medium h1,
.single .title-kakushin-gyousho-medium .entry-content h2,
.single .title-kakushin-gyousho-medium .entry-content h3,
.single .title-kakushin-gyousho-medium .entry-content h4,
.single .title-kakushin-gyousho-medium .entry-content label.toggle-button {
  font-family: "角新行書 M";
}
.single .title-kakushin-gyousho-medium .font-type span.font-type-title:after {
  content: "角新行書 M";
}

.single .title-higemoji h1,
.single .title-higemoji .entry-content h2,
.single .title-higemoji .entry-content h3,
.single .title-higemoji .entry-content h4,
.single .title-higemoji .entry-content label.toggle-button {
  font-family: "ひげ文字";
}
.single .title-higemoji .font-type span.font-type-title:after {
  content: "ひげ文字";
}

.single .title-shin-marugo-emboss h1,
.single .title-shin-marugo-emboss .entry-content h2,
.single .title-shin-marugo-emboss .entry-content h3,
.single .title-shin-marugo-emboss .entry-content h4,
.single .title-shin-marugo-emboss .entry-content label.toggle-button {
  font-family: "新丸ゴ エンボス";
}
.single .title-shin-marugo-emboss .font-type span.font-type-title:after {
  content: "新丸ゴ エンボス";
}

.single .title-uddigikyokasho-b h1,
.single .title-uddigikyokasho-b .entry-content h2,
.single .title-uddigikyokasho-b .entry-content h3,
.single .title-uddigikyokasho-b .entry-content h4,
.single .title-uddigikyokasho-b .entry-content label.toggle-button {
  font-family: "UDデジタル教科書体 B";
}
.single .title-uddigikyokasho-b .font-type span.font-type-title:after {
  content: "UDデジタル教科書体 B";
}

.single .title-ud-singo-db h1,
.single .title-ud-singo-db .entry-content h2,
.single .title-ud-singo-db .entry-content h3,
.single .title-ud-singo-db .entry-content h4,
.single .title-ud-singo-db .entry-content label.toggle-button {
  font-family: "UD新ゴ DB";
}
.single .title-ud-singo-db .font-type span.font-type-title:after {
  content: "UD新ゴ DB";
}

.single .title-ud-reimin-b h1,
.single .title-ud-reimin-b .entry-content h2,
.single .title-ud-reimin-b .entry-content h3,
.single .title-ud-reimin-b .entry-content h4,
.single .title-ud-reimin-b .entry-content label.toggle-button {
  font-family: "UD黎ミン B";
}
.single .title-ud-reimin-b .font-type span.font-type-title:after {
  content: "UD黎ミン B";
}

.single .title-ud-shin-maru-go-db h1,
.single .title-ud-shin-maru-go-db .entry-content h2,
.single .title-ud-shin-maru-go-db .entry-content h3,
.single .title-ud-shin-maru-go-db .entry-content h4,
.single .title-ud-shin-maru-go-db .entry-content label.toggle-button {
  font-family: "UD新丸ゴ DB";
}
.single .title-ud-shin-maru-go-db .font-type span.font-type-title:after {
  content: "UD新丸ゴ DB";
}

.single .title-ud-singo-nt-db h1,
.single .title-ud-singo-nt-db .entry-content h2,
.single .title-ud-singo-nt-db .entry-content h3,
.single .title-ud-singo-nt-db .entry-content h4,
.single .title-ud-singo-nt-db .entry-content label.toggle-button {
  font-family: "UD新ゴNT DB";
}
.single .title-ud-singo-nt-db .font-type span.font-type-title:after {
  content: "UD新ゴNT DB";
}

.single .title-a1-gothic-m h1,
.single .title-a1-gothic-m .entry-content h2,
.single .title-a1-gothic-m .entry-content h3,
.single .title-a1-gothic-m .entry-content h4,
.single .title-a1-gothic-m .entry-content label.toggle-button {
  font-family: "A1ゴシック M";
}
.single .title-a1-gothic-m .font-type span.font-type-title:after {
  content: "A1ゴシック M";
}

/*本文---------------------------------------------------*/
.single .text-gothic-medium-bbb p,
.single .text-gothic-medium-bbb figcaption,
.single .text-gothic-medium-bbb a,
.single .text-gothic-medium-bbb ul {
  font-family: "中ゴシックBBB";
}
.single .text-gothic-medium-bbb .font-type span.font-type-text:after {
  content: "中ゴシックBBB";
}

.single .text-ryumin-r-kl p,
.single .text-ryumin-r-kl figcaption,
.single .text-ryumin-r-kl a,
.single .text-ryumin-r-kl ul {
  font-family: "リュウミン R-KL";
}
.single .text-ryumin-r-kl .font-type span.font-type-text:after {
  content: "リュウミン R-KL";
}

.single .text-shuei-mincho-m p,
.single .text-shuei-mincho-m figcaption,
.single .text-shuei-mincho-m a,
.single .text-shuei-mincho-m ul {
  font-family: "秀英明朝M";
}
.single .text-shuei-mincho-m .font-type span.font-type-text:after {
  content: "秀英明朝M";
}

.single .text-a1-mincho p,
.single .text-a1-mincho figcaption,
.single .text-a1-mincho a,
.single .text-a1-mincho ul {
  font-family: "A1明朝";
}
.single .text-a1-mincho .font-type span.font-type-text:after {
  content: "A1明朝";
}

.single .text-tb-npmincho-l p,
.single .text-tb-npmincho-l figcaption,
.single .text-tb-npmincho-l a,
.single .text-tb-npmincho-l ul {
  font-family: "TB新聞明朝 L";
}
.single .text-tb-npmincho-l .font-type span.font-type-text:after {
  content: "TB新聞明朝 L";
}

.single .text-shuei-kakugo-kin-m p,
.single .text-shuei-kakugo-kin-m figcaption,
.single .text-shuei-kakugo-kin-m a,
.single .text-shuei-kakugo-kin-m ul {
  font-family: "秀英角ゴシック金 M";
}
.single .text-shuei-kakugo-kin-m .font-type span.font-type-text:after {
  content: "秀英角ゴシック金 M";
}

.single .text-koburina-gothic-w3-jis2004 p,
.single .text-koburina-gothic-w3-jis2004 figcaption,
.single .text-koburina-gothic-w3-jis2004 a,
.single .text-koburina-gothic-w3-jis2004 ul {
  font-family: "こぶりなゴシック W3 JIS2004";
}
.single .text-koburina-gothic-w3-jis2004 .font-type span.font-type-text:after {
  content: "こぶりなゴシック W3 JIS2004";
}

.single .text-shuei-marugo-m p,
.single .text-shuei-marugo-m figcaption,
.single .text-shuei-marugo-m a,
.single .text-shuei-marugo-m ul {
  font-family: "秀英丸ゴシック M";
}
.single .text-shuei-marugo-m .font-type span.font-type-text:after {
  content: "秀英丸ゴシック M";
}

.single .text-tb-chibir-gothic-plusk-r p,
.single .text-tb-chibir-gothic-plusk-r figcaption,
.single .text-tb-chibir-gothic-plusk-r a,
.single .text-tb-chibir-gothic-plusk-r ul {
  font-family: "TBちび丸ゴシックPlusK R";
}
.single .text-tb-chibir-gothic-plusk-r .font-type span.font-type-text:after {
  content: "TBちび丸ゴシックPlusK R";
}

.single .text-ud-shin-go-conde80-r p,
.single .text-ud-shin-go-conde80-r figcaption,
.single .text-ud-shin-go-conde80-r a,
.single .text-ud-shin-go-conde80-r ul {
  font-family: "UD新ゴ コンデンス80 R";
}
.single .text-ud-shin-go-conde80-r .font-type span.font-type-text:after {
  content: "UD新ゴ コンデンス80 R";
}

.single .text-uddigikyokasho-r p,
.single .text-uddigikyokasho-r figcaption,
.single .text-uddigikyokasho-r a,
.single .text-uddigikyokasho-r ul {
  font-family: "UDデジタル教科書体 R";
}
.single .text-uddigikyokasho-r .font-type span.font-type-text:after {
  content: "UDデジタル教科書体 R";
}

.single .text-ud-singo-r p,
.single .text-ud-singo-r figcaption,
.single .text-ud-singo-r a,
.single .text-ud-singo-r ul {
  font-family: "UD新ゴ R";
}
.single .text-ud-singo-r .font-type span.font-type-text:after {
  content: "UD新ゴ R";
}

.single .text-ud-reimin-r p,
.single .text-ud-reimin-r figcaption,
.single .text-ud-reimin-r a,
.single .text-ud-reimin-r ul {
  font-family: "UD黎ミン R";
}
.single .text-ud-reimin-r .font-type span.font-type-text:after {
  content: "UD黎ミン R";
}

.single .text-ud-shin-maru-go-r p,
.single .text-ud-shin-maru-go-r figcaption,
.single .text-ud-shin-maru-go-r a,
.single .text-ud-shin-maru-go-r ul {
  font-family: "UD新丸ゴ R";
}
.single .text-ud-shin-maru-go-r .font-type span.font-type-text:after {
  content: "UD新丸ゴ R";
}

.single .text-ud-singo-nt-r p,
.single .text-ud-singo-nt-r figcaption,
.single .text-ud-singo-nt-r a,
.single .text-ud-singo-nt-r ul {
  font-family: "UD新ゴNT R";
}
.single .text-ud-singo-nt-r .font-type span.font-type-text:after {
  content: "UD新ゴNT R";
}

.single .text-ud-digikyolatin-r p,
.single .text-ud-digikyolatin-r figcaption,
.single .text-ud-digikyolatin-r a,
.single .text-ud-digikyolatin-r ul {
  font-family: "UDDigiKyoLatin Regular";
}
.single .text-ud-digikyolatin-r .font-type span.font-type-text:after {
  content: "UDDigiKyoLatin Regular";
}

.single .text-ud-digikyowriting-r p,
.single .text-ud-digikyowriting-r figcaption,
.single .text-ud-digikyowriting-r a,
.single .text-ud-digikyowriting-r ul {
  font-family: "UDDigiKyoWriting Regular";
}
.single .text-ud-digikyowriting-r .font-type span.font-type-text:after {
  content: "UDDigiKyoWriting Regular";
}

.single .text-ud-digikyoitalic-r p,
.single .text-ud-digikyoitalic-r figcaption,
.single .text-ud-digikyoitalic-r a,
.single .text-ud-digikyoitalic-r ul {
  font-family: "UDDigiKyoItalic Regular";
}
.single .text-ud-digikyoitalic-r .font-type span.font-type-text:after {
  content: "UDDigiKyoItalic Regular";
}

.single .text-a1-gothic-r p,
.single .text-a1-gothic-r figcaption,
.single .text-a1-gothic-r a,
.single .text-a1-gothic-r ul {
  font-family: "A1ゴシック R";
}
.single .text-a1-gothic-r .font-type span.font-type-text:after {
  content: "A1ゴシック R";
}

/*翻訳後の書体-------------------------------------------------------*/
/*英語*/
.single.translatepress-en_US h1,
.single.translatepress-en_US .entry-content h2,
.single.translatepress-en_US .entry-content h3,
.single.translatepress-en_US .entry-content h4,
.single.translatepress-en_US .entry-content label.toggle-button,
.home.translatepress-en_US .entry-card-title,
.archive.translatepress-en_US .entry-card-title {
  font-family: "Clarimo UD PE DemiBold"!important;
}
.single.translatepress-en_US .font-type span.font-type-title:after {
  content: "Clarimo UD PE DemiBold"!important;
}
body.translatepress-en_US,
.single.translatepress-en_US p,
.single.translatepress-en_US figcaption,
.single.translatepress-en_US a,
.single.translatepress-en_US ul,
.home.translatepress-en_US ul.cat-parent li a,
.home.translatepress-en_US ul.ul.cat-child li a,
.archive.translatepress-en_US ul.cat-parent li a,
.archive.translatepress-en_US ul.cat-child li a {
  font-family: "Clarimo UD PE Regular"!important;
}
.single.translatepress-en_US .font-type span.font-type-text:after {
  content: "Clarimo UD PE Regular"!important;
}
.translatepress-en_US .trp-dropdown-switcher button {
  font-family: "Clarimo UD PE Regular"!important;
}
/*簡体字（中国）*/
.single.translatepress-zh_CN h1,
.single.translatepress-zh_CN .entry-content h2,
.single.translatepress-zh_CN .entry-content h3,
.single.translatepress-zh_CN .entry-content h4,
.single.translatepress-zh_CN .entry-content label.toggle-button,
.home.translatepress-zh_CN .entry-card-title,
.archive.translatepress-zh_CN .entry-card-title {
  font-family: "UD Shin Go SC DemiBold"!important;
}
.single.translatepress-zh_CN .font-type span.font-type-title:after {
  content: "UD Shin Go SC DemiBold"!important;
}
body.translatepress-zh_CN,
.single.translatepress-zh_CN p,
.single.translatepress-zh_CN figcaption,
.single.translatepress-zh_CN a,
.single.translatepress-zh_CN ul,
.home.translatepress-zh_CN ul.cat-parent li a,
.home.translatepress-zh_CN ul.ul.cat-child li a,
.archive.translatepress-zh_CN ul.cat-parent li a,
.archive.translatepress-zh_CN ul.cat-child li a {
  font-family: "UD Shin Go SC Regular"!important;
}
.single.translatepress-zh_CN .font-type span.font-type-text:after {
  content: "UD Shin Go SC Regular"!important;
}
.translatepress-zh_CN .trp-dropdown-switcher button {
  font-family: "UD Shin Go SC Regular"!important;
}
/*繁体字（台湾）*/
.single.translatepress-zh_TW h1,
.single.translatepress-zh_TW .entry-content h2,
.single.translatepress-zh_TW .entry-content h3,
.single.translatepress-zh_TW .entry-content h4,
.single.translatepress-zh_TW .entry-content label.toggle-button,
.home.translatepress-zh_TW .entry-card-title,
.archive.translatepress-zh_TW .entry-card-title {
  font-family: "UD ShinGo Std TC DB"!important;
}
.single.translatepress-zh_TW .font-type span.font-type-title:after {
  content: "UD ShinGo Std TC DB"!important;
}
body.translatepress-zh_TW,
.single.translatepress-zh_TW p,
.single.translatepress-zh_TW figcaption,
.single.translatepress-zh_TW a,
.single.translatepress-zh_TW ul,
.home.translatepress-zh_TW ul.cat-parent li a,
.home.translatepress-zh_TW ul.ul.cat-child li a,
.archive.translatepress-zh_TW ul.cat-parent li a,
.archive.translatepress-zh_TW ul.cat-child li a {
  font-family: "UD ShinGo Std TC R"!important;
}
.single.translatepress-zh_TW .font-type span.font-type-text:after {
  content: "UD ShinGo Std TC R"!important;
}
.translatepress-zh_TW .trp-dropdown-switcher button {
  font-family: "UD ShinGo Std TC R"!important;
}
/*韓国語*/
.single.translatepress-ko_KR h1,
.single.translatepress-ko_KR .entry-content h2,
.single.translatepress-ko_KR .entry-content h3,
.single.translatepress-ko_KR .entry-content h4,
.single.translatepress-ko_KR .entry-content label.toggle-button,
.home.translatepress-ko_KR .entry-card-title,
.archive.translatepress-ko_KR .entry-card-title {
  font-family: "Clarimo UD KR Pro DemiBold"!important;
}
.single.translatepress-ko_KR .font-type span.font-type-title:after {
  content: "Clarimo UD KR Pro DemiBold"!important;
}
body.translatepress-ko_KR,
.single.translatepress-ko_KR p,
.single.translatepress-ko_KR figcaption,
.single.translatepress-ko_KR a,
.single.translatepress-ko_KR ul,
.home.translatepress-ko_KR ul.cat-parent li a,
.home.translatepress-ko_KR ul.ul.cat-child li a,
.archive.translatepress-ko_KR ul.cat-parent li a,
.archive.translatepress-ko_KR ul.cat-child li a {
  font-family: "Clarimo UD KR Pro Regular"!important;
}
.single.translatepress-ko_KR .font-type span.font-type-text:after {
  content: "Clarimo UD KR Pro Regular"!important;
}
.translatepress-ko_KR .trp-dropdown-switcher button {
  font-family: "Clarimo UD KR Pro Regular"!important;
}
/*タイ語*/
.single.translatepress-th h1,
.single.translatepress-th .entry-content h2,
.single.translatepress-th .entry-content h3,
.single.translatepress-th .entry-content h4,
.single.translatepress-th .entry-content label.toggle-button,
.home.translatepress-th .entry-card-title,
.archive.translatepress-th .entry-card-title {
  font-family: "Clarimo UD Thai DemiBold"!important;
}
.single.translatepress-th .font-type span.font-type-title:after {
  content: "Clarimo UD Thai DemiBold"!important;
}
body.translatepress-th,
.single.translatepress-th p,
.single.translatepress-th figcaption,
.single.translatepress-th a,
.single.translatepress-th ul,
.home.translatepress-th ul.cat-parent li a,
.home.translatepress-th ul.ul.cat-child li a,
.archive.translatepress-th ul.cat-parent li a,
.archive.translatepress-th ul.cat-child li a {
  font-family: "Clarimo UD Thai Regular"!important;
}
.single.translatepress-th .font-type span.font-type-text:after {
  content: "Clarimo UD Thai Regular"!important;
}
.translatepress-th .trp-dropdown-switcher button {
  font-family: "Clarimo UD Thai Regular"!important;
}
/*日本語*/
.translatepress-ja .trp-dropdown-switcher .en_US {
  font-family: "Clarimo UD PE Regular"!important;
}
.translatepress-ja .trp-dropdown-switcher .zh_CN {
  font-family: "UD Shin Go SC Regular"!important;
}
.translatepress-ja .trp-dropdown-switcher .zh_TW {
  font-family: "UD ShinGo Std TC R"!important;
}
.translatepress-ja .trp-dropdown-switcher .ko_KR {
  font-family: "Clarimo UD KR Pro Regular"!important;
}
.translatepress-ja .trp-dropdown-switcher .th {
  font-family: "Clarimo UD Thai Regular"!important;
}
.translatepress-ja .trp-dropdown-switcher .trp-dropdown-toggle {
  font-family: "ゴシックMB101 R", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1;
}

/*検索ボックス非表示*/
.search-box {
  display: none;
}
.translatepress-ja .search-box {
  display: block;
}

/*翻訳スイッチャー-------------------------------------------------------*/
.header-container-in.hlt-top-menu .wrap {
  display: flex;
  justify-content: end;
  align-items: center;
}
.trp-dropdown-switcher {
  position: relative;
  box-shadow: 0 0 1px #bbb;
  border-radius: 4px;
}
@media screen and (max-width: 1023px){
  .trp-dropdown-switcher {
    position: absolute;
    top: 50px;
  }
}
.trp-dropdown-switcher:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 11px;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 0.4em;
  height: 0.4em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
.trp-dropdown-toggle {
  background-color: #f7f7f7;
  color: #333;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
	min-width: 120px;
  font-size: 14px;
  height: 28px;
}
.trp-dropdown-toggle img {
    width: 18px;
    height: 12px;
    object-fit: cover;
    border: 1px solid #ccc;
}
.trp-dropdown-toggle img.icon {
	width: 40px;
	height: 40px;
	border: none;
}
.trp-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 4px;
  z-index: 1000;
  min-width: 120px;
  box-shadow: 0 0 1px #bbb;
}
.navi-in .trp-dropdown-menu a {
  color: #333;
  display: flex;
  font-size: 14px;
  line-height: 1.2;
}
.navi-in .trp-dropdown-menu a:hover {
  background-color: #ddd;
}
.trp-dropdown-switcher:hover .trp-dropdown-menu {
    display: block;
}
.trp-dropdown-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
  padding: 8px 8px;
  transition: background-color 0.2s ease;
}
.trp-dropdown-item:hover {
  background-color: #444;
	color: #fff;
}
.trp-dropdown-item img {
  width: 18px;
  height: 12px;
  object-fit: cover;
  border: 1px solid #ccc;
}
.ect-vertical-card .entry-card-wrap.translate:after {
	content:"";
	position: absolute;
	right: 10px;
	bottom: -10px;
	width: 36px;
	height: 36px;
	border-radius: 0 0 18px 18px;
	background: #fff url('/wp-content/themes/cocoon-child/images/translate.png') no-repeat center center;
  background-size: 94%;
}
.posts-not-found p {
	display: none;
}


/*UDフォントソリューション-------------------------------------------------------*/
h1.title_udsol {
  text-align: center;
  padding: 30px 0;
  font-size: 30px;
  background: url(/wp-content/themes/cocoon-child/images/udsol_bg.jpg) repeat-x center center;
  color: #fff;
  font-family: "UD新ゴ DB";
}
.udfont .sidebar-scroll,
.post-type-archive-udsol .sidebar-scroll,
.tax-cat_udsol .sidebar-scroll,
.single-udsol .sidebar-scroll {
    top: 20px;
}
.udfont h3.widget-sidebar-scroll-title,
.udfont h3.widget-footer-mobile-title,
.post-type-archive-udsol h3.widget-footer-mobile-title,
.post-type-archive-udsol h3.widget-sidebar-scroll-title,
.tax-cat_udsol h3.widget-footer-mobile-title,
.tax-cat_udsol h3.widget-sidebar-scroll-title,
.single-udsol h3.widget-footer-mobile-title,
.single-udsol h3.widget-sidebar-scroll-title {
  background: #fff;
  color: #333;
  text-align: center;
  margin: 0 0 20px;
  padding: 6px;
  position: relative;
  font-size: 16px;
}
.udfont h3.widget-sidebar-scroll-title:before,
.udfont h3.widget-footer-mobile-title:before,
.post-type-archive-udsol h3.widget-footer-mobile-title:before,
.post-type-archive-udsol h3.widget-sidebar-scroll-title:before,
.tax-cat_udsol h3.widget-footer-mobile-title:before,
.tax-cat_udsol h3.widget-sidebar-scroll-title:before,
.single-udsol h3.widget-footer-mobile-title:before,
.single-udsol h3.widget-sidebar-scroll-title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.udfont .searchandfilter ul,
.post-type-archive-udsol .searchandfilter ul,
.tax-cat_udsol .searchandfilter ul,
.single-udsol .searchandfilter ul {
  padding-left: 0;
  display: block;
}
.udfont .searchandfilter ul li,
.post-type-archive-udsol .searchandfilter ul li,
.tax-cat_udsol .searchandfilter ul li,
.single-udsol .searchandfilter ul li {
  display: block;
  padding-right: 0;
}
.udfont .searchandfilter ul label,
.post-type-archive-udsol .searchandfilter ul label,
.tax-cat_udsol .searchandfilter ul label,
.single-udsol .searchandfilter ul label {
  border-bottom: dotted 1px #333;
  font-weight: bold;
  color: #666;
  cursor: auto;
  pointer-events: none;
  margin-bottom: 15px;
}
.udfont .searchandfilter ul.children li,
.post-type-archive-udsol .searchandfilter ul.children li,
.tax-cat_udsol .searchandfilter ul.children li,
.single-udsol .searchandfilter ul.children li {
  margin-bottom: 15px;
}
.udfont .searchandfilter ul.children label,
.post-type-archive-udsol .searchandfilter ul.children label,
.tax-cat_udsol .searchandfilter ul.children label,
.single-udsol .searchandfilter ul.children label {
  border-bottom: none;
  font-weight: normal;
  color: #333;
  cursor: pointer;
  pointer-events: auto;
  line-height: 1;
}
.udfont .searchandfilter ul label input,
.post-type-archive-udsol .searchandfilter ul label input,
.tax-cat_udsol .searchandfilter ul label input,
.single-udsol .searchandfilter ul label input {
  display: none;
}
.udfont .searchandfilter ul.children label input,
.post-type-archive-udsol .searchandfilter ul.children label input,
.tax-cat_udsol .searchandfilter ul.children label input,
.single-udsol .searchandfilter ul.children label input{
  display: inline-block;
  width: 20px;
  height: 17px;
  vertical-align: middle;
}
.udfont .searchandfilter input[type="submit"],
.post-type-archive-udsol .searchandfilter input[type="submit"],
.tax-cat_udsol .searchandfilter input[type="submit"],
.single-udsol .searchandfilter input[type="submit"] {
  width: 70%;
  margin: 20px auto 0;
  display: block;
  background: #0095d9;
  border-radius: 1.55em;
  font-size: 16px;
  color: #fff;
  border: none;
}
.udfont .searchandfilter input[type="submit"]:hover,
.post-type-archive-udsol .searchandfilter input[type="submit"]:hover,
.tax-cat_udsol .searchandfilter input[type="submit"]:hover,
.single-udsol .searchandfilter input[type="submit"]:hover {
  opacity: 0.75;
}
.udfont .footer-mobile aside,
.post-type-archive-udsol .footer-mobile aside,
.tax-cat_udsol .footer-mobile aside,
.single-udsol .footer-mobile aside {
  display: none;
}
.udfont .footer-mobile aside:last-child,
.post-type-archive-udsol .footer-mobile aside:last-child,
.tax-cat_udsol .footer-mobile aside:last-child,
.single-udsol .footer-mobile aside:last-child {
  display: block;
}
.udfont a.wp-block-button__link:hover,
.post-type-archive-udsol a.wp-block-button__link:hover,
.tax-cat_udsol a.wp-block-button__link:hover,
.single-udsol a.wp-block-button__link:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.8;
}
.post-type-archive-udsol .ect-vertical-card .entry-card-wrap,
.tax-cat_udsol .ect-vertical-card .entry-card-wrap {
  width: 100%;
  position: relative;
}
.post-type-archive-udsol .ect-vertical-card .entry-card-wrap:after,
.tax-cat_udsol .ect-vertical-card .entry-card-wrap:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #0095d9;
 }
.post-type-archive-udsol .entry-card-content,
.tax-cat_udsol .entry-card-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-bottom: 0;
}
.post-type-archive-udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb,
.tax-cat_udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb {
  width: 43%;
  max-width: 320px;
}
.udsol-text {
  width: 53%;
}
.udsol-text h2.entry-card-title {
  margin-top: 15px;
  font-size: 20px;
}
.post-type-archive-udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb img,
.tax-cat_udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb img {
  display: block;
}
.single #main article.udsol {
  padding: 1.5em 2.3em 0.5em;
  position: relative;
  font-family: "UD新ゴ R";
}
.single #main article.udsol:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #0095d9;
 }
.single-udsol .article h1.entry-title {
  font-size: 26px;
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: solid 2px #f3fafe;
  padding-bottom: 40px;
  text-align: center;
  font-family: "UD新ゴ DB";
}
.single-udsol .article h2 {
  margin-top: 0;
  margin-bottom: 1.2em;
  padding: .7em;
  font-family: "UD新ゴ DB";
}
.single-udsol .article h2  {
  font-family: "UD新ゴ DB";
}
.single-udsol .article h5 {
  font-family: "UD新ゴ DB";
}
.single-udsol .article h4 {
  margin-bottom: 10px;
  font-family: "UD新ゴ DB";
}
.single-udsol .article h4:before {
  border-left: solid 3px #0095d9;
}
.single-udsol .article .product h2 {
  margin: -20px -32px 40px;
}
.blank-box.product {
  padding: 1.2em 2em 3em;
  margin-left: 0;
  margin-right: 0;
}
.single-udsol .article p {
  margin-bottom: 2em;
  line-height: 2;
}
.single-udsol .entry-content .toggle-wrap .toggle-button:before {
    content: "";
}
.single-udsol .toggle-button {
  font-size: 18px;
  padding: 10px;
  font-weight: bold;
  font-family: "UD新ゴ DB";
}
.toggle-button:after,
.toggle-checkbox:checked ~ .toggle-button:after {
  top: 11px;
  font-size: 18px;
}

@media screen and (max-width: 834px){
  h1.title_udsol {
    font-size: 22px;
  }
  .footer-mobile aside:last-child {
    display: none;
  }
  .udfont .footer-mobile aside:last-child,
  .post-type-archive-udsol .footer-mobile aside:last-child,
  .tax-cat_udsol .footer-mobile aside:last-child,
  .single-udsol .footer-mobile aside:last-child {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
  .udfont .searchandfilter ul,
  .post-type-archive-udsol .searchandfilter ul,
  .tax-cat_udsol .searchandfilter ul,
  .single-udsol .searchandfilter ul {
    display: inline-block;
  }
  .udfont .searchandfilter ul.children li,
  .post-type-archive-udsol .searchandfilter ul.children li,
  .tax-cat_udsol .searchandfilter ul.children li,
  .single-udsol .searchandfilter ul.children li {
    text-align: left;
  }
  .post-type-archive-udsol .entry-card-content,
  .tax-cat_udsol .entry-card-content {
    display: block;
    padding-bottom: 0;
  }
  .post-type-archive-udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb,
  .tax-cat_udsol .ect-vertical-card .entry-card-wrap .entry-card-thumb {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .udsol-text {
    width: 100%;
  }
  .udsol-text h2.entry-card-title {
    margin-top: 10px;
    font-size: 17px;
  }
  .udsol-text .entry-card-snippet {
    float: none;
    width: 100%;
  }
  .single-udsol .article h1.entry-title {
    font-size: 22px;
  }
  .single-udsol .article .product h2 {
  margin: -20px -0.9em 40px;
}
  .blank-box.product {
    padding: 1.2em 1.2em 2em;
  }
}

/* 画像に枠線を付ける */
img.waku {
    border: solid 1px #808080; /* 枠線のスタイル 太さ 色 */
    box-shadow: 0px 0px 5px #808080; /* 影の水平方向の距離 垂直方向の距離 ぼかしの距離 色 */
}


.change-area {
    background: #eff7ff;
}


.single #content-in.wrap {
	max-width: 990px;
}