{"id":310,"date":"2017-10-05T20:04:40","date_gmt":"2017-10-05T11:04:40","guid":{"rendered":"http:\/\/memo.baseline-lib.com\/?p=310"},"modified":"2021-01-10T02:25:55","modified_gmt":"2021-01-09T17:25:55","slug":"%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%a7%e5%bf%85%e9%a0%88%e9%a0%85%e7%9b%ae","status":"publish","type":"post","link":"https:\/\/memo.baseline-lib.com\/?p=310","title":{"rendered":"\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5fc5\u9808\u30d8\u30c3\u30c0\u30fc\u3084\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u5b9f\u88c5"},"content":{"rendered":"<p>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u6642\u306b\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30e1\u30cb\u30e5\u30fc\u3092\u5165\u308c\u308b\u5834\u9762\u306b\u76f4\u9762\u3059\u308b\u3053\u3068\u304c\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u3002\u4eca\u56de\u306f\u666e\u6bb5\u5b9f\u88c5\u306b\u4f7f\u3046\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3068\u30ef\u30fc\u30c9\u30d7\u30ec\u30b9\u306b\u3082\u5b9f\u88c5\u3067\u304d\u308b\u5185\u5bb9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<p>\u307e\u305a\u306fhtml\u306e\u5b9f\u88c5\u3067\u3059\u3002<\/p>\n<pre class=\"brush: xml; highlight: [1]; tab-size: 2; title: index.html; notranslate\" title=\"index.html\">\r\n&lt;header id=&quot;top-head&quot;&gt;\r\n  &lt;div class=&quot;inner&quot;&gt;\r\n    &lt;div id=&quot;mobile-head&quot;&gt;\r\n      &lt;h1 class=&quot;logo&quot;&gt;&lt;\/h1&gt;\r\n      &lt;div id=&quot;nav-toggle&quot;&gt;\r\n          &lt;div&gt;\r\n              &lt;span&gt;&lt;\/span&gt;\r\n              &lt;span&gt;&lt;\/span&gt;\r\n              &lt;span&gt;&lt;\/span&gt;\r\n          &lt;\/div&gt;\r\n      &lt;\/div&gt;\r\n    &lt;\/div&gt;&lt;!---mobile-head end --&gt;\r\n    &lt;nav id=&quot;global-nav&quot; role=&quot;navigation&quot;&gt;\r\n      &lt;div id=&quot;gnav-container&quot;&gt;\r\n        &lt;ul id=&quot;gnav-ul&quot; class=&quot;clearfix&quot;&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;html&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;css&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;jquery&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;unity&lt;\/a&gt;&lt;\/li&gt;\r\n          &lt;li&gt;&lt;a href=&quot;#&quot;&gt;javascript&lt;\/a&gt;&lt;\/li&gt;\r\n        &lt;\/ul&gt;\r\n      &lt;\/div&gt;\r\n    &lt;\/nav&gt;\r\n  &lt;\/div&gt;&lt;!---inner end------&gt;\r\n&lt;\/header&gt;\r\n<\/pre>\n<pre class=\"brush: css; highlight: [1]; tab-size: 2; title: style.css; notranslate\" title=\"style.css\">\r\n.inner {\r\n  width: 980px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n \r\n.inner:after {\r\n  content:&quot;&quot;;\r\n  clear: both;\r\n  display: block;\r\n}\r\n \r\n\/*--------header-----------*\/\r\n \r\n#top-head {\r\n  top: -100px;\r\n  position: absolute;\r\n  width: 100%;\r\n  margin: 100px auto 0;\r\n  padding: 30px 0 0;\r\n  line-height: 1;\r\n  z-index: 999;\r\n}\r\n \r\n#top-head a,\r\n#top-head {\r\n    color: #fff;\r\n    text-decoration: none;\r\n}\r\n \r\n#top-head .inner {\r\n    position: relative;\r\n}\r\n#top-head .logo {\r\n    float: left;\r\n    position: relative;\r\n    font-size: 36px;\r\n    height: 50px;\r\n}\r\n \r\n#top-head .logo a {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 50px;\r\n}\r\n \r\n#global-nav ul {\r\n    list-style: none;\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 0;\r\n    font-size: 14px;\r\n}\r\n#global-nav ul li {\r\n    float: left;\r\n    padding:0 30px;\r\n    border-left: 1px solid #000;\r\n}\r\n#global-nav ul li a {\r\n    padding: 5px 5px;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n \r\n#global-nav ul li a::after {\r\n   content: '';\r\n   position: absolute;\r\n   bottom: 0;\r\n   left: 0;\r\n   width: 100%;\r\n   height: 2px;\r\n   -webkit-transform: scaleX(0);\r\n   -ms-transform: scaleX(0);\r\n   transform: scaleX(0);\r\n   background-color: #fff;\r\n   -webkit-transition: all .3s ease;\r\n   transition: all .3s ease;\r\n}\r\n \r\n#global-nav ul li a:hover::after {\r\n  -webkit-transform: scaleX(1);\r\n  -ms-transform: scaleX(1);\r\n  transform: scaleX(1);\r\n}\r\n \r\nnav span{\r\n    background:#666;\r\n    height:2px;\r\n    display:block;\r\n    position:relative;\r\n    width:50px;\r\n    left:0;\r\n}\r\n \r\n \r\n\/*--------\u56fa\u5b9a\u5316\u3055\u308c\u305f\u3068\u304d\u306eCSS-----------*\/\r\n \r\n#top-head.fixed {\r\n    margin-top: 0;\r\n    top: 0;\r\n    position: fixed;\r\n    padding-top: 10px;\r\n    background: #fff;\r\n    background: rgba(255,255,255,.7);\r\n    transition: top 0.65s ease-in;\r\n    -webkit-transition: top 0.65s ease-in;\r\n    -moz-transition: top 0.65s ease-in;\r\n}\r\n \r\n#top-head.fixed .logo {\r\n  position: relative;\r\n    font-size: 24px;\r\n    color: #333;\r\n}\r\n \r\n#top-head.fixed .logo a {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 30px;\r\n \r\n}\r\n#top-head.fixed #global-nav ul li a {\r\n    color: #333;\r\n    padding: 0 20px;\r\n    padding-bottom: 10px;\r\n}\r\n \r\n \r\n \r\n\/*-----------\u30b9\u30de\u30db\u306e\u30c8\u30b0\u30eb\u30dc\u30bf\u30f3\u306eCSS-------------*\/\r\n \r\n#nav-toggle {\r\n    display: none;\r\n    position: absolute;\r\n    right: 12px;\r\n    top: 14px;\r\n    width: 34px;\r\n    height: 36px;\r\n    cursor: pointer;\r\n    z-index: 101;\r\n}\r\n#nav-toggle div {\r\n    position: relative;\r\n}\r\n#nav-toggle span {\r\n    display: block;\r\n    position: absolute;\r\n    height: 4px;\r\n    width: 100%;\r\n    background: #000;\r\n    left: 0;\r\n    -webkit-transition: .35s ease-in-out;\r\n    -moz-transition: .35s ease-in-out;\r\n    transition: .35s ease-in-out;\r\n}\r\n#nav-toggle span:nth-child(1) {\r\n    top: 0;\r\n}\r\n#nav-toggle span:nth-child(2) {\r\n    top: 11px;\r\n}\r\n#nav-toggle span:nth-child(3) {\r\n    top: 22px;\r\n}\r\n \r\n \r\n\/*---------gnav sp--------------*\/\r\n\/*-----------\u30b9\u30de\u30db-------------*\/\r\n@media screen and (max-width: 767px) {\r\n    .head-inner {\r\n      display: none;\r\n    }\r\n \r\n    .slick-next {\r\n      right: 0;\r\n    }\r\n \r\n    #top-head,\r\n    .inner {\r\n        width: 100%;\r\n        padding: 0;\r\n    }\r\n    #top-head {\r\n        top: 0;\r\n        position: fixed;\r\n        margin-top: 0;\r\n    }\r\n    \/* Fixed reset *\/\r\n    #top-head.fixed {\r\n        padding-top: 0;\r\n        background: transparent;\r\n    }\r\n    #mobile-head {\r\n        background: #fff;\r\n        width: 100%;\r\n        height: 56px;\r\n        z-index: 999;\r\n        position: relative;\r\n    }\r\n    #top-head.fixed .logo,\r\n    #top-head .logo {\r\n        position: absolute;\r\n        left: 13px;\r\n        height: 50px;\r\n        top: 15px;\r\n        color: #333;\r\n        font-size: 26px;\r\n    }\r\n    #global-nav {\r\n        position: absolute;\r\n        \/* \u958b\u3044\u3066\u306a\u3044\u3068\u304d\u306f\u753b\u9762\u5916\u306b\u914d\u7f6e *\/\r\n        top: -500px;\r\n        background: #000;\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 10px 0;\r\n        -webkit-transition: .5s ease-in-out;\r\n        -moz-transition: .5s ease-in-out;\r\n        transition: .5s ease-in-out;\r\n    }\r\n    #global-nav ul {\r\n        list-style: none;\r\n        position: static;\r\n        right: 0;\r\n        bottom: 0;\r\n        font-size: 14px;\r\n    }\r\n    #global-nav ul li {\r\n        float: none;\r\n        position: static;\r\n        padding: 18px 0;\r\n        color: #fff;\r\n    }\r\n    #top-head #global-nav ul li a,\r\n    #top-head.fixed #global-nav ul li a {\r\n        width: 100%;\r\n        display: block;\r\n        color: #fff;\r\n        padding: 18px 0;\r\n    }\r\n    #nav-toggle {\r\n        display: block;\r\n    }\r\n    \/* #nav-toggle \u5207\u308a\u66ff\u3048\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\r\n    .open #nav-toggle span:nth-child(1) {\r\n        top: 11px;\r\n        -webkit-transform: rotate(315deg);\r\n        -moz-transform: rotate(315deg);\r\n        transform: rotate(315deg);\r\n    }\r\n    .open #nav-toggle span:nth-child(2) {\r\n        width: 0;\r\n        left: 50%;\r\n    }\r\n    .open #nav-toggle span:nth-child(3) {\r\n        top: 11px;\r\n        -webkit-transform: rotate(-315deg);\r\n        -moz-transform: rotate(-315deg);\r\n        transform: rotate(-315deg);\r\n    }\r\n    \/* #global-nav \u30b9\u30e9\u30a4\u30c9\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\r\n    .open #global-nav {\r\n        \/* #global-nav top + #mobile-head height *\/\r\n        -moz-transform: translateY(556px);\r\n        -webkit-transform: translateY(556px);\r\n        transform: translateY(556px);\r\n    }\r\n}\r\n \r\n\/*------------\u30bf\u30d6\u30ec\u30c3\u30c8\u7528------------------*\/\r\n \r\n@media screen and (max-width: 1024px) {\r\n  .head-inner {\r\n    display: none;\r\n  }\r\n \r\n  .slick-next {\r\n    right: 0;\r\n  }\r\n \r\n  #top-head,\r\n  .inner {\r\n      width: 100%;\r\n      padding: 0;\r\n  }\r\n  #top-head {\r\n      top: 0;\r\n      position: fixed;\r\n      margin-top: 0;\r\n  }\r\n  \/* Fixed reset *\/\r\n  #top-head.fixed {\r\n      padding-top: 0;\r\n      background: transparent;\r\n  }\r\n  #mobile-head {\r\n      background: #fff;\r\n      width: 100%;\r\n      height: 70px;\r\n      z-index: 999;\r\n      position: relative;\r\n  }\r\n  #top-head.fixed .logo,\r\n  #top-head .logo {\r\n      position: absolute;\r\n      left: 13px;\r\n      height: 50px;\r\n      top: 15px;\r\n      color: #333;\r\n      font-size: 26px;\r\n  }\r\n  #global-nav {\r\n      position: absolute;\r\n      \/* \u958b\u3044\u3066\u306a\u3044\u3068\u304d\u306f\u753b\u9762\u5916\u306b\u914d\u7f6e *\/\r\n      top: -500px;\r\n      background: #000;\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 10px 0;\r\n      -webkit-transition: .5s ease-in-out;\r\n      -moz-transition: .5s ease-in-out;\r\n      transition: .5s ease-in-out;\r\n  }\r\n  #global-nav ul {\r\n      list-style: none;\r\n      position: static;\r\n      right: 0;\r\n      bottom: 0;\r\n      font-size: 14px;\r\n  }\r\n  #global-nav ul li {\r\n      float: none;\r\n      position: static;\r\n      padding: 18px 0;\r\n      color: #fff;\r\n  }\r\n  #top-head #global-nav ul li a,\r\n  #top-head.fixed #global-nav ul li a {\r\n      width: 100%;\r\n      display: block;\r\n      color: #fff;\r\n      padding: 18px 0;\r\n  }\r\n  #nav-toggle {\r\n      display: block;\r\n      right: 25px;\r\n      top: 20px;\r\n  }\r\n  \/* #nav-toggle \u5207\u308a\u66ff\u3048\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\r\n  .open #nav-toggle span:nth-child(1) {\r\n      top: 11px;\r\n      -webkit-transform: rotate(315deg);\r\n      -moz-transform: rotate(315deg);\r\n      transform: rotate(315deg);\r\n  }\r\n  .open #nav-toggle span:nth-child(2) {\r\n      width: 0;\r\n      left: 50%;\r\n  }\r\n  .open #nav-toggle span:nth-child(3) {\r\n      top: 11px;\r\n      -webkit-transform: rotate(-315deg);\r\n      -moz-transform: rotate(-315deg);\r\n      transform: rotate(-315deg);\r\n  }\r\n  \/* #global-nav \u30b9\u30e9\u30a4\u30c9\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\r\n  .open #global-nav {\r\n      \/* #global-nav top + #mobile-head height *\/\r\n      -moz-transform: translateY(556px);\r\n      -webkit-transform: translateY(556px);\r\n      transform: translateY(556px);\r\n  }\r\n}\r\n<\/pre>\n<p>\u53c2\u8003\u30b5\u30a4\u30c8\uff1a<a href=\"http:\/\/llc-beready.com\/2016\/07\/30\/post-358\/\" target=\"_blank\">http:\/\/llc-beready.com\/2016\/07\/30\/post-358\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u6642\u306b\u30cf\u30f3&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,7],"tags":[],"_links":{"self":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/310"}],"collection":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=310"}],"version-history":[{"count":10,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/310\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=\/wp\/v2\/posts\/310\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/memo.baseline-lib.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}