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



/* トップ画像 */
#hdbg {
	background-image: url('http://kizna-dc.com/diary/wp-content/uploads/2025/09/hero.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	color: white;
}
#hdbg .intxt{
	padding: 330px 0;
}
/* ナビ左ロゴ調整 */
.header-container-in.hlt-top-menu .logo-header img {
	height: 80px !important;
	min-height: 80px !important;
}
.header-container-in.hlt-top-menu .logo-header {
	max-height: 80px !important;
}
/* ナビフォントサイズ */
.navi-in a {
	  font-size: 14px !important;
}
/* ナビ縦サイズ */
.navi-in > ul li {
	height: 50px !important;
	margin-top: 24px;
}
/* サブメニュー */
.sub-menu li {
	padding-top: 0px !important;
	margin-top: 0px !important;
}
.navi-in > ul .sub-menu {
	padding: 0 0 0 16px;
}
/* ナビ幅メインサイトと合わせる */
.header-container-in.hlt-top-menu {
	width: 1170px !important;
	padding-left: 15px !important;
	padding-bottom: 0px !important;
}
.hlt-tm-right .navi-in > ul {
	padding-top: 46px !important;
}
/* ナビ背景透過・ポジション */
.header-container {
	background-color: rgba(255,255,255,0.7) !important;
	position: fixed !important;
	right: 0 !important;
	left: 0 !important;
}
.navi {
	background-color: rgba(255,255,255,0) !important;
}
/* ナビ追跡時シャドウ削除 */
.fixed-header {
	box-shadow: none !important;
}
/* フッターロゴ非表示 */
.footer-bottom-logo .logo-image {
	display: none !important;
}



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

/* トップ画像可変 */
#hdbg .intxt{
	padding: 32% 0 !important;
}
/* ロゴ左側表示・縦幅調整 */
.header-container-in.hlt-top-menu {
    flex-direction: initial !important;
	padding-bottom: 6px !important;
}
/* ナビ幅メインサイトと合わせる */
.header-container-in.hlt-top-menu {
	padding-left: 0 !important;
}
/* ナビ左ロゴ調整 */
.header-container-in.hlt-top-menu .logo-header img {
	height: 55px !important;
	min-height: 55px !important;
	padding-top: 8px !important;
}
}

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

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