{"data":[{"id":"cccccccc-0000-0000-0000-000000103418","type":"node--blocks_content","relationships":{"paragraphs":{"data":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001"}]}},"attributes":{"title":"【メディア】告知バナー群　電子書籍","display_title":"【メディア】告知バナー群　電子書籍","status":true,"css_code":"","js_code":"(function(e){e.fn.tile=function(t){var n,r,i,s,o,u,a=document.body.style,f=[\"height\"],l=this.length-1;if(!t)t=this.length;u=a.removeProperty?a.removeProperty:a.removeAttribute;return this.each(function(){u.apply(this.style,f)}).each(function(u){s=u%t;if(s==0)n=[];r=n[s]=e(this);o=r.css(\"box-sizing\")==\"border-box\"?r.outerHeight():r.innerHeight();if(s==0||o>i)i=o;if(u==l||s==t-1){e.each(n,function(){this.css(\"height\",i)})}})}})(jQuery)\r\n\r\nif(window.matchMedia('(min-width: 1024px)').matches){\r\n    $(\".ebook-banner-item .color-title\").tile(3);\r\n    $(\".ebook-banner-item .banner-title\").tile(3);\r\n    $(\".ebook-banner-item .banner-subtitle\").tile(3);\r\n}\r\n"}}],"included":[{"type":"paragraph--full_html","id":"aaaaaaaa-0000-0000-0000-000000000001","attributes":{"field_fullhtml_text":{"value":"<div id=\"ebook-banner-outer\">\r\n    <div class=\"ebook-banner-wrap\">\r\n        <div class=\"free-banner-title\">誰でも無料</div>\r\n        <div class=\"ebook-three-div\">\r\n            <div class=\"ebook-banner-item\">\r\n                <div class=\"color-title color-green\">\r\n                    <div class=\"color-inside-txt\">無料電子書籍</div>\r\n                </div>\r\n                <div class=\"banner-title\">知ってる人だけ得をする</div>\r\n                <div class=\"banner-subtitle\">\r\n                    ベネフィット・ステーションなら今話題のビジネス書が毎月5冊読み放題！<br>\r\n                    毎月アクセスして無料でスキルアップ！\r\n                </div>\r\n                <div class=\"banner-link\">\r\n                    <a href=\"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=114/catMid=201/catSml=302/menuNo=10657367/plans/?navi=sony_free\" >\r\n                        <img src=\"https://bs.benefit-one.inc/contents/top/img/free_store/1068327_800x450.jpg\" alt=\"無料電子書籍サービスの詳細を見る\">\r\n                    </a>\r\n                </div>\r\n            </div>\r\n            <div class=\"ebook-banner-item\">\r\n                <div class=\"color-title color-green\">\r\n                    <div class=\"color-inside-txt\">無料セミナー</div>\r\n                </div>\r\n                <div class=\"banner-title\">BeneTV無料オンラインセミナー</div>\r\n                <div class=\"banner-subtitle\">\r\n                    幅広いジャンルのオンラインセミナーを無料でご視聴いただけます。\r\n                </div>\r\n                <div class=\"banner-link\">\r\n                    <a href=\"https://bs.benefit-one.inc/specialPage/detail?spid=bene_online&navi=bene_online\" >\r\n                        <img src=\"https://bs.benefit-one.inc/contents/top/img/free_store/bene_online_800x450.jpg\" alt=\"BeneTV無料オンラインセミナーの詳細を見る\">\r\n                    </a>\r\n                </div>\r\n            </div>\r\n            <div class=\"ebook-banner-item\">\r\n                <div class=\"color-title color-red\">\r\n                    <div class=\"color-inside-txt\">オリジナル企画</div>\r\n                </div>\r\n                <div class=\"banner-title\">ベネポがあたる！ベネガチャ</div>\r\n                <div class=\"banner-subtitle\">\r\n                    毎日ガチャを回してベネポを当てよう！<br>1日最大2回、ベネポが当たるガチャを回すことができます。毎日挑戦してお得にベネポをGETしましょう！<br>※参加権利は毎日午前0:00に更新されます。\r\n                </div>\r\n                <div class=\"banner-link\">\r\n                    <a href=\"https://life.bs.benefit-one.inc/menus/catExl=null/catLrg=116/catMid=205/catSml=301/menuNo=25002766/?navi=benegacya\" >\r\n                        <img src=\"https://bs.benefit-one.inc/contents/top/img/free_store/202608_25002766_800x450.jpg\" alt=\"ベネポがあたる！ベネガチャの詳細を見る\">\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<style>\r\n#ebook-banner-outer {\r\n    margin-right: calc(50% - 50vw);\r\n    margin-left: calc(50% - 50vw);\r\n    background-color: #FDEED4;\r\n    margin-top: 0px;\r\n}\r\n#ebook-banner-outer .ebook-banner-wrap {\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 1032px;\r\n    padding: 48px 0px;\r\n}\r\n.free-banner-title {\r\n    margin: 0;\r\n    color: #1F2021;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    line-height: 1.1;\r\n    padding-bottom: 24px;\r\n    font-feature-settings: 'palt';\r\n    -webkit-font-feature-settings: 'palt';\r\n    -moz-font-feature-settings: 'palt';\r\n}\r\n.ebook-three-div {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    column-gap: 32px;\r\n}\r\n.ebook-banner-item {\r\n    display: grid;\r\n    /* grid-template-rows: auto auto auto 1fr; */\r\n}\r\n.color-title {\r\n    font-size: 12px;\r\n    /* grid-column: 1;\r\n    grid-row: 1; */\r\n    font-weight: bold;\r\n}\r\n.color-inside-txt {\r\n    background-color: #ffffff;\r\n    padding: 6px 8px;\r\n    display: inline-block;\r\n}\r\n.color-green {\r\n    color: #00AF50;\r\n}\r\n.color-blue {\r\n    color: #259BEE;\r\n}\r\n.color-red {\r\n    color: #E60021;\r\n}\r\n.banner-title {\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    margin-top: 16px;\r\n    font-feature-settings: 'palt';\r\n    -webkit-font-feature-settings: 'palt';\r\n    -moz-font-feature-settings: 'palt';\r\n    /* grid-column: 1;\r\n    grid-row: 2; */\r\n    line-height: 1.1;\r\n}\r\n.banner-subtitle {\r\n    font-size: 14px;\r\n    margin-top: 16px;\r\n    font-feature-settings: 'palt';\r\n    -webkit-font-feature-settings: 'palt';\r\n    -moz-font-feature-settings: 'palt';\r\n    /* grid-column: 1;\r\n    grid-row: 3; */\r\n    line-height: 1.8;\r\n}\r\n.banner-link {\r\n    margin-top: 21px;\r\n    /* grid-column: 1;\r\n    grid-row: 4; */\r\n    display: flex;\r\n    align-items: flex-end;\r\n}\r\n.banner-link a {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transition: 0.5s;\r\n}\r\n.banner-link a:hover {\r\n    opacity: 0.6;\r\n}\r\n.banner-link img {\r\n    width: 100%;\r\n}\r\n.temp-img-adjust {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    background-color: #7183B5;\r\n}\r\n@media all and (max-width:735px) {\r\n    #ebook-banner-outer {\r\n        /* margin-bottom: -48px; */\r\n        border-bottom: 1px solid #ffffff;\r\n    }\r\n    #ebook-banner-outer .ebook-banner-wrap {\r\n        padding: 48px 16px 0px;\r\n    }\r\n    .ebook-three-div {\r\n        display: block;\r\n        padding: 0px;\r\n    }\r\n    .ebook-banner-item {\r\n        display: block;\r\n        margin-bottom: 48px;\r\n    }\r\n    .banner-link {\r\n        margin-top: 16px;\r\n    }\r\n    .temp-img-adjust {\r\n        background-color: unset;\r\n    }\r\n}\r\n\r\n\r\n</style>","format":"full_html"}}}]}