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

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


/*見出しデザインのリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
background-color: transparent; / 背景色を透明に /
border: none; / 枠線なし /
border-radius: 0; / 角の丸みなし */
}

/*字間*/
p, body {
letter-spacing: 2px;
}

h1, h2, h3 {
letter-spacing: 2px;
}

/*ヘッダーフッターまわりの調整*/
.breadcrumb,
.article-header {
display: none;
}

.header-container-in {
padding-top: 10px;
padding-bottom: 10px;
}

.article-footer {
	background-color: #fff;
}

/*著者情報*/
.author-info {
	display: none;
}

/*セクションまわりの細々とした余白の調整*/
.main {
padding-bottom:0!important;
margin-bottom:0!important;
margin-left:0!important;
margin-right:0!important;
}

/*フルワイドと余白の調整*/
.wp-block-cover, .n2-section-smartslider {
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:0!important;
bottom: 0;
}

.wp-block-columns {
margin-bottom:0!important;
}

.entry-content, .content {
padding-top:0!important;
padding-bottom:0!important;
margin-top:0;!important;
margin-bottom:0!important;
}

.content-bottom {
margin:0;
}

.article {
padding-bottom:0px!important;
margin-bottom:0px!important;
}


/*フッター*/
.footer {
margin-top:0px;
}


/*水平スクロールバー非表示*/
body {
overflow-x:clip;
font-size: 12px;
}

/*フルワイド*/
.fullwide {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}

/*ヘッダーナビ*/
.item-label {
	font-weight: 600;
}

.menu-item a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #0071B2;
bottom: -1px;               /*アンダーラインがaタグの下端から現れる*/
transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
transition: transform 0.4s; /*変形の時間*/

}

.menu-item a:hover::after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
}


/*TOPページレイアウト*/
.mainimage {
	position: relative !important;
}

.maintext {
	position: absolute;
	top: -180px;
	left: 0px;
}

.mainbutton {
	position: absolute;
	top: 0px;
	left: 0px;
}

.abouthobbyforum {
	margin-left: 30px !important;
	margin-right: 30px !important;
	margin-top:30px !important;
	margin-bottom: 45px !important;
}


/*snsシェアメッセージ*/
.sns-share-message {
	font-weight: 600;
	font-size: 26px;
	color: #0071B2;
	margin-bottom: 20px;
}



	.pendingtext {
				font-size: 20px;
	}



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

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


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.fz-44px {
		font-size: 24px !important;
		letter-spacing: 1px !important;
	}
	
	.fz-24px {
		font-size: 18px !important;
		letter-spacing: 1.5px;
	}
	
	.fz-36px {
		font-size: 24px !important;
		letter-spacing: 1.5px !important;
	}
	
	p {
		letter-spacing: 1.5px !important;
	}
	
	.abouthobbyforum {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}
	
	.overview {
		padding-right: 25px !important;
		padding-left: 25px !important;
		letter-spacing: 0.5px !important;
	}
	
	.overviewtext {
		text-align: center;
	}
	
	.accessinfo {
		padding-left: 0px !important;
		padding-right: 0px !important;
		letter-spacing: 1.5px;
	}
	
	
	.xtext {
		font-size: 20px !important;
	}
	
	.pendingtext {
				font-size: 14px !important;
	}
	
	
}