@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
a:hover img{opacity:0.5;}
.page-id-67{background-color:#fff;background-image:none;}



/*ナビ*/
.navi-in li a:hover{border-bottom:1px solid #b3a1a4;background:#fff;}



/*Hタグ*/
/*初期化*/
.article h4,.article h2,.article h3{padding: 0;margin: 0;font-size: medium;border-collapse: separate;border-spacing: 0;border-top: none;border-right: none;border-bottom: none;border-left: none;line-height: normal;position:relative;
}

.article h1{border-bottom: solid 3px skyblue;position: relative;}
.article h1:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #ffb6c1;bottom: -3px;width: 30%;}
.article h2 {position: relative;background:#fff9fc;border-radius:20px 20px 0px 0px;color:#000;padding:10px 20px;margin-bottom:30px;font-size:25px;}
.article h2:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #87ceeb, #87ceeb 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #87ceeb, #87ceeb 2px, #fff 2px, #fff 4px);}
.article h3 {color: #505050;padding: 0.5em;line-height: 1.3;background: #c0e2f0;vertical-align: middle;border-radius: 25px;border-bottom:#ffe5f2 solid 2px;border-left:#ffe5f2 solid 2px;font-size:23px;margin-bottom:20px;}
.article h3:before {content: '●';color: white;margin-right: 8px;}
.article h4{font-size:20px;padding: 0.5em;background:#fff4ff;border-left: solid 7px #ffb6c1;margin-bottom:30px;}
.article h5{border-top:#ffb6c1 solid 5px;border-bottom:#ffb6c1 solid 5px;}
.article h6{border-bottom:2px solid #ffb6c1;}



/*サイドバー*/
.sidebar h2{position: relative;background: #ffe6ea;box-shadow: 0px 0px 0px 5px #ffe6e9;border: dashed 2px white;padding: 0.2em 0.5em;color: #454545;}
.sidebar h2:after {position: absolute;content: '';left: -7px;top: -7px;border-width: 0 0 15px 15px;border-style: solid;border-color: #fff #fff #ffb6c1;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
.sidebar li.cat-item{background:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/navi-icon.png)no-repeat left center;padding-left:10px;border-bottom:dotted 1px #ccc;}

/*サイドバープロフィール*/
.nwa .author-box {border:dashed 2px #ff99a8;padding: 0 20px;}
.author-widget-name{padding:20px 5px 10px 5px;text-align:left;border-bottom:2px solid #ffb6c1;}
.author-box .author-content .author-name a{font-size: 90%;text-decoration: none;}
.author-follows{padding: 8px 0;background-color: #ff8093;}
.author-follows::before{font-size:80%;content: 'Follow Me';color: #fff;}
.author-box .sns-follow-buttons a.follow-button{width: 36px;height: 36px;margin: 6px 10px 2px 2px;border-radius: 20px;color: #fff;border-color: #fff;font-size: 24px;line-height: 1.6;}
.author-box a.follow-button span::before {font-size: 22px;}
.author-box .sns-follow-buttons a.follow-button:hover{background-color: transparent;opacity: 0.6;transform: scale(1.1);}

/*フッター*/
.footer-in{font-size:90%;color:#4d4d4d;}
.footer-in a:link{color:#4d4d4d !important;}
.footer-in a:hover{color:#0000cd !important;}

.footer h3{background:#f19c9f;padding:5px 10px;font-size:95%;border-radius:10px 10px 0px 0px;color:#fff;margin-bottom:15px;}

.footer-center li.menu-item,.footer-right li.cat-item{line-height:1.0em;}
.footer-center li.menu-item a:hover,.footer-right li.cat-item a:hover{border-bottom:#fff 3px solid;font-weight:bold;}

.footer-right li.cat-item{padding-left:16px;background:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/li-icon.png) no-repeat left center;}

.insta-img{padding-left:25px;background:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/Instagram_Glyph_Gradient-copy.png) no-repeat left center;}
.youtube-img{padding-left:25px;background:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/youtube_social_icon_red.png) no-repeat left center;}
.x-img{padding-left:25px;background:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/logo-black.png) no-repeat left center;}

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

/*フッターモバイルボタン*/	
	.mobile-footer-menu-buttons{height:62px;background:#f47e83;color:#fff;}
	.mobile-footer-menu-buttons > li{padding:5px 2px 8px 2px;border-right:1px dotted #fff;color:#fff;}
	.mobile-footer-menu-buttons .menu-button .menu-button-in{color:#fff;}
	.mobile-footer-menu-buttons .menu-button .menu-button-in a:hover{color:#293033;}
	.mobile-footer-menu-buttons .menu-caption{font-size:12px;color:#fff;}
	
}

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

.appeal{background-image:url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/fukui-seikeigeka-smptop.jpg)no-repeat;}

}

/*480px以下*/
@media screen and (max-width: 480px){
.card-title h2{height:50px;}

}

/*この記事を執筆した人（ウジェットに追加）*/
.prof-a{border:1px solid #ccc;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;}
.prof-a h2.prof{background:#fff;}
.prof-a .phot-l{text-align:left;}
.prof-a .text-r{margin-left:220px;}
.prof-a .text-r .name{font-size:120%;font-weight:bold;background:#fff4f9;padding:10px;border-radius:0px 20px 0px 20px;}
.prof-a .text-r .name2{font-size:60%;font-weight:normal;padding-left:20px;}
.prof-a .text-r ul li{margin-bottom:5px;}

.button-yb a {background:#ff0000 url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/youtube_social_circle_red.png)no-repeat left center;border-radius: 50px;position: relative;display: flex;justify-content: space-around;align-items: center;margin: 0 auto;max-width: 400px;padding: 10px 25px 10px 70px;text-decoration:none;color:#ffffff !important;transition: 0.3s ease-in-out;font-weight:bold;}
.button-yb a:after {position: absolute;top: 50%;right: 20px;border-radius: 1px;transition: 0.2s ease-in-out;content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 900;transform:translateY(-50%);}
.button-yb a:hover {background: #f47e83 url(https://joint-reborn.jp/wdp/wp-content/uploads/2025/04/youtube_social_circle_red.png)no-repeat left center;;color: #FFF;}

@media screen and (max-width: 450px) {
.prof-a{margin:5px;padding:10px;}
.prof-a .phot-l{text-align:center;}
.prof-a .text-r{ clear: both;margin-left:5px;}
.button-yb a{font-size:90%;}
}