@charset "UTF-8";

/*!
Theme Name: THE CARRER
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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

/*ウィジェットのナビゲーションもウィジェットカテゴリと一緒のデザインにする*/
/* サイドバーのナビゲーションメニューをカテゴリ風にする */
.sidebar .widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar .widget_nav_menu .menu-item > a{
  font-size: 1rem;
  font-weight: 700;
  padding: var(--14px, 14px) 5px;   /* 変数がなければ14pxにフォールバック */
  margin: 0;
  border-bottom: 1px solid var(--border, #e5e5e5); /* 変数がなければ薄グレー */
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

/* 右端の矢印（パスはあなたの環境に合わせて変更） */
.sidebar .widget_nav_menu .menu-item > a::after{
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url(/wp-content/themes/cocoon-child/images/icon-arrow.svg) 100% 100% no-repeat;
}

/* 先頭の上線を付けないなら */
.sidebar .widget_nav_menu .menu-item:first-child > a{
  border-top: none;
}

/* サブメニュー（階層）も少し字下げして揃えるなら */
.sidebar .widget_nav_menu .sub-menu > .menu-item > a{
  padding-left: calc(var(--14px, 14px) + 10px);
  font-weight: 600;
}