ヘッダーやフッター、サイドエリアをフロートさせる

Facebook側の仕様変更により、こちらのInstagramパーツが設定できない事象が発生しております。
そのため、Instagramへのリンクを設定する等の運用をご検討ください。

上記の事象については、改修までお待ちくださいますようお願いいたします。

本機能は2022/10/04リリースのBiNDup最新バージョンにてご利用いただけます。
※ビジネスコースのみの提供となります。

予約台帳の予約一覧をクリックすると、全ての予約が一覧で表示されます。

[予約一覧]画面

予約詳細画面

各項目をクリックすると、それぞれの予約内容を確認できます

まとめてキャンセル・承認

左側のチェックボックスにチェックを入れると、予約をまとめてキャンセル・承認（承認制の場合のみ）することができます。
キャンセルを行う場合は、「•••」から、「選択した予約をキャンセル」をクリックします。

予約を個別に編集・顧客情報確認・キャンセル

それぞれの予約の「•••」から個別に予約内容の編集・顧客情報確認・キャンセルをすることができます。

予約の並び替え

上部のラベルをクリックすると、そのラベルの昇順・降順で予約を並び替えられます。

CSVダウンロード可能

予約のリストをCSV形式でダウンロードできます。

予約検索

項目ごとに条件を指定して、予約を検索できます。
条件を指定できる項目は以下になります。

• キーワード
• 予約日
• 受付日
• メニュー
• リソース
• ステータス
• 決済

ウェブアクセシビリティとは、高齢者や障害者を含むすべてのユーザーがウェブで提供されている情報にアクセスし、支障なく利用できるようにすることを指します。

アクセシビリティの利点

ウェブアクセシビリティの向上は、障害を持つ人々だけでなく、すべてのユーザーに利益をもたらします。例えば、モバイルデバイスでウェブを利用する際の使いやすさが向上したり、高齢者がウェブコンテンツをより簡単に利用できるようになります。
また、検索エンジン最適化（SEO）にもプラスの影響を与えることがあります。

ウェブアクセシビリティに適したサイトを作成するためのポイントについて、いくつかご紹介します。

代替テキスト（altテキスト）
画像には説明的な代替テキストを付け、視覚障害のあるユーザーに画像の内容を伝えます。

字幕やトランスクリプト
音声や動画コンテンツには字幕や音声読み上げなどを含め、聴覚障害のあるユーザーが内容を理解できるようにします。

色の使用
色のコントラストを高めたり、色だけで情報を伝えないようにすることで色覚障害のあるユーザーも情報を認識しやすくします。

色の選択
色に頼らずに情報を伝えることが重要です。色視覚障害のある人や、モノクロの印刷物としてページが使用される場合など、色が意味を持たない場合でも情報が失われないようにします。

リンクの明示
リンクの目的が明確であり、スクリーンリーダーを利用されているユーザーがリンク先の内容を理解できるようにします。例えば、”詳細を見る”ではなく、”詳細を見る – クリックして〇〇のコンテンツを見る”のようにします。

明確で一貫性のあるナビゲーション
ウェブサイトの構造やメニューがわかりやすく、どのページにいるのか、次にどこに行くのかが直感的に分かるようにします。

理解しやすい言語の使用
専門用語や難しい言葉を避け、シンプルで明確な言葉を使います。また、適切な見出しや段落の使い方も重要です。

インターネット上でメールの送受信を行うことができるWebメールを利用できます。

Webメール設定の開始

コントロールパネルにログインした状態で、設定したいコースから〈各種設定〉をクリックします。

機能一覧から〈Webメール〉をクリックします。

〈Webメールを利用する〉をクリックします。

Webメールの画面が表示される

Roundcubeのログイン画面が表示されますのでユーザー名[１]とパスワード[2]を入力し、ログインをクリックします[3]。

ユーザー名：「メールアドレス作成」から、QmailAdminで作成したPOPアカウントの「メールアドレス」を入力。
パスワード：「メールアドレス作成」から、QmailAdminで作成したPOPアカウントのパスワードを入力。

QmailAdminの詳細はこちらをご参照ください。

メールアドレスのパスワードに以下の記号を使用しているとメールソフトにログインできない場合があります。
使用している場合はQmailAdminよりパスワードの再設定をしてください。
1. 【/】
2. 【!】
3. 【¥】
※ご利用端末や環境によっては【¥】を入力すると【/】として変換される場合がございます。
一度QmailAdminよりパスワード再設定をお試しください。

Webメールの画面が表示されます。

また、こちらからもWebメールへアクセス可能です。ブックマークされることを推奨いたします。

・Webメールは、複数端末で同時にログインをするとデータ破損が発生するケースがあります。
同時接続はされないようお願いいたします。
・メールサーバー上のメールデータを長期間そのまま残しておくと、メールサーバーの容量が圧迫され、メールの受信動作が不安定になるケースが発生する場合がございます。
そのため、定期的に古いメールデータの削除を行なってください。

Webメールの以下のような操作方法についてはRoundcube側（Mailvelope）の仕様に順じます。
〇例
・フォルダを追加する：設定［1］をクリックしフォルダ［2］を選択し、
作成［3］をクリックします。※メールの自動振り分け設定はございません。

・署名を設定する：設定［1］をクリックし識別情報［2］から、設定をしたいメールアドレスを選択すると編集画面が表示されます。

Dressは、デザイン編集を行う場合にスタイルの追加をすることができる機能です。
こちらでは今回は詳細設定の項目より「高度な設定」をオンにした状態で、設定が可能な各スタイルを解説いたします。

スタイルの追加については、「+」マークをクリックするとスタイル一覧が表示されます。

「高度な設定」をオフにした状態の項目はこちらをご確認ください。

文字スタイル

■文字間隔 letter-spacing
文字と文字の間隔を数値で指定できます。

段落スタイル

■縦方向の配置 vertical-align
以下の設定ができます。
・ベースライン baseline
・上揃え TOP
・中央揃え middle
・下揃え bottom
・上付き super
・下付き sub
・テキスト上揃え text-top
・テキスト下揃え text-bottom
■文字の方向 writing-mode
以下の設定ができます。
・横書き horizontal-tb
・縦書き（右から左へ） vertical-rl
・縦書き（左から右へ） vertical-lr
縦書きを設定すると、文章を縦書きの表示にできます。

【改行】

以下の改行に関する設定ができます。
■改行 white-space
文章の改行に関する設定ができます。
・自動改行 normal
・改行しない nowrap
・記述通りの改行のみ pre

■禁則処理 word-break
改行をしなければ、コンテンツボックスが文章がはみ出る際に、
ブラウザ側で改行するかどうかの設定ができます。
・言語に合わせて改行 normal
・文字列の途中で改行する break-all
・文字列の途中で改行しない keep-all

■単語の分割 word-wrap
コンテンツボックスが文章がはみ出る際に、単語を分割して改行するかの設定ができます。
・分割しない normal
・分割する break-word

■リスト記号
リストの記号や位置を設定できます。

■オブジェクトフィット object-fit
画像や動画といった要素をエリア内でどのように収めるか設定できます。

・領域に収める contain
・領域を覆う cover
・引き伸ばし fill
・スケールダウン scale-down
・そのまま表示 none

表示

■表示形式 display
・インライン inline
インラインは、要素を横に並べ、必要なだけの幅だけを占めさせる際に設定します。
・ブロック block
　要素を縦に並べる箱のようなものに変える設定です。設定すると
要素は横幅いっぱいを占め、次の要素はその下に表示されます。
・インラインブロック inline-block
横並びにしつつ、幅や高さを自由に設定したい際に利用します。
・フレックス flex
要素を柔軟に配置し、簡単に横並びや縦並びをできるように設置したい際に設定します。
・インラインフレックス inline-flex
横並びで柔軟に要素を配置する設定です。行の中で他のテキストや要素と同じように扱えます。
・リスト項目 list-item
要素をリストのアイテム（項目）として表示する際に設定します。
・テーブル tabke
要素を表のように表示する際に設定します。
・テーブルセル table-cell
要素を表のセルのようなレイアウトを再現する際に設定します。
・継承 inherit
親要素の表示方法をそのまま継承したい際に設定します。
・表示しない none
要素を完全に非表示にする際に設定します。

■フロート float
要素を横並びにし、左右に寄せる設定ができます。
・フロートしない none
・左へフロート left
・右へフロート right

■はみ出し処理 overflow
含まれている内容が領域をはみ出した時に、どのように表示するかを指定します。
スマホサイトで、特定のブロックが横に広がっている際の調整するといった際に活用します。
・はみ出し部分を表示 visible
・はみ出し部分を隠す hidden
・スクロールバーを表示 scroll
・はみ出した時はスクロール auto

■トランジション transition
要素の変化を滑らかにするための設定となります。
記述方法は、CSSの「transition」プロパティの設定値を記載します。

■変形 transform/transform-origin

要素の位置や大きさ、回転などを変える際に設定します。
要素を変形させる際の基準点（原点）を指定する際は、「基準」を設定します。

「transform」プロパティに指定する値をショートハンド形式で入力します。基準には「transform-origin」の値を設定します。
■内容 content
CSSでコンテンツを挿入するためのプロパティです。
項目範囲の選択で「after」、「before」を選択し使います。

■フレックスコンテンツ
・アイテムの向き flex-direction
フレックスコンテンツに組み込まれたアイテムの上下左右の方向や向きを設定できます。
・折り返し flex-wrap
フレックスアイテムの折り返しを指定できます。
・主軸の配置 justify-content
Flexboxレイアウトにおけるフレックスアイテムをメイン軸に沿ってどのように配置するかを設定できます。
・交差軸の配置 align-content
複数の行や列がある場合に、行をどのように配置するか設定ができます。
・アイテム揃え　align-items
Flexコンテナ内のフレックスアイテムをクロス軸に沿って、どのように配置するかを設定できます。
・行の間隔 row-gap
アイテム間の間隔を設定できます。
・列の間隔 column-gap
Flexコンテナ内の縦方向のアイテム間の間隔を指定できます。

段落スタイル

■配置方法 position
・通常 static
要素のデフォルトの配置方法となります。
・相対配置 relative
要素を通常の文書フローに従いつつ、自身の位置を基準にして配置を微調整する際の配置方法となります。
・絶対配置 absolute
要素を通常の文書フローから取り外し、親要素や親コンテナに対して位置を相対付けるための値です。
・固定配置 fixed
要素をビューポートに固定してスクロールしてもその位置を保つための値です。
■位置
親要素からの距離を、上下左右で設定したい際に入力します。
■重なり順 z-index
要素の積み重ね順序を調整したい際に設定します。値が大きいほど前面に表示され、値が小さいほど背面に表示されます。