.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.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 (max-width: 600px) {
  .elementor-element-fcac27a {
    display: none;/* 全年齢 */
  }
  .elementor-element-272dc14 {
    display: none;/* 成人向け*/
  }
}
/* 【スマホ】人気上昇中の表示 */
@media (max-width: 600px) {
    .wpp-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none;
        width: 100% !important;
    }

    .wpp-list li {
        flex: 0 1 calc(33.33% - 10px) !important; /* 各アイテムの幅を33.33%に設定 */
        margin: 5px !important;
        box-sizing: border-box !important;
    }

    .wpp-list .wpp-thumbnail {
        width: 100% !important;
        height: 140px !important; /* サムネイルの高さを統一 */
        display: block !important;
        margin: 0 auto 10px !important;
        border-radius: 5px !important; /* 枠の角に少し丸みをつける */
        object-fit: cover !important;
        overflow: hidden !important;
        border: 0.1px solid #cccccc !important; /* サムネイルに黒色の枠を追加 */
    }
}




/*【スマホ】新着画像(トップページ + 新着画像) */
@media (max-width: 600px) {
    #content-in,
    .content-in,
    #main,
    .main {
        width: 100% !important; /* 幅を100%に設定 */
        padding: 0 !important; /* パディングをゼロに設定 */
        margin: 0 !important; /* マージンをゼロに設定 */
    }

    /* 各アイテム間の余白を減らす */
    .elementor-post.elementor-grid-item {
        margin: -8px !important; /* 各アイテム間の余白を少し減らす */
    }

    /* サムネイルのコンテナスタイル */
    .elementor-post.elementor-grid-item .elementor-widget-theme-post-featured-image {
        width: 100% !important;
        height: 140px !important; /* サムネイルの高さを少し低く設定 */
        border-radius: 0px !important; /* 枠の角の丸みを少し小さくする */
        border: 0.1px solid #cccccc !important; /* サムネイルに黒色の枠を追加 */
        overflow: hidden !important; /* 画像のオーバーフローを隠す */
    }

    /* サムネイル画像のスタイル */
    .elementor-post.elementor-grid-item .elementor-widget-theme-post-featured-image img {
        width: 100% !important; /* 画像をコンテナの幅いっぱいに表示 */
        height: 100% !important; /* 画像をコンテナの高さいっぱいに表示 */
        object-fit: cover !important; /* 画像をカバー表示 */
    }
    
        .attachment-large.size-large,
    .wp-image-2054 {
        border-radius: 1px !important; /* 画像の角の丸みを少し小さくする */
        object-fit: cover !important; /* 画像をサイズいっぱいに表示 */
    }
}


/*【スマホ】カスタムボタンのスタイル */
@media (max-width: 600px) {
    .custom-button {
        width: 100% !important; /* 幅を100%に設定 */
        box-sizing: border-box; /* パディングやボーダーを含めて幅を計算 */
        margin: 0 auto !important; /* ボタンを中央に配置 */
        padding: 10px 0 !important; /* パディングを追加 */
    }
}





/* 【スマホ】「フォローユーザーの最新作品」の表示に関する */
@media (max-width: 600px) {
    .following-users-posts {
        gap: 8px !important; /* 投稿アイテム間の隙間を調整 */
    }
    .post-item {
        width: calc(33.33% - 8px) !important; /* 各投稿アイテムの幅を調整 */
        box-sizing: border-box !important; /* パディングやボーダーを含めて幅を計算 */
    }
    .post-thumbnail {
        width: 100% !important;
        height: 140px !important; /* サムネイルの高さを統一 */
        border-radius: 5px !important; /* 枠の角に少し丸みをつける */
        overflow: hidden !important; /* 余分な部分を隠す */
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important; /* 相対位置を設定 */
    }
    .post-thumbnail img {
        position: absolute !important; /* 絶対位置を設定 */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; /* 画像の高さを統一 */
        object-fit: cover !important; /* 画像を枠いっぱいに表示し、見切れても良い */
        border-radius: 5px !important; /* 画像の角に少し丸みをつける */
        border: 0.1px solid #cccccc !important; /* サムネイルに黒色の枠を追加 */
    }
    .post-title a {
        font-size: 12px !important; /* タイトルのフォントサイズを調整 */
        margin-top: 4px !important; /* タイトルとサムネイルの間のスペースを調整 */
    }
    /* 投稿者アイコンと投稿者名を非表示にする */
    .following-users-posts .post-author {
        display: none !important;
    }
}


/* 【スマホ】「pic3dartってどんなサイト？」 */
/* 【スマホ】「投稿の仕方とガイドライン」 */
@media (max-width: 600px) {
    .elementor-widget-container a img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}/* End custom CSS */