@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;}

/*グローバルナビ*/
.navi-in li a{background:url(https://joint-nenza.jp/wdp/wp-content/uploads/2025/04/nav-icon1.png)no-repeat left center;}
.navi-in li a:hover{opacity:1;}

/*Hタグ*/
.article h1{padding: 1rem 2rem;border: 6px double #ff8093;}
.article h2{position: relative;padding:20px 10px 10px 15px;border-bottom: 6px solid #ff8093;border-radius:20px 0px 20px 0px;}
.article h2:before {position: absolute;bottom: -6px;left: 0;width: 20%;height: 6px;content: '';background: #ffccd4;}
.article h3 {color: #505050;padding:10px;line-height: 1.3;background: #ffe6ea;vertical-align: middle;border-bottom:#dcdcdc solid 3px;border-left:#dcdcdc solid 3px;font-size:23px;}
.article h3:before {content: '●';color: white;margin-right: 8px;}
.article h4{font-size:20px;padding: 0.5em;background:#fff4f9;border-left: solid 7px #a9a9a9;margin-bottom:30px;border-top:0px;border-bottom:0px;}
.article h5{position: relative;background:#fff;padding:10px;}
.article h5:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #ffc0cb, #ffc0cb 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #ffc0cb, #ffc0cb 2px, #fff 2px, #fff 4px);}
.article h6{border-bottom:2px solid #ffb6c1;}

/*サイドバー*/
.sidebar h2{color: #ff8093;text-align: center;padding: 0.25em;border-top: solid 2px #c0c0c0;border-bottom: solid 2px #c0c0c0;background: -webkit-repeating-linear-gradient(-45deg, #fff4f9, #fff4f9 3px,#e9f4ff 3px, #e9f4ff 7px);background: repeating-linear-gradient(-45deg, #fff4f9, #fff4f9 3px,#e9f4ff 3px, #e9f4ff 7px);}
.sidebar li .list-item-caption{position: relative;padding-left:20px;}
.sidebar li .list-item-caption::before {content: '\f105';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: -3x;left: 0;}

/*サイドバープロフィール*/
.nwa .author-box {border:solid #c0c0c0;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: #c0c0c0;}
.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: #ffe6e9;border-color: #ffe6e9;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:#fff;padding:5px 10px;font-size:95%;border-radius:0px 10px 0px 0px;color:#fff;margin-bottom:15px;color:#333;border-bottom:solid #ccc 5px;}

.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{position: relative;padding-left:10px;}
.footer-right li.cat-item::before {content: '\f105';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 8px;left: 0;}

.insta-img{padding-left:25px;background:url(https://joint-nenza.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-nenza.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-nenza.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){
/*必要ならばここにコードを書く*/
}

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

/*この記事を執筆した人（ウジェットに追加）*/
.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-nenza.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-nenza.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%;}
}