@charset "UTF-8";/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*.home main, .archive main{
background-color: transparent;
margin-top: 0;
padding-top: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.easyLink-box div.easyLink-info p.easyLink-info-btn a{padding:6px 6px!important;margin:3px!important;width:100%!important;display:inline-block!important;font-weight:bold!important;font-size:95%!important;text-align:center!important}a.easyLink-info-btn-amazon{background:#ffb442!important}a.easyLink-info-btn-rakuten{background:#f76d65!important}a.easyLink-info-btn-yahoo{background:#34a3c2!important}div.easyLink-box{margin-top:0px!important;border:2px solid #e3e3e3!important;border-radius:12px}div.easyLink-box div.easyLink-info p.easyLink-info-btn a{text-decoration:none!important}p.easyLink-info-name a{font-size:15px!important;color:#2b75cc!important}@media screen and (max-width:767px){div.easyLink-box div.easyLink-info p.easyLink-info-btn a{width:100%!important;position:relative}.easyLink-info-btn a:before{padding-right:5px;right:5px;position:absolute}}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{line-height:1.5}.article h1{padding:0;font-size:24px;font-weight:370 !important}.article h2{position:relative;padding:20px 30px 20px 30px;border-radius:7em .9em 6em .9em/.8em 6em .9em 7em;border-bottom:6px solid #F9C4BD;border-right:6px solid #F9C4BD;background:#83c5be;color:#fff}.article h3{position:relative;width:100%;margin:1.8em 0 1.2em;padding:12px 10px 10px 10px;border:none}.article h3:after{content:"";position:absolute;width:100%;height:5px;left:0;background:-webkit-repeating-linear-gradient(135deg,#fff,#fff 3px,#83c5be 3px,#83c5be 6px,white 6px,white 9px,#F9C4BD 9px,#F9C4BD 12px);background:repeating-linear-gradient(135deg,#fff,#fff 3px,#83c5be 3px,#83c5be 6px,white 6px,white 9px,#F9C4BD 9px,#F9C4BD 12px);bottom:-4px}.article h4{margin:1.8em 0 1em;border-top:none;border-bottom:solid 2px #89B3C1}.sidebarFul{font-size:15px}.article ul:not(.toc-list,.toc-list ul){background:#ECF8FF;line-height:2;color:#333;border-radius:16px;border:2px dashed;border-color:#FFDAB6;padding:1.5em;padding-left:2.5em;margin:1.5em 0}.date-tags{font-size:1.2em;color:#444;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}}@media screen and (max-width:834px){main.main{padding:10px}}.toc{background:#F9F9F9;border:none;display:block;border-top:3px solid;border-top-color:#FFC679;box-shadow:0 2px 2px rgba(0,0,0,.2)}.toc-title{text-align:left;margin:0 10px 10px 10px;padding-left:4px;font-size:17px;font-weight:700;color:#5A88B6}.toc-title:before{top:0;left:-25px;width:20px;height:20px;font-family:FontAwesome;content:"\f0ca";font-size:14px;margin-right:5px;color:#FFF;background-color:#5A88B6;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:10px}.toc-content ol{padding:0 .6em;position:relative}.toc-content ol li{line-height:1.45;padding:.4em 0 .3em 1em;border-bottom:dashed 1px silver;list-style-type:none!important}.toc-content ol li:before{font-family:FontAwesome;content:"\f138";position:absolute;left:.6em;color:#6CF}.toc-content ol li:last-of-type{border-bottom:none}.toc-content .toc-list li{font-weight:560}.toc-content .toc-list li li{font-weight:400}.page .date-tags{display:none}.pagination-next-link{background-color:#49add1;color:#fff;border:none;border-radius:30px;box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.pagination-next-link:hover{background-color:#68caee;transition:all 0.5s ease;color:#fff}.page-numbers{color:#49add1;border:1px solid #49add1;border-radius:50%}.pagination .current{background-color:#49add1;color:#fff}.page-numbers.dots{opacity:1;background:none}.pagination a:hover{background-color:#49add1;color:#fff}a.prev,a.next{display:none}@media screen and (max-width:480px){.page-numbers{width:48px;height:48px;line-height:48px}}.appreach{text-align:left;padding:10px;border:1px solid #7C7C7C;overflow:hidden}.appreach:after{content:"";display:block;clear:both}.appreach p{margin:0}.appreach a:after{display:none}.appreach__icon{float:left;border-radius:10%;overflow:hidden;margin:0 3% 0 0!important;width:25%!important;height:auto!important;max-width:120px!important}.appreach__detail{display:inline-block;font-size:20px;line-height:1.5;width:72%;max-width:72%}.appreach__detail:after{content:"";display:block;clear:both}.appreach__name{font-size:16px;line-height:1.5em!important;max-height:3em;overflow:hidden}.appreach__info{font-size:12px!important}.appreach__developper,.appreach__price{margin-right:.5em}.appreach__posted a{margin-left:.5em}.appreach__links{float:left;height:40px;margin-top:8px;white-space:nowrap}.appreach__aslink img{margin-right:10px;height:40px;width:135px}.appreach__gplink img{height:40px;width:134.5px}.appreach__star{position:relative;font-size:14px!important;height:1.5em;width:5em}.appreach__star__base{position:absolute;color:#737373}.appreach__star__evaluate{position:absolute;color:#ffc107;overflow:hidden;white-space:nowrap}.toppage{padding:.1em 0}div.title{margin:2rem 0;padding:0;text-align:center;font-size:2rem;letter-spacing:3px;line-height:1.4}div.title:after{display:block;font-size:.8rem}div.newpost:after{content:'新着記事'}div.category:after{content:'カテゴリー別の記事'}div.popular:after{content:'今日、よく読まれている記事'}.link-btn{display:block;margin:1em auto;padding:.5em 2.3em;text-align:center;text-decoration:none;border:1px solid #ccc;font-size:.7em;color:#666;width:250px}.widget-entry-cards.large-thumb{display:flex;flex-wrap:wrap}.new-entry-cards.large-thumb a{width:calc(100% / 3)}.cate .new-entry-cards.large-thumb a,.popular-entry-cards.large-thumb a{width:calc(100% / 3)}@media screen and (max-width:834px){.new-entry-cards.large-thumb a{width:calc(100% / 2)}.cate .new-entry-cards.large-thumb a,.popular-entry-cards.large-thumb a{width:calc(100% / 2)}}@media screen and (max-width:834px){.widget-entry-card-title,.popular-entry-card-title{font-size:14px!important}}.tab-wrap{display:flex;flex-wrap:wrap;margin:5px 0}.tab-label{border:1px solid #ccc;text-align:center;padding:.5em .5em;order:-1;position:relative;z-index:1;cursor:pointer;flex:1}.tab-label:not(:last-of-type){margin-right:5px}.tab-content{width:100%;height:0;overflow:hidden;opacity:0}.tab-switch:checked+.tab-label{color:#fff;background-color:#b5b5ae;border:1px solid #b5b5ae}.tab-switch:checked+.tab-label:after{content:"";position:absolute;top:100%;left:calc(50% + 5px);margin-left:-15px;border:10px solid transparent;border-top:10px solid #b5b5ae;width:0;height:0}.tab-switch:checked+.tab-label+.tab-content{height:auto;overflow:auto;padding:20px 0 0 0;opacity:1;transition:.5s opacity}.tab-switch,.home .article-header,.home .article-footer{display:none}.toc{width:90%;margin:1em 0;padding:1em .2em}.toc{margin-left:auto;margin-right:auto}.logo,.logo-header,.logo-image{padding:0}.navi{background-image:linear-gradient(95deg,rgba(4,255,198,.32),rgba(82,255,144,.32) 55%)}.navi-in>ul li{line-height:50px;height:50px}.navi-in .menu-header .item-label{font-size:15px}nav#navi,.menu-header .sub-menu{box-shadow:0 5px 12px -5px rgba(0,0,0,.2)}.menu-header .menu-item{text-decoration:none;color:#5bc8ac}.item-label{position:relative;z-index:1}.item-label:after{content:'';position:absolute;left:0;bottom:0;width:0%;height:2px;background:gray;z-index:-1;transition:all 0.4s}.menu-header .menu-item:hover .item-label:after{width:100%}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-display:swap;font-weight:400,900;src:url("https://caledonia01.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-brands-400.woff2","https://caledonia01.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-solid-900.woff2","https://caledonia01.com/wp-content/themes/cocoon-master/webfonts/fontawesome5/webfonts/fa-regular-400.woff2","https://caledonia01.com/wp-content/themes/cocoon-master/webfonts/icomoon/fonts/icomoon.woff?3o5bkh") format("woff2")}.pochipp-box__logo{display:none!important}.breadcrumb .fa-file-o{display:none}.breadcrumb .fa-folder{display:none}.wpcf7{max-width:600px;margin:0 auto}.wpcf7-form{padding:1.5rem}.wpcf7 label,.wpcf7 input,.wpcf7 textarea{font-size:15px}.wpcf7 label{font-weight:700;color:#545454}.wpcf7 input,.wpcf7 textarea{width:100%;-webkit-appearance:none;appearance:none;border-radius:10px;border:3px solid #81ccd4;padding:10px;color:#545454;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif}.wpcf7 input[type="submit"]{max-width:200px;margin:0 auto;display:block;background:#81ccd4;transition-property:all;transition:0.2s ease-in}.wpcf7 input[type="submit"]:hover{background:#2a9ba7;border-color:#2a9ba7;color:#fff}.go-to-top{right:20px;bottom:10px}.go-to-top-button{border-radius:50%;width:55px;height:55px;font-size:34px;opacity:.9;box-shadow:2px 2px 4px rgba(0,0,0,.2)}.go-to-top-button:hover{color:#333;background-color:#aaa}.cat-label{display:none}#submit{border:solid 2px #1e50a2!important;border-radius:6px!important;font-weight:bold!important;font-size:18px!important;color:#fff!important;background-color:#3e62ad!important;letter-spacing:4px!important}.comment-form-email,.comment-form-url,.comment-notes{display:none}table tr:nth-of-type(2n+1){background-color:#fff}.entry-content th{background-color:#04e1c5;color:#fff}@media (min-width:501px){#main-content .widget.Blog #single #single-content>img:first-child{width:100%;min-height:320px;object-fit:cover}}@media (max-width:500px){#main-content .widget.Blog #single #single-content>img:first-child{width:100%;min-height:200px;object-fit:cover}}
/* Cocoon設定本文上のPR表記 */
.pr-label-l {
    border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 13px;
    color: #333;
    text-align: center;
    background: #fff;
    padding: 3px 0;
    margin-bottom: 1em;
}
/*人気記事のランキング部分*/
.widget-entry-cards.ranking-visible .card-thumb::before {
  top: -5px; /*少し上に配置調整*/
  left: -5px; /*少し左に配置調整*/
  border-radius: 50%; /*丸くする*/
  font-size: 12px; /*数字のサイズ*/
　font-weight: bold; /*太字にする*/
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
  color: #e95295; /*数字の色*/
  border: 2px solid #e95295; /*丸の線の太さと色*/
  background: #fff; /*丸の背景色は白*/
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
  color: #2ca9e1; /*数字の色*/
  border: 2px solid #2ca9e1; /*丸の線の太さと色*/
  background: #fff; /*丸の背景色は白*/
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
  color: #3eb370; /*数字の色*/
  border: 2px solid #3eb370; /*丸の線の太さと色*/
  background: #fff; /*丸の背景色は白*/
}
.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {
  color: #f39800; /*数字の色*/
  border: 2px solid #f39800; /*丸の線の太さと色*/
  background: #fff; /*丸の背景色は白*/
}
.blogcard-snippet,
.blogcard-footer {
  display: none;
}
.blogcard-wrap {
  transition: all .3s;
  max-width: 600px;
  margin: 2em auto;
}
.blogcard {
  border:1px solid #eaeaea !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  padding: 10px;
}
.blogcard-wrap:hover {
  background: none;
  transform: translateY(-3px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
.blogcard-thumbnail {
  margin: 0;
}
.blogcard-thumbnail img {
  display: block;
}
.blogcard-title {
  color: #555;
  letter-spacing: 0.5px;
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0 0 0;
  height: 45px;
  overflow: hidden;
}
.blogcard-content {
  min-height: auto;
  margin-left: 185px;
  padding-right: 6px;
}
.blogcard-label {
  top: -11px;
  left: 9px;
  padding: 3px 0.6em;
  background:#aaa;
  padding: 1px 10px;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
}
.blogcard-content:after {
  content: "クリックして読む";
  background: #fcc93d; /* 背景色 */
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  width: 180px;
  border-radius: 20px;
  font-size: 13px;
  padding: 1px 0;
  margin-top: 6px;
}
@media screen and (max-width: 834px) {
  .blogcard-content {
    margin-left: 130px;
  }
  .blogcard-title {
    font-size:12px;
    line-height: 1.5;
    height: auto;
    margin:0;
  }
  .blogcard-content:after {
    content: "タップして読む";
  }
  .blogcard-thumbnail{
    width:120px;
  }
}
@media screen and (max-width: 560px) {
  .blogcard-content:after {
    width: 120px;
    font-size: 12px;
  }
  .blogcard-title {
    margin:0;
  }
}
@media screen and (max-width: 320px) {
  .blogcard-thumbnail {
    width: 100px;
  }
  .blogcard-content {
    margin-left: 110px;
  }
  .blogcard-title {
    height: 35px;
  }
}
html {scroll-behavior: smooth;}
/*スライドインメニューを右から出す*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #ccf9f9;
	transform: translateX(101%);
}
/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background: #ccf9f9;
	color: ＃555555;
	height: 55px;
}
.logo-menu-button.menu-button{
	background: #ccf9f9;
}
.mobile-menu-buttons{
	background: #ccf9f9;
}
.menu-drawer a{
	font-size: 1.2em;/*文字の大きさ*/
	color: ＃555555;/*文字の色*/
	height: 4em;/*行の高さ*/
}
/************************************
****　FAQ　角型ラベル
************************************/
.is-style-square {
    background-color: #f7f7f7;/*背景色の変更はこちら*/
}
.is-style-square div.faq-question-label.faq-item-label{
    background-color: #D55656;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
.is-style-square div.faq-answer-label.faq-item-label{
    background-color: #6599B7;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
/*ライト*/
.light-box{
background-color: #FAFAFA;
}
.footer{
  font-weight: 500;
}
.pochipp-box{
　border:solid 2px var(--color_main);/*枠線をテーマのメインカラーに*/
　border-radius:12px!important;/*枠の角を丸く*/
}
.article-header.entry-header {
text-align: right; /* 親要素内で右寄せにする */
}

.article-header.entry-header > .entry-title {
text-align: left; /* 記事タイトルを左寄せに戻す */
}

.article-header.entry-header > .date-tags,
.article-header.entry-header > .footer-meta {
display: inline-block;
text-align: left; /* 子要素のテキストは左寄せに戻す */
}

.article-header.entry-header > .date-tags {
margin-right: auto; /* date-tags を左に寄せる（必要に応じて） */
}
/* メインカラムとサイドバー角を丸くする */
#main ,#sidebar{
  border-radius: 30px;
}
.author-box{
  border-radius:30px; /*角を丸める*/
}
/* サイドバーSNSボタンを丸くする */
.sidebar [class^=icon-], .sidebar [class*=" icon-"]{
    line-height: 40px;
    font-size: 23px;
}
#sidebar .widget_author_box .author-box .follow-button, #slide-in-sidebar .widget_author_box .author-box .follow-button{
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.author-box .sns-follow-buttons a.follow-button {
	color: #F27C0C;
}
#commentform .comment-form-comment #comment{
 background-color:#F7F8FA;
}