@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*「Feedly」ボタンと「RSS」ボタンを削除*/

.author-box .feedly-button, .author-box .rss-button {
 display: none!important;}
/* 移行データカスタマイズ*/
.eye-catch .cat-label, .cat-label {
    top: 8px;
    left: 8px;
    display: none;
}
.badge, .ref, .reffer, .sankou {
    background-color: #eee;
}

.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
    color: #333;
    font-size: inherit;
}
/* 移行用css */
.yellowbox {
    padding: 10px;
    border: none;
    background-color: #f0f473;
    margin-bottom: 20px;
}
/*フロント固定ページ全てをまとめて非表示*/
.home.page .entry-title,
.home.page .eye-catch,
.home.page .sns-share,
.home.page .sns-follow, 
.home.page .author-info{
  display: none;
}
a:hover {
  color: #59606d;
}
/*固定ページ　日付表示
.page .date-tags {
    display: none;
}*/
/*リスト*/
ul.infolist{
list-style-type: none;
margin: 0px;
padding: 10px 20px;
}
ul.infolist li:before{
font-family: "Font Awesome 5 Free";
  content: '\f111';
  font-weight: 900;
padding-right : 8px;
  color: #fabcc6;
font-size: .625em;
}
/* ショートコード記事リスト2カラム表示 */
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 49.5%;
}
/* アピールエリア */
.appeal-content .appeal-button{color: #fff;}
/* カテゴリ名 */
.eye-catch .cat-label, .cat-label {
	display:none;
    /*display: inline-block;
    color: #fff;
    border: none;
    border-radius: 20px;
    background-color: #f9d1d8;*/
}
/* カテゴリ表示 */
.fa-folder::before {
    color: #f7e8eb;
}
/* タグ表示 */
.fa-tag::before {
    content: "\f02b";
    color: #f7e8eb;
}
.archive-title span {
    display: none;
}
/* ボタン */
.go-to-top-button{
border-radius: 50px;
}
/* 検索ボックス */
.sidebar .search-edit, .search-menu-content .search-edit {
border-radius: 50px 0 0 50px;
}
.search-submit {
color: #f7e8eb;
}
/* タグ */
.tagcloud a{
border-radius: 20px 0 0 20px;
}
.tagcloud a:hover { 
background-color: #f9d1d8;
transition: all .5s ease-in-out;
color: #fff;
}
/* サイドバー見出し */
.sidebar h3 {
background-color: #fff;
color: #f9d1d8;
position: relative;
}
.sidebar h3::after {
background-color: #f7e8eb;
 border-radius: 50%;
 content: '';
 margin-left: 15px;
 position: absolute;
 top: 50%;
 transform : translateY(-50%);
 width: 5px;	
 height: 5px;	
 box-shadow: 15px 0 0 rgb(217,204,179),30px 0 0 rgb(217,204,179),45px 0 0 rgb(250,188,198),60px 0 0 rgb(217,204,179),75px 0 0 rgb(217,204,179),90px 0 0 rgb(250,188,198),105px 0 0 rgb(217,204,179),120px 0 0 rgb(217,204,179),135px 0 0 rgb(250,188,198),150px 0 0 rgb(217,204,179),165px 0 0 rgb(217,204,179),180px 0 0 rgb(250,188,198);
}
/* プロフィール */
.author-box {
    border: 1px solid #f7e8eb;
}
/* ブログカード */
.blogcard-footer {
    font-size: 0.8em;
    color: #666;
}
/*囲みブログカードのフッタ非表示*/
.internal-blogcard-footer{display:none;}
/* ページネーション  */
.pagination-next {
display: none;
}
.page-numbers {
      color: #f9d1d8;
      border: 1px solid #f9d1d8;
      border-radius: 50%;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
/* 見出し */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    font-weight: 600;
}
.article h2{
background-color: #fff;
border-top: none;
border-bottom: none;
border-bottom: 5px dotted #f9d1d8;
}
.article h3 {
border: solid 3px #f9d1d8;
}
.article h4, .article h5, .article h6 {
padding: 10px 10px 10px 20px;
}
.article h4{
position: relative;
border-left:none;
}
.article h4::before{
background-color: #f9d1d8;
border-radius: 5px;
content: '';
position: absolute;
top: 0;
left: 0px;
width: 5px;
height: 100%;
}
.article h5 {
border-bottom: solid 2px #f7e8eb;
}
.article h6 {
border-bottom: dotted 2px #f7e8eb;
}
.entry-title, #editor .entry-title, .archive-title {
background-color: #fff;
color: #333;	
border-left: none;
padding: 20px 20px 20px 30px;
position: relative;
}
.entry-title::before, #editor .entry-title::before, .archive-title::before{
background-color:#f7e8eb;
border-radius: 5px;
 content: '';
 position: absolute;
 top: 0;
 left: 3px; 
 width: 5px; 
 height: 100%;
}
.entry-title::after, #editor .entry-title::after, .archive-title::after {
background-color:#f9d1d8;
border-radius: 5px;
 content: '';
 position: absolute;
 top: 0;
 left: 12px; 
 width: 5px; 
 height: 100%;
}
/* リストイメージ無し */
ul.list01{
	list-style:none;
}
/* 目次 */
.toc {
    border: 1px solid #f79eae !important;
    color: #fff;
    font-size: .9em;
    padding: 0px;
    margin-bottom: 1em;
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;    
}
.toc-title {
    background-color: #f79eae;
    font-size: 1.1em;
    padding: 6px 16px;
    text-align: center;
}
.toc-content {
   padding: 8px;
}
/* タイムライン */
.timeline-item::before{
  background: #f0f473;
}
/* トップページTOPICリストデザイン */
.free-inbox ul{
padding-left: 0px;
}
.freebox ul li{
list-style-type: none;
}
.freebox ul li::before{
	content:"\002665";
	color:#f9d1d8;
        margin-right:0.5em;
}
/*blank-box*/
.blank-box.bb-primary{
border: 2px solid rgba(198,241,231, .6);
}
/*　うさぎプロフ　*/
dl.prof {
	margin: 20px auto;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
	font-size:0.875em;
}
dl.prof dt {
	width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc; 
}
dl.prof dd {
padding: 10px;
  margin: 0;
  border-top: 1px solid #ccc; 
  width: 70%;
  box-sizing: border-box;
}
dl.prof dt:last-of-type{display: none;} 
dl.prof dd:nth-of-type(6){display: none;}
/*ビデオ　フレーム*/
video{border: 1px solid #f7e8eb;}
/*Contact Form 7カスタマイズ*/
.input-unit{/*横に単位書く場合*/
display: inline-block;
width:30%;} 
/*必須*/
.haveto {
font-size: 0.875em;
color: #ea3049;
margin-left: 10px;
position: relative;
bottom: 1px;
}
/*送信ボタン*/
#formbtn {
display: block;
padding: 12px;
background:#f79eae;
border: 1px solid #f9d1d8;
color: #fff;
font-size: 1.125em;
border-radius: 50px;
margin: 20px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover {
opacity: 0.8;
transition: 0.3s ease-in-out;
}
/*チェックボックス縦並び*/
.wpcf7-checkbox .wpcf7-list-item {
margin-top: 5px;
display: block;
}
/*チェックボックス*/
.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #87cefa;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #87cefa;
  border-right: 3px solid #87cefa;
}
/*送信完了*/
div.wpcf7-mail-sent-ok {
text-align: center;
}
.contact-area input[type="text"]:focus, .contact-area input[type="email"]:focus, .contact-area input[type="tel"]:focus, .contact-area textarea:focus {
    background-color: #f9f9f9;
    border: 2px solid #fabcc6;
    outline: 0;
}
/* CTAボックス */
.cta-box {
background-color: #fff;
color: #333;
padding: 20px;
border: 1px solid #ccc;
border-color: rgba(245,115,136,.5);
border-radius: 4px;
}
/*SNSシェアボタン SNSフォローボタン*/
.sns-share-message,.sns-follow-message {
    font-weight: bold;
    color: #f57388;
	font-size: .85em;
}
.sns-share-buttons {
    flex-wrap: nowrap;
    justify-content: center;
}
.sns-follow-buttons {
	justify-content: center; 
}
.sns-share-buttons a,.sns-follow-buttons a {
    border-radius: 50%;
	font-size: 20px;
    margin: 0 8px;
}
.sns-buttons{margin-bottom: 30px;}
#main .sns-share-buttons a,#main .sns-follow a {
    width: 40px;
    height: 40px;
}
#main .button-caption {
    display:none;
}
/* モバイルメニュー */
.menu-close-button {color: #f79eae;}
/*スライドインメニュー*/
.menu-drawer a:hover {background-color: #fabcc6;}
.navi-menu-content ul li a{
  border-bottom: 1px solid #f9d1d8;
padding-top:20px;}
.navi-menu-content ul li li a{
  border-bottom: 1px dotted #fabcc6;}
/* モバイルフッターボタン */
/*カスタム*/
span.fas.fa-search::before{
  color: #f79eae;
}
span.fas.fa-bars::before{
  color: #f79eae;
}
span.fas.fa-heart::before{
  color: #f79eae;
}
/*メニュー*/
.mobile-footer-menu-buttons .navi-menu-icon.menu-icon {
  color: #f79eae;
}
/*ホーム*/
.mobile-footer-menu-buttons .home-menu-icon.menu-icon {
  color: #f79eae;
}
/*トップ*/
.mobile-footer-menu-buttons .top-menu-icon.menu-icon {
  color: #f79eae;
}
/*検索*/
.mobile-footer-menu-buttons .search-menu-icon.menu-icon {
  color: #f79eae;
}
/*サイドバー*/
.mobile-footer-menu-buttons .sidebar-menu-icon.menu-icon {
  color: #f79eae;
}
/*CTA*/
.btn-pink, .btn-wrap.btn-wrap-pink > a {
    background-color: #f79eae;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
.sns-share-buttons a {
    margin: 0 4px;
}
ul.infolist {   
    padding: 5px 0px;
}
	.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 100%;
}
}
/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 4px 4px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url(https://kku-mj.usagirescue.com/wp-content/uploads/2020/03/IMG_5857-scaled.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:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:0em;
}
.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;
}
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;}