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

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

.post-date{
  display: none;
}

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body{
	font-family: "Noto Sans JP", sans-serif!important;
}
 */
body .tagline{
	  font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.13em;
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
	justify-content:center;
	margin:60px 0 20px;
  gap: 10px;
}

body .tagline::before,
body .tagline::after {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
}

body .logo-text{
	  font-size: 36px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.04em;
	padding:0 0 50px;
	font-family: "Noto Sans JP", sans-serif;
}

#header .logo a{
	color:white!important;
}

#header .logo a .title-accent {
  color: #ffe082!important;
}

#navi .navi-in > ul li a{
	color:rgba(255,255,255,0.8)!important;
	transition:0.4s;
}

#navi .navi-in > ul li a:hover{
	color:white!important;
}

#navi .menu-item.current-menu-item > a {
  padding-top:3px;
  border-bottom: 3px solid #ffe082;
	color:white!important;
}

#navi .navi-in > ul li{
	height:70px;
}

#menu-item-707 > a::after {
  content: 'NEW';
  font-size: 10px;
  font-weight: 700;
  background: rgba(0, 229, 209, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  vertical-align: middle;
  letter-spacing: 0.05em;
	height:16px;
	position:relative;
	top:25px;
	left:-10px;
	color:#ffe082;
}

#menu-item-707.menu-item.current-menu-item > a::after {
	top:22px;
}

#menu-item-707.menu-item{
	width:220px!important;
}

/* NEWバッジ分の右スペース確保 */
#menu-item-707 > a {
  padding-right: 10px;
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	body .tagline{
	  font-size: 10px;
		margin:35px 0 20px;
	  gap: 10px;
	}
	
	body .logo-text{
		font-size:28px;
	}
	
	
}