INDEXページの編集

index_1.png

画像の登録・削除必須

画像サイズ：小画像サイズ：中画像サイズ：大

ページ本文任意

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; }
 }

利用可能な機能設定任意	活動日誌：イベント：