複数コンテンツの編集

画像の登録・変更必須

詳細項目

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

本文任意
<p class="ravel">＊文章やメディア（画像・動画など）の入力ができます。<br />＊下記の_%system%_は、入力したものを表示するために必要なコードになりますので、消さないようにお願いいたします。（コードは画面には表示されないのでご安心ください）</p> <p>_%colu_body%_</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; }
 }

公開設定任意