記事一覧 – ハピエル

.feedzy-rss-link-icon:after { content: url("https://happyell.com/wp-content/plugins/feedzy-rss-feeds/img/external-link.png"); margin-left: 3px; } img#wpstats{display:none}body{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif}table.tablemini{padding:1px;table-layout:fixed;width:98%}.cardlink{margin:0}.nv-mask li a{padding:.3em}.p-entry__description{font-size:1.2em;line-height:1.5}.yasui{background:#b6d7a8}.naka{background:#f9cb9c}.takai{background:#ea9999}hr{height:18px;border:0;box-shadow:inset 0 12px 12px -12px rgba(88,185,230,.6)}body{overflow:visible}.cardlink_excerpt{display:block;position:relative;width:30%;padding:10px 0;margin:16px auto;background-color:#ffe;border-radius:5px;font-weight:bold;font-size:16px;color:#f88;text-align:center;text-decoration:none;overflow:hidden;animation-name:cardlink_excerpt;animation-duration:3s;animation-iteration-count:infinite}.cardlink_excerpt:visited{color:#eef}.cardlink_excerpt:hover{text-decoration:none;color:red;opacity:.9}.cardlink_excerpt::before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn10 2s ease-in-out infinite}@keyframes cardlink_excerpt{ 0%{ width: 30%; background-color: #ffe;/*ボタンの色*/ } 30%{ width: 40%; } 100%{ width: 30%; background-color: #fff;/*ボタンの色*/ } }.bt_red{background-color:#f2888d;animation-name:bt_red;animation-duration:2s;animation-iteration-count:infinite;transition:.4s}.bt_red,.bt_green,.bt_blue{display:block;position:relative;width:80%;padding:10px 0;margin:30px auto;border-radius:25px;font-weight:bold;font-size:18px;color:#fff;text-align:center;text-decoration:none;overflow:hidden}.bt_red:hover{text-decoration:none;color:#fff;opacity:.7}.bt_red::before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn10 3s ease-in-out infinite}@keyframes bt_red{ 0%{ background-color: #f2888d;/*ボタンの色*/ } 10%{ background-color: #d0666b;/*ボタンの色*/ } 100%{ background-color: #f2888d;/*ボタンの色*/ } }@media only screen and (max-width:900px){body.admin-bar{padding-top:1.3em}.l-header{height:40px}.p-entry__title{font-size:1.3em}}@media screen and (min-width:100px) and (max-width:600px){.l-header{height:5px}}#toc_container{margin:20px auto 30px;background-color:rgba(44,153,181,.04);border:3px solid rgba(64,105,144,.2);border-radius:3px;box-sizing:border-box;padding:38px 52px;display:table;min-width:68%;counter-reset:li}#toc_container ul.toc_list li::before{content:none;padding:0;margin:0;width:0;height:0;background:none;box-shadow:none}#toc_container .toc_title{text-align:center;font-weight:bold;font-size:118%;padding:0}#toc_container .toc_title::before{position:relative;font-size:28px;content:"\2254";display:inline-block;width:40px;height:40px;line-height:34px;margin-right:8px;border-radius:50%;vertical-align:baseline;speak:none;-webkit-font-smoothing:antialiased;color:#fff;background-color:#5f7b96}#toc_container .toc_toggle a{font-size:13px;font-weight:normal;padding:2px 4px}#toc_container p.toc_title+ul.toc_list{padding:20px 0 0;margin:20px 0 0;border-top:1px solid rgba(0,0,0,.1)}#toc_container ul.toc_list li{position:relative;padding:0;margin:0}#toc_container ul.toc_list li a{position:relative;font-size:94%;font-weight:normal;text-decoration:none;display:inline-block;line-height:1.6;padding:3px 0;margin:5px 0;transition:all .3s ease}#toc_container ul.toc_list a,#toc_container ul.toc_list a:visited{color:#5f7b96}#toc_container ul.toc_list li a:hover{text-decoration:none;box-shadow:0 2px}#toc_container ul.toc_list>li>a{font-size:104%;font-weight:bold;margin-left:40px}#toc_container ul.toc_list>li::before,#toc_container ul.toc_list>li::after{position:absolute;top:3px;left:0}#toc_container ul.toc_list>li::before{content:'';display:inline-block;vertical-align:bottom;width:32px;height:32px;margin-right:7px;border-radius:16px;background-color:rgba(125,157,188,.66)}#toc_container ul.toc_list>li::after{counter-increment:li;content:counter(li);width:32px;line-height:32px;font-family:'Avenir Next','Helvetica Neue',Arial,'Meiryo','Yu Gothic',san-serif;font-weight:400;text-align:center;color:#fff}#toc_container ul.toc_list>li>ul{margin-left:40px}#toc_container ul.toc_list>li ul li::before{position:absolute;top:3px;left:0;content:'\2023';display:inline-block;width:14px;height:28px;line-height:28px;font-size:18px;color:#5f7b96}#toc_container ul.toc_list>li ul li a{font-weight:normal;margin-left:16px}@media only screen and (max-width:667px){#toc_container{padding:20px 3vw;min-width:auto;width:100%!important}#toc_container p.toc_title+ul.toc_list{padding:20px 0 0}#toc_container ul.toc_list>li>ul{margin-left:30px}}.snsshare ul{margin:0;list-style-type:none;display:flex;flex-wrap:wrap;gap:10px}.snsshare li{width:calc(28%)}.snsshare a{box-sizing:border-box;display:block;padding:.6em 0;border-radius:3px;color:#fff;text-decoration:none;text-align:center;font-weight:bold}.btn--twitter{background:#55acee}.btn--facebook{background:#3b5998}.btn--line{background:#00b900}.ranking-img{display:inline-block;width:120px;height:120px;float:left;margin:3px 15px 10px 0}.sga-ranking{counter-reset:number}.sga-ranking li{position:relative;list-style:none}.sga-ranking li:before{counter-increment:number;content:counter(number);position:absolute;top:0;left:0;width:1.6em;height:1.6em;line-height:1.6em;font-size:12px;color:#fff;text-align:center;background:rgba(0,153,255,.4);z-index:1}.sga-ranking li.sga-ranking-list.sga-ranking-list-1:before{background:rgba(218,179,0,.6)}.sga-ranking li.sga-ranking-list.sga-ranking-list-2:before{background:rgba(192,192,192,.4)}.sga-ranking li.sga-ranking-list.sga-ranking-list-3:before{background:rgba(129,90,43,.5)}body.admin-bar{padding-top:0}.widgettitle{font-size:14px}.p-entry__body h2{font-size:12px}.p-entry__body h4{font-size:12px}img{max-height:150px;float:left}.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff;transform-origin:center center}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px}.saboxplugin-wrap{border-color:#d93}.saboxplugin-wrap .saboxplugin-socials{border-color:#d93}.saboxplugin-wrap .saboxplugin-gravatar img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.saboxplugin-wrap .saboxplugin-gravatar img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.saboxplugin-wrap{margin-top:0;margin-bottom:0;padding:0 0}.saboxplugin-wrap .saboxplugin-authorname{font-size:14px;line-height:21px}.saboxplugin-wrap .saboxplugin-desc p,.saboxplugin-wrap .saboxplugin-desc{font-size:12px!important;line-height:19px!important}.saboxplugin-wrap .saboxplugin-web{font-size:14px}.saboxplugin-wrap .saboxplugin-socials a svg{width:14px;height:14px}