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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.color-cf{font-weight:bolder;color:#AA4D53;}
.blank-box, .is-style-blank-box-red, .is-style-blank-box-navy, .is-style-blank-box-blue, .is-style-blank-box-yellow, .is-style-blank-box-green, .is-style-blank-box-pink, .is-style-blank-box-orange, .is-style-sticky-gray, .is-style-sticky-yellow, .is-style-sticky-red, .is-style-sticky-blue, .is-style-sticky-green{border:solid 1px #CCCCCC;}

.i-check:before{content:"\f00c";font-family: "Font Awesome 5 Free";font-weight:900;font-weight:bold;margin-right:10px;}
.i-check-green:before{content:"\f00c";font-family: "Font Awesome 5 Free";font-weight:900;font-weight:bold;color:#00d26a;margin-right:10px;}
.i-check-red:before{content:"\f00c";font-family: "Font Awesome 5 Free";font-weight:900;font-weight:bold;color:#D00;margin-right:10px;}
.i-circle:before{content:"\f111";font-family: "Font Awesome 5 Free";font-weight:900;font-weight:bold;color:#00d26a;margin-right:10px;}
.i-cross:before{content:"\f00d";font-family: "Font Awesome 5 Free";font-weight:900;font-weight:bold;color:#D00;margin-right:10px;}

.link-column .blogcard .blogcard-thumbnail{width:100%;}/*link-columnがあるブログカードは縦型になる*/

/****************** カスタムブログカード　************************************/
.custom-blogcard .blogcard,.custom-blogcard .blogcard-inner,.custom-blogcard .internal-blogcard{display:flex!important;flex-direction:column!important;align-items:center!important;padding:12px;box-sizing:border-box;}
.custom-blogcard .blogcard-thumbnail,.custom-blogcard .thumbnail,.custom-blogcard img{display:block;margin:0 auto 5px;min-width:100%;height:auto;}
.custom-blogcard .blogcard-thumbnail img,.custom-blogcard .thumbnail img{width:100%!important;height:auto!important;object-fit:contain;border-radius:6px;}
.custom-blogcard .blogcard-thumbnail .internal-blogcard-thumbnail{width:100% !important;}
.custom-blogcard .blogcard-content,.custom-blogcard .entry-card-content,.custom-blogcard .blogcard-title{width:100%;margin:0;}
.custom-blogcard .blogcard-title a,.custom-blogcard .entry-card-title a{display:inline-block;margin-top:6px;font-size:1rem;line-height:1.3;color:inherit;text-decoration:none;word-break:break-word;}
.custom-blogcard .blogcard-excerpt,.custom-blogcard .entry-card-excerpt{display:none!important;}
.custom-blogcard .blogcard-meta,.custom-blogcard .entry-card-meta{display:none!important;}
.custom-blogcard .blogcard-footer{display:none;}
.custom-blogcard .blogcard-snippet{padding-top:5px;margin-top:5px;border-top:solid 1px #CCC;}
.blogcard-footer{font-size:14px;}
@media (max-width:420px){.custom-blogcard{padding:8px;}.custom-blogcard .blogcard-thumbnail img{max-height:160px;}}

/*****************　ラベルボックスの線を細くする ************************/
.label-box-content{border-width:1px !important;}
.header .logo img {width: auto;height: 60px;max-width: 100%;}

/*****************　プロフィール欄　***********************************/
.author-box p{line-height:1.5rem;letter-spacing:0.2em;}

/**************** Cocoonの黄色マーカー色変更 *************************/
.marker-under{background:linear-gradient(transparent 60%, #d0f5f1 60%);}

/****************　単一チェックマーク　********************************/
.check-text{position:relative;padding-left:26px;line-height:1.6;} 
.check-text::before{font-family:"Font Awesome 5 Free";content:"\f00c";font-weight:900;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#62c9bf;font-size:16px;}

/****************　リストチェックマーク　********************************/
.check-list{list-style:none;padding-left:0;margin:0;} 
.check-list li{position:relative;padding-left:28px;margin-bottom:15px !important;line-height:1.6;} 
.check-list li::before{font-family:"Font Awesome 5 Free";content:"\f00c";font-weight:900;position:absolute;left:0;top:0;transform:translateY(0);color:#62c9bf;font-size:14px;}

/****************　リストチェックマーク赤　********************************/
.check-list-red{list-style:none;padding-left:0;margin:0;} 
.check-list-red li{position:relative;padding-left:28px;margin-bottom:15px !important;line-height:1.6;} 
.check-list-red li::before{font-family:"Font Awesome 5 Free";content:"\f00c";font-weight:900;position:absolute;left:0;top:0;transform:translateY(0);color:#BF808C;font-size:14px;}

/****************　リスト丸チェックマーク　********************************/
.check-list-round{list-style:none;padding-left:0;} 
.check-list-round li{position:relative;padding-left:40px;margin-bottom:15px !important;} 
.check-list-round li::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:0;transform:translateY(0);color:#fff;background:#62c9bf;width:24px;height:24px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;}

/****************　リスト丸チェックマーク赤　********************************/
.check-list-round-red{list-style:none;padding-left:0;} 
.check-list-round-red li{position:relative;padding-left:40px;margin-bottom:15px !important;} 
.check-list-round-red li::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:0;transform:translateY(0);color:#fff;background:#BF808C;width:24px;height:24px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;}

/****************　リスト下のマージン　********************************/
.article ul li, .article ol li{margin-bottom:15px;}

/****************　内部ブログカードを横一杯に　********************************/
.entry-content .internal-blogcard-wrap{width:100%!important;max-width:100%!important;}
.entry-content .internal-blogcard{width:100%!important;max-width:100%!important;}


/******************　本文記事見出し H2 H3 H4 H5

.article h2{position:relative;border-bottom:solid 3px #DDD;background:none;margin:50px 0 2em;padding:15px 0;color:#333;}
.article h2:after{position:absolute;content: "";display: block;border-bottom: solid 3px #7ec9c1;bottom: -3px;width:20%;}
.article h3{border:none;position: relative;padding: 0.25em 0;font-size:20px;color:#62c9bf;margin:30px 0;}
.article h3:after{content: "";display: block;height: 3px;background: -webkit-linear-gradient(to right, rgb(126, 201, 193), transparent);background: linear-gradient(to right, rgb(126, 201, 193), transparent);}
.article h4{font-size:20px;line-height:1.2;background-color:none;border-top:none;border-bottom:solid 3px #7ec9c1;font-size: 17px;font-weight:normal;color:#333333;border-radius:1px;padding:10px 0;margin-top:1.5em;margin-bottom:1.5em;}
.article h5{font-size:20px;background: #F7F7F7;font-size: 17px;font-weight:normal;line-height:2;color:#333333;border-bottom: none;border-radius: 4px;padding: 10px;margin-left:0 auto;border:1.5px dashed;border-color:#93b69c;margin-top:1.5em;margin-bottom:1.5em;}
.under-line{border-bottom:solid 2px #CF7F72;padding-bottom:1px;}
************************************/

/******************　本文記事見出し H2 H3 H4 H5　************************************/
.article h2{background:#7ec9c1;margin:50px 0 2em;padding:10px 10px 8px;color:#FFF;border-radius:5px;}
.article h3{position:relative;border:none;border-bottom:solid 3px #DDD;background:none;margin:50px 0 2em;padding:15px 0 5px;color:#333;}
.article h3:after{position:absolute;content: "";display: block;border-bottom: solid 3px #7ec9c1;bottom: -3px;width:20%;}
.article h4{border:none;position: relative;padding: 0.25em 0;font-size:20px;color:#62c9bf;margin:30px 0;}
.article h4:after{content: "";display: block;height: 3px;background: -webkit-linear-gradient(to right, rgb(126, 201, 193), transparent);background: linear-gradient(to right, rgb(126, 201, 193), transparent);}
.article h5{font-size:20px;line-height:1.2;background-color:none;border-top:none;border-bottom:solid 3px #7ec9c1;font-size: 17px;font-weight:normal;color:#333333;border-radius:1px;padding:10px 0;margin-top:1.5em;margin-bottom:1.5em;}

@media (max-width:480px){

}
/**************** タブボックスのタブ　******************/
.blank-box.bb-tab{margin-top:50px;}
.blank-box.bb-tab .bb-label{background-color:#7ec9c1;top: -25px;left: -1px;}

/**************** テーブルを横スクロールに　******************
.entry-content table { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.entry-content .wp-block-table { overflow-x: auto !important; }/

/***************** サイドバーH2 ******************/
.sidebar h2, .sidebar h3{padding:5px 10px;font-size:1em;}

/**************** カテゴリウィジェットのリスト項目にドット線を追加 *******************/
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a{border-bottom: 1px dotted #ccc;padding: 6px 0;}
.widget_categories ul li:last-child {border-bottom: none;}

/****************　目次のチェックマーク　************************************/
.toc-content ol,.toc-content ol li{list-style:none!important;margin:0;padding:0;}
.toc-content ol li a::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";display:inline-block;width:1.2em;margin-right:0.4em;color:#7ec9c1;font-size:0.9em;vertical-align:middle;}

/******************** 3列レイアウトのカラム ********************/
.blank-box{border-color: #CCCCCC;padding:10px;}
.is-layout-flex{gap:0.5em;}












/**************** レスポンシブデザイン用のメディアクエリ　************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*アピールエリアのアイキャッチを縦長画像で表示*/
#appeal-area {background-size: contain !important;background-position: center top !important;background-repeat: no-repeat !important;}
#appeal-in {padding: 0 !important;position: relative;height:60vh;}

/*投稿のアイキャッチを縦長画像で表示*/
.eye-catch { height: 50vh; margin-bottom: 30px; }
.eye-catch img { width: 100%; height: 100%; object-fit: cover; }

.postid-49 .eye-catch,.postid-64 .eye-catch,.postid-66 .eye-catch{position:relative;overflow:hidden;}
.postid-49 .eye-catch::before{content:"";position:absolute;inset:0;background:url("https://www.bless-marry.online/wp-content/uploads/2025/09/hotel.jpg") no-repeat center/cover;background-position:70% center;z-index:1;}
.postid-64 .eye-catch::before{content:"";position:absolute;inset:0;background:url("https://www.bless-marry.online/wp-content/uploads/2025/10/retouch01.jpg") no-repeat center/cover;z-index:1;}
.postid-66 .eye-catch::before{content:"";position:absolute;inset:0;background:url("https://www.bless-marry.online/wp-content/uploads/2025/09/sea-1.jpg") no-repeat center/cover;background-position:25% center;z-index:1;}
.postid-49 .eye-catch img,.postid-64 .eye-catch img,.postid-66 .eye-catch img{visibility:hidden;}




}


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

.article h2{font-size:18px;padding:10px 0;}
.article h3{font-weight:bold;font-size:17px!important;}
.article h4, .article h5{font-size:15px!important;}
	
}