/* */ @charset "utf-8";@import "https://fonts.googleapis.com/css?family=Roboto";@import "https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{display:block;*zoom:1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display:inline;*zoom:1}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html,body{font-family:'Roboto','Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', sans-serif;background:#FAFAFA;font-size:14px;font-weight:200;line-height:24px;color:#757575;margin:0;padding:0}a{color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#727272;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #dddddd;color:#454545}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important}.btn:hover{background-color:#f5f5f5;text-decoration:none !important}.btn-small{padding:2px 10px !important;font-size:11px !important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:bold}#globalheader-container{background-color:#303F9F;color:#fff}#container #content{display:block;*zoom:1;width:960px;margin:0 auto}#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.globalheader-off #container{padding-top:0}#main{width:100%;float:none}#box2{width:100%;float:none;margin-top:40px}#box2-inner{width:960px;.clearfix; overflow:hidden}.hatena-module{text-align:left;padding-right:20px;width:300px;float:left;&:nth-child(3n+1) { clear: both}} #blog-title{margin:0 0 -5em;padding:5em 0 10em;background-color:#3F51B5;box-shadow:0 2px 5px rgba(0,0,0,0.26);text-align:center}#blog-title-inner{margin:0 auto}#title{margin:0;font-size:3.25em;font-weight:200;line-height:1.45em}#title a{color:#ffffff;position:relative;padding-bottom:5px}#title a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);background-color:#FE7FAB;-webkit-transition:all .3s ease;transition:all .3s ease}#title a:hover::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}#blog-description{font-weight:400;font-size:1.2em;margin:.4em 0 0;color:#fff;opacity:0.5}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}#top-box{margin:0 auto 0;padding:23px 0 23px;background:#f1f1f1;box-shadow:0 2px 5px rgba(0,0,0,0.26)}#top-box .breadcrumb{width:960px;margin:0 auto}.entry{position:relative;margin-bottom:30px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:2px;overflow:hidden;-webkit-animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;-webkit-animation-fill-mode:both;-webkit-animation-name:slideUp;-webkit-animation-name:slideUp;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes "slideUp"{0%{-webkit-transform:translateY(6.25em);transform:translateY(6.25em);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes "slideUp"{0%{-webkit-transform:translateY(6.25em);transform:translateY(6.25em);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}.entry-header{padding:14px 14px 24px 104px;position:relative;border-bottom:1px solid #ddd}.entry-title{font-weight:400;margin:0.4em 0;line-height:1.2em}.date{position:absolute;top:24px;left:24px}.date a{color:#757575;text-decoration:none;display:block;width:56px;font-weight:bold;text-align:center}.hyphen{display:none}.date-year::after{content:'/'}.date-day{display:inline-block;width:40px;height:40px;line-height:40px;color:#fff;font-size:20px;font-weight:bold;text-shadow:none;background:#3F51B5;border-radius:50%}.categories{margin-top:10px}.categories a{margin-right:10px}.categories a:before{font-family:"blogicon";content:"\f04A";margin-right:5px;display:inline-block}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;bottom:-10px;right:30px}.entry-header-menu a{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important}.entry-header-menu a:hover{background-color:#f5f5f5;text-decoration:none !important}.entry-content{padding:24px;font-size:16px;line-height:24px}.entry-content p{margin:0 0 1em 0}.entry-content img{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 0.8em 0;line-height:1.5;color:#212121}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:130%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table img{max-width:none}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:1px solid #dddddd;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{white-space:pre;background-color:#fafafa;padding:16px;margin:30px 0;border-radius:2px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.entry-content pre > code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif}span.synConstant{color:#d44950}span.synComment{color:#999}span.synIdentifier{color:#000080}span.synStatement{color:#2f6f9f}span.synType{color:#4f9fcf}span.synPreProc{color:#333;font-weight:bold}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{padding:0 24px 24px}.entry-footer-section{font-size:80%;color:#999999}.entry-footer-section a{color:#999999}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px 0;padding:0;font-size:95%;line-height:1.7}.comment-box li{padding:10px 0 10px 80px;position:relative}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{width:50px !important;height:50px !important;background-clip:padding-box;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}.comment-box .comment-user-name a{display:block;word-wrap:break-word}.comment-box li:nth-child(odd) .comment-user-name{position:absolute;top:10px;left:0;width:70px}.comment-box li:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-user-name{margin:0 0 10px 0;font-weight:bold}.comment-content{font-size:90%;word-wrap:break-word;margin:0 0 10px 0;position:relative;min-height:40px;padding:10px;font-size:14px;background-color:#f1f0f0;border-radius:1.3em;max-width:100%;min-width:50%;color:#212121;display:inline-block}.comment-content p{margin:0}.comment-box li:nth-child(even) .comment-user-name{position:absolute;top:10px;right:0;width:70px;text-align:right}.comment-box li:nth-child(even){padding:10px 80px 10px 0}.comment-box li:nth-child(even) .comment-content{float:right}.comment-box li:nth-child(odd) .comment-content:after{top:1.3em;left:-10px;border-top:5px solid transparent;border-right:10px solid #f1f0f0;border-bottom:5px solid transparent;content:'';position:absolute;display:block}.comment-box li:nth-child(even) .comment-content:after{top:1.3em;right:-10px;border-top:5px solid transparent;border-left:10px solid #f1f0f0;border-bottom:5px solid transparent;content:'';position:absolute;display:block}.comment-box li .comment-delete-button img{position:absolute;top:9px}.comment-box li:nth-child(odd) .comment-delete-button img{left:60px;text-align:right}.comment-box li:nth-child(even) .comment-delete-button img{right:60px;text-align:left}.comment-metadata:before{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-metadata{font-size:80%;color:#999999;margin:0}.comment-box li:nth-child(even) .comment-metadata{text-align:right}.comment-box li:nth-child(even) .comment-metadata:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.comment-metadata a{color:#999999}.leave-comment-title{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;line-height:18px;color:#454545;background-color:#ffffff;text-align:center;vertical-align:middle;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;font-weight:bold;border:1px solid rgba(0, 0, 0, 0.2);text-decoration:none !important;outline:0;outline-offset:0;border:0;border-radius:2px;transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24)}.leave-comment-title:hover{background-color:#f5f5f5;text-decoration:none !important}#box2{line-height:1.5}.hatena-module{margin-bottom:60px}.hatena-module-title{font-weight:bold;margin-bottom:15px;font-size:120%}.hatena-module-title a{color:#454545;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-top-right-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:5px;background-clip:padding-box}.hatena-module-profile .id{display:block;font-weight:bold;font-size:110%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.hatena-urllist li{padding:8px 0;border-bottom:1px solid #dddddd;line-height:1.5}.hatena-module-search-box .search-form{background-clip:padding-box;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px 20% 5px 0;color:#454545;outline:none;height:20px;width:80%;border-bottom:1px solid #dddddd;border:0;background-image:linear-gradient(#FE7FAB,#FE7FAB),linear-gradient(#dddddd,#dddddd);background-size:0 2px,100% 1px;background-repeat:no-repeat;background-position:center bottom,center calc(100% - 1px);background-color:transparent}.hatena-module-search-box .search-module-input:focus{outline:none;background-image:linear-gradient(#FE7FAB,#FE7FAB),linear-gradient(#dddddd,#dddddd);-webkit-animation:input-highlight .5s forwards;animation:input-highlight .5s forwards;box-shadow:none;background-size:0 2px,100% 1px}@-webkit-keyframes "input-highlight"{0%{background-size:0 2px,100% 1px;}100%{background-size:100% 2px,100% 1px;}}@keyframes "input-highlight"{0%{background-size:0 2px,100% 1px;}100%{background-size:100% 2px,100% 1px;}}.hatena-module-search-box .search-module-button{width:30px;height:30px;background:rgba(48,48,48,.5) url(https://cdn-ak.f.st-hatena.com/images/fotolife/j/jclv/20140722/20140722174438.png) no-repeat center center;border:0 none;outline:none;position:absolute;top:-4px;right:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;cursor:pointer;text-indent:-9999px}.hatena-module-search-box .search-module-button:hover{background-color:rgba(48,48,48,.3)}.pager{margin:1em 0;display:block;*zoom:1;font-size:16px}.pager a{color:#727272;text-decoration:none}.pager a:hover{opacity:.7}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager .pager-prev{float:left;text-align:center;width:50%}.pager .pager-next{float:right;text-align:center;width:50%}.pager-next .pager-arrow{display:none}.pager-next a:before{font-family:"blogicon";content:"\f006";display:block;font-size:32px;margin-bottom:10px}.pager-prev .pager-arrow{display:none}.pager-prev a:before{font-family:"blogicon";content:"\f005";display:block;font-size:32px;margin-bottom:10px}#footer{padding:30px 0;text-align:center;color:#ffffff;line-height:1.5;font-size:1.2em;background-color:#3F51B5}#footer p{margin:0}#footer a{color:#ffffff;text-decoration:none}#footer address img{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}.page-about dt{font-size:16px;font-weight:bold;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #container #content{margin:24px auto 0}.page-archive .archive-entries{margin-bottom:30px;padding:0 24px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);border-radius:2px;overflow:hidden;-webkit-animation-duration:0.4s;-webkit-animation-duration:0.4s;-webkit-animation-fill-mode:both;-webkit-animation-fill-mode:both;-webkit-animation-name:slideUp;-webkit-animation-name:slideUp;-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.page-archive .archive-entries .archive-entry{position:relative;padding:24px 0;border-bottom:1px solid #ddd}.page-archive .archive-entries .archive-entry:last-child{border-bottom:none}.page-archive .archive-entries .date{position:static}.page-archive .archive-entries .date a{width:auto;text-align:left;letter-spacing:0.2em}.page-archive .archive-entries .entry-title{font-weight:400;margin:0;line-height:1.2em;padding:0;position:relative}.page-archive .archive-entries .categories{padding:0 0 14px;margin-top:5px}.page-archive .archive-entries .entry-description{margin:0 0 1em;line-height:1.7em}.page-archive #blog-title{margin:0;padding:5em 0 5em}.profile-icon{box-shadow:0 1px 4px #999;border-radius:50% !important}.leave-comment-title:before{font-family:"blogicon";content:"\f01D";padding-right:5px}a.entry-see-more{display:inline-block;text-decoration:none;background-color:#43A047;color:#fff;height:36px;line-height:36px;padding:0 20px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:center;font-size:14px;letter-spacing:1px;-webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}a.entry-see-more:hover{-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)}a.entry-see-more:after{font-family:"blogicon";content:"\f001";margin-left:6px}.hatena-module-recent-comments .hatena-id-icon{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px}.hatena-follow-button-box{margin:1.7em 0}.hatena-follow-button{color:#fff !important;padding:4px 10px !important;background:#E40A5D !important;border:0 none !important;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;webkit-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.hatena-follow-button:before{color:#fff !important;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'blogicon';font-weight:normal;padding-right:3px;content:"\f001"}.hatena-follow-button.unsubscribing:hover{color:#fff !important;-webkit-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)}.hatena-follow-button-box .subscription-count{height:26px;line-height:26px;padding:0 8px}.header-image-enable #blog-title #blog-title-inner{background-size:cover;margin:0 0 -5em;padding:5em 0 10em;background-position:center !important}.header-image-enable #blog-title{padding:0}.header-image-enable #blog-title #blog-description{font-weight:400;opacity:1.0}.header-image-only #blog-title #blog-title-inner{background-size:cover;margin:0 0 -5em;padding:5em 0 10em;background-position:center !important}.header-image-only #blog-title{padding:0}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}}@media (max-width: 1024px){#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}#blog-title-inner{width:100%}#container #content,#top-box .breadcrumb{width:95%}}@media (max-width: 767px){#globalheader-container{position:static}#main{width:100%;float:none}#title{margin:0;font-size:2.8em}.comment-content{min-width:90%}}.header-blog-icon{display:none}@media (max-width: 767px){#blog-title{padding:5em 0 10em}.header-blog-icon{display:block;text-align:center;margin-top:2.5em}.header-blog-icon img{width:60px;height:60px;-webkit-border-top-right-radius:60px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:60px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:60px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:4px solid #FAFAFA;background:#FAFAFA}} /* */ /* Responsive: yes */ /*フローティングバナー*/ .floating-bnr.bnr01 { display: none; position: fixed!important; bottom: 20px; left:50%; margin-left:-150px; width: 300px; height: auto; z-index: 9999; } .floating-bnr a:hover { opacity: 0.7; transition: 0.2s; } /*閉じるボタン*/ .bnr_close { background-color: #f8f8f8; border: none; border-radius: 60px; color: #777; cursor: pointer; font-weight: bold; padding: 5px 12px; position: absolute; left: 7px; top: 55%; z-index: 10000; } .fa-xmark:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-style: normal; } /* solid015 */ .button_solid015 { text-align: center; } .button_solid015 p { margin-bottom: 5px; font-weight: 600; color: #ff6347; letter-spacing: 0.04rem; display: inline-block; position: relative; } .button_solid015 p:before, .button_solid015 p:after { display: inline-block; position: absolute; top: 45%; width: 20px; height: 3px; border-radius: 5px; background-color: #ff6347; content: ""; } .button_solid015 p:before { left: -30px; -webkit-transform: rotate( 50deg ); transform: rotate( 50deg ); } .button_solid015 p:after { right: -30px; -webkit-transform: rotate( -50deg ); transform: rotate( -50deg ); } .button_solid015 a { position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 90vw; padding: 10px 50px; color: #FFF; transition: 0.3s ease-in-out; font-weight: 600; background: #ff6347; filter: drop-shadow(0px 2px 4px #ccc); border-radius: 50px; } .button_solid015 a:hover { box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%); } .button_solid015 a:after { position: absolute; top: 50%; right: 20px; transition: 0.2s ease-in-out; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; transform: translateY(-54%); } :root{ scroll-padding: 40px; } body{ font-family:'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif!important; font-weight:normal!important; } strong { background: linear-gradient(transparent 0%, #fff799 0%); text-shadow: 1px 2px 0px #ffffff; border-radius:3px; } strong2{ background: linear-gradient(rgba(254,254,152,0) 30%,#FEFE98 90%); } a.window:after{ font-family: 'FontAwesome'; content: '\f08e'; font-size: 0.9em; margin: 0 3px 0 2px; } /* リサーチパネル */ .research{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .research::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .research::after{ position:relative; content:"暇な時間がお金に変わる!!アンケートに答えるだけでお小遣いが稼げるので、隙間時間などに最適♪このリンクから登録すると特別に500pts.ゲットボーナスがあります♪"; font-size:15px!important; color:#B40431; } /* infoQ */ .infoq{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .infoq::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .infoq::after{ position:relative; content:"ポイントタウンとの併用が非常にオススメの人気アンケートサイトです!アンケート以外でもライティングで月10万稼がれる方もいますよ!登録後100pt獲得でボーナス30pt♪まずは100pt稼いでみましょう!"; font-size:15px!important; color:#B40431; } /* マクロミル */ .macromill{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .macromill::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .macromill::after{ position:relative; content:"2019年5月31日まで!!このリンクから今マクロミルに登録すると、最大1,000円が当たる外れなしのスクラッチゲームがプレイできます♪登録は無料ですのでお気軽にどうぞ♪"; font-size:15px!important; color:#B40431; } /* ライフメディア */ .lifemedia{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .lifemedia::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .lifemedia::after{ position:relative; content:"新規登録して翌月7日までになんらかの広告利用でもれなく250円、登録の翌々月7日までに初めてのポイント交換で250円のボーナスがあり、500円は確実にもらえます!しかもライフメディアではなんと登録してアカウントを持っていれば毎日誰かに1,000円が当たります!登録しとかなきゃ損ですよ!"; font-size:15px!important; color:#B40431; } /* ハピタス */ .hapitas{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .hapitas::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .hapitas::after{ position:relative; content:"この紹介リンクから新規登録し「登録から7日間限定スタンプラリー」をクリアするともれなく200円分のポイントゲット！さらに2024年8月31日までに利用した広告が、9月30日までに2,000pt分以上ポイント確定すると、もれなく1,300ptゲットできる特別キャンペーン実施中！"; font-size:15px!important; color:#B40431; } /* GetMoney! */ .getmoney{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .getmoney::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .getmoney::after{ position:relative; content:"GetMoney!の「HIGH AND LOW」というゲームは、ポイントサイト最強の稼ぎ効率と評判が高いです。まだプレイしたことが無い人は、その最強の稼ぎ効率をぜひ体感してみてくださいね!!当サイトはげっとま部マネージャーに認定されており、このリンクから登録した人限定で登録完了だけで特別に200円ゲットできます!!さらに2019年5月31日までに登録した方を対象に、Amazonギフト券500円分が貰えるチャンスがありますよ!"; font-size:15px!important; color:#B40431; } /* モッピー */ .moppy{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .moppy::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .moppy::after{ position:relative; content:"さらにこのリンクから新規登録後、翌々月末までに5,000pt獲得すればもれなく追加2,000円分のボーナスが貰える！"; font-size:15px!important; color:#B40431; } /* げん玉 */ .gendama{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .gendama::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .gendama::after{ position:relative; content:"ゲームで遊んで毎週15,000円のチャンス!!大人気げん玉のすごろくゲーム賞金は業界最高額!さらにげん玉のガチャ『モリガチャ』は最高出現ポイント額10万円分とこちらも業界のガチャ賞金最高額!まずはこのリンクを経由して新規登録を済ませるだけで250ptプレゼント♪さらに入会から100日以内に300,000pt稼げば、なんともれなく5,000円プレゼント…!!"; font-size:15px!important; color:#B40431; } /* ポイントインカム */ .pointincome{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .pointincome::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .pointincome::after{ position:relative; content:"この紹介リンクから新規登録するだけで即時200円分のポイントゲット！さらに登録から3か月後の月末までに初めてポイント交換すると追加で100円分のポイントボーナスあり！さらにさらに現在、新規登録から30日間限定で、簡単なミッションをこなすだけで追加520円分のボーナスポイントが貰えるキャンペーン開催中！"; font-size:15px!important; color:#B40431; } /* PONEY */ .poney{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .poney::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .poney::after{ position:relative; content:"このリンクを経由した方には、新規登録だけで150円、初回交換完了で300円pt、合計450円がもれなくプレゼントされるキャンペーンが開催中!!しかも期限が無いのでマイペースに条件を達成すればOK!まずは簡単な無料登録を済ませてログインしてみてください!"; font-size:15px!important; color:#B40431; } /* ECナビ */ .ecnavi{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .ecnavi::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .ecnavi::after{ position:relative; content:"このリンクから新規登録し90日以内に本人認証するだけでまずは1,500ptゲット！さらに2024年8月31日までに新規入会し、9月30日までにポイント交換をするだけでもれなく1,000円分のAmazonギフト券がプレゼントされる超ビッグなイベント開催中です！チャンス！"; font-size:15px!important; color:#B40431; } /* ポイントタウン */ .pointtown{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .pointtown::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .pointtown::after{ position:relative; content:"さらにこのリンクから新規登録後、翌々月末までに5,000pt獲得すればもれなく追加2,000円分のボーナスが貰える！"; font-size:15px!important; color:#B40431; } /* i2iポイント */ .i2ipoint{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .i2ipoint::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .i2ipoint::after{ position:relative; content:"このリンクから新規登録＆電話認証するだけでまずは100円分のポイントゲット！さらに登録翌々月末までに5千円分のポイントを貯めると追加で2千円分のボーナスポイントが、1万円分のポイントを貯めると追加で5,000円分のボーナスポイントが貰えます！これはやらなきゃ損！"; font-size:15px!important; color:#B40431; } /* ちょびリッチ */ .tyobirich{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .tyobirich::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .tyobirich::after{ position:relative; content:"このリンクを経由して登録した方を対象に、登録月の月末までに1ptでも獲得したらもれなく500ptプレゼントキャンペーン実施中!ちょびリッチは会員登録しておくだけで、毎日10人に自動的に1,000ポイント以上が当選します…!まだアカウントを持ってない…?今すぐ登録しておいてください!!毎月1~5日はハズレ無しのガチャが超お得!!"; font-size:15px!important; color:#B40431; } /* お財布.com */ .osaihucom{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .osaihucom::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .osaihucom::after{ position:relative; content:"ゲームで稼ぎやすく、スタンプラリーが人気♪登録したらぜひプレイしてみてくださいね♪"; font-size:15px!important; color:#B40431; } /* モバトク */ .mobatoku{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .mobatoku::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .mobatoku::after{ position:relative; content:"注意！このサイトはサービス終了しました。"; font-size:15px!important; color:#B40431; } /* すぐたま */ .sugutama{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .sugutama::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .sugutama::after{ position:relative; content:"新規会員登録するだけで300円プレゼント中!しかも登録の翌々月末までに2万円分のポイントを稼ぐと、ボーナス1,200円も貰えちゃうのでダブルでお得!!しかも今ならめちゃくちゃ簡単な条件達成だけで4,500XBMをもれなく進呈中!詳しくはリンク先のキャンペーン案内をご覧ください。このチャンスお見逃しなく…!!"; font-size:15px!important; color:#B40431; } /* Gポイント */ .gpoint{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .gpoint::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .gpoint::after{ position:relative; content:"このリンクから新規登録するだけでもれなく50Gプレゼント実施中!"; font-size:15px!important; color:#B40431; } /* ワラウ */ .warau{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .warau::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .warau::after{ position:relative; content:"さらにこのリンクから新規登録後、表示される『WELCOM CAMPAIGN』のミッションをクリアすればもれなく500ptが貰える！"; font-size:15px!important; color:#B40431; } /* リフレク */ .rihureku{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .rihureku::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .rihureku::after{ position:relative; content:"注意!このサイトは閉鎖されました。"; font-size:15px!important; color:#B40431; } /* GameWallet */ .gamewallet{ position: relative; display:inline-block; padding: 8px; background: #F8E0E6; border-radius: 20px; } .gamewallet::before{ font-family: FontAwesome; content: "\f102"; position: absolute; left: 58px; font-size: 2em; top: -33px; color: #B40431; animation: 1s bounce ease infinite; animation-name: bounce; animation-duration: 1s; animation-timing-function: ease; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; } .gamewallet::after{ position:relative; content:"注意!このサイトは閉鎖されました。"; font-size:15px!important; color:#B40431; } /* TOP NEWS */ /* ハピタス */ .topnewshapitas { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewshapitas::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewshapitas::after { position:relative; content:"ハピタスでは、毎日1,000円か毎月3万円当たる宝くじが、簡単な広告クリックだけで毎日たくさん集められちゃいます♪"; } /* GetMoney! */ .topnewsgetmoney { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsgetmoney::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsgetmoney::after { position:relative; content:"GetMoney!の「HIGH AND LOW」というゲームは、ポイントサイト最強の稼ぎ効率と評判が高いです。まだプレイしたことが無い人は、その最強の稼ぎ効率をぜひ体感してみてくださいね!!またゲットマネーは5のつく日にYahoo!ショッピングの還元率がなんと2%!!Yahoo!ショッピングで最高にお得な5のつく日をお見逃しなく♪"; } /* モッピー */ .topnewsmoppy { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsmoppy::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsmoppy::after { position:relative; content:"ゴールデンウィーク企画!!「モッピートラベルフォトコンテスト2019」開催中!!貴方の素敵な旅行写真を指定ハッシュタグをつけてインスタグラムに投稿するだけで、3万円が貰えるチャンス!!さらにモッピーではAmazon2%還元も行なっています!Amazonで還元ポイントを受け取れるのはポイントサイト多しといえどもモッピーだけ!"; } /* げん玉 */ .topnewsgendama { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsgendama::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsgendama::after { position:relative; content:"『げん玉鉄道』の優勝賞金15,000円をものすごく高確率でゲットする方法あります!非常に単純で誰でもトライできる方法です。下のリンク先で確認して、ぜひチャレンジしてみてくださいね!まだげん玉を未だ使ったことが無い方は、今すぐログインして、全ポイントサイト中最も賞金が太っ腹なすごろくゲーム『げん玉鉄道』をプレイしてみてください!!ちなみに『モリガチャ』は最高出現ポイント額10万円分とこちらも業界のガチャ賞金最高額!新規入会者の場合5,000円貰えるキャンペーンもありますよ!!"; } /* ポイントインカム */ .topnewspointincome { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewspointincome::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewspointincome::after { position:relative; content:"ゴールデンウィーク迫る!!ポイントインカムで旅行予約に便利なサイトの還元率が超絶アップ中!!ゴールデンウィークの旅行予約はポイントインカム経由で行わないと損ですよ!!"; } /* PONEY */ .topnewsponey { position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsponey::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsponey::after { position:relative; content:"サイトリニューアルで再出発！"; } /* ECナビ */ .topnewsecnavi { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsecnavi::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsecnavi::after { position:relative; content:"5月31日までウェル活応援キャンペーン実施中!!条件を満たしてTポイントに交換すれば、なんと4%もお得になりますよ!!さらに6月30日までLINEポイントへの交換で15%増量キャンペーン実施中!!このチャンスお見逃しなく!!ECナビは姉妹サイト『リサーチパネル』と併用して稼ぐのが超おすすめ!秘密は両サイト共通でお得になるグレード特典にあります♪無料会員登録&本人認証するだけでもれなく1,500pts.ゲット!条件を満たせばボーナスポイントが貰える新規登録キャンペーンも実施中ですので、この機会をお見逃しなく!。"; } /* ポイントタウン */ .topnewspointtown { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewspointtown::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewspointtown::after { position:relative; content:"5月19日まで!ポイントタウン経由での楽天カード発行で12,000円分のポイント獲得のチャンス♪また現在、ポイントタウン専用ツールバーをChromeにインストールするだけで1,000pt貰えるキャンペーン実施中です!まだポイントタウンをお試ししたことが無い方は、ぜひこれを機会にログインして、まずは無料のツールバーインストールだけで1,000pt稼いでみてください♪"; } /* i2iポイント */ .topnewsi2ipoint { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsi2ipoint::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsi2ipoint::after { position:relative; content:"5,555万円もらっちゃえるキャンペーンやっちゃってます！！このキャンペーン内容はマジでやばい…！またPOLLETへの交換で10%増量キャンペーンやってます…!簡単にポイント価値を1.1倍にできるこのチャンスお見逃しなく!!"; } /* ちょびリッチ */ .topnewstyobirich { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewstyobirich::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewstyobirich::after { position:relative; content:"ゴールデンウィークに合わせて、国内外のホテルが最大50%オフセール開催中の「HOTELS.com」がちょびリッチ経由で利用すればさらに4.5%還元!!旅行予約はちょびリッチをまず経由することをお忘れなく!!毎月1~5日は外れ無しのちょびガチャ祭を開催!!さらに0の付く日はポイント2倍のちょびリッチの日!お見逃しなく!毎日10名に最低1,000pt以上(時には10,000ptや20,000pt以上)が当たるちょ日新聞も見逃せません!!"; } /* お財布.com */ .topnewsosaihucom { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsosaihucom::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsosaihucom::after { position:relative; content:"ゴールデンウィークに向けて旅行予約に役立つ予約サイトの還元率を超絶アップ中!!旅行予約をする前に、ぜひお財布.comに登録してみてください!無料コンテンツ『お財布スタンプラリー』は色々なポイントサイトのクリックだけで稼げるコンテンツの中でも抜きん出て稼ぎ効率抜群!!"; } /* モバトク */ .topnewsmobatoku { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsmobatoku::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsmobatoku::after { position:relative; content:"注意!サービス終了したサイトです。"; } /* Gポイント */ .topnewsgpoint { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewsgpoint::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewsgpoint::after { position:relative; content:"ゴールデンウィークの旅行予約をまだ済ませていない方は注目!!楽天トラベルで業界最高還元率をマークするGポイントでは、楽天トラベルで予約すると2.1%還元だけじゃなく、さらに1,000円が当たるチャンスも!Yahoo!トラベルでも最大還元率を出しており、その他旅行予約サイトも軒並み高還元!旅行予約に今最も力が入っているポイントサイトですので、ゴールデンウィークの予約を決めてしまう前に、まずはGポイントに登録しておいてください!"; } /* すぐたま */ .topnewssugutama { position: relative; margin: 2em 0; padding: 1.2em 1em; border: solid 3px #95ccff; border-radius: 8px; } .topnewssugutama::before { position: absolute; display: inline-block; font-family: FontAwesome; content:"\f0eb TOP NEWS!"; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #95ccff; font-weight: bold; } .topnewssugutama::after { position:relative; content:"人気により再々延長決定!終了日未定の無期延期!今「すぐたま」に登録すると、登録するだけで1,000XBM!!bitmile公式アカウント(@bitmileofficial)フォロー＆リツイートで500XBM!!さらに楽天でのお買い物など対象広告を1回利用するだけでなんと3,000XBMがプレゼントされます!!キャンペーンが終了してしまう前に ぜひお得な特典をゲットしておいてくださいね!"; } /* 吹き出し本体 */ @media screen and (min-width: 601px) { .balloon1{ position: relative; padding: 20px; border-radius: 10px; color: #ffffff; background-color: rgb(90, 185, 255); margin-left: 110px; /* 左に余白を設ける */ } } @media screen and (max-width: 600px) { .balloon1{ position: relative; padding: 20px; border-radius: 10px; color: #ffffff; background-color: rgb(90, 185, 255); margin-left: 0px!important; margin-bottom:100px; top:100px; } } /* 画像 - 絶対配置で左上に配置 */ @media screen and (min-width: 601px) { .balloon1 .icon{ position: absolute; left: -110px; top: 0; } } @media screen and (max-width: 600px) { .balloon1 .icon{ position: absolute; left: 0px; top:-100px; } } /* 三角アイコン */ @media screen and (min-width: 601px) { .balloon1::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: -15px; top: 20px; border-right: 15px solid rgb(90, 185, 255); border-top: 15px solid transparent; border-bottom: 15px solid transparent; } } @media screen and (max-width: 600px) { .balloon1::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 25px; top: -15px; border-right: 15px solid transparent; border-bottom: 15px solid rgb(90, 185, 255); border-left: 15px solid transparent; } } p.services{ display:none!important; } .guest-footer-content{ display:none; } .entry-content a { text-decoration:underline!important; } /*目次調整*/ .table-of-contents { position: relative; display: inline-block; font-size:15px!important; background: #fcfcfc;/*背景色*/ margin-top:-0.5em!important; padding: 1em 0.5em 1em 2em!important;/*ボックス内の余白*/ border: solid 3px gray;/*線の種類 太さ 色*/ border-radius: 4px; } .table-of-contents:before{ content: ""; position: absolute; top: -24px; left: 15px; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #fcfcfc; z-index: 2; } .table-of-contents:after{ content: ""; position: absolute; top: -30px; left: 15px; margin-left: -17px; border: 14px solid transparent; border-bottom: 14px solid gray; z-index: 1; } .table-of-contents ul{ position:relative; left:-1em!important; } .table-of-contents ul ul{ left:-1em!important; } .table-of-contents li { list-style-type: none; line-height: 1.8!important; } .table-of-contents ul li { list-style-type: circle!important; } .table-of-contents ul li ul li { list-style-type: disc!important; } .table-of-contents li:before{ font-family: "Font Awesome 5 Free"; content: "\f0da"!important; position: absolute; left : 1em; /*左端からのアイコンまで*/ color: gray!important; /*アイコン色*/ } .table-of-contents ul li:before{ content: ""!important;/*アイコンのユニコード*/ } /* --- リストアイコン変更 --- */ .entry-content ul li { position: relative; list-style-type: none; line-height: 1.4; } .entry-content ul li:before{ font-family: FontAwesome;/*忘れずに*/ content: "\f00c";/*アイコンのユニコード*/ position: absolute;/*絶対位置*/ top: 0em; left: -1.2em; font-size: 1em;/*サイズ*/ color: #5ab9ff; /*アイコン色*/ } .entry-content ul { padding-left:2em!important; } #blog-title{ margin: -4em 0 -5em!important; } #inner_space{ display:none; } .entry-footer-section{ display:none; } /*上に戻る*/ #page-top { display:none; position:fixed; right:10px; bottom:20px; margin: 0; padding: 0; text-align:center; } #move-page-top{ color:rgba(0,0,0,0.4); text-decoration:none; display:block; cursor:pointer; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; transition:all 0.6s; } #move-page-top:hover{ color:rgba(0,0,0,0.6); -webkit-transition:all 0.6s; -moz-transition:all 0.6s; transition:all 0.6s; } @media only screen and (min-width: 400px){ #page-top{ right:50%; margin-right: -250px; } } /* ヘッダーフッターカラー */ #blog-title { background: linear-gradient(#0489B1, #ffffff); padding: 5em 0 5em; } #title a:after { background-color:#FFFFFF; } #footer { background: linear-gradient(#ffffff,#0489B1); } body { color:#000!important; } .entry-content { font-size:18px!important; line-height:35px!important; } h1{ font-size:28px!important; } /* 2カラムレイアウト */ #content { width: 1080px!important; } @media (max-width: 1080px) { #content, #main, #box2, .hatena-module { width: 95%!important; padding: 0px; margin:0px; float: none; } } #main { width: 820px; float: left; } #box2 { width: 200px; padding: 24px; float: right; margin-top: 0; margin-bottom: 60px; background-color: #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-radius: 2px; -webkit-animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -webkit-animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-name: slideRight; -webkit-animation-name: slideRight; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); position: relative; } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(6.25em); transform: translateX(6.25em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideRight { 0% { -webkit-transform: translateX(6.25em); transform: translateX(6.25em); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } #box2-inner { width: auto; } .hatena-module { text-align: left; padding-right: 0; width: 200px; float: left; } @media (max-width: 1080px) { #content, #main, #box2, .hatena-module { width: 95%!important; padding: 0px; margin:0px; float: none; } #box2 { padding-left: 10px!important; background-color: transparent; box-shadow: none; border-radius: initial; -webkit-animation-duration: initial; -webkit-animation-duration: initial; -webkit-animation-fill-mode: none; -webkit-animation-fill-mode: none; -webkit-animation-name: initial; -webkit-animation-name: initial; -webkit-animation-timing-function: initial; -webkit-animation-timing-function: initial; } } @media (max-width: 700px) { #content, #main{ width:100%!important; } } /*グローバルメニュー*/ #menu { position: relative; width: 100%; font-size:15px; padding-left: 0px; height: 40px; background: rgba(0,0,0,0);/*グローバルメニュー背景色*/ } .menu-inner{ width: 100%; margin: 0 auto; height: 40px; } #menu li { list-style-type: none; float: left; width: 20%; height: 40px; text-align: left; } #menu li a { display: block; color: initial;/*グローバルメニュー文字色*/ font-size: 80%; font-weight: bold; line-height: 40px; } #menu li:hover a { color: #00DFFC; background: #ffffff; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; transition: all .5s; } .menu-toggle{ display: none; } /*パソコン１カラム*/ @media screen and (max-width:968px){ .menu-inner{ width: 768px; } } /*タブレット*/ @media screen and (max-width:768px){ #top-editarea{ height: initial; background: rgba(0,0,0,0.2);/*MENU背景色*/ text-align: right;/*MENUの文字の位置*/ width: 100%; } .menu-toggle{ color: #000;/*MENUの文字色*/ display: inline-block; padding: 5px; margin: 3px; } #menu { width: 100%; display: none; height: initial; padding: 0; margin: 0; } .menu-inner{ width: 100%; height: initial; position: static; margin: 0; } #menu li{ float: none; height: 35px; width: 100%; list-style-type: none; background: rgba(0,0,0,0);/*リスト文字の背景色*/ margin: 0 auto; text-align: left;/*リストの文字の位置*/ } #menu li a { height: initial; color: #000;/*リスト文字色*/ display: block; } #menu li:hover a{ color: #A4A4A4; background: initial; } } h3 { position: relative; font-size:19px!important; border-left: 10px solid #ff6347; border-bottom: 1px dashed #ff6347; padding-left:10px; margin-bottom:1.5em!important; } h2{ position: relative; font-size:24px!important; border-left: 10px solid #CC3366; border-bottom: 1px solid #CC3366; padding-left:10px; } h4 { position: relative; font-size:16px!important; display:inline-block; border-left: 10px solid #ffdab9; border-bottom: 1px dashed #ffdab9; padding-left:7px!important; padding-top:10px!important; margin-bottom:1.5em!important; } h8 { position: relative; padding-left: 25px; display:inline-block; font-size:17px; font-weight: bold; } h8:before { position: absolute; content: ''; bottom: -3px; left: 0; width: 0; height: 0; border: none; border-left: solid 15px transparent; border-bottom: solid 15px rgb(90, 185, 255); } h8:after { position: absolute; content: ''; bottom: -3px; left: 10px; width: 100%; border-bottom: solid 3px rgb(90, 185, 255); } h7{ position: relative; display:block; padding: 10px 20px; font-size:24px!important; text-align:center; border-top: solid 1px #325A8C; border-bottom: solid 1px #325A8C; } h7::before, h7::after{ content: ''; position: absolute; top: -10px; width: 1px; height: calc(100% + 20px); background-color: #325A8C; } h7::before{left: 10px;} h7::after{right: 10px;} .waku{ color: #505050;/*文字色*/ padding: 0.5em;/*文字周りの余白*/ display: inline-block;/*おまじない*/ line-height: 1.3;/*行高*/ background: #dbebf8;/*背景色*/ vertical-align: middle;/*上下中央*/ border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/ } .waku:before { content: '●'; color: white; margin-right: 8px; } /* 画像枠 */ .hatena-fotolife { display: inline-block!important; box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8)!important; } /* 囲み枠 */ .mainpoint{ position: relative; padding: 0.7em 1em 0em 1em; border: solid 2px #ffcb8a; border-radius: 3px 0 3px 0; } .mainpoint:before,.mainpoint:after { content: ''; position: absolute; width:10px; height: 10px; border: solid 2px #ffcb8a; border-radius: 50%; } .mainpoint:after { top:-12px; left:-12px; } .mainpoint:before { bottom:-12px; right:-12px; } .mainpoint p { margin: 0; padding: 0; } .mainpoint .box-title { position: absolute; display: inline-block; top: -10px; left: 10px; padding: 0 9px; line-height: 1; font-size: 16px; background: #FFF; color: #ffcb8a; font-weight: bold; } .entry-content .mainpoint ul { padding-left:1em!important; } .entry-content .mainpoint ul li { line-height:1.5!important; padding-bottom:1em; } .entry-content .mainpoint ul li:before { color:#ffcb8a; } /* 矢印アイコン */ .arrow{ position: relative; display: inline-block; color: #3367d6; vertical-align: middle; font-size: 17px; padding:1.5em 1.5em 1.5em 2.2em; line-height: 1.5; border: 1px solid #f5f5f5; background-color: #fff; box-shadow: 5px 5px 5px #AAA; border-radius: 15px;/*角の丸み*/ -moz-border-radius: 15px;/*角の丸み*/ -webkit-border-radius: 15px;/*角の丸み*/ } .arrow::before, .arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .yajirushi::before{ width: 20px; height: 20px; left:10px; -webkit-border-radius: 50%; border-radius: 50%; background: #4682b4; } .yajirushi::after{ left: 18px; box-sizing: border-box; width: 7px; height: 7px; border: 7px solid transparent; border-left: 7px solid #fff; } @keyframes bounce { 50% { transform: translateY(-10px); } } @keyframes pulsate { 0% { opacity: 0; } 50% { transform: scale(0.5); opacity: 0.2; } 100% { opacity: 0; } } .pager-next a:before { font-family: "FontAwesome"; content: "\f0da"; display: block; font-size: 32px; margin-bottom: 10px; } a.entry-see-more:after { font-family: "FontAwesome"; content: "\f0da"; margin-left: 6px; } .pager-prev a:before { font-family: "FontAwesome"; content: "\f0d9"; display: block; font-size: 32px; margin-bottom: 10px; } .categories a:before { font-family: "FontAwesome"; content: "\f02b"; margin-right: 5px; display: inline-block; } a.entry-see-more{ text-decoration: none!important; }