{"id":6780,"date":"2021-08-20T17:47:31","date_gmt":"2021-08-20T08:47:31","guid":{"rendered":"http:\/\/tq2guide-jp.tqoon.com\/?p=6780"},"modified":"2021-08-20T17:47:31","modified_gmt":"2021-08-20T08:47:31","slug":"%e5%88%9d%e6%ad%a9%e8%80%85%e5%90%91%e3%81%91%ef%bd%9c%e5%95%86%e5%93%81%e8%a9%b3%e7%b4%b0%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%82%b5%e3%83%b3%e3%83%97","status":"publish","type":"post","link":"http:\/\/tq2guide-jp.tqoon.com\/?p=6780","title":{"rendered":"\u521d\u6b69\u8005\u5411\u3051\uff5c\u5546\u54c1\u8a73\u7d30\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u30b5\u30f3\u30d7\u30eb"},"content":{"rendered":"\n<p><style type=\"text\/css\">\n.entry-title,\n.entry-meta {\ndisplay: none;\n}\n.entry-content li {\nmargin-bottom: 0px;\n}\nul,\nol,\ndl,\np,\nh2 {\nlist-style: none;\nmargin: 0px;\n}\nh2,\nh3,\np {\nfont-weight: 400;\ncolor: #000;\n\/* font-family: 'Noto sans KR'; *\/\n}\na {\ncolor: #000;\n}\n.dfr {\ndisplay: flex;\nflex-flow: row wrap;\n}\n.dfnr {\ndisplay: flex;\nflex-flow: row nowrap;\n}\n.f-l {\nfloat: left;\n}\n.clear:after {\nclear: both;\ndisplay: block;\ncontent: '';\n}\na.over:hover {\nopacity: 0.8;\n}\na.over.bg-gray {\nwidth: fit-content;\nbackground-color: #e7e7e7;\npadding: 2px 5px;\nfont-size: 17px;\n}\n.previous .goto-previous {\ndisplay: block;\nmargin-bottom: 30px;\npadding-left: 38px;\nbackground: url(\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/cercle-arrow-left_20210818.png\") no-repeat 0;\nbackground-size: 30px 30px;\nfont-size: 24px;\ncolor: #000;\n}\n.layout-img {\nmax-width: 661px;\nfloat: left;\nposition: relative;\nmargin-right: 12px;\n}\n.layout-img img {\nwidth: 100%;\n}\n\/*------------ \uc88c\uce21 \uc774\ubbf8\uc9c0 \uc601\uc5ed -------------*\/\n.cover-wrap {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nz-index: 999;\n}\n.cover-wrap section {\ntext-indent: -9999px;\ncolor: #fff;\noverflow: hidden;\nwhite-space: nowrap;\n}\n.cover-wrap .sec-top {\nwidth: 100%;\nheight: 1000px;\ndisplay: flex;\nflex-flow: row nowrap;\n}\n.cover-wrap section.sec1 {\nwidth: 328px;\nheight: 956px;\nmargin: 48px 5px 0px 9px;\n}\n.cover-wrap .sec-right-wrap {\nwidth: 312px;\nheight: 956px;\nmargin-top: 48px;\n}\n.cover-wrap .sec-right-wrap section {\nmargin-bottom: 6.5px;\n}\n.cover-wrap .sec-right-wrap section.sec2 {\nheight: 275px;\n}\n.cover-wrap .sec-right-wrap section.sec3 {\nheight: 93px;\n}\n.cover-wrap .sec-right-wrap section.sec4 {\nheight: 255px;\n}\n.cover-wrap .sec-right-wrap section.sec5 {\nheight: 314px;\n}\n.cover-wrap .sec-bottom section {\nheight: 46px;\nmargin-bottom: 6px;\n}\n.cover-wrap .sec-bottom {\nwidth: 646px;\nmargin: 9px 0px 0px 9px;\nflex-flow: column wrap;\n}\n.cover-wrap .sec-bottom section.sec6 {\nheight: 338px;\n}\n.cover-wrap .sec-bottom section.sec7 {\nheight: 593px;\n}\n.cover-wrap .sec-bottom section.sec8 {\nheight: 399px;\n}\n.cover-wrap .sec-bottom section.sec9 {\nheight: 814px;\n}\n\/*------------ \uc6b0\uce21 \ucee8\ud2b8\ub864\ub7ec \uc601\uc5ed -------------*\/\n.sticky-wrap {\nfloat: left;\nposition: sticky;\ntop: 30px;\n}\n.sticky-wrap .warn {\nfont-size: 14px;\nline-height: 1.3;\nmargin-top: 15px;\ncolor: #000;\n}\n.link-tree-wrap {\nwidth: 100%;\nmax-width: 267px;\npadding: 10px 12px 3px 12px;\nbackground-color: #eeeff0;\n}\n.link-tree-wrap .link-tree-title {\nfont-size: 11px;\nmargin-bottom: 5px;\n}\n.link-tree-wrap section {\ndisplay: flex;\njustify-content: center;\nalign-items: center;\nfont-size: 11px;\nfont-weight: 400;\nbackground-color: #fff;\ncolor: #000;\ncursor: pointer;\n}\n.link-tree-wrap .sec-top {\njustify-content: space-between;\n}\n.link-tree-wrap section#sec1 {\nwidth: 49%;\nmargin-bottom: 6.5px;\n}\n.link-tree-wrap .sec-right-wrap {\nwidth: 49%;\n}\n.link-tree-wrap .sec-right-wrap section {\nmargin-bottom: 6.5px;\n}\n.link-tree-wrap .sec-right-wrap section#sec2 {\nheight: 55px;\n}\n.link-tree-wrap .sec-right-wrap section#sec3 {\nheight: 29px;\n}\n.link-tree-wrap .sec-right-wrap section#sec4 {\nheight: 48px;\n}\n.link-tree-wrap .sec-right-wrap section#sec5 {\nflex-wrap: wrap;\nheight: 72px;\ntext-align: center;\nalign-content: space-evenly;\n}\n.link-tree-wrap .sec-right-wrap section#sec5>p {\nline-height: 1.1;\nfont-size: 11px;\nfont-weight: 400;\ncolor: #000\n}\n.link-tree-wrap .sec-right-wrap section#sec5 .btn-wrap {\nwidth: 90%;\njustify-content: space-around;\n}\n.link-tree-wrap .sec-right-wrap section#sec5 .btn-wrap p {\nwidth: 48%;\nbackground-color: #c4c4c4;\nfont-size: 10px;\nfont-weight: 300;\n}\n.link-tree-wrap .sec-bottom section {\nheight: 46px;\nmargin-bottom: 6.5px;\n}\n<\/style><\/p>\n<div class=\"previous\"><a class=\"goto-previous\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=6625\">\u524d\u306e\u30da\u30fc\u30b8\u306b\u623b\u308b<\/a><\/div>\n<div class=\"content-wrap\">\n<div class=\"content clear\">\n<div class=\"layout-img\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/product-description-page.png\" alt=\"layout\" \/>\n<div class=\"cover-wrap\">\n<div class=\"sec-top dfr\">\n<section class=\"sec1\">1<\/section>\n<div class=\"sec-right-wrap\">\n<section class=\"sec2\">2<\/section>\n<section class=\"sec3\">3<\/section>\n<section class=\"sec4\">4<\/section>\n<section class=\"sec5\">5<\/section>\n<\/div>\n<\/div>\n<div class=\"sec-bottom dfr\">\n<section class=\"sec6\">6<\/section>\n<section class=\"sec7\">7<\/section>\n<section class=\"sec8\">8<\/section>\n<section class=\"sec9\">9<\/section>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"sticky-wrap\">\n<div class=\"link-tree-wrap\">\n<p class=\"link-tree-title\">MainMenu &gt; \u30ab\u30c6\u30b4\u30ea\u30fc\u30ea\u30f3\u30af\u30c4\u30ea\u30fc<\/p>\n<div class=\"link-tree-main\">\n<div class=\"sec-top dfr\">\n<section id=\"sec1\">\u5546\u54c1\u30a4\u30e1\u30fc\u30b8<\/section>\n<div class=\"sec-right-wrap\">\n<section id=\"sec2\">\u5546\u54c1\u57fa\u672c\u60c5\u5831<\/section>\n<section id=\"sec3\">SNS\u5171\u6709<\/section>\n<section id=\"sec4\">\u57fa\u672c\u30b3\u30f3\u30c6\u30f3\u30c4<\/section>\n<section id=\"sec5\">\n<p>\u6570\u91cf\u53ca\u3073\u30aa\u30d7\u30b7\u30e7\u30f3\u5165\u529b<br \/>\u5546\u54c1\u6700\u7d42\u91d1\u984d\u8868\u793a<\/p>\n<div class=\"btn-wrap dfnr\">\n<p class=\"bg-gray\">\u30ab\u30fc\u30c9<\/p>\n<p class=\"bg-gray\">\u4eca\u3059\u3050\u8cfc\u5165<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<div class=\"sec-bottom\">\n<section id=\"sec6\">\u8a73\u7d30\u30b3\u30f3\u30c6\u30f3\u30c4<\/section>\n<section id=\"sec7\">\u5171\u901a\u4e0b\u6bb5\u30b3\u30f3\u30c6\u30f3\u30c4<\/section>\n<section id=\"sec8\">\u30ec\u30d3\u30e5\u30fc<\/section>\n<section id=\"sec9\">\u5546\u54c1 Q&amp;A<\/section>\n<\/div>\n<\/div>\n<\/div>\n<p class=\"warn\">\u5404\u30a8\u30ea\u30a2\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068<br \/>\u8a72\u5f53\u4f4d\u7f6e\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\njQuery(document).ready(function ($) {\nvar sectionLi = $('.link-tree-main').find('section')\nvar ViewLi = $('.right-area-wrap > div')\n$(sectionLi).each(function () {\n$(this).on({\nmouseenter: function (e) {\ne.preventDefault();\nvar idV = $(this).attr('id')\nvar idNum = idV.replace(\/[^0-9]\/g, '');\nvar target = $('.cover-wrap section.sec' + idNum)\n$('.cover-wrap section').css({\n'border': 'none',\n'background-color': 'unset'\n})\n$(target).css({\n'background-color': 'rgba(255, 184, 184, 0.1)',\n'border': '5px dotted #ec6459'\n})\n$(sectionLi).css({\n'background-color': '#fff',\n'border': 'none'\n})\n$(this).css('background-color', '#ffb2ac')\n},\nclick: function (e) {\ne.preventDefault();\nvar idV = $(this).attr('id')\nvar idNum = idV.replace(\/[^0-9]\/g, '');\nvar target = $('.cover-wrap section.sec' + idNum)\nvar loca = target.offset().top;\n$('.cover-wrap section').css({\n'border': 'none',\n'background-color': 'unset'\n})\n$(target).css({\n'border': '5px dotted #ec6459'\n})\n$(sectionLi).css({\n'background-color': '#fff',\n'border': 'none'\n})\n$(this).css('background-color', '#ffb2ac')\nmove(loca)\n}\n})\nfunction move(loca) {\n$('html, body').animate({\nscrollTop: loca - 130\n}, 400);\n}\n})\n})\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u306e\u30da\u30fc\u30b8\u306b\u623b\u308b 1 2 3 4 5 6 7 8 9 MainMenu &gt; \u30ab\u30c6\u30b4\u30ea\u30fc\u30ea\u30f3\u30af\u30c4\u30ea\u30fc \u5546\u54c1\u30a4\u30e1\u30fc\u30b8 \u5546\u54c1\u57fa\u672c\u60c5\u5831 SNS\u5171\u6709 \u57fa\u672c\u30b3\u30f3\u30c6\u30f3\u30c4 \u6570\u91cf\u53ca\u3073\u30aa\u30d7\u30b7\u30e7\u30f3\u5165\u529b\u5546\u54c1\u6700\u7d42\u91d1\u984d\u8868\u793a \u30ab\u30fc\u30c9 \u4eca\u3059\u3050\u8cfc\u5165 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6780"}],"collection":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6780"}],"version-history":[{"count":8,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6780\/revisions"}],"predecessor-version":[{"id":6853,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6780\/revisions\/6853"}],"wp:attachment":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6780"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}