header.p-page-header {
display: none;
}

.p-breadcrumb{
margin-bottom:1rem;
}

/*
.h3{
display: inline-block;
background: #c2edff;
padding: 0.5em;
}
*/

.explain_wrap {
padding: 3em 0px;
border-top: 1px solid #d2d2d7;
}

.explain_container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
/*flex-wrap: wrap;*/
}

.item1 {
color: #1d1d1f;
font-size: 1.1em;
font-weight: 600;
/*flex-basis: 200px;*/
width: 200px;
/*padding:1em*/
}
.item2 {
/*flex-basis: auto;*/
text-align: left;
color: #1d1d1f;
flex: 1;
min-width: 0;
}

.item2 p{
padding:0;
margin:0;
}

.item2 ul{
padding:0;
margin:0;
list-style: none;
}

.resizeimage {
max-width: 400px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
}
.resizeimage img { width: 100%; }

@media screen and (max-width: 800px) {
/* 画面サイズが480pxからはここを読み込む */
.explain_container {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
/*flex-wrap: wrap;*/
}

.item1 {
padding: 1em 0;
margin-top: 0;
margin-bottom: 1.5em;
border-bottom: 1px solid #d2d2d7;
width: 100%;
}

.explain_wrap {

padding-top: 1.5em;
padding-bottom: 1.5em;
border-top: none;
}
}

.outer {
/*
display: flex;
justify-content: center;
align-items: center;
*/
}

基本設定

「基本設定」メニューの詳細をご説明いたします。
下記を参考にドメイン情報等の入力、テーマカラー等を設定して下さい。

基本設定パネル

      
画像をクリックで拡大

アプリ名

配信サイトの名前を入力してください。

短いアプリ名

長いアプリ名の場合、短縮された短いアプリ名を入力してください。

テーマカラー

ヘッダー、フッターに適応されるテーマカラーを設定できます。

Twitterアカウント

ツイッターのアカウントを入力してください。

説明

配信サイトの説明を入力してください。

アイコン

アイコンの画像を作成して、「ファイル選択」より画像をアップロードしてください。

メインビジュアル

メインビジュアルの画像を作成して、「ファイル選択」より画像をアップロードしてください。

ホスト名

ホスト名は、システム上のURLです。開始時に設定していますので、変更しないでください。

URL

URLは、外部公開用のURLです。独自ドメインで運用する場合、独自ドメインのURLとなります。開始時に設定していますので、変更しないでください。

テーマ

「背景色」、「文字色」のテーマカラーを一括で設定できます。デザインに合わせて設定してください。

テーマ拡張
  • 有効:「背景色」、「文字」色をカスタマイズすることが出来ます。
  • 無効:テーマカラーの設定が反映されます。
ヘッダーロゴ

ヘッダーロゴの画像を作成して、「ファイル選択」より画像をアップロードしてください。

ヘッダーロゴサイズ

ヘッダーロゴの表示サイズをデザインに合わせて調整してください。

ナビゲーション

ナビゲーションは画面下部にスマホ表示の際に、サブメニューを表示させます。詳しくは、お問い合わせください。