/*spのみ時改行を消す*/
@media screen and (max-width: 767px){
.br-sp {display: none; }
}
/*spのみ時改行をする*/
@media screen and (min-width: 768px){
.br {display: none; }
}
/*テキストエディターにブラウザのフォントファミリー指定*/
.jp_font {
	font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans','Arial',sans-serif !important;}
/*テキストカラー*/
.bluetext {
	color:#269AC2 !important;
	margin:0px !important;
}
/*ボタンhover時明るくなる*/
.btn_bb {
     /* 通常時の明るさ(デフォルト値) */
  filter: brightness(1);
  transition: filter 0.3s;
}
.btn_bb:hover {
     /* マウスオーバー時に明るくする */
  filter: brightness(1.15);
}

/*テキストhover(サブカラー)*/
.text-h a:hover {
    color: #0084CF!important;
}

/*画像hover opacity*/
.img_h a:hover {
    opacity: 0.85!important;
}

/* header Fade In Option */
.header-2 {
 opacity: 0;
 -moz-transition: opacity .25s ease-out!important;
  -webkit-transition: opacity .25s ease-out!important;
  transition: opacity .25s ease-out!important;
}

.elementor-sticky--effects.header-2  {
 opacity: 1!important;
}
/*パンくずリスト*/
#pan {
    font-size: 15px;
}

/*Top clickコピーボタン*/
span.copy-the-code-wrap.copy-the-code-style-button.copy-the-code-inside-wrap {
    background-color: #fff;
    padding: 6px 10px 6px 20px;
    border-radius: 5px;
}
preper.copy-the-code-target {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
button.copy-the-code-button {
	background: linear-gradient(90deg, #FDD400 0%, #FDEC01 100%)!important;
    padding: 22px 25px!important;
    color: #333!important;
    font-weight: 700!important;
    border-radius: 0 5px 5px 0!important;
	font-size: 14px!important;
	filter: brightness(1)!important;
  transition: filter 0.3s!important;
}
button.copy-the-code-button:hover {
	filter: brightness(1.1)!important;
}

/*ランキングカウンターデザイン*/
.ranking_tag .elementor-container.elementor-column-gap-no:before {
    counter-increment: wpp-count;
content:counter(wpp-count) ;
	   display: block;
    position: absolute;
	   height: 33px;
    width: 33px;
    min-width: 33px;
    background: #ccc;
	   color:#fff;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    margin-top: 3px;
}

body{counter-reset:wpp-count;}

/* SNSシェアボタン */
.sns__container {
    display: flex;
}
.sns__container a {
    text-decoration: none;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
	
}
.sns__container a:hover {
    opacity: 0.7;
	color: #fff;
}
.sns__twitter {
    background: #55acee;
}
.sns__facebook {
    background: #3b5998;
}
.sns__pocket {
    background: #ef3f56;
}
.sns__line {
    background: #1dcd00;
}
/*もくじ*/
ol.elementor-toc__list-wrapper {
	    margin: 0;
}

/*spデザイン↓*/
@media screen and (max-width: 767px){
	preper.copy-the-code-target {
    font-size: 16px;}
	button.copy-the-code-button {
			font-size: 10px!important;
		 padding: 16px 15px!important;
	}
}

/* 상위 메뉴와 하위 메뉴의 z-index 설정 */
.elementor-103 {
    position: relative; /* 이 설정을 적용하면 z-index가 작동합니다 */
    z-index: 10; /* 메뉴가 페이지 위로 올라오도록 높은 z-index 설정 */
}

.main-navigation ul ul {
    position: absolute; /* 하위 메뉴가 상위 메뉴 아래에 표시되도록 설정 */
    z-index: 20; /* 하위 메뉴의 z-index를 상위 메뉴보다 높게 설정 */
}