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

.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 h4,.sidebar 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;
}
/*hタグ*/
h1 {position: relative;padding: 1rem 2rem calc(1rem + 10px);background: #b0c4de;}
h1:before {position: absolute;top: -7px;left: -7px;width: 100%;height: 100%;content: '';border: 4px solid #30343A;}

#header h1,#header h1:before{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;background:none;}

h2{position:relative;padding:0.5em 1em;color:#135389;font-size:30px;}
h2::before,h2::after {display:inline-block;position:absolute;width:10px;height:100%;border:3px solid #135389;box-sizing:border-box;content:'';}
h2::before {top:0;left:0;border-right:none;}
h2::after {bottom:0;right:0;border-left: none;}

.entry-card-content h2, .card-content h2,.e-card-content h2{background:#b8d8e6;}

.article h3{position: relative;padding: 1.5rem 2rem;border: 2px solid #7d9ab3;font-size:20px;color:#30343A;margin-bottom:40px;background:#fff;}
.article h3:before,.article h3:after {position: absolute;left: 0;width: 100%;content: '';border-top: 4px dotted #7d9ab3;background:#e6e6e6;}
h3:before{top: 6px;}
h3:after{bottom: 6px;}

.article h4{color: #135389;padding: 0.5em;line-height: 1.3;background: #fcf8e3;vertical-align: middle;margin-bottom:15px;font-size:23px;border-radius:10px;float:none;}
.article h4:before {content: '●';color: #135389;margin-right: 8px;}

.article h5{color: #135389;border-bottom:solid 3px #6e7d8a;}

#text-13 h2,#text-14 h2{padding:0;margin:0;font-size:medium;border-collapse:separate;border-spacing:0;border:none;line-height:normal;position:relative;}
#text-13 h2:before,#text-14 h2:before,#text-13 h2:after,#text-14 h2:after{top:0;left:0;border-right:none;bottom:0;right:0;border-left: none;border:none;}
#text-13 h2,#text-14 h2{position:relative;padding:20px;color:#fff;border-radius:10px;background:#135389;font-size:120%;margin:20px 0px;border-left:none;text-align:center;}
#text-13 h2:after,#text-14 h2:after{position: absolute;bottom: -9px;left: 1em;width: 0;height: 0;content: '';border-width: 20px 20px 0 20px;border-style: solid;border-color: #249cff transparent transparent transparent;}

.btn-a,a.btn-a,button.btn-a {font-size: 1.4rem;font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 4rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;border-radius: 100vh;color: #fff;background-color: #eb6100;}
.btn-a:hover,a.btn-a:hover {color: #666147;background: linear-gradient(to bottom, #fff4b3, #ffd700);border:solid 1px #eb6100;}

#content,#content-in,#main{margin-top:0px;padding-top:3px;margin-bottom:0px;padding-bottom:0px;}

/*検索窓の幅調整*/
/*ヘッダー*/
.header-in{position:relative;}
.header-in .search-box{position:absolute;top:65%;right:16px;margin:0;width:280px;transform:translateY(-50%);}
.header-in input[type="text"]{padding:8px 14px 8px 40px;font-size:14px;background:#edf6f9;border:1px solid #9fcde1;border-radius:16px / 50%;}
.header-in .search-submit{left:3px;right:auto;color:#378cd0;}

/*アピールエリア*/
#appeal {margin: 0px auto;}
#appeal { width: 100%;max-width: 1000px;}

/*topページ*/
.box-a{border:3px solid #53718a;border-radius:10px;padding:20px;margin:20px 20px 5px 20px;background:#FBFEFF;}
.box-a ol,.box-a ul{line-height:30px;}
.box-b{border:3px solid #53718a;border-radius:10px;padding:20px;margin:20px 20px 5px 20px;background:#f5fffa;}

/*投稿ページ*/
.entry-content cf{padding:30px 20px 20px 20px;}

/*サイドバー*/
.sidebar h3 {position: relative;padding: 1.2rem 1.2rem calc(1.2rem + 10px);border: 0px solid #135389;}
.sidebar h3:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;content: '';border-top: 2px solid #30343A;background-image: -webkit-repeating-linear-gradient(135deg, #6e7d8a, #6e7d8a 1px, transparent 2px, transparent 5px);background-image: repeating-linear-gradient(-45deg, #6e7d8a, #6e7d8a 1px, transparent 2px, transparent 5px);background-size: 7px 7px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.info-list-item-date {
display: none;
}
#sidebar ul{border:1px solid #ccc;padding: 0.5em;border-radius:3px;}
#sidebar ul li{font-size:15px;border-bottom:#ccc dotted 2px;padding:5px;}
#sidebar ul li a:before{font-family: "Font Awesome 5 Free";content: "\f0da";font-weight: 900;color:#30343A;padding-right:5px;list-style:none;font-size:18px;}
#sidebar ul li a:hover{background:#f0f8ff;}

/*フッター*/
#navi-footer-in ul li a:hover{color:#135389;}

#footer-in h3 {position: relative;padding: 0.6rem 0.6rem calc(0.6rem + 10px);border:0px;background:#FBFEFF;color:#30343A;font-size:16px;}
#footer-in h3:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;content: '';border-top: 2px solid #30343A;background-image: -webkit-repeating-linear-gradient(135deg, #6e7d8a, #6e7d8a 1px, transparent 2px, transparent 5px);background-image: repeating-linear-gradient(-45deg, #6e7d8a, #6e7d8a 1px, transparent 2px, transparent 5px);background-size: 7px 7px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

#footer-in .textwidget{font-size:14px;padding:10px;}
#footer-in .textwidget ul li a{text-decoration:none;}
#footer-in .textwidget ul li a:hover{color:#135389;background:#eef5fb;margin:5px;}

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

.footer-center #text-5 li{list-style:none;margin-left:-40px;}
ul.foot-sns li{list-style:none;padding-left:-20px;margin-left:-20px;line-height:30px;}

/**************************************/
/** YouTube動画を横幅いっぱいにする **/
/*************************************/
.video-container {max-width: none;}
.widget-area .youtube-iframe { width: 100%; height: auto; }

/**************************************/
/** 固定ページの日付を非表示　**/ 
/*************************************/
.page .date-tags {
display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.header-in .search-box{display:none;}
	#navi {display: none;}
}

/*834px以下*/
@media screen and (max-width: 834px){
/*アピールエリア*/
	.appeal {
		background-image: url(https://kashijoumyakuryuu.jp/wdp/wp-content/uploads/2025/03/main-t.png);height: 300px;}
	#navi {display: none;}
	
	.mobile-menu-buttons{height: 62px;background-color:#135389;}
	.mobile-menu-buttons .menu-icon{color:#fff;}
	.mobile-menu-buttons .menu-caption {color:#fff;font-size: 12px;font-weight:bold;}

/*画像回り込み*/
	.alignright {float:none;clear: both;align-content:center;}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
/*topページ*/
.box-a{border:3px solid #53718a;border-radius:10px;padding:10px;margin:5px;background:#FBFEFF;}
.box-a ol,.box-a ul{line-height:30px;}
.btn-a,a.btn-a,button.btn-a {font-size: 1.1rem;font-weight: 600;padding: 1rem 2rem;border-radius: 60vh;}
.box-b{padding:10px;margin:5px;}

/*ヘッダー*/
	#navi {display: none;}
/*アピールエリア*/
	.appeal {background-image: url(https://kashijoumyakuryuu.jp/wdp/wp-content/uploads/2025/03/main-m.png);height: 200px;}	
/*画像回り込み*/
	.alignright {float:none;clear: both;align-content:center;}
	
}

/*この記事を執筆した人（ウジェット投稿本文下に追加）*/
.prof-a{border:1px solid #ccc;margin:10px;padding:20px 20px 10px 20px;border-radius:10px;}
.prof-a .phot-l{text-align:left;}
.prof-a .text-r{margin-left:220px;font-size:90%;}
.prof-a .text-r .name{font-size:140%;font-weight:bold;margin-bottom:10px;}
.prof-a .text-r ul{margin:10px;}
.prof-a .text-r ul li{margin-bottom:5px;}

.prof-a .button{text-align: center;}
.prof-a .button a:hover {opacity: 0.7;}
@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;}
}