{"id":24775,"date":"2023-10-08T16:22:00","date_gmt":"2023-10-08T07:22:00","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=24775"},"modified":"2024-09-05T15:18:23","modified_gmt":"2024-09-05T06:18:23","slug":"swell-horizontal-icons","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/swell-horizontal-icons\/","title":{"rendered":"SWELL\u2502\u30b3\u30d4\u30da\u3059\u308b\u3060\u3051\uff01\u6a2a\u4e26\u3073\u306eSNS\u30a2\u30a4\u30b3\u30f3\u306e\u4f5c\u6210\u65b9\u6cd5"},"content":{"rendered":"\n

\u6a2a\u4e26\u3073\u306e\u30a2\u30a4\u30b3\u30f3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7d39\u4ecb\u3067\u3059\u3002<\/p>\n\n\n\n

\u30dc\u30c3\u30af\u30b9\u30cb\u30e5\u30fc\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u30a2\u30a4\u30b3\u30f3\u3084\u753b\u50cf\u306e\u633f\u5165\u304c\u5bb9\u6613\u3067\u3001\u3082\u3061\u308d\u3093\u30ea\u30f3\u30af\u3082\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\u30b3\u30d4\u30da\u3059\u308b\u3060\u3051\u3067\u518d\u73fe\u3057\u307e\u3059\u304c\u3001CSS\u3082\u4f7f\u3046\u3068\u3088\u308a\u7d30\u304b\u3044\u8abf\u6574\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/path><\/svg><\/div><\/a><\/div>\n<\/div><\/div>\n\n\n\n

\u30b5\u30f3\u30d7\u30eb<\/h2>\n\n\n\n

\u5b9f\u969b\u306e\u898b\u672c\u3067\u3059\u3002<\/p>\n\n\n\n

\u30d6\u30ed\u30c3\u30af\u306f\u30dc\u30c3\u30af\u30b9\u30e1\u30cb\u30e5\u30fc\u3060\u3051\u3067\u3059\u3002\u898b\u305f\u76ee\u306e\u8abf\u6574\u3067CSS\u3082\u4f7f\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/svg><\/div><\/a><\/div>\n\n\n\n
<\/path><\/path><\/svg><\/div><\/a><\/div>\n<\/div><\/div>\n\n\n\n

\u30b3\u30fc\u30c9<\/h2>\n\n\n\n
\u6761\u4ef6<\/span><\/div>
\n
    \n
  • \u30d6\u30ed\u30c3\u30af\u30a8\u30c7\u30a3\u30bf<\/li>\n\n\n\n
  • SWELL<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n

    \u30b3\u30fc\u30c9\u306e\u30ea\u30f3\u30af\u5148\u306f\u5f8c\u304b\u3089\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u4eee\u3067\u5165\u308c\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n

    <!-- wp:loos\/box-menu {"boxStyle":"fill","textColor":"var(\\u002d\\u002dcolor_main)","boxColor":"#fff","colPC":"4","colTab":"4","colMobile":"4","gap":"1px","iconSize":"2em","className":"horizontal-icons"} -->\n<div class="swell-block-box-menu is-style-fill horizontal-icons" data-has-gap="1" data-direction="vertical" style="--the-box-width--mb:25%;--the-box-width--tab:25%;--the-box-width--pc:25%;--the-gap:1px;--the-icon-size:2em;--the-icon-color:#fff;--the-text-color:var(--color_main)"><div class="swell-block-box-menu__inner"><!-- wp:loos\/box-menu-item {"boxStyle":"fill","iconName":"LsInstagram"} -->\n<div class="swell-block-box-menu__item has-link" data-has-gradient="0" data-icon-type="svg"><a href="https:\/\/motoki-design.co.jp\/contact\/" class="swell-block-box-menu__link"><div class="swell-block-box-menu__figure"><svg height="1em" width="1em" xmlns="http:\/\/www.w3.org\/2000\/svg" aria-hidden="true" viewBox="0 0 48 48"><path d="M24 12.2c-6.5 0-11.8 5.2-11.8 11.8S17.4 35.8 24 35.8 35.8 30.6 35.8 24 30.5 12.2 24 12.2zm0 19.4c-4.2 0-7.6-3.4-7.6-7.6s3.4-7.6 7.6-7.6 7.6 3.4 7.6 7.6-3.4 7.6-7.6 7.6zm15-19.8c0 1.6-1.3 2.7-2.7 2.7-1.6 0-2.7-1.3-2.7-2.7s1.3-2.7 2.7-2.7 2.7 1.1 2.7 2.7zm7.8 2.7c-.2-3.7-1-6.9-3.8-9.6s-6-3.5-9.6-3.8c-3.8-.1-15-.1-18.9.1-3.7.2-6.9 1-9.6 3.7s-3.5 5.9-3.8 9.6c-.2 3.8-.2 15.1 0 18.9.2 3.7 1 6.9 3.8 9.6s5.9 3.5 9.6 3.8c3.8.2 15.1.2 18.9 0 3.7-.2 6.9-1 9.6-3.8 2.7-2.7 3.5-5.9 3.8-9.6.3-3.8.3-15 0-18.9zM42 37.6c-.8 2-2.3 3.5-4.4 4.4-3 1.1-10.2.9-13.6.9s-10.5.3-13.6-.9c-2-.8-3.5-2.3-4.4-4.4-1.1-3-.8-10.2-.8-13.6s-.3-10.5 1-13.6c.7-2 2.3-3.5 4.3-4.3 3-1.3 10.2-.9 13.6-.9s10.5-.3 13.6.9c2 .8 3.5 2.3 4.4 4.4 1.1 3 .9 10.2.9 13.6s.1 10.4-1 13.5z"><\/path><\/svg><\/div><\/a><\/div>\n<!-- \/wp:loos\/box-menu-item -->\n\n<!-- wp:loos\/box-menu-item {"boxStyle":"fill","iconName":"LsYoutube"} -->\n<div class="swell-block-box-menu__item has-link" data-has-gradient="0" data-icon-type="svg"><a href="https:\/\/motoki-design.co.jp\/contact\/" class="swell-block-box-menu__link"><div class="swell-block-box-menu__figure"><svg height="1em" width="1em" xmlns="http:\/\/www.w3.org\/2000\/svg" aria-hidden="true" viewBox="0 0 48 48"><path d="M46.1 12.9c-.5-2-2.1-3.6-4.1-4.1-3.6-1-18-1-18-1s-14.4 0-18 .9c-2 .5-3.6 2.1-4.1 4.1C1 16.5 1 24 1 24s0 7.5.9 11.2c.5 2 2.1 3.5 4.1 4.1 3.6.9 18 .9 18 .9s14.4 0 18-.9c2-.5 3.6-2 4.1-4.1.9-3.7.9-11.2.9-11.2s0-7.5-.9-11.1zm-26.8 18V17.2l12 6.8-12 6.9z"><\/path><\/svg><\/div><\/a><\/div>\n<!-- \/wp:loos\/box-menu-item -->\n\n<!-- wp:loos\/box-menu-item {"boxStyle":"fill","iconName":"LsLine"} -->\n<div class="swell-block-box-menu__item has-link" data-has-gradient="0" data-icon-type="svg"><a href="https:\/\/motoki-design.co.jp\/contact\/" class="swell-block-box-menu__link"><div class="swell-block-box-menu__figure"><svg height="1em" width="1em" xmlns="http:\/\/www.w3.org\/2000\/svg" aria-hidden="true" viewBox="0 0 48 48"><path d="M20.2 39.2c2.7.6 2.4 1.6 1.8 5.2-.1.6-.4 2.3 2 1.3 2.5-1 13.3-7.8 18.1-13.4 3.3-3.7 4.9-7.4 4.9-11.5C47 10.4 36.6 2 24 2S1 10.4 1 20.8C1 30 9.2 37.7 20.2 39.2zm12.3-23c0-.2.2-.4.4-.4h6.5c.2 0 .4.2.4.4v1.6c0 .2-.2.4-.4.4H35v1.7h4.4c.2 0 .4.2.4.4V22c0 .2-.2.4-.4.4H35V24h4.4c.2 0 .4.2.4.4V26c0 .2-.2.4-.4.4h-6.5c-.2 0-.4-.2-.4-.4v-9.8zm-11.1.1c0-.2.2-.4.4-.4h1.6c.1 0 .3.1.4.2l4.6 6.2v-6c0-.2.2-.4.4-.4h1.6c.2 0 .4.2.4.4v10c0 .2-.2.4-.4.4h-1.6c-.1 0-.3-.1-.4-.2l-4.6-6.2v6c0 .2-.2.4-.4.4h-1.6c-.2 0-.4-.2-.4-.4v-10zm-4.2-.1c0-.2.2-.4.4-.4h1.6c.2 0 .4.2.4.4v10c0 .2-.2.4-.4.4h-1.5c-.2 0-.4-.2-.4-.4v-10h-.1zm-8.7 0c0-.2.2-.4.4-.4h1.6c.2 0 .4.2.4.4v7.9h4.4c.2 0 .4.2.4.4v1.6c0 .2-.2.4-.4.4H8.9c-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.1-.3v-9.9z"><\/path><\/svg><\/div><\/a><\/div>\n<!-- \/wp:loos\/box-menu-item -->\n\n<!-- wp:loos\/box-menu-item {"boxStyle":"fill","iconName":"LsMail"} -->\n<div class="swell-block-box-menu__item has-link" data-has-gradient="0" data-icon-type="svg"><a href="https:\/\/motoki-design.co.jp\/contact\/" class="swell-block-box-menu__link"><div class="swell-block-box-menu__figure"><svg height="1em" width="1em" xmlns="http:\/\/www.w3.org\/2000\/svg" aria-hidden="true" viewBox="0 0 48 48"><path d="M25.2 24.7 46 9.5V9c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v.5l20.8 15.1c.7.6 1.7.6 2.4.1z"><\/path><path d="M22.8 29.6 2 14.5V38c0 1.7 1.3 3 3 3h38c1.7 0 3-1.3 3-3V14.5L25.2 29.6c-.7.5-1.7.5-2.4 0z"><\/path><\/svg><\/div><\/a><\/div>\n<!-- \/wp:loos\/box-menu-item --><\/div><\/div>\n<!-- \/wp:loos\/box-menu --><\/code><\/pre><\/div>\n\n\n\n
    \n
    \u30b3\u30d4\u30fc\u3057\u305f\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u308b\u3068\u304d\u306fCtrl\uff0bShift\uff0bV<\/strong>\u3067\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
    Ctrl+V<\/strong>\u3060\u3068\u30d6\u30ed\u30c3\u30af\u306b\u5909\u63db\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n<\/div><\/div>\n\n\n\n
    CSS\u3092\u4f7f\u3063\u305f\u5fae\u8abf\u6574<\/h3>\n\n\n\n
    CSS\u3067\u5fae\u8abf\u6574\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    \u203b\u4ed6\u306e\u30dc\u30c3\u30af\u30b9\u30e1\u30cb\u30e5\u30fc\u30d6\u30ed\u30c3\u30af\u306b\u306f\u5f71\u97ff\u3092\u53d7\u3051\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    \u8868\u793a\u306e\u5e45\u306b\u95a2\u3057\u3066\u306f\u5c02\u7528\u306e\u30af\u30e9\u30b9\u3092\u8ffd\u52a0\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n
    \u30a2\u30a4\u30b3\u30f3\u306e\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u306b\u5408\u308f\u305b\u3066\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n
    \/* \u30a2\u30a4\u30b3\u30f3\u540c\u58eb\u306e\u5e45\u3092\u72ed\u304f\u3059\u308b *\/\n.horizontal-icons.swell-block-box-menu.is-style-fill {\n    max-width: 240px;\n}\n\/* \u30a2\u30a4\u30b3\u30f3\u306e\u4f59\u767d\u3092\u6d88\u3059 *\/\n.horizontal-icons.swell-block-box-menu.is-style-fill .swell-block-box-menu__link {\n    padding: 0;\n}\n\/* \u7a7a\u306e\u30c6\u30ad\u30b9\u30c8\u306e\u5834\u5408\u306e\u4f59\u767d\u3092\u6d88\u3059 *\/\n.horizontal-icons.swell-block-box-menu[data-direction=vertical] .swell-block-box-menu__figure {\n    margin-bottom: 0;\n}\n\/* \u30db\u30d0\u30fc\u6642\u306e\u5f71\u3092\u6d88\u3059 *\/\n.horizontal-icons.swell-block-box-menu.is-style-fill .has-link:hover {\n    box-shadow: none;\n    opacity: .6\n}<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
    \u6a2a\u4e26\u3073\u306e\u30a2\u30a4\u30b3\u30f3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7d39\u4ecb\u3067\u3059\u3002 \u30dc\u30c3\u30af\u30b9\u30cb\u30e5\u30fc\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u30a2\u30a4\u30b3\u30f3\u3084\u753b\u50cf\u306e\u633f\u5165\u304c\u5bb9\u6613\u3067\u3001\u3082\u3061\u308d\u3093\u30ea\u30f3\u30af\u3082\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b3\u30d4\u30da\u3059\u308b\u3060\u3051\u3067\u518d\u73fe\u3057\u307e\u3059\u304c\u3001CSS\u3082\u4f7f\u3046\u3068\u3088\u308a\u7d30\u304b\u3044\u8abf\u6574\u304c\u3067\u304d\u307e\u3059\u3002 \u30b5\u30f3\u30d7 […]<\/p>\n","protected":false},"author":1,"featured_media":23497,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[110],"tags":[],"area":[],"class_list":["post-24775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-swell-customize"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/24775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=24775"}],"version-history":[{"count":1,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/24775\/revisions"}],"predecessor-version":[{"id":24776,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/24775\/revisions\/24776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/23497"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=24775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=24775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=24775"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=24775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}