KIITEYO

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#347AA5 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #347AA5 !important; border-color: #347AA5 !important; } .text-primary, .filters_col .distance span { color: #347AA5 !important; } .btn-outline-primary { color: #347AA5 !important; border-color: #347AA5 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #347AA5 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #347AA5!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } /* チャットメッセージの幅 */ .message-chat-text { max-width: 60% } /* チャットメッセージの文字サイズ */ .message-chat-text p { font-size: 14px; line-height: 1.5; } /* チャット絵文字表示 */ .smilesbox .list-inline { flex-wrap: wrap; padding-left: 15px; padding-bottom: 5px; } /* チャット入力欄 */ .discussion-message .chat-message { width: calc(100% - 40px); padding: 10px 50px; border: 2px solid #cbd5e1 !important; border-radius: 20px !important; resize: none; overflow: hidden; } /* チャット絵文字アイコン */ .discussion-message .fa-smile { top: auto; bottom: 16px; left: 20px; } /* チャット添付アイコン */ .discussion-message .fa-paperclip { top: auto; bottom: 16px; right: 52px; } /* チャット送信アイコン */ .discussion-message .fa-paper-plane { position: absolute; top: auto; bottom: 12px; right: 3px; font-size: 1.6em; transform: rotate(10deg); pointer-events: none; } .discussion-message .fa-paper-plane.active { color: #3b82f6; cursor: pointer; pointer-events: auto; } /* モーダルチャット入力欄 */ .modal-message .messenger-message { padding-top: 12px; padding-bottom: 12px; padding-right: 60px; resize: none; overflow: hidden; } /* モーダルチャット各アイコン */ .modal-message div[data-ppt-icon-size="24"] { top: auto !important; bottom: 14px !important; } @media screen and (max-width: 767px) { /* チャット送信アイコン */ .discussion-message .fa-paper-plane { bottom: 12px; right: 5px; } } @media screen and (max-width: 575.98px) { /* チャットメッセージボックス */ .discussion-message { bottom: 55px !important; padding-bottom: 20px !important; } /* モーダルチャット全画面対応 */ /*body:has(.ppt-modal-wrap.show),*/ .ppt-modal-wrap.show { overflow-y: auto; } /* モーダルチャットメッセージ表示部分 */ .modal-message .ppt-messenger-window { max-height: calc(100vh - 210px - 67px); /* 送信ボタンとメッセージボックスの高さを引く */ overflow-y: auto; } /* モーダルチャットメッセージボックス */ .modal-message .messenger-msg-area { position: fixed; bottom: 65px; right: 0; left: 0; width: 100%; padding: 12px 15px; background: #fff; z-index: 1000 !important; } /* モーダルチャット送信ボタン */ .modal-message .messenger-send-area { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 67px; z-index: 1000 !important; } } li.facebook, li.twitter, li.instagram, li.youtube { display: none; } /* アカウント登録ボタン左寄せ */ .btn-lg.text-600.btn-orange { width: 50%; /* ボタンの横幅を半分にします */ margin-right: auto; /* 右側のマージンを自動にして、左側に寄せます */ box-sizing: border-box; /* パディングとボーダーが要素の全体の幅と高さに含まれるようにします */ } /* スマホタイトル */ @media (max-width: 768px) { .col-lg-6.text-light h1[data-ppt-title] { position: relative; top: -40px; /* 位置を調整したいだけ上方向に移動させます。値はあなたのニーズによります */ color: #FFFFFF; /* 文字色を白にします */ } .col-lg-6.text-light p.lead[data-ppt-subtitle] { position: relative; top: -40px; /* 位置を調整したいだけ上方向に移動させます。値はあなたのニーズによります */ color: #FFFFFF; /* 文字色を白にします */ } } /* パソコンタイトル文字カラー */ @media (min-width: 768px) { .col-lg-6.text-light h1[data-ppt-title], .col-lg-6.text-light p.lead[data-ppt-subtitle] { color: #54595F; } } /* HOME */ ul.list-unstyled li:first-child { display: none; } /*通報・添付・スタンプ上方向*/ /*モバイルログアウト非表示*/ @media (max-width: 768px) { .ml-auto.ml-lg-2.ml-xl-2 { display: none !important; } } /*モバイルオンライン表示*/ /*検索キーワード非表示*/ .position-relative.filter-keyword.mb-4.show-mobile { display: none; } /*ユーザー名説明右側表示*/ .badge_tooltip__item { position: relative; right: -100px; } /* アカウント名:(降順 Z→A)とアカウント名:(昇順 A→Z)を非表示にする */ .filterSortby .sortby option[value="title"] { display: none; } /* 人気:(高い順)と人気:(低い順)を非表示にする */ .filterSortby .sortby option[value="hits"] { display: none; } /* 趣味の文字サイズ */ .tax-div { line-height: 1.0; /* 行の高さを調整 */ margin: 2px 5px; /* 上下の余白を調整 */ } .tax-div .custom-control.custom-checkbox { padding: 0px 25px; /* チェックボックスの内部余白を調整 */ } .tax-div .filtertxt { font-size: 14px; /* 文字サイズを調整 */ } /* メニューバーの高さ */ .container.py-4.logo-lg { height: 60px; /* ここで高さを設定 */ padding-bottom: 50px; /* 下側のパディング */ /* 必要に応じて他のスタイルをここに追加 */ } /* メニューバー素材位置 */ .col { margin-top: -10px; /* 上に10px移動 */ /* 必要に応じて他のスタイルをここに追加 */ } .textlogo.navbar-brand-dark { margin-top: -10px; /* 上に10px移動 */ /* 必要に応じて他のスタイルをここに追加 */ } body { overflow-x: hidden; } .side-menu { position: fixed; left: 0; top: 0; /* 必要なスタイルを追加 */ } .side-menu { z-index: 1000; /* 高い値に設定 */ } .side-menu { transition: all 0.3s ease; } /* 写真編集消去 */ @media (max-width: 767px) { .col-12.d-inline-flex { flex-direction: column; /* これで子要素が縦に並ぶ */ transform: scale(1.0) translate(0, 0); /* ここで位置を調整 */ transform-origin: left top; /* ここで拡大/縮小の基準点を設定 */ } .col-4xx.w-100 { margin-bottom: 40px; /* これで各ボタンの要素間に下方向への隙間を作ります */ /* 必要に応じて上方向、左方向、右方向への隙間も調整できます */ } /* 最後の要素の下方向への隙間を取り除く場合 */ .col-4xx.w-100:last-child { margin-bottom: 0; } } /* 写真を編集するの位置 */ .badge_tooltip__initiator { position: relative; z-index: 1; /* この値は他のz-index値に基づいて調整する必要があるかもしれません */ } .badge_tooltip__item.text-center { position: absolute; top: -70px; /* ここで上にずらす距離を調整します */ z-index: 2; /* initiatorよりも高いz-index */ display: flex; justify-content: center; /* 横方向の中央揃え */ align-items: center; /* 縦方向の中央揃え */ text-align: center; /* テキスト自体の中央揃え */ } /* ユーザー名の候補非表示 */ .usertry, .usertry.checked { display: none !important; /* 非表示に設定 */ }