diff --git a/class_content/content3.html b/class_content/content3.html index fc43c43..1c02134 100644 --- a/class_content/content3.html +++ b/class_content/content3.html @@ -80,6 +80,26 @@ +
- キャラ画像ウミリク + キャラ画像ウミリク

鳥海塾でどんなことが学べるの?

まずは、プログラミングの基礎を身に付けます。 @@ -79,8 +78,7 @@ 名峰「鳥海山」の頂上標高2236メートルを目指して登っていきます。
受講生のみなさんの研究を鳥海山から世界に向けて発信する気持ちで、一緒に挑戦していきましょう。

- キャラ画像ウミ浮輪 + キャラ画像ウミ浮輪
@@ -204,7 +202,8 @@

東北公益文科大学

〒998-8580
- 山形県酒田市飯森山三丁目5番地の1 / TEL:0234-41-1111
+ 山形県酒田市飯森山三丁目5番地の1
+ TEL:0234-41-1111
プログラム名
@@ -229,7 +228,7 @@
行き方
-
酒田駅出発の場合→酒田駅を出発し出羽大橋を抜けた先を左折します
+
酒田駅出発の場合→酒田駅を出発し出羽大橋を抜けた先を左折します
三川方面から来る場合→コスモ石油のある十字路を左に曲がり道なりに進みます
@@ -239,10 +238,10 @@
-
+
- +
diff --git a/jdmain.css b/jdmain.css index b910173..c9e8d84 100644 --- a/jdmain.css +++ b/jdmain.css @@ -307,6 +307,11 @@ margin-top: 30px; opacity: 0; } + +.home-items img{ + width: 300px; + height: 216px; +} #home-about .home-items h3{ font-size: 1.4rem; } @@ -617,7 +622,7 @@ transform: translateY(3px); } .line-dl div dd a{ - width: calc(100% - 110px); + width: calc(100% - 10px); font-size: 14px; letter-spacing: 0.04em; color: #000; @@ -631,7 +636,9 @@ .line-dl div dd .info-small{ font-size: 13px; } - +iframe{ + width: 450px; + height: 600px;} /* ----------------------------------// home-info---------------------------------- */ /* footer */ footer { /* XXX: Change ME! */ @@ -1002,6 +1009,9 @@ display: inline-block; margin-bottom: 50px; } + .section-text{ + font-size: 1rem; + } .section-title::before{ background-image: none; vertical-align: baseline; @@ -1033,14 +1043,19 @@ #mainvisual .top-title .site-title{ display: none; } + #home-about h2{ font-size: 1.6rem; } + #home-about .home-items img{ + width: 200px; + height: 150px; + } #home-about .home-items h3{ - font-size: 1.2rem; + font-size: 1rem; } #home-about .home-items p{ - font-size: 1.1rem; + font-size: .8rem; line-height: 1.85; } .aiming_top{max-width: 600px;} @@ -1064,6 +1079,12 @@ .class-content-items{ font-size:1rem; } + #home-info{padding: 20px;} + #home-info img{height: 200px;} + .home-info-address_title {font-size: 1em;} + iframe{ + width: 100%; + height: 300px;} } @media screen and (max-width: 1024px){ #hamburger-menu{ @@ -1151,6 +1172,9 @@ height: 100%; width: 100%; } + .home-items .what_study{ + order: 1; + } /* ------------fag--------- */ div.faq-list dl{width: 85%;} @@ -1164,6 +1188,11 @@ /* ------------fag-end--------- */ } +@media screen and (max-width: 499px){ + +/* .info-address {font-size: 10px;} */ +} + /* メモ !わかりやすく、探しやすく、再利用しやすく、拡張しやすくする 1 h2タグにはsection-titleというclass名をつけて全てのページを共通化させる diff --git a/testpage/test.css b/testpage/test.css index 8e0c8d0..f76e87b 100644 --- a/testpage/test.css +++ b/testpage/test.css @@ -294,6 +294,10 @@ margin-top: 30px; opacity: 0; } +.home-items img{ + width: 300px; + height: 216px; +} #home-about .home-items h3{ font-size: 1.4rem; } @@ -674,6 +678,10 @@ #home-about h2{ font-size: 1.6rem; } + .home-items img{ + width: 250px; + height: 178px; + } #home-about .home-items h3{ font-size: 1.2rem; }