{"id":5408,"date":"2018-11-01T09:32:55","date_gmt":"2018-11-01T00:32:55","guid":{"rendered":"https:\/\/jin-theme.com\/manual\/?p=5408"},"modified":"2018-11-01T09:40:50","modified_gmt":"2018-11-01T00:40:50","slug":"kaereba-css","status":"publish","type":"post","link":"https:\/\/jin-theme.com\/manual\/kaereba-css\/","title":{"rendered":"JIN\u306e\u30ab\u30a8\u30ec\u30d0\u306e\u30c7\u30b6\u30a4\u30f3CSS\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u5834\u5408"},"content":{"rendered":"<p>JIN Ver1.76\u306e\u4e00\u90e8\u74b0\u5883\u306b\u304a\u3044\u3066\u3001\u30ab\u30a8\u30ec\u30d0\u306e\u30c7\u30b6\u30a4\u30f3CSS\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u30b1\u30fc\u30b9\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\uff08\u73fe\u5728\u554f\u984c\u306e\u691c\u8a3c\u4e2d\uff09<\/p>\n<p>\u304a\u624b\u6570\u3067\u306f\u3054\u3056\u3044\u307e\u3059\u304c\u3001\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u300d>\u300c\u8ffd\u52a0CSS\u300d\u306b\u8a18\u8f09\u3057\u3066\u5bfe\u51e6\u3092\u304a\u9858\u3044\u81f4\u3057\u307e\u3059\u3002<\/p>\n<h3>\u4ee5\u4e0b\u3092\u300c\u8ffd\u52a0CSS\u300d\u306b\u8a18\u8f09<\/h3>\n<pre class=\"language-css\">\r\n\/*\u30ab\u30a8\u30ec\u30d0*\/\r\n.booklink-box,\r\n.kaerebalink-box {\r\n  margin: 15px 10px 35px 10px;\r\n  padding: 25px 20px;\r\n  background: #fff;\r\n}\r\n@media (max-width: 767px) and (max-width: 767px) {\r\n  .booklink-box,\r\n  .kaerebalink-box {\r\n    border-radius: 2px;\r\n    background: #fff;\r\n    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18);\r\n    border-top: 1px solid #F3F3F3;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .booklink-box p,\r\n  .kaerebalink-box p {\r\n    line-height: 1.3rem;\r\n    padding-bottom: 10px;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .booklink-box,\r\n  .kaerebalink-box {\r\n    border-radius: 2px;\r\n    background: #fff;\r\n    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);\r\n  }\r\n}\r\n@media (min-width: 768px) and (max-width: 767px) {\r\n  .booklink-box,\r\n  .kaerebalink-box {\r\n    border-radius: 0px;\r\n    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .booklink-box p,\r\n  .kaerebalink-box p {\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .booklink-box p,\r\n  .kaerebalink-box p {\r\n    font-size: 1rem;\r\n    padding-bottom: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .booklink-image,\r\n  .kaerebalink-image {\r\n    margin-right: 20px !important;\r\n    float: left;\r\n    display: inline-block;\r\n    width: 100px;\r\n    text-align: center;\r\n  }\r\n  .booklink-image img,\r\n  .kaerebalink-image img {\r\n    width: auto;\r\n    height: auto;\r\n    max-height: 180px;\r\n    margin-bottom: 0 !important;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .booklink-image,\r\n  .kaerebalink-image {\r\n    margin-right: 20px !important;\r\n    width: 130px;\r\n    text-align: center;\r\n  }\r\n  .booklink-image img,\r\n  .kaerebalink-image img {\r\n    width: auto;\r\n    height: auto;\r\n    max-height: 200px;\r\n    margin-bottom: 0 !important;\r\n  }\r\n}\r\n\r\n.kaerebalink-info img,\r\n.booklink-info img {\r\n  display: none;\r\n}\r\n@media (min-width: 768px) {\r\n  .kaerebalink-info,\r\n  .booklink-info {\r\n    width: calc(100% - 150px);\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .kaerebalink-box,\r\n  .booklink-box {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .kaerebalink-link1,\r\n  .booklink-link2 {\r\n    display: flex;\r\n    margin-top: 15px;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .kaerebalink-link1,\r\n  .booklink-link2 {\r\n    margin-top: 15px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .shoplinkamazon,\r\n  .shoplinkrakuten,\r\n  .shoplinkkindle {\r\n    margin-right: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .shoplinkkindle,\r\n  .shoplinkamazon,\r\n  .shoplinkrakuten,\r\n  .shoplinkyahoo {\r\n    margin: 0 auto;\r\n    margin-bottom: 1px;\r\n  }\r\n}\r\n\r\n.shoplinkkindle a,\r\n.shoplinkamazon a,\r\n.shoplinkrakuten a,\r\n.shoplinkyahoo a {\r\n  display: block;\r\n  font-size: 0.85rem;\r\n  text-decoration: none !important;\r\n  color: #fff !important;\r\n  text-align: center;\r\n  border-radius: 2px;\r\n}\r\n@media (max-width: 767px) {\r\n  .shoplinkkindle a,\r\n  .shoplinkamazon a,\r\n  .shoplinkrakuten a,\r\n  .shoplinkyahoo a {\r\n    padding: 10px;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .shoplinkkindle a,\r\n  .shoplinkamazon a,\r\n  .shoplinkrakuten a,\r\n  .shoplinkyahoo a {\r\n    font-size: 0.8rem;\r\n    padding: 12px 5px;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .shoplinkkindle a,\r\n  .shoplinkamazon a,\r\n  .shoplinkrakuten a,\r\n  .shoplinkyahoo a {\r\n    padding: 12px 12px;\r\n  }\r\n}\r\n\r\n.shoplinkamazon a {\r\n  background: #FFB642;\r\n}\r\n\r\n.shoplinkkindle a {\r\n  background: #4C5AA5;\r\n}\r\n\r\n.shoplinkyahoo a {\r\n  background: #EB668E;\r\n}\r\n\r\n.shoplinkrakuten a {\r\n  background: #E84E51;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .booklink-detail:after,\r\n  .kaerebalink-detail:after {\r\n    display: block;\r\n    clear: both;\r\n    content: \"\";\r\n  }\r\n\r\n  .kaerebalink-footer,\r\n  .booklink-footer {\r\n    clear: both;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .booklink-detail:after,\r\n  .kaerebalink-detail:after {\r\n    display: block;\r\n    clear: both;\r\n    content: \"\";\r\n  }\r\n\r\n  .kaerebalink-footer,\r\n  .booklink-footer {\r\n    clear: both;\r\n  }\r\n}\r\n.kaerebalink-powered-date,\r\n.kaerebalink-powered-date a,\r\n.kaerebalink-detail {\r\n  color: #aaa;\r\n  text-decoration: none;\r\n  font-size: 0.75rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .kaerebalink-powered-date,\r\n  .kaerebalink-detail {\r\n    padding-left: 120px;\r\n  }\r\n}\r\n\r\n.booklink-powered-date a,\r\n.booklink-powered-date,\r\n.booklink-detail {\r\n  font-size: 13px;\r\n  color: #ACACAC !important;\r\n}\r\n<\/pre>\n<h3>CSS\u8ffd\u52a0\u3059\u308b\u5834\u6240<\/h3>\n<img loading=\"lazy\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png\" alt=\"CSS\u3092\u8ffd\u52a0\" width=\"1406\" height=\"1017\" class=\"aligncenter size-full wp-image-4552\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png 1406w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-300x217.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-768x556.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-1024x741.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png 856w\" sizes=\"(max-width: 1406px) 100vw, 1406px\" \/>\n<p>WordPress\u7ba1\u7406\u753b\u9762\u304b\u3089\u300c\u5916\u89b3\u300d>\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u300d>\u300c\u8ffd\u52a0CSS\u300d\u3078\u3068\u9032\u3093\u3067\u3001\u4e0a\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u8a18\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p>\u3053\u308c\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u5b8c\u4e86\u3067\u3059\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JIN Ver1.76\u306e\u4e00\u90e8\u74b0\u5883\u306b\u304a\u3044\u3066\u3001\u30ab\u30a8\u30ec\u30d0\u306e\u30c7\u30b6\u30a4\u30f3CSS\u304c\u53cd\u6620\u3055\u308c\u306a\u3044\u30b1\u30fc\u30b9\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\uff08\u73fe\u5728\u554f\u984c\u306e\u691c\u8a3c\u4e2d\uff09 \u304a\u624b\u6570\u3067\u306f\u3054\u3056\u3044\u307e\u3059\u304c\u3001\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3092\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u300d>\u300c\u8ffd\u52a0CSS\u300d\u306b\u8a18\u8f09\u3057\u3066\u5bfe\u51e6\u3092\u304a\u9858\u3044\u81f4<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[54],"tags":[],"_links":{"self":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5408"}],"collection":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/comments?post=5408"}],"version-history":[{"count":6,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5408\/revisions"}],"predecessor-version":[{"id":5415,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5408\/revisions\/5415"}],"wp:attachment":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/media?parent=5408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/categories?post=5408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/tags?post=5408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}