{"id":3007,"date":"2026-03-18T10:30:18","date_gmt":"2026-03-18T01:30:18","guid":{"rendered":"https:\/\/hiro-design.net\/utsusemi\/?post_type=template&#038;p=3007"},"modified":"2026-06-22T23:33:53","modified_gmt":"2026-06-22T14:33:53","slug":"base03","status":"publish","type":"template","link":"https:\/\/hiro-design.net\/utsusemi\/template\/base03\/","title":{"rendered":"Base03"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\"><figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03.jpg 1920w, https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03-300x169.jpg 300w, https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03-1024x576.jpg 1024w, https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03-768x432.jpg 768w, https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03-1536x864.jpg 1536w, https:\/\/hiro-design.net\/utsusemi\/wp-content\/uploads\/2026\/03\/base03-320x180.jpg 320w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n<div class=\"wp-block-group vk_block-margin-xxs--margin-top is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-fb91dcce wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-f843080e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-vk-blocks-icon vk_icon\"><div class=\"vk_icon_frame is-style-noline\"><div class=\"vk_icon_border has-text-color has-vk-color-custom-2-color\" style=\"width:calc(14px + 4px);height:calc(14px + 4px);border-radius:0%\"><i style=\"font-size:14px\" class=\"fa-solid vk_icon_font fa-folder\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"taxonomy-tem_cat wp-block-post-terms\"><a href=\"https:\/\/hiro-design.net\/utsusemi\/tem_cat\/base\/\" rel=\"tag\">Base<\/a><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group nowrap is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-f843080e wp-block-group-is-layout-flex\">\n<div class=\"wp-block-vk-blocks-icon vk_icon\"><div class=\"vk_icon_frame is-style-noline\"><div class=\"vk_icon_border has-text-color has-vk-color-custom-2-color\" style=\"width:calc(14px + 4px);height:calc(14px + 4px)\"><i style=\"font-size:14px\" class=\"fa-solid vk_icon_font fa-tag\" aria-hidden=\"true\"><\/i><\/div><\/div><\/div>\n\n\n<div class=\"taxonomy-tem_tag wp-block-post-terms\"><a href=\"https:\/\/hiro-design.net\/utsusemi\/tem_tag\/1col\/\" rel=\"tag\">1\u30ab\u30e9\u30e0<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/hiro-design.net\/utsusemi\/tem_tag\/profile\/\" rel=\"tag\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/a><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f9fcf wp-block-group-is-layout-flex\">\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-left\"><a href=\"https:\/\/hiro-design.net\/utsusemi\/demo\/base03\/\" class=\"vk_button_link btn has-background has-vk-color-custom-2-background-color btn-md\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">demo<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-left is-style-none\" style=\"text-transform:none\"><a href=\"https:\/\/hiro-design.net\/utsusemi\/download\/base03.zip\" class=\"vk_button_link btn has-background has-pale-cyan-blue-background-color btn-md\" role=\"button\" aria-pressed=\"true\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">download<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0cf19278 wp-block-group-is-layout-flex\"><div class=\"ifw_wrap ifw_left\"><button class=\"ifw_btn\" data-postid=\"3007\" data-buttoncount=\"1\"><span class=\"material-symbols-rounded\">favorite<\/span><span class=\"ifw_count\" id=\"ifw_count_3007_1\">23<\/span><\/button><div class=\"ifw_message_wrap ifw_top_left\" id=\"ifw_message_3007_1\"><div class=\"ifw_message\"><div class=\"ifw_text\"><p class=\"ifw_processing\">\u9001\u4fe1\u4e2d\u3067\u3059<\/p><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><div class=\"ifw_message_wrap ifw_top_left ifw_thanks\" id=\"ifw_thanks_3007_1\"><div class=\"ifw_close\" data-id=\"3007_1\">\u00d7<\/div><div class=\"ifw_message\"><div class=\"ifw_image\"><img decoding=\"async\" src=\"\" id=\"ifw_image_3007_1\"><\/div><div class=\"ifw_text\" id=\"ifw_showmessage_3007_1\"><\/div><div class=\"ifw_comment\"><textarea class=\"ifw_textarea\" id=\"ifw_comment_3007_1\" placeholder=\"\u3088\u3051\u308c\u3070\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u3069\u3046\u305e\uff01\"  maxlength=\"500\"><\/textarea><p class=\"ifw_memo\">\u203b\u30b3\u30e1\u30f3\u30c8\u306f\u6700\u5927500\u6587\u5b57\u30015\u56de\u307e\u3067\u9001\u4fe1\u3067\u304d\u307e\u3059<\/p><div class=\"ifw_send_wrap\"><button class=\"ifw_send\" id=\"ifw_send_3007_1\" data-postid=\"3007\" data-buttoncount=\"1\">\u9001\u4fe1<\/button><div class=\"ifw_sending_wrap\"><span class=\"ifw_sending\" id=\"ifw_sending_3007_1\">\u9001\u4fe1\u4e2d\u3067\u3059<\/span><span class=\"ifw_sent\" id=\"ifw_sent_3007_1\">\u9001\u4fe1\u3057\u307e\u3057\u305f\uff01<\/span><\/div><\/div><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading is-style-vk-heading-solid_bottomborder_black\">Outline<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-946c1612 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u30d5\u30a9\u30f3\u30c8\u3068\u4f59\u767d\u3092\u6574\u3048\u305f\u3060\u3051\u306e\u3001\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30b5\u30a4\u30c8\u30d0\u30fc\u30b8\u30e7\u30f3\u3002<br>web\u30b5\u30a4\u30c8\u3068\u3044\u3088\u308a\u3001\u81ea\u5206\u306eSNS\u3084\u30b5\u30a4\u30c8\u3092\u307e\u3068\u3081\u308b\u30ea\u30f3\u30af\u30b5\u30a4\u30c8\u7528\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ed6\u306eBase\u30b7\u30ea\u30fc\u30ba\u3068\u540c\u69d8\u3001\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u304c\u3001\u7e4a\u7d30\u3067\u6574\u3063\u305f\u30a4\u30e1\u30fc\u30b8\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30b5\u30a4\u30c8\u304c\u4f5c\u308c\u307e\u3059\u3002<br>\u307e\u305f\u3001\u300c<a href=\"https:\/\/simpleicons.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Simple icons<\/a>\u300d\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u304b\u306a\u308a\u591a\u7a2e\u985e\u306e\u30d6\u30e9\u30f3\u30c9\u30a2\u30a4\u30b3\u30f3\u3092\u8f09\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br>\u30d6\u30e9\u30f3\u30c9\u30a2\u30a4\u30b3\u30f3\u4ee5\u5916\u306f<a href=\"https:\/\/tabler.io\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">Tabler Icons<\/a>\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u304c\u3001SVG\u3092\u30b3\u30d4\u30da\u3057\u3066\u3044\u308b\u3060\u3051\u306a\u306e\u3067\u3001\u4ed6\u306e\u30a2\u30a4\u30b3\u30f3\u30b5\u30a4\u30c8\u3092\u63a2\u305b\u3070\u3001\u597d\u307f\u306e\u30a2\u30a4\u30b3\u30f3\u304c\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<br>\u8272\u3084\u5927\u304d\u3055\u306a\u3069\u3001\u304a\u597d\u307f\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u306e\u3082\u826f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<br><\/p>\n\n\n\n<figure class=\"wp-block-table is-style-vk-table-border-top-bottom table-list\"><table><tbody><tr><td>\u4f5c\u54c1\u30bf\u30a4\u30d7<\/td><td>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/td><\/tr><tr><td>\u30c6\u30a4\u30b9\u30c8<\/td><td>\u30b7\u30f3\u30d7\u30eb<\/td><\/tr><tr><td>\u30d5\u30a9\u30f3\u30c8<\/td><td>EB Garamond\u3001Noto Serif JP&nbsp;<\/td><\/tr><tr><td>\u30ab\u30e9\u30fc<\/td><td>\u767d\u3001\u9ed2\u3001\u8d64<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-wide\" style=\"letter-spacing:0px\"><a href=\"\/utsusemi\/demo\/contents\/\" class=\"vk_button_link btn has-background has-vk-color-custom-2-background-color btn-md\" role=\"button\" aria-pressed=\"true\" target=\"_blank\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u7de8\u96c6\u7528\u30b3\u30fc\u30c9<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-wide\"><a href=\"\/utsusemi\/howto\/\" class=\"vk_button_link btn has-background has-vk-color-custom-2-background-color btn-md\" role=\"button\" aria-pressed=\"true\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u4f7f\u3044\u65b9<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-wide\"><a href=\"\/utsusemi\/faq\/\" class=\"vk_button_link btn has-background has-vk-color-custom-2-background-color btn-md\" role=\"button\" aria-pressed=\"true\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">FAQ<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-wide\"><a href=\"\/utsusemi\/templates#termsofservice\" class=\"vk_button_link btn has-background has-vk-color-custom-2-background-color btn-md\" role=\"button\" aria-pressed=\"true\" rel=\"noopener\"><div class=\"vk_button_link_caption\"><span class=\"vk_button_link_txt\">\u5229\u7528\u898f\u7d04<\/span><\/div><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top vk_block-margin-sm--margin-bottom\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading is-style-vk-heading-solid_bottomborder_black\">Thanks<\/h3>\n\n\n\n<figure class=\"wp-block-table is-style-vk-table-border-top-bottom table-list\"><table><tbody><tr><td>\u30d5\u30a9\u30f3\u30c8<\/td><td><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Font<\/a><\/td><\/tr><tr><td>\u30a2\u30a4\u30b3\u30f3<\/td><td><a href=\"https:\/\/simpleicons.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Simple Icons<\/a>\u3000<a href=\"https:\/\/tabler.io\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">Tabler Icons<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">\u203b\u656c\u79f0\u7565<br><a href=\"https:\/\/hiro-design.net\/utsusemi\/license\/\" data-type=\"page\" data-id=\"3084\">license<\/a><\/p>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading is-style-vk-heading-solid_bottomborder_black\">Update<\/h3>\n\n\n\n<figure class=\"wp-block-table is-style-vk-table-border-top-bottom table-list\"><table><tbody><tr><td>2026.03.18<\/td><td>\u516c\u958b\u30fb\u914d\u5e03<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading is-style-vk-heading-solid_bottomborder_black\">File<\/h3>\n\n\n\n<figure class=\"wp-block-table is-style-vk-table-border-top-bottom table-list\"><table><tbody><tr><td><strong><i class=\"fa-regular fa-folder\" aria-hidden=\"true\"><\/i><\/strong>css<br>reset.css<br>common.css<\/td><td>reset.css\u306f\u7de8\u96c6\u4e0d\u8981\u3002<br>\u30b5\u30a4\u30c8\u5168\u4f53\u5171\u901a\u306e\u30c7\u30b6\u30a4\u30f3\u3092common.css\u3067\u884c\u3063\u3066\u3044\u307e\u3059\u3002<br>\u30c7\u30b6\u30a4\u30f3\u3092\u7de8\u96c6\u3057\u305f\u3044\u5834\u5408\u306f\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/td><\/tr><tr><td><i class=\"fa-regular fa-folder\" aria-hidden=\"true\"><\/i>js<br>common.js<\/td><td>\u30b5\u30a4\u30c8\u5185\u3067\u4f7f\u7528\u3057\u3066\u3044\u308bJavaScript\u3092\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002JavaScript\u3092\u8ffd\u8a18\u3059\u308b\u5834\u5408\u306f\u3053\u3061\u3089\u306b\u8ffd\u8a18\u53ef\u80fd\u3067\u3059\u3002<\/td><\/tr><tr><td>index.html<\/td><td>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":3005,"template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_EyeCatch_disable":"","_veu_custom_css":"","vkexunit_cta_each_option":"","_lightning_design_setting":{"layout":"default"}},"tem_cat":[57],"tem_tag":[25,68],"class_list":["post-3007","template","type-template","status-publish","has-post-thumbnail","hentry","tem_cat-base","tem_tag-1col","tem_tag-profile"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/template\/3007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/template"}],"about":[{"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/types\/template"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/media\/3005"}],"wp:attachment":[{"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/media?parent=3007"}],"wp:term":[{"taxonomy":"tem_cat","embeddable":true,"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/tem_cat?post=3007"},{"taxonomy":"tem_tag","embeddable":true,"href":"https:\/\/hiro-design.net\/utsusemi\/wp-json\/wp\/v2\/tem_tag?post=3007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}