@charset "UTF-8";

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

/************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){
.container {
margin-top:50px;
border:1px solid #fff;
}
}

.logo-image {
padding:0;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
max-height:60px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください*/
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
text-align: center;
}
.logo-header img {
box-shadow: none!important;
}

/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;

}
.entry-content p{
	line-height:2em;
	padding-bottom:10px;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
img{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}

/************************************
** 本文記事タイトル
************************************/
.body{background-color:#fff;}
main#main.main{

}
a {

}
a:hover{

}
p{}
p a{text-decoration: underline;}
p a:hover{text-decoration: underline;}
p{}
.entry-content{margin:10px;}
img{box-shadow:none!important;}

#list{margin-top:0px;}
.widget-entry-card {
text-align:left;
font-size:14px;

}
#header-in {
    animation: none;
}
header.article-header.entry-header {
text-align:center;
}
.topmargin{font-weight:bold;margin-top:50px;}
.article-header h1 {
position: static;
font-size: 1.4em;
color:#1e1e1e;
background-color:#ffffff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 0.5em .95em 1.1em;
text-align:left;
}
.eye-catch img{
height:auto!important;
-webkit-filter:none;
filter:none;
opacity:1;
transform: none;
}
a.cat-link, a.tag-link{
font-size:.7em;
margin:0.5em;
padding:0 0.5em 0;
background:#22AFFF!important;/*タグ色の変更はこちら*/
color:#fff!important;
}
.cat-link:hover ,.tag-link:hover {
opacity: .5;
transition: all .3s ease-in-out;
}
.entry-categories-tags {
margin-bottom: 0.4em;
}
.date-tags{
font-size:1.2em;
color:#7b7b7b;
top:5px;
right:0;
left: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
div.date-tags span.post-update{
order: 1;
}
span.fas.fa-history::before{
content:"\f2f1"
}
div.date-tags span.post-update,div.date-tags span.post-date{
margin-right: 10px;
}
@media (max-width:1023px){
.entry-categories-tags.ctdt-one-row {
padding: 0;
}
}
@media (max-width:420px){
.article-header h1 {
font-size: 1.2em;
}
.date-tags{
top:3px;
}
}
@media (max-width:834px){
main.main, div.sidebar {
padding:0;
}}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}


#text-3{text-align:left;}
.textwidget{margin:25px;}
#text-3 ul{border:1.5px dashed;
border-color:#129199;/*エメラルドグリーン*/
border-radius:5px;
font-weight:bold;
padding-top:15px;}
.keturon{border-radius:5px;background:#f0f8f8;padding:20px;margin-bottom:20px;
}
/************************************
****　本文記事見出し H2 H3 H4 H5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
line-height:1.2em;
background:#fff;
font-size: 24px;
border-radius:1px;
border-left:10px solid #22AFFF;/*H2の色の変更はこちら*/
padding:0.3em;
margin-top:70px;
margin-bottom:2em;
}
.article h3{
line-height:1;
font-size:20px;
border:none;
border-radius:2px;
border-bottom:dotted 3px #22AFFF;
padding: 0.4em 0em;
margin-top:60px;
}
.article h3:before {
width: 0em;
}
.article h4{
line-height:1.2em;
background-color:#fff;/*H4背景色の変更はこちら*/
font-size: 22px;
	color:#22AFFF;
	border:none;
	padding:0;
	border-bottom:1px #22AFFF solid;

}
.article h5{
background: #F7F7F7;/*H5背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;/*H5枠色の変更はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;
}
@media (max-width:480px){
.article h2{
font-size:18px;
padding:1.5em 1em 1.5em 0.5em;
}
.article h3{
font-weight:bold;
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}
/************************************
**ヘッダー　モバイル表示
************************************/
@media (max-width:1023px){
.header-container {
display:none;
}
img.site-logo-image{
max-height:35px;
padding:2px 0 0 5px;
box-shadow:none;
}
.mobile-header-menu-buttons {/*ヘッダー背景色を変えるときはここを変更*/
background: #fff;
}
}
/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
font-size:1.2em;
background: white;
color:#333;
margin-bottom:1em;
border-bottom:3px dotted #90C31F; /*点線の色変更はこちら*/
content: "メニュー";
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1.3em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}
/************************************
**　ヘッダーメニュー
************************************/

.navi-in>ul li {
line-height: 40px;
height: 40px;
}
.navi-in a{
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{
}
.sub-menu .caption-wrap {
color:#0f0f0f;
border-top: 1px solid #0f0f0f;
background:#fff;
padding:0 0 0 1em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {
box-shadow: none;
}
div.item-label{
}

/************************************
****　おすすめカード
************************************/
div#recommended-in.recommended-in.wrap.cf{
margin-top: 20px;
max-height:220px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
padding:0 2em;
}}
.widget-entry-cards .a-wrap{
transition: all .2s;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .2s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
border-radius:10px!important;
margin:1em .5em;
background-color:#FFFFFF;/*Cocoon設定「全体」の「サイト背景色」に合わせてください*/
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .5em;
border-radius:30px;
}
@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{
border-radius:10px!important;
overflow:hidden;
max-height:100px;
margin:0 .3em 0;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{
font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{
margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0.2);
}
}
main#main.main{
margin:0;

}
.body .navi-entry-cards{
margin-bottom: 0;
}
/************************************
****　エントリーカード
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{
padding:0 0 .5em;
border-radius:10px;

}
a.entry-card-wrap.a-wrap{
transition: all .1s;
}
a.entry-card-wrap.a-wrap:hover {
transform: translateY(-1px);
transition: all .1s;
background-color: #fff;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:150px;
border-radius:10px 10px 0 0/ 10px 10px 0 0;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{
margin-left:.8em;
}
@media screen and (max-width: 1100px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:120px;
}}
@media screen and (max-width: 1023px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}
a.entry-card-wrap.a-wrap:hover {
transform: none;
background-color: #f7f7f7;
}}
@media screen and (max-width: 900px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}
a.entry-card-wrap.a-wrap.border-element.cf{
margin:0em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
}
@media screen and (max-width: 480px){
.e-card-thumb .cat-label{
margin-left:1em;
}}
@media screen and (max-width: 1023px){
div#list a {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}
h2.entry-card-title.card-title.e-card-title{
font-size:18px;
color:#696969;
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:3em;
margin-bottom:1em;
padding: 0 1.5em 0;
}
.entry-card-snippet{
-webkit-line-clamp: unset;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:14px;
color:#7b7b7b;
text-align:center;
border-top:3px dotted #90C31F;/*点線の色変更はこちら*/
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:4em;
max-height:20em;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{
font-size: 1.15em;
font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:13px;
text-align:center;
border-top:3px dotted #79c06e;/*点線の色変更はこちら*/
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}
main.main, div.sidebar {
padding:0;
}
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{
margin-right:1.5em!important;
color:#7b7b7b;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
background-color:#90C31F;/*カテゴリーラベルの色変更はこちら*/
color:#fff;
}
div.admin-pv{/*閲覧数を非表示*/
display:none;
}
.widget_pc_text{font-size:14px;}
.widget_mobile_text{font-size:14px;margin:10px;}


/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 10px;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;

}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;

}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url( https://kasamiblog.com/wp-content/uploads/2022/08/profile.jpg) center no-repeat;
background-size: cover;
position: relative;
z-index: 0;

}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 2em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.5em

}
.author-box .author-content .author-description p{
font-size:14px;
color:#0f0f0f;
line-height:1.6em!important;
margin:1em;

}
#author_box-2 p{
margin:1em 2.5em;

}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
transition: .5s;

}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;

}
.author-name{
font-size:16px!important;
color:#0f0f0f;

}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;

}
}

/************************************
**　　サイドバー
************************************/
#sidebar>.widget{

}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
}
.sidebar {
  margin-top: 0em;
  padding:20px;
  background:#fff;

}
.widget_new_entries{}
.sidebar h3{
background:#22AFFF;
color:#fff;
font-size: 16px;
padding:0.6em 1em;
font-weight:bold;
	margin-top:0px;

}
.sidebar h3::before {
  left: 0;
}
.sidebar h3::after {
  right: 0;
}
.widget_categories ul li a {
  color: #0f0f0f;
  text-decoration: none;
  padding: 6px 0;
  display: block;
  padding-right: 4px;
  padding-left: 4px;
  border-top: 1px dotted #ccc;
}
.widget_categories ul li a::before {
  padding-right: 10px;
}
.widget_categories > ul > li > a:first-child {
  border-top: none;
}
.widget_categories > ul > li > a:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.widget_categories ul li a .post-count {
  display: block;
  float: right;
  background: #fff;
  padding: 0 1em;
  border-radius: 4px;
}
.widget_categories ul li a:hover {

}
.widget_categories ul li a:hover .post-count {
}
.widget_categories ul li ul {
  border-bottom: 1px dotted #ccc;
}
.widget_categories ul li ul li a {
  color: #333;
  text-decoration: none;
  padding: 0 4px 4px 4px;
  display: block;
  border: none;
}
.widget_categories ul li ul li a::before {
  padding-right: 0.45em;
  font-weight: bold;
}.tagcloud{}
.tag-caption{}
.tagcloud a{
background-color:#fff;
}
.tagcloud a:hover{
background-color:#fff;

}


/*もっと読む*/
.list-more-button-wrap {
  text-align: center;
}

.list-more-button {
  display: inline-block;
  padding: 0.3em 2em;
  text-decoration: none;
  border: solid 2px #000;
  border-radius: 3px;
  transition: .4s;
  margin: 1em 0 2em;
  font-size: 16px;
  border-radius: 99px;
}

.list-more-button:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}

#author_box-3{padding:0px;margin:0 ;}


/*事業所説明*/
.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: left;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 55%;
     margin: auto;
 }
 .box2 {
     width: 45%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
 .text-center {
     text-align: left;
 }

     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
 }


/* 目次 */
#toc{border:2px solid #22AFFF;}
#toc a{	font-weight:normal;
}
.toc{
 background: #fff; /* 背景色 */
}
.toc-title{ /* タイトル */
  color: #22AFFF; /* 文字色 */
	font-size: 1.2em; /* 大きさ */
 background: #fff; /* 背景色 */
padding-top:20px;
}
.toc-title:before{
 margin-right: 5px;
 margin-left: 5px;
}
.toc a{
	font-weight:normal;

}
.toc a:hover{
	color: #22AFFF; /* ハバー時の文字色！青！ */
	text-decoration: none;
	font-weight:normal;
}
.toc_list ul {
list-style: none;
padding-left: 5px;

}
.toc_list li, .toc_list li li, .toc_list li li li {
font-size: 12px;
padding: 5px 0;
}
ol.toc-list li{
	margin: 0;

}
ol.toc-list {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;

}
ol.toc-list > li:before {
    counter-increment: item;
    content: counter(item)'';
    display: inline-block;
    width: 2em;
    height: 2em;
    text-align: center;
    color: #22AFFF; /* 数字の色 */
    margin-right: .5em;
}
.toc .toc-list ul, .toc .toc-list ol {
    padding-left: 2em;
    margin: 0;

}
/* タグ、カテゴリ
-------------------------------------------------- */
#main #archive-title, #main .related-entry-heading {
color:#0f0f0f

}
#main #archive-title .tag-wrap, #main .related-entry-heading .tag-wrap {
  display: inline-block;
  margin-bottom: -2px;
  padding: 5px;
  padding: 5px 10px;
}

#main #archive-title .tag-wrap .type, #main .related-entry-heading .tag-wrap .type {
  font-style: italic;
  letter-spacing: 2px;
  opacity: .8;
  font-size: 14px;
  position: relative;
  top: -2px;
  margin-left: 10px;
}
#content-in #archive-title{  

}

/* 見出しセルの文字色・背景色・枠線設定 */
.entry-content th {
	color: #ffffff;
	background-color: #5d7599;
	border: solid 1px #fff;
}
/* 見出し以外のセルの枠線設定 */
.entry-content td {
	border: solid 1px #7f9fbd;
}
.entry-content .fese{text-align:center;}
/* 奇数行の背景色 */
.entry-content tr:nth-child(odd) td {
	background-color: #ffffff;
}
/* 偶数行の背景色 */
.entry-content tr:nth-child(even) td {
	background-color: #fff;
}




/************************************
****　記事本文　ブログカード
************************************/
.blogcard {
padding-bottom:.8%;
border: 1px solid #22AFFF !important;
	margin:20px 0;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{
background-color: #f3fafe;
box-shadow:none;
transform: none;
}
.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after,
.external-blogcard::after{
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #22AFFF;/*続きを読むの背景色変更はこちら*/
padding: .4em 3em;
color: #fff;
border-radius: 2px;
}
.blogcard-content{
max-height: none;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
@media screen and (max-width: 410px){
.blogcard-domain{
max-width: 11em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}}
@media screen and (max-width: 375px){
.blogcard-domain{
max-width: 9em;
}}

/*--------------------テーブル------------------------*/
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
	border: 1px solid #ccc !important;
}
#tablepress-1 th.column-2 {
    background-color: #fff;
    color: #333;
	text-align:center;
}

#tablepress-1{
	font-size:18px;
    background-color: #d9edf7;

}
#tablepress-1 td.column-1 {
    background-color: #d9edf7;
    color: #333;
}
#tablepress-1 th.column-1 {
    background-color: #d9edf7;
    color: #333;
	text-align:center;
}
#tablepress-1 th.column-2 {
    background-color: #d9edf7;
    color: #333;
	text-align:center;
}
#tablepress-1 th.column-3 {
    background-color: #d9edf7;
    color: #333;
	text-align:center;
}
#tablepress-1 th.column-4 {
    background-color: #d9edf7;
    color: #333;
	text-align:center;
}

#tablepress-2 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}

#tablepress-2{
	font-size:18px;
    background-color: #fff;

}
#tablepress-2 td.column-1 {
    background-color: #fff;
    color: #333;
}
#tablepress-2 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}
#tablepress-2 td.column-2{
    background-color: #fff;

}
#tablepress-2 td.column-3{
    background-color: #fff;

}

#tablepress-3 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}

#tablepress-3{
	font-size:18px;
    background-color: #fff;

}
#tablepress-3 td.column-1 {
    background-color: #fff;
    color: #333;
}
#tablepress-3 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}
#tablepress-3 td.column-2{
	text-align:center;
    background-color: #fff;

}
#tablepress-3 td.column-3{
    background-color: #fff;

}
#tablepress-4{
	font-size:18px;

}
#tablepress-4 td.column-1 {
    background-color: #def1ff;
    color: #FFFFFF;
}
#tablepress-7 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}

#tablepress-7{
	font-size:18px;
    background-color: #fff;

}
#tablepress-7 td.column-1 {
    background-color: #fff;
    color: #333;
}
#tablepress-7 th.column-1 {
    background-color: #fff;
    color: #333;
	text-align:center;
}
#tablepress-7 td.column-2{
	text-align:center;
    background-color: #fff;

}
#tablepress-7 td.column-3{
    background-color: #fff;

}




#tablepress-9{
	font-size:12px;
    background-color: #fff;
	border:1px solid #22AFFF;

}
#tablepress-9 td.column-1 {
	font-weight:bold;

}
#tablepress-9 td.column-2 {

}
#tablepress-9 td.column-3 {

}
#tablepress-9 th.column-1 {
    background-color: #22AFFF;
    color: #fff;
	text-align:center;
	font-weight:bold;
}
#tablepress-9 th.column-2{
    background-color: #22AFFF;
    color: #fff;
	text-align:center;
	width:20%;
}
#tablepress-9 th.column-3{
    background-color: #22AFFF;
    color: #fff;
	text-align:center;
}

.category-content .eye-catch{
  display: none;/*カテゴリーを消す*/
}
.entry-category{font-size:10px;display: none;
}
.eye-catch-wrap .cat-label {
display: none;
}


/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 33.333%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/************************************
** ●次のページボタンカスタマイズ
************************************/
.pagination-next,
.pager-prev-next { /*次のページ*/
  margin-top: 38px; /*上マージン*/
  margin-left:20px;
  margin-right:20px;
  background-color: #fff;
border:1px solid #ddd;
}
.pagination-next-link { /*次のページ*/
  color: #333;
  padding: 6px; /*余白*/

}
.pagination-next-link:hover {
  color: #3852e7; /*フォントカラー*/

}
/* ページネーション
-------------------------------------------------- */
#main .pagination .page-numbers {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: #fff;
  font-size: 17.5px;
  font-weight: bold;
  text-decoration: none;
  line-height: 46px;
  border: unset;
}

#main .pagination .current {
  color: #ddd;
  background-color: #efefef; /* ホバー時の背景色 */

}

#main .pagination a:hover {
  background-color: #efefef; /* ホバー時の背景色 */
}
.article dl:not(.faq){
background: #fff;/*背景色*/
line-height:2;
border-radius: 4px;
border:1.5px dashed;
border-color:#28ab74; /*枠の色*/
padding: 1.5em;
margin: 1.5em 0;
border-radius:0;
}
.article dt:not(.faq-question)::before{
content: '\f00c';
font-family: FontAwesome;
font-size: 20px;
color: #b98f2d;
font-weight:bold;
padding-right:10px;
}
.article dd {
margin-left:5px;
}
.article dd ul,.article dd ol{
padding-left: 1.2em;
}
.article dt{line-height:26px;padding-bottom:10px;}
.article li{line-height:26px;padding-bottom:10px;padding-left:10px;}
.article li a:hover{text-decoration:underline;}

@media (max-width:600px){
.article dd ul,.article dd ol{
padding-left: .9em;
}
}


/************************************
** ■次の記事／前の記事のフォント
************************************/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf{
  font-size: 14px; /*フォントサイズ*/
	border:1px solid #e8e8e8;
	font-weight:normal;
}
/* スマホでのフォントサイズ */
@media screen and (max-width: 480px){
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf{
    font-size: 12px; /*フォントサイズ*/
  }
.prev-post:hover{background-color:#ccc;}
}
/************************************
****　本文下　関連記事
************************************/
.e-card-title {
font-weight: bold;
margin:0px;
color:#000;
}
.related-entry-card-content {
margin-left: 190px;
margin-right: 5px;
}
a.related-entry-card-wrap.a-wrap.border-element.cf:hover{
}
.related-entry-card .cat-label{
display:none;
}
@media screen and (max-width: 480px){
.related-entry-card-thumb {
margin-right: 1em;
}
.e-card-title {
font-size: 15px;
line-height: 1.8;
}
article.related-entry-card.e-card.cf {
margin-left: .5em;
margin-right: .3em;
}
}
aside#related-entries.related-entries.rect-entry-card{
margin-bottom: 0;
}


/* 引用カスタム＝＝＝ここから↓↓ */
blockquote{
  background: #fafafa;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: silver;
  font-size: 1.0em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: silver;
  font-size: 1.0em;
}
/* 引用カスタム＝＝＝ここまで↑↑ */

.blank-box {background: #e6fff6;border:1px solid #e6fff6;padding-right:20px;} /* 灰色 */
.blank-box li{line-height:26px;padding-bottom:10px;padding-top:10px;border-bottom:1px dashed;
border-color:#9d9d9d;/*H5枠色の変更はこちら*/} /* 灰色 */
/*案内ボックス*/
.primary-box{background: #f3fafe;
	border:2px solid #22AFFF;
color:#000;
	font-weight:bold;
	margin-bottom:10px;
}
.primary-box p{
color:#22AFFF;
font-size: 18px; 
	padding-left:10px;
}
/*付箋風*/
.blank-box.sticky {
  border:0;
	background:#fff;
	border:5px solid #f2f2f2;
}
/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
	line-height: ０; /*タブ設定をリセット*/
	padding: 6px 10px 6px 10px; /*タブ内側余白*/
	font-size: 16px; /*タイトル文字の大きさ*/
	font-weight: bold; /*タイトル文字の太さ*/
background:#fff;
color:#22AFFF;
margin-top:10px;
}

.tab-caption-box-content {
	position: relative;  /*配置に関するもの（ここを基準に）*/
	top: 1px; /*上から(1px）移動*/
	padding: 20px; /*ボックス内側余白*/
border-radius:5px;
background:#f4f4f2;
border:2px solid #f4f4f2;
line-height:28px;

}
.submidashi{10px;font-weight:bold;margin-bottom:10px;font-size:16px;line-height:1.5em;}
.submidashi:before{  
font-family: FontAwesome;
  content: '\f058';
padding-right:10px;
color:#fc6532;
}
.marker{background-color:#def1ff;}

.osusume_one{margin-bottom:20px;line-height:2em;background:#f5f5f5;padding:20px;}
.osusume_one_link{font-weight:bold;margin-bottom:3px;}
.osusume_one_link a{color:#1e1e1e;}
.osusume_two{margin-bottom:20px;line-height:2em;background:#fff;padding:20px;border:7px solid #f2f2f2;}
#wpt_orignal td[width:20%;}