no message

asada
Commit d873308a13726bc9596d14793f544be49c672699 d873308a 1 parent 973406a0
Showing 6 changed files with 133 additions and 208 deletions
css/_notes/dwsync.xml
css/content01.css
css/content01.scss
img/interview/content01/_notes/dwsync.xml
interview/_notes/dwsync.xml
interview/content01.html
--- a/css/_notes/dwsync.xml
View file @d873308
+++ b/css/_notes/dwsync.xml
View file @d873308
@@ -9,4 +9,5 @@
 <file name="service.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132198880800000000" Dst="0" />
 <file name="top.css" server="onoff02.source.co.jp" local="132199925462625060" remote="132199925400000000" Dst="0" />
 <file name="top.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132198880800000000" Dst="0" />
+<file name="content01.css" server="onoff02.source.co.jp" local="132211155664098397" remote="132211155600000000" Dst="0" />
 </dwsync>
--- a/css/content01.css
View file @d873308
+++ b/css/content01.css
View file @d873308
+br.sp {
+  display: none; }
+  @media only screen and (max-width: 767px) {
+    br.sp {
+      display: block; } }
+
 header {
   position: static;
-  padding: 10px 0 6px 0;
+  padding: 10px 0 6px 0; }
-}
+  header .logo {
-
+    text-align: center; }
-header .logo {
-  text-align: center;
-}
 @media only screen and (max-width: 767px) {
   main {
     padding-left: 3%;
-    padding-right: 3%;
+    padding-right: 3%; } }
-  }
-}
-
 main .container {
-  max-width: 970px;
+  max-width: 970px; }
-}
-
 main h1 {
   font-weight: normal;
   color: #62bcc3;
-  font-size: 3.4rem;
+  font-size: 3.4rem; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main h1 {
-@media only screen and (max-width: 767px) {
+      font-size: 2.2rem; } }
-  main h1 {
+  main h1 p {
-    font-size: 2.2rem;
+    border-bottom: 2px #62bcc3 solid;
-  }
+    padding-bottom: 15px; }
-}
-
-main h1 p {
-  border-bottom: 2px #62bcc3 solid;
-  padding-bottom: 15px;
-}
-
-main h1 p.small {
-  font-size: 2.8rem;
-  margin-bottom: 8px;
-  margin-top: 20px;
-}
-
-@media only screen and (max-width: 767px) {
   main h1 p.small {
-    font-size: 1.8rem;
+    font-size: 2.8rem;
-  }
+    margin-bottom: 8px;
-}
+    margin-top: 20px; }
-
+    @media only screen and (max-width: 767px) {
-main h1 p.big {
+      main h1 p.small {
-  margin-bottom: 20px;
+        font-size: 1.8rem; } }
-}
+  main h1 p.big {
-
+    margin-bottom: 20px; }
 main p.catch {
-  font-size: 2.0rem;
+  font-size: 2.0rem; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main p.catch {
-@media only screen and (max-width: 767px) {
+      font-size: 1.8rem;
-  main p.catch {
+      line-height: 1.7; } }
-    font-size: 1.8rem;
-    line-height: 1.7;
-  }
-}
-
 main p.writer {
   font-size: 1.2rem;
-  text-align: right;
+  text-align: right; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main p.writer {
-@media only screen and (max-width: 767px) {
+      margin-top: 2.0rem; } }
-  main p.writer {
-    margin-top: 2.0rem;
-  }
-}
-
 main .block {
-  margin-top: 4.0rem;
+  margin-top: 4.0rem; }
-}
+  main .block h2 {
-
+    background-color: #62bcc3;
-main .block h2 {
+    color: #fff;
-  background-color: #62bcc3;
+    padding: 8px;
-  color: #fff;
+    font-size: 2.2rem;
-  padding: 8px;
+    margin-bottom: 20px; }
-  font-size: 2.2rem;
+  main .block p {
-  margin-bottom: 20px;
+    font-weight: 300;
-}
+    line-height: 1.7; }
-
+  main .block p.note {
-main .block p {
+    font-size: 1.2rem; }
-  font-weight: 300;
-  line-height: 1.7;
-}
-
-main .block p.note {
-  font-size: 1.2rem;
-}
-
 main #firstSection > div:nth-child(1) {
-  width: 26%;
+  width: 26%; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main #firstSection > div:nth-child(1) {
-@media only screen and (max-width: 767px) {
+      width: 100%;
-  main #firstSection > div:nth-child(1) {
+      order: 2; } }
-    width: 100%;
-    order: 2;
-  }
-}
-
 main #firstSection > div:nth-child(2) {
-  width: 71%;
+  width: 71%; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main #firstSection > div:nth-child(2) {
-@media only screen and (max-width: 767px) {
+      width: 100%; } }
-  main #firstSection > div:nth-child(2) {
-    width: 100%;
-  }
-}
-
 main #firstSection .prof {
-  margin-bottom: 30px;
+  margin-bottom: 30px; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main #firstSection .prof figure {
-@media only screen and (max-width: 767px) {
+      text-align: center; } }
-  main #firstSection .prof figure {
+  main #firstSection .prof p {
-    text-align: center;
+    font-size: 1.3rem;
-  }
+    line-height: 1.7; }
-}
+  main #firstSection .prof p.name {
-
+    font-size: 1.8rem; }
-main #firstSection .prof p {
-  font-size: 1.3rem;
-  line-height: 1.7;
-}
-
-main #firstSection .prof p.name {
-  font-size: 1.8rem;
-}
-
 main #firstSection #healsio > div:nth-child(1) {
-  width: 62%;
+  width: 62%; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main #firstSection #healsio > div:nth-child(1) {
-@media only screen and (max-width: 767px) {
+      width: 100%; } }
-  main #firstSection #healsio > div:nth-child(1) {
-    width: 100%;
-  }
-}
-
 main #firstSection #healsio > div:nth-child(2) {
-  width: 35%;
+  width: 35%; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main #firstSection #healsio > div:nth-child(2) {
-@media only screen and (max-width: 767px) {
+      width: 100%;
-  main #firstSection #healsio > div:nth-child(2) {
+      margin-bottom: 20px; }
-    width: 100%;
+      main #firstSection #healsio > div:nth-child(2) figure {
-    margin-bottom: 20px;
+        text-align: center;
-  }
+        margin-top: 20px; } }
-  main #firstSection #healsio > div:nth-child(2) figure {
-    text-align: center;
-    margin-top: 20px;
-  }
-}
-
 main #energy {
-  margin-top: 40px;
+  margin-top: 40px; }
-}
-
-main #energy > div:nth-child(1) {
-  width: 35%;
-}
-
-@media only screen and (max-width: 767px) {
   main #energy > div:nth-child(1) {
-    width: 100%;
+    width: 35%; }
-    margin-bottom: 20px;
+    @media only screen and (max-width: 767px) {
-  }
+      main #energy > div:nth-child(1) {
-}
+        width: 100%;
-
+        margin-bottom: 20px; } }
-main #energy > div:nth-child(2) {
-  width: 62%;
-}
-
-@media only screen and (max-width: 767px) {
   main #energy > div:nth-child(2) {
-    width: 100%;
+    width: 62%; }
-  }
+    @media only screen and (max-width: 767px) {
-}
+      main #energy > div:nth-child(2) {
-
+        width: 100%; } }
 main #comment {
   max-width: 680px;
   margin-left: auto;
   margin-right: auto;
-  margin-top: 40px;
+  margin-top: 40px; }
-}
-
-main #comment > div {
-  width: 42.5%;
-}
-
-@media only screen and (max-width: 767px) {
   main #comment > div {
-    width: 100%;
+    width: 42.5%; }
-  }
+    @media only screen and (max-width: 767px) {
-}
+      main #comment > div {
-
+        width: 100%; } }
-main #comment > div img {
+    main #comment > div img {
-  margin-left: 30px;
+      margin-left: 30px; }
-}
+    main #comment > div p.remark {
-
+      padding: 40px 20px 10px 20px;
-main #comment > div p.remark {
+      position: relative; }
-  padding: 40px 20px 10px 20px;
+      main #comment > div p.remark:before {
-  position: relative;
+        content: "";
-}
+        display: block;
-
+        border: 2px #62bcc3 solid;
-main #comment > div p.remark:before {
+        width: 100%;
-  content: "";
+        height: 100%;
-  display: block;
+        position: absolute;
-  border: 2px #62bcc3 solid;
+        left: 0;
-  width: 100%;
+        top: 20px; }
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 20px;
-}
-
 main .contact p {
   font-size: 1.4rem;
   line-height: 1.7;
-  margin-top: 40px;
+  margin-top: 40px; }
-}
-
 main .back {
   text-align: center;
-  margin-top: 40px;
+  margin-top: 40px; }
-}
+  @media only screen and (max-width: 767px) {
-
+    main .back img {
-@media only screen and (max-width: 767px) {
+      max-width: 100%; } }
-  main .back img {
-    max-width: 100%;
-  }
-}
--- a/css/content01.scss
View file @d873308
+++ b/css/content01.scss
View file @d873308
+br.sp{
+  display: none;
+  @media only screen and (max-width: 767px){
+    display: block;
+  }
+}
 header{
   position: static;
   padding: 10px 0 6px 0;
--- a/img/interview/content01/_notes/dwsync.xml 0 → 100644
View file @d873308
+++ b/img/interview/content01/_notes/dwsync.xml 0 → 100644
View file @d873308
+<?xml version="1.0" encoding="utf-8" ?>
+<dwsync>
+<file name="bnr_top.jpg" server="onoff02.source.co.jp" local="132211090275511204" remote="132211155000000000" Dst="0" />
+<file name="pic_ph1.png" server="onoff02.source.co.jp" local="132211030285566255" remote="132211155000000000" Dst="0" />
+<file name="pic_ph2.png" server="onoff02.source.co.jp" local="132211033601162097" remote="132211155000000000" Dst="0" />
+<file name="pic_ph3.png" server="onoff02.source.co.jp" local="132211042393406091" remote="132211155000000000" Dst="0" />
+<file name="h1_img.png" server="onoff02.source.co.jp" local="132211020460238835" remote="132211155000000000" Dst="0" />
+<file name="pic_ph4.png" server="onoff02.source.co.jp" local="132211042750942125" remote="132211155000000000" Dst="0" />
+<file name="pic_ph5.png" server="onoff02.source.co.jp" local="132211041279521916" remote="132211155000000000" Dst="0" />
+<file name="pic_prof1.png" server="onoff02.source.co.jp" local="132211027812051973" remote="132211155000000000" Dst="0" />
+<file name="pic_prof2.png" server="onoff02.source.co.jp" local="132211027844551740" remote="132211155000000000" Dst="0" />
+</dwsync>
--- a/interview/_notes/dwsync.xml
View file @d873308
+++ b/interview/_notes/dwsync.xml
View file @d873308
@@ -16,4 +16,5 @@
 <file name="index.html" server="onoff02.source.co.jp" local="132200918502631640" remote="132200920200000000" Dst="0" />
 <file name="secom01.html" server="onoff02.source.co.jp" local="132200918502337327" remote="132200938200000000" Dst="0" />
 <file name="secom02.html" server="onoff02.source.co.jp" local="132200918502347308" remote="132200938200000000" Dst="0" />
+<file name="content01.html" server="onoff02.source.co.jp" local="132211156127149537" remote="132211155600000000" Dst="0" />
 </dwsync>
--- a/interview/content01.html
View file @d873308
+++ b/interview/content01.html
View file @d873308
@@ -101,7 +101,7 @@
           </div>
         </div>
         <div class="block">
-          <h2>安全や健康も考えてくれる、親身なサービスで快適に</h2>
+          <h2>安全や健康も考えてくれる、<br class="sp">親身なサービスで快適に</h2>
           <p>
             スマート家電を活用するスマートライフは、料理、洗濯、掃除など主要な家事だけでなく、家族の生活リズムや健康管理もサポートしてくれる。小沢さんが今、注目しているのは、カーテンの自動開閉機だ。<br>
             「私はカーテンを開けて眠り自然光で目覚めたいタイプ、夫はしっかり遮光して眠りたいタイプで、就寝時のカーテンをどうするかは夫婦の問題だったんです（笑）。でもこの自動開閉機があれば、起床時に自動でカーテンが開くのでお互いにストレスがない。ほかにも床暖房を遠隔操作できるというシステムもいいですよね。とくに冬は、朝起きて部屋が暖まるまで機敏に行動できないし。こういうものを上手に取り入れていくことで、生活の質が上げられると思うんです。もうひとつ注目しているのは、鍵がなくても、スマホからのパスワード発行で玄関の施錠にアクセスできるというもの。急な仕事で保育園のお迎えに行けない時に、代行してくれるヘルパーさんのスマホにパスワードを送ればいいんです。子どもに合鍵を持たせるのも心配ですし」（小沢さん）<br><br>
@@ -141,7 +141,7 @@
           </div>
         </div>
         <div class="block">
-          <h2>スマートライフなら、暮らしがこんなに豊かになる</h2>
+          <h2>スマートライフなら、<br class="sp">暮らしがこんなに豊かになる</h2>
           <p>
             家電をインターネットにつなげて提供されるデータによって個人に寄り添った便利なサービスが実現、結果的に家事の省力化、時短化が図られ、豊かで有意義な時間が増えていきます。
           </p>