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


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

.article h2{position:relative;border-bottom:solid 3px #DDD;background:none;margin:50px 0 2em;padding:15px 0;}
.article h2:after{position:absolute;content: "";display: block;border-bottom: solid 3px #CF7F72;bottom: -3px;width:20%;}
.article h3{font-size:20px;border:none;color:#333333;border-radius:2px;border-left:5px solid #CF7F72;/*H3の色の変更はこちら*/padding:5px 10px;margin-top:50px;border-bottom:solid 1px #DDD;}

.article h4{line-height:1.2;background-color:none;border-top:none;border-bottom:solid 3px #D9B4BB;font-size: 17px;font-weight:normal;color:#333333;border-radius:1px;padding:10px 0;margin-top:1.5em;margin-bottom:1.5em;}
.article h5{background: #F7F7F7;/*H5背景色の変更はこちら*/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;/*H5枠色の変更はこちら*/margin-top:1.5em;margin-bottom:1.5em;}

@media (max-width:480px){

}

/************************************
****　目次のチェックマーク
************************************/
.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:#CF7F72;font-size:0.9em;vertical-align:middle;}
















/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;}
	
}