.elementor-kit-6{--e-global-color-primary:#BBBBBB;--e-global-color-secondary:#BDC2C3;--e-global-color-text:#494949;--e-global-color-accent:#AF9079;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 h1{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media screen and (min-width: 680px){
.pc { display:block; }
.sp { display:none; }
}
@media screen and (max-width: 680px){
.pc { display:none; }
.sp { display:block; }
}


@media (min-width: 922px) {
    .ast-narrow-container .site-content > .ast-container {
        max-width: 100% !important; /* !important を使うと確実に上書きされますが、乱用は避ける */
    }
}


.elementor-post__badge {
    text-transform: none !important;
}


.elementor-12 .elementor-element.elementor-element-905f63b .elementor-posts-container .elementor-post__thumbnail {
    /* ここで画像の「箱」の縦横比と高さを指定します */
    padding-bottom: calc(1.48 * 100%); /* 元々あったこの行を削除せず、残しておきます */
    position: relative; /* 子要素のabsolute配置の基準になります */
    overflow: hidden; /* 箱からはみ出た部分を隠します */
}

.elementor-12 .elementor-element.elementor-element-905f63b .elementor-posts-container .elementor-post__thumbnail img {
    /* ここで画像を親要素の箱いっぱいに配置します */
    position: absolute; /* 親要素（.elementor-post__thumbnail）を基準に配置 */
    top: 0;
    left: 0;
    width: 100%; /* 親要素の幅いっぱいに広げる */
    height: 100%; /* 親要素の高さいっぱいに広げる */
    object-fit: cover; /* 画像の縦横比を保ちつつ、箱全体を覆うように調整（はみ出る部分は切り取られます） */
}


a {
  font-size: inherit !important;
}


.elementor-post__thumbnail img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: top; /* ← ここをtopに変更 */
}



/* アイコンボックスのアイコンサイズを強制変更 */
.elementor-icon {
  font-size: 48px !important;
}

.elementor-button-text {
  font-size: 20px !important;
}


#small .elementor-button-text {
  font-size: 14px !important;
}

#small .elementor-button-icon {
  font-size: 20px !important; /* アイコンは大きく */
}


@media (max-width: 767px) { /* スマートフォン向けのブレイクポイント */
    .elementor-kit-6 .elementor-button-text {
        font-size: 17px !important;
        letter-spacing: normal !important; /* 字間を普通に設定 */
    }
}




a {
  color: silver; /* または #C0C0C0 */
  text-decoration: none; /* 下線をなくしたい場合 */
}




/* Elementorの画像ウィジェットIDが「new」の場合の指定 */
#new {
    position: relative; /* 子要素を絶対位置で配置するための基準 */
    overflow: hidden; /* 角の飛び出しを隠す */
}

#new:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    /* 三角形を現在の80%に縮小 */
    border-top: 96px solid red; /* 120px * 0.8 = 96px */
    border-right: 96px solid transparent; /* 120px * 0.8 = 96px */
    z-index: 1; /* NEWテキストより下にする */
}

#new:after {
    content: "NEW";
    position: absolute;
    /* フォントサイズを現在の80%に縮小 */
    font-size: 20.8px; /* 26px * 0.8 = 20.8px */
    font-weight: bold;
    color: white; /* テキストの色 */
    background-color: transparent;
    /* パディングを現在の80%に縮小 */
    padding: 2.4px 14.4px; /* 3px * 0.8 = 2.4px, 18px * 0.8 = 14.4px */
    z-index: 2; /* 三角形より上にする */
    transform: rotate(-45deg); /* 斜め45度に回転 */
    transform-origin: 0% 0%; /* 回転の中心を左上にする */
    /* 位置を現在の80%に調整 */
    top: 44px; /* 55px * 0.8 = 44px */
    left: -12px; /* -15px * 0.8 = -12px */
}




/* Instagram */
.your-icon-list-class .elementor-icon-list-item:nth-child(1) .elementor-icon:hover {
    color: #833AB4; /* Instagramのホバーカラー */
}

/* YouTube */
.your-icon-list-class .elementor-icon-list-item:nth-child(2) .elementor-icon:hover {
    color: #FF0000; /* YouTubeのホバーカラー */
}

/* Facebook */
.your-icon-list-class .elementor-icon-list-item:nth-child(3) .elementor-icon:hover {
    color: #1877F2; /* Facebookのホバーカラー */
}

/* X */
.your-icon-list-class .elementor-icon-list-item:nth-child(4) .elementor-icon:hover {
    color: #000000; /* Xのホバーカラー */
}

/* LINE */
.your-icon-list-class .elementor-icon-list-item:nth-child(5) .elementor-icon:hover {
    color: #06C755; /* LINEのホバーカラー */
}/* End custom CSS */