複数コンテンツの編集

画像の登録・変更必須

詳細項目

表示番号任意
ページタイトル任意
ファイル名必須	event2

本文任意
<p class="ravel">イベント情報を登録するとここにイベント情報の一覧が表示されます。<br />＊ご利用の際はこの文言は変更して下さい。<br />＊下記の_%system%_は削除されますと一覧が表示されませんのでご注意下さい。</p> <p>_%event_body%_</p> <p> </p>

背景カラー任意
テキストカラー任意	■ #535353■ #ffffff

CSS編集必須

@charset "UTF-8";
 /* Custom */
 
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {
 }
 
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {
 }
 
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {
 }
 
 /* Mobile2用 */
 @media screen and (max-width: 540px) {
 }
 
 /* column2 */
 #column2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
 #column2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
 #column2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
 #column2 li { background-color: #fff; border-radius: 10px; }
 #column2 #colu_img { height: 260px; }
 #column2 #colu_days { font-size: 80%; text-align: center; }
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {}
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {}
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {}
 /* Mobile2用 */
 @media screen and (max-width: 540px) {}
 
 /* event2 */
 #event2 { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
 #event2 h1 { text-align: center; letter-spacing: 0.2em; margin: 30px 0; padding: 0; }
 #event2 h2 { letter-spacing: 0.2em; margin: 50px 0; padding: 0; }
 #event2 li { background-color: #fff; border-radius: 10px; }
 #event2 #event_img { height: 400px; }
 #event2 #event_area { padding: 0 0 10px 0; }
 /* Tablet用 */
 @media only screen and (min-width: 916px) and (max-width: 1000px) {}
 /* Tablet2用 */
 @media only screen and (min-width: 701px) and (max-width: 915px) {}
 /* Mobile用 */
 @media only screen and (min-width: 541px) and (max-width: 700px) {
 #event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
 #event2 h1 { margin: 80px 8% 30px; }
 }
 /* Mobile2用 */
 @media screen and (max-width: 540px) {
 #event2 { background: url(../common/data_img/event2_1.png) right 10% top 8% / 60% auto no-repeat; }
 #event2 h1 { margin: 80px 8% 30px; }
 }

公開設定任意