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

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

.fa-x-twitter:before {
    content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
}

#elementor-add-new-section{
	margin: 0 auto;
}
#navi .navi-in>ul>li{
	width: 200px;
}

.home #toc {
	display: none;
}

.show_fade_in{
  opacity : 0;
  transform : translate(0, -50px);
  transition : all 1s;
}
 
.show_fade_in.active{
  opacity : 1;
  transform : translate(0, 0);
}

.full-btn .elementor-button{
	width: 100% !important;
}

.out-line{
	text-shadow: 1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000;
}
.out-line-w{
	text-shadow: 1px 1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,-1px -1px 0 #FFF;
}

.logo-header img {
    height: 150px;
    width: 100%;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: 0;
	background-color: transparent;
}
.article h3{
	border: none;
}
.eye-catch{
	margin: 0 auto 0.6em;
}
.fas:before{
	content: '' !important;
}

.fix-page .elementor-widget-container:has(h3){
	background-color: transparent !important;
    border-left: solid 5px #DEDEDE;
    border-bottom: solid 1px #DEDEDE;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#header{
		display:none;
	}
	.logo-menu-button img.site-logo-image{
		visibility: hidden;
	}
	.logo-menu-button.menu-button{
		background-image: url('https://luminous-shade.com/wp-content/uploads/2024/05/ロゴ-黒.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	.logo-header img {
		height: 100%;
		width: 100%;
	}
}

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

}