@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; /*角の丸みなし*/
padding-left: 0px;
padding-right: 0px;
	padding-bottom: 0px;
}

/*フォント設定*/

h2 {
  font-family: "Oswald", sans-serif;
  font-weight: 500 !important;
  font-style: normal;
}

.item-label {
	font-weight: 400 !important;
	font-size: 13px !important;
}

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

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

/*リンクホバー色*/
a:hover {
color: #666666;
transition : 0.5s;
}

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

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

/*セクションまわりの細々とした余白の調整*/
.main {
	border: none;
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;
}

/*SNSシェア非表示*/
.page .sns-share,
.page .sns-follow {
display: none ;
}

.veu_socialSet.veu_socialSet-position-after.veu_contentAddSection {
	display: none;
}

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

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



/*ヘッダーロゴサイズ*/
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 80px !important;
  height: auto;
  vertical-align: middle;
}

.header-container-in.hlt-top-menu.hlt-tm-right.wrap {
	height: 100px !important;
}

/*ヘッダーメニューフォント*/
.item-label {
	font-weight: 600;
	font-size: 0.85em;
}



/*ヘッダーメニュー下余白*/
.header-container-in.hlt-center-logo.cl-slim {
	padding-bottom: 0px;
}

/* ヘッダーメニューのリンク */
#navi .navi-in a {
  position: relative;
  display: inline-flex;       /* フレックスで高さ固定 */
  align-items: center;        /* テキストを縦中央 */
  padding: 0 0.8em;           /* 上下のpaddingは0、左右だけ */
  line-height: 1.6;           /* テキストの高さを安定させる */
  text-decoration: none;      /* デフォルト下線は消す */
}

/* 下線（初期は非表示・absolute配置） */
#navi .navi-in a::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;          /* left:0; right:0; bottom:0; をまとめて書く */
  margin: auto;
  width: 0;
  height: 2px;                /* 線の太さ */
  background: #000;
  transition: width 0.3s ease;
  pointer-events: none;       /* マウス操作に干渉させない */
}

/* ホバー時：左から右へスライド */
#navi .navi-in a:hover::after {
  width: 100%;
}

/* Smart Slider の画像に角丸を適用 */
.n2-ss-slide-background img {
  border-radius: 30px !important;
  overflow: hidden;
}

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

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

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