{"id":17600,"date":"2020-12-01T09:05:16","date_gmt":"2020-12-01T00:05:16","guid":{"rendered":"https:\/\/raku2bbc.com\/faq\/?p=17600"},"modified":"2025-10-14T22:23:39","modified_gmt":"2025-10-14T13:23:39","slug":"02-0684","status":"publish","type":"post","link":"https:\/\/ec.smaregi.jp\/repeat\/bbc\/faq\/design\/02-0684\/","title":{"rendered":"\u57fa\u672c\u8a2d\u5b9a\uff1e\u30ab\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0\u8a2d\u5b9a\uff1e\u30c7\u30b6\u30a4\u30f3\u95a2\u9023\u8a2d\u5b9a"},"content":{"rendered":"\n

\u8a2d\u5b9a\u65b9\u6cd5<\/h2>\n\n\n\n

\u30b5\u30a4\u30c8\u30c7\u30b6\u30a4\u30f3\u3084\u8cfc\u5165\u30d5\u30ed\u30fc\u30b9\u30c6\u30c3\u30d7\u306a\u3069\u306e\u8a2d\u5b9a\u304c\u3067\u304d\u307e\u3059\u3002
\u203b\u30c7\u30b6\u30a4\u30f3\u6a5f\u80fd\u306b\u3064\u3044\u3066\u306f\u3053\u3061\u3089<\/a><\/p>\n\n\n\n

\u203b\u8a2d\u5b9a\u3055\u308c\u305f\u8272\u304c\u8868\u793a\u3055\u308c\u308b\u524d\u306b\u3001\u4e00\u77ac\u30c7\u30d5\u30a9\u30eb\u30c8\u8272\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u907f\u3051\u305f\u3044\u5834\u5408\u306f import.css \u3067\u76f4\u63a5\u8272\u3092\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044 \u3002<\/p>\n\n\n\n

\u8a2d\u5b9a\u753b\u9762<\/h2>\n\n\n\n

[\u57fa\u672c\u8a2d\u5b9a\uff1e\u30ab\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0\u8a2d\u5b9a] \uff1e\u300c\u30c7\u30b6\u30a4\u30f3\u95a2\u9023\u8a2d\u5b9a\u300d\u30bf\u30d6<\/p>\n\n\n\n

\u30b5\u30a4\u30c8\u30c7\u30b6\u30a4\u30f3<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\u9805\u76ee<\/th>\u5185\u5bb9<\/th><\/tr><\/thead>
\u30b5\u30a4\u30c8\u30c7\u30b6\u30a4\u30f3\u3000\u30fb\u8a2d\u5b9a\u4f8b \u30ec\u30a4\u30a2\u30a6\u30c8<\/a><\/th><\/tr>
\u30ec\u30a4\u30a2\u30a6\u30c8<\/td>

\u30b5\u30a4\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\u521d\u671f\u5024\u306f\uff12\u30ab\u30e9\u30e0\uff08\u5de6\uff09\u3067\u3059\u3002<\/p>

\u30fb\uff12\u30ab\u30e9\u30e0\uff08\u5de6\uff09
\"\"

\uff1cPC\u7248\uff1e
\u30ec\u30d5\u30c8\u30ca\u30d3\u3001\u4e2d\u592e\u30ab\u30e9\u30e0\u306e2\u30ab\u30e9\u30e0\u69cb\u6210\u3067\u3059\u3002
\u30b5\u30a4\u30c8\u5e45\uff1a\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08980px~1500px\uff09
\u753b\u50cf\u30b9\u30e9\u30a4\u30c0\u30fc\uff08\u63a8\u5968\u30b5\u30a4\u30ba\uff09\uff1a980\u00d7400px
\u203b\u753b\u50cf\u30b9\u30e9\u30a4\u30c0\u30fc\u306a\u3069\u3001\u4e00\u90e8\u8981\u7d20\u306f\u753b\u9762\u5e45100%\u8868\u793a
\uff1cSP\u7248\uff1e
1\u30ab\u30e9\u30e0\u69cb\u6210\u3067\u3059\u3002
\u8a2d\u5b9a\uff0f\u8a2d\u5b9a\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u767b\u9332<\/a>\u00a0\u304c\u5fc5\u9808\u3067\u3059\u3002<\/span>

\u30fb\uff11\u30ab\u30e9\u30e0\uff08\u53f3\uff09
\"\"

\uff1cPC\u7248\uff1e
\u4e2d\u592e\u30ab\u30e9\u30e0\u306e\u307f\u306e1\u30ab\u30e9\u30e0\u69cb\u6210\u3067\u3059\u3002
\u203b\u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u30ec\u30d5\u30c8\u30ca\u30d3\u8a2d\u5b9a<\/a>\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u81ea\u52d5\u9078\u629e\u3067\u300c\u30ec\u30d5\u30c8\u30ca\u30d3\u3092\u8868\u793a\u3057\u306a\u3044\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u3066\u304f\u3060\u3055\u3044\u3002\u30d8\u30c3\u30c0\u30fc\u306b\u30ab\u30c6\u30b4\u30ea\u30fc\u30e1\u30cb\u30e5\u30fc\u306e\u8a2d\u7f6e\u304c\u3042\u308a\u307e\u3059\u3002
\u203b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5909\u66f4\u3057\u305f\u5834\u5408\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u30ec\u30d5\u30c8\u30ca\u30d3\u8a2d\u5b9a\u304b\u3089\u7de8\u96c6\u304c\u53ef\u80fd\u3067\u3059\u3002
\u30b5\u30a4\u30c8\u5e45\uff1a\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08980px~1024px\uff09
\u203b\u753b\u50cf\u30b9\u30e9\u30a4\u30c0\u30fc\u306a\u3069\u4e00\u90e8\u753b\u9762\u5e45100%
\uff1cSP\u7248\uff1e
1\u30ab\u30e9\u30e0\u69cb\u6210\u3067\u3059\u3002
\u8a2d\u5b9a\uff0f\u8a2d\u5b9a\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u767b\u9332<\/a>\u00a0\u304c\u5fc5\u9808\u3067\u3059\u3002<\/span>


<\/td><\/tr>

\u30b5\u30a4\u30c8\u30ab\u30e9\u30fc\u3000\u30fb\u8a2d\u5b9a\u4f8b \u30b5\u30a4\u30c8\u30ab\u30e9\u30fc<\/a><\/p><\/th><\/tr>

\u203b\u63a8\u5968\u30d6\u30e9\u30a6\u30b6
Google Chrome \uff08\u6700\u65b0\u7248\uff09,Microsoft Edge \uff08\u6700\u65b0\u7248\uff09,Mozilla Firefox \uff08\u6700\u65b0\u7248\uff09,Safari \uff08\u6700\u65b0\u7248\uff09
<\/span><\/td><\/tr>
\u30e1\u30a4\u30f3\u30ab\u30e9\u30fc<\/td>\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u6587\u5b57\uff09<\/td>\u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u6587\u5b57\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\uff08\u80cc\u666f\uff09<\/td>\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\uff08\u7dda\uff09<\/td>\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u7dda\u306e\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\uff08\u6587\u5b57\uff09<\/td>\u30d9\u30fc\u30b9\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u6587\u5b57\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc<\/td>\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\u8cfc\u5165\u30d5\u30ed\u30fc\u306b\u95a2\u308f\u308b\u30dc\u30bf\u30f3\u3084MY\u30da\u30fc\u30b8\u5185\u306e\u30dc\u30bf\u30f3\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002<\/td><\/tr>
\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\uff08\u80cc\u666f\uff09<\/td>\u30b5\u30a4\u30c8\u5168\u4f53\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\uff08\u7dda\uff09<\/td>\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u7dda\u306e\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\uff08\u6587\u5b57\uff09<\/td>\u30e1\u30c3\u30bb\u30fc\u30b8\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u6587\u5b57\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr>
\u30d5\u30a9\u30f3\u30c8\u30d5\u30a1\u30df\u30ea\u30fc<\/td>\u30d5\u30a9\u30f3\u30c8\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\u521d\u671f\u5024\u306f\u300c-apple-system\u2026\u300d\u3067\u3059\u3002\n
    \n
  • \u300c-apple-system, BlinkMacSystemFont, \u201cHelvetica Neue\u201d, \u201cYu Gothic Medium\u201d, YuGothicMedium, Verdana, Meiryo, \u201cM+ 1p\u201d, sans-serif\u300d
    \uff08\u4f8b\uff09
    \"\"<\/li>\n
  • \u300c\u201d\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4\u30b7\u30c3\u30af Pro\u201d, \u201cHiragino Kaku Gothic Pro\u201d, \u30e1\u30a4\u30ea\u30aa, Meiryo, Osaka, \u201c\uff2d\uff33 \uff30\u30b4\u30b7\u30c3\u30af\u201d, \u201cMS PGothic\u201d, sans-serif\u300d
    \uff08\u4f8b\uff09
    \"\"<\/li>\n<\/ul>\n

    \u203bIE\u975e\u5bfe\u5fdc<\/p>\n<\/td><\/tr>

\u5404\u7a2e\u30ab\u30e9\u30fc\u306e\u9078\u629e\u306f\u3001\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3001\u3082\u3057\u304f\u306f\u30ab\u30e9\u30fc\u30d4\u30c3\u30ab\u30fc\u3088\u308a\u9078\u629e\u53ef\u80fd\u3067\u3059\u3002
\"\"\n
 <\/div>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u8cfc\u5165\u30d5\u30ed\u30fc\u30b9\u30c6\u30c3\u30d7<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n\n\n<\/colgroup>\n\n\n\n\n\n\n\n
\u9805\u76ee<\/th>\n\u5185\u5bb9<\/th>\n<\/tr>\n<\/thead>\n
PC\u30bf\u30a4\u30d7<\/td>\nPC\u7248\u306e\u8cfc\u5165\u30d5\u30ed\u30fc\u306e\u30b9\u30c6\u30c3\u30d7\u753b\u50cf\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\u521d\u671f\u5024\u306f\u300c\u6a19\u6e96\u300d\u3067\u3059\u3002<\/p>\n<\/p>\n
    \n
  • \u6a19\u6e96
    \"\"<\/li>\n
  • Type-A
    \"\"<\/li>\n
  • Type-R
    \"\"<\/li>\n
  • Type-Y
    \"\"<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n
\u5f37\u8abf\u30ab\u30e9\u30fc\uff08\u80cc\u666f\uff09<\/td>\n\u8cfc\u5165\u30d5\u30ed\u30fc\u30b9\u30c6\u30c3\u30d7\u306e\u5f37\u8abf\u30ab\u30e9\u30fc\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td>\n<\/tr>\n
\u5f37\u8abf\u30ab\u30e9\u30fc\uff08\u6587\u5b57\uff09<\/td>\n\u8cfc\u5165\u30d5\u30ed\u30fc\u30b9\u30c6\u30c3\u30d7\u306e\u5f37\u8abf\u30ab\u30e9\u30fc\u306e\u7b87\u6240\u306b\u9069\u7528\u3055\u308c\u308b\u6587\u5b57\u8272\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td>\n<\/tr>\n
\u30b9\u30de\u30db\u30bf\u30a4\u30d7<\/td>\nSP\u7248\u306e\u8cfc\u5165\u30d5\u30ed\u30fc\u306e\u30b9\u30c6\u30c3\u30d7\u753b\u50cf\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002
\u521d\u671f\u5024\u306f\u300c\u6a19\u6e96\u300d\u3067\u3059\u3002<\/p>\n<\/p>\n