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

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

/******************見出しh1のデザインを変更*******************/
h1.entry-title {
text-align: center;	
padding: 80px 20px 100px 30px;  /*余白*/	
background-image: url(https://shizuoka-pt.com/spta-congress29/wp-content/uploads/2025/06/h1.png);
background-size:cover;
background-position:center center;
height: 200px;
width: 100%; 
display: inline-block;
color: #274b00;
}
/******************投稿カテゴリページ用*******************/
.archive-title {
text-align: center;	
padding: 80px 20px 100px 30px;  /*余白*/	
background-image: url(https://shizuoka-pt.com/spta-congress29/wp-content/uploads/2025/06/h1.png);
background-size:cover;
background-position:center center;
height: 200px;
width: 100%; 
display: inline-block;
color: #274b00;
}
.archive-title span {
	display:none;
}


/******************見出しh2のデザインを変更*******************/
.article h2 { /*基本デザイン*/
 font-size: 26px;
padding: 20px 20px 20px 80px;  /*余白*/
background-image: url(https://shizuoka-pt.com/spta-congress29/wp-content/uploads/2025/06/h2.png);
background-size:cover;
background-position:left center;
background-color: #FFF !important;
height: 77px;
width: 100%; 
display: inline-block;
color: #274b00;
}
.article h2:before {
width: 0em;
}
/*480px以下*/
@media screen and (max-width: 480px){
.article h2 { /*基本デザイン*/
 font-size: 22px;
 padding: 40px 20px 10px 80px;/*余白*/
	}
}

/******************見出しh3のデザインを変更*******************/
.article h3{
line-height:2;
font-size:20px;
border:none;
color:#333333;
text-align: left;
border-radius:2px;
background-image: url(https://shizuoka-pt.com/spta-congress29/wp-content/uploads/2025/06/h3.png);
background-position: bottom;
background-repeat: no-repeat;
padding: 0.4em 0.8em 0.8em 0.8em;
margin-top:0px;
}
.article h3:before {
width: 0em;
}


/******************見出しh4のデザインを変更*******************/
.article h4{
line-height:2;
font-size:20px;
border:none;
color:#333333;
text-align: left;
border-radius:2px;
background-image: url(https://shizuoka-pt.com/spta-congress29/wp-content/uploads/2025/06/h4.png);
background-position: left bottom;
background-repeat: no-repeat;
padding: 0.4em 0.8em 0.6em 2.0em;
margin-top:0px;
}
.article h3:before {
width: 0em;
}

/******************トップページ「お知らせ」タイトルフォントサイズ*******************/

/*.has-dates .wp-block-latest-posts__post-title {
	font-size: larger;
}*/















/*スマホのサイドバーメニューを左から右に表示*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/**********************************
 * YouTube埋め込みセンター寄せ
 *********************************/
.video-container {
margin: 0px auto;
}

/******************アンカーリンクの位置調整*******************/
a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}






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

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

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

/******************改行設定*******************/
/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}