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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
background:#fff;
  letter-spacing: 0.05em;
  overflow-x: hidden;
}

a {
	color:#ff0000;
}

ul {
	margin-left:1.2em; !important;
	padding-left:0 !important;
	line-height:2.0;
}

.header div.header-in {
	height:90px;
}

.br-sp {
	display:none;
}
@media screen and (max-width:480px){
.br-sp {
	display:block !important;
}	

}


.nobr {
	white-space: nowrap;
}

.required {
	color:#ff0000;
	margin-left:6px;
}


/* ヘッダーメニュー */

div.header-container-in.hlt-top-menu .logo-header img{
  width: 200px !important;
  height: auto !important;
}
.navi-in > ul {
	justify-content: flex-start;
}
.navi-in .menu-top.menu-pc li {
	height:90px;
}
.navi-in .menu-top.menu-pc .sub-menu li {
	height:55px;
}
.navi-in .menu-header .item-label{
font-weight:bold;
}
.navi-in .menu-header .sub-caption {
	font-size:10px;
	font-weight:bold;
	color:#000;
	opacity: 0.8;
}
.has-icon .fa-angle-down {
	color:#ff0000;
}
.sub-menu a .item-label::before {
	content:'\f105';
	font-family: 'Font Awesome 5 Free';
	margin-right:8px;
	color:#ff0000;
}
/* メニュー固定時のサブメニュー表示 */
.fixed-header .navi-in > ul li:hover > ul
{
display: block;
}

.top-has-sub.has-sub.has-icon {
	margin-top:-8px;
}

.fixed-header .top-has-sub.has-sub.has-icon {
	display:block;
	margin-top:26px;
}

/* お問い合わせボタン */
#menu-item-697 {
	width:180px !important;
	margin-left:20px;
}

#menu-item-697 a .caption-wrap {
	padding:20px 0 ;
}
#menu-item-697 a .caption-wrap .item-label {
	background:#ff0000;
	padding:6px;
	color:#fff;
	border-radius:4px;
}
#menu-item-697 a .caption-wrap .item-label:hover {
	background:#ff0000;
}

#menu-item-697 a .item-label::after {
	content:'\f105';
	font-family: 'Font Awesome 5 Free';
	margin-left:8px;
}

/*1280px以下*/
@media screen and (max-width: 1280px){
.header-container-in.hlt-top-menu {
display: block;
}
.header div.header-in {
	height:60px;
}	
div.header-container-in.hlt-top-menu .logo-header img{
  width: 160px !important;
  height: auto !important;
}
.navi-in .menu-top.menu-pc li {
	height:70px;
}	
	
/* お問い合わせボタン */
#menu-item-697 {
	width:150px !important;
	margin-left:10px;
}
#navi-in {
  display: flex;
  justify-content: center;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
.header div.header-in {
	height:90px;
}
/* ヘッダーメニュー */
div.header-container-in.hlt-top-menu .logo-header img{
  width: 200px !important;
  height: auto !important;
}	
}

/* モバイルボタン */
.mobile-footer-menu-buttons.mobile-menu-buttons {
	background:#000;
}
.menu-button .menu-icon,
.menu-button .menu-caption{
	color:#fff;
}
.menu-drawer a {
	color:#000;	
	font-size:16px;
	line-height:1.5em;
}

.menu-drawer a::before {
	content:'\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight:bold;
	margin-right:8px;
	color:#ff0000;
}
.menu-drawer .sub-menu a::before {
	content: none;
}

.navi-menu-close-button.menu-close-button {
	color:#ff0000;	
}
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.menu-drawer .menu-item-description {
font-size: 10px;
line-height: 14px;
opacity: .8;
margin-left:6px;
}


.content-top {
	margin-top:0;
}

/* トップスライダー 全幅表示 */
#metaslider-id-729 {
	width: 100vw !important;
	margin: 0 calc(50% - 50vw);
	background-color: #000000; /*ヘッダー背景色*/
	margin-top: 0;
}
#metaslider_container_729 img {
	object-fit: cover;
	margin-top:0 ; /*スライド領域の位置*/
	height: auto ; /*スライドの高さ*/
}

@media screen and (max-width: 960px){
#metaslider-id-729 {
	background-color: transparent;
}
#metaslider_container_729 img {
	 object-fit: cover ;
	 margin-top: 0 ; /*スライド領域の位置*/
	 height: auto ; /*スライドの高さ*/
}
}
@media screen and (max-width: 600px){
#metaslider_container_729 img {
	 object-fit: cover ;
	 margin-top: 0 ; /*スライド領域の位置*/
	 height: auto ; /*スライドの高さ*/
}
}


.article {
    max-width: 1000px;
    margin: 0 auto;
}

.wp-block-button a {
	border-radius:4px;
	padding:6px 40px;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	border:solid 1px #000;
	background: #000;
}

.wp-block-button a:hover {
  background: #ff0000;
  color:#fff;
border:solid 1px #ff0000;
}

p a:hover,
.info-list a:hover {
	color:#000;
}



.wp-block-buttons.artists .wp-block-button a {
	margin-top:0px;
	margin-bottom:40px !important;
}

.wp-block-button a::after {
	content:'\f105';
	font-family: 'Font Awesome 5 Free';
	margin-left:10px;
	color:#fff;
}

.home h1.entry-title {
	display:none;
}
h1.home {
	margin-top:-20px;
	font-size:34px;
}
h1.entry-title {
	font-size:30px;
	line-height:1.6;
	letter-spacing: 0.02em;
}
.article h2 {
	position: relative;
	padding-left: 62px; /* アイコンの幅＋マージンを考慮した左余白 */
	color:#000;
	margin-top:80px;
	font-size:28px;	
	line-height:1.6;
	letter-spacing: 0.03em;
}
.home .article h2 {
	font-size:34px;
}	

.article h2 .sub-caption {
	font-size:16px;
	font-weight:bold;
	opacity: 1;
}
.home .article h2 br {
	display:none;
}
.home .article h2 .sub-caption {
	margin-left:16px;
}
.article h3 {
  border-left: 8px solid var(--cocoon-middle-thickness-color);
  border-right: none;
  border-top: none;
  border-bottom:none;
	font-size:24px;
	line-height:1.6;
	 letter-spacing: 0.03em;
}

.home .article h3 {
	font-size:28px;
}


@media screen and (max-width: 480px){

.page .article h1 {
	font-size:26px;	
	text-align:center;
	margin-bottom:-20px;
}	
h1.home {
	font-size:30px;
	margin-bottom:0;
}
.article h2 {
	font-size:24px;	
}
	
	
.article h2 .sub-caption {
	font-size:16px;
	display:block;
	margin-top:6px;
	margin-left:3px !important;
}
	
.article h3 {
	font-size:24px;
}	
.home .article h3 {
	font-size:24px;
}

	
.article h4 {	
	font-size:20px;	
}
}

/* beforeがfirst-letter疑似要素よりも優先されてしまうためafterに変更 */
.article h2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-image: url('/wp-content/uploads/2022/12/icon.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.article h2.news:first-letter {
  color: #23AC38;
}

.c-budokan,
.article h2.budokan:first-letter {
  color:#E4007F;
}
.article h3.budokan {
	border-color:#E4007F;
}
.c-audition,
.article h2.audition:first-letter {
  color:#28A7E1;
}
.article h3.audition {
	border-color:#28A7E1;
}
.c-artists,
.article h2.artists:first-letter {
  color:#FEBB00;
}
.article h3.artists {
	border-color:#FEBB00;
}
.c-up-draft,
.article h3.up-draft {
	border-color:#E4007F;
}
.article h2.up-draft:first-letter {
  color:#E4007F;
}
.c-company,
.article h3.company {
	border-color:#23AC38;
}
.article h2.company:first-letter {
  color:#23AC38;
}



/* 会社情報 */

p.copy {
	font-size:36px;
	margin-top:60px;
	margin-bottom:18px;
}
p.sub-copy {
	font-size:20px;
}

@media screen and (max-width: 480px){

p.copy {
	font-size:26px;
	margin-top:40px;
	margin-bottom:24px;
}
	p.copy br {
		display:none;
	}	
	

}



a.cat-link {
	color:#fff !important;
}

.video-container {
margin: 0px auto;
}

.success-box {
	background-color:#fff;
	color:#000;
	padding:24px;
	border-top:dotted 1px #333;
	border-bottom:dotted 1px #333;
}

.cta-box {
	margin-top:60px !important;
}

.cat-label {
	background-color:#000;
	color:#fff;
}

.cta-heading {
	font-size:34px;
	text-align:center;
	margin-top:-8px;
	margin-bottom:10px;
}
@media screen and (max-width: 480px){
.cta-heading {
	font-size:24px;
	margin-bottom:14px;
}
}

.footer-bottom
{
	margin-top:-20px !important;
}

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

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

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