/**/
cXJsonpCB1({"httpStatus":200,"response":{"items":[{"type":"free","campaign":"1","testId":"3"}],"template":"<!--%\n(function() {\n  var setClass = function(sl, cl, m) {\n    console.log(sl,cl,m);\n    var els = document.querySelectorAll(sl);\n    console.log(els);\n    if(els.length) {\n      Array.prototype.forEach.call(els, function(el) {\n        if(m==\"add\") {\n          el.classList.add(cl);\n        }\n        if(m==\"remove\") {\n          el.classList.remove(cl);\n        }\n      });\n    }\n    else {\n      setTimeout(function() {\n        setClass(sl, cl, m);\n      }, 1000);\n    }\n  }; \n  var cutoff = function(a,c,b){b=b||100;c=new RegExp(c+\".*$\");return\"string\"===typeof a?((a=a.replace(c,\"\"))&&a.length>b&&(a=a.substr(0,b-1)+\"\\u2026\"),a):!1};\n  for (var i=0; i<data.response.items.length; i++) {\n    var item = data.response.items[i];\n    var url = item.url;\n    var click_url = item.click_url;\n    var image = item[\"image\"];\n    var title = cutoff(item[\"title\"]);\n    var desc = cutoff(item[\"text\"]);\n    if(i==0) {\n%-->\n<div tmp:class=\"cxj_slidein\">\n  <div tmp:id=\"cxj_slidein-close\"> \n    <svg viewbox=\"0 0 24 24\">\n      <path d=\"M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z\"></path>\n      <path d=\"M0 0h24v24h-24z\" fill=\"none\"></path>\n    </svg>\n  </div>\n<!--%\n    }\n%-->\n  <div class=\"cxj_slidein-container\"> \n    <div class=\"cxj_item-image\">\n      <div class=\"cxj_item-image-aspect\">\n        <div class=\"cxj_item-image-wrap\">\n          <a class=\"cxj_item-link\" tmp:id=\"{{cX.clickTracker(click_url)}}\" tmp:href=\"{{url}}\" tmp:target=\"_top\">\n            <img tmp:src=\"{{image}}\" width=\"100%\" alt=\"\">\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class=\"cxj_item-title\">\n      <a class=\"cxj_item-link\" tmp:id=\"{{cX.clickTracker(click_url)}}\" tmp:href=\"{{url}}\" tmp:target=\"_top\">{{title}}</a>\n    </div>\n    <div class=\"cxj_item-desc\">\n      <a class=\"cxj_item-link\" tmp:id=\"{{cX.clickTracker(click_url)}}\" tmp:href=\"{{url}}\" tmp:target=\"_top\">{{desc}}</a>\n    </div>\n  </div>\n</div>\n<!--%\n  }\n    // ===== 表示制御：SPは300pxスクロール後、PCは1秒後（必要なら） =====\n  var THRESHOLD = 300;\n\n  function isMobile() {\n    return window.matchMedia && window.matchMedia(\"(max-width: 767px)\").matches;\n  }\n\n  function show() {\n    setClass(\".cxj_slidein\", \"is-show\", \"add\");\n  }\n\n  if (isMobile()) {\n    var onScroll = function() {\n      var y = window.pageYOffset || document.documentElement.scrollTop || 0;\n      if (y >= THRESHOLD) {\n        window.removeEventListener(\"scroll\", onScroll);\n        show();\n      }\n    };\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\n    onScroll(); // 既にスクロール済みで入ってきたケースにも対応\n  } else {\n    // PCでも従来どおり出したいなら残す（不要ならこのelseごと消してOK）\n    setTimeout(function () {\n      show();\n    }, 1000);\n  }\n\n  // ===== クローズ（SVG/pathクリックでも閉じるように） =====\n  document.addEventListener(\"click\", function(e) {\n    var closeBtn = e.target && e.target.closest ? e.target.closest(\"#cxj_slidein-close\") : null;\n    if (closeBtn) {\n      setClass(\".cxj_slidein\", \"is-show\", \"remove\");\n    }\n  });\n}());\n%-->","style":".cxj_slidein * {\n  padding: 0px;\n  margin: 0px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.cxj_slidein {\n  width: 400px;\n  display: block;\n  position: fixed;\n  bottom: 25px;\n  left: 30px;\n  padding: 10px;\n  margin: 0 0 140px 0;\n  border-radius: 4px;\n  box-shadow: 0 0 6px -1px #a3a3a3;\n  opacity: 0;\n  transform: translateX(-200px);\n  z-index: 10001;\n  background-color: #FFFFFF;\n  transition: all 2s;\n}\n\n.is-show {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0px);\n}\n\n.cxj_slidein-container {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  flex-wrap: wrap;\n  grid-template-rows: auto 1fr;\n  grid-template-columns: auto 1fr;  \n}\n\n.cxj_item-image {\n  width: 120px;\n  display: inline-block;\n  padding-right: 10px;\n  grid-row: span 2;\n  grid-column: 1;\n}\n\n.cxj_item-image-aspect {\n  width: 100%;\n  position: relative;\n  padding-top: 100%;\n  display: block;\n}\n\n.cxj_item-image-wrap {\n  border: 1px solid #CCC;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.cxj_item-title {\n  padding-top: 0.2rem;\n  text-align: left;\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: bold;\n  font-family: \"ヒラギノ角ゴ Pro\",\"Hiragino Kaku Gothic Pro\", Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;\n  color: #000000;\n  grid-row: 1;\n  grid-column: 2;\n}\n\n.cxj_item-desc {\n  padding-top: 0.2rem;\n  text-align: left;\n  font-size: 14px;\n  line-height: 1.2;\n  font-family: \"ヒラギノ角ゴ Pro\",\"Hiragino Kaku Gothic Pro\", Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;\n  color: #000000;\n  grid-row: 2;\n  grid-column: 2;\n}\n\n.cxj_item-link{\n  text-decoration: none;\n  color: #000000;\n}\n\n#cxj_slidein-close {\n  position: absolute;\n  top: -14px;\n  right: -14px;\n  padding: 0.2rem;\n  background: rgba(0,0,0,0.3);\n  border-radius: 50%;\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n  cursor: pointer;\n  z-index: 999999;\n}\n#cxj_slidein-close:hover {\n  background: rgba(0,0,0,0.8);\n}\n#cxj_slidein-close svg{\n  width: 24px;\n  fill: #FFFFFF;\n  pointer-events: none;\n  vertical-align: top;\n}\n\n\n/* 画像リンクを枠いっぱいに */\n.cxj_item-image-wrap a {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n/* 画像を枠いっぱいに（不足分はトリミング） */\n.cxj_item-image-wrap img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\n@media screen and (max-width: 769px) {\n  .cxj_slidein {\n    width: 60%;\n    padding: 5px;\n    bottom: 65px;\n    right: 10px;\n    left: auto;\n    z-index: 999;\n  }\n  .cxj_item-image {\n    width: 60px;\n    padding-right: 5px;\n    grid-row: 2;\n    grid-column: 1;\n  }\n  .cxj_item-title {\n    font-size: 12px;\n    padding-bottom: 5px;\n    grid-row: 1;\n    grid-column: span 2;\n  }\n  .cxj_item-desc {\n    font-size: 11px;\n    grid-row: 2;\n    grid-column: 2;\n  }\n  #cxj_slidein-close {\n    line-height: 1.3;\n    top: -10px;\n    right: -10px;\n  }\n  #cxj_slidein-close svg{\n    width: 18px;\n  }\n}","prnd":"lgtuu4i83oaku9k8"}})