<!DOCTYPE html>
<!-- saved from url=(0041)file:///Users/yutaka/Downloads/Pesod.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content="noindex,nofollow,noarchive" name="robots"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><script type="text/javascript" async="" src="./Pesodソースコード_files/heatmap-825730641f21881879fc687c9b0b530c21479d2ffba81266dec19d1e50172500.js"></script><script type="text/javascript" async="" src="file:///Users/yutaka/Downloads/Pesod_files/heatmap-825730641f21881879fc687c9b0b530c21479d2ffba81266dec19d1e50172500.js"></script><script src="file:///Users/yutaka/Downloads/Pesod_files/application-fca8d9efa05c78924c0cd69ac04e80463c29b4739e17719a703325084eafa398.js"></script><style type="text/css">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}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"],/* 1 */</style><style type="text/css">body{font-size:17px;background-color:#F4F4F4;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none}@media screen and (min-width: 920px){body{width:620px;margin:0 auto}}body .article-header-wrapper img{max-width:100%}body .article-body{position:relative;font-size:17px;line-height:1.8;padding:15px 20px;background-color:#ffffff}body .article-body span,body .article-body p,body .article-body div,body .article-body h1,body .article-body h2,body .article-body h3,body .article-body h4,body .article-body h5,body .article-body h6{max-width:100%}body .article-body .sb-font-bold{font-weight:bold}body .article-body .sb-color-black{color:#000}body .article-body .sb-color-red{color:#ff0000}body .article-body .sb-color-blue{color:#0000ff}body .article-body .sb-align-left{display:block;text-align:left}body .article-body .sb-align-center{display:block;text-align:center}body .article-body .sb-align-right{display:block;text-align:right}body .article-body .sb-bg-gray{background:linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-white{background:linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-black{background:linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-red{background:linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-green{background:linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-yellow{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-blue{background:linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-fs-10{font-size:10px}body .article-body .sb-fs-13{font-size:13px}body .article-body .sb-fs-15{font-size:15px}body .article-body .sb-fs-17{font-size:17px}body .article-body .sb-fs-19{font-size:19px}body .article-body .sb-fs-21{font-size:21px}body .article-body .sb-fs-23{font-size:23px}body .article-body .sb-fs-25{font-size:25px}body .article-body .sb-fs-27{font-size:27px}body .article-body .sb-fs-29{font-size:29px}body .article-body h2{font-size:27px;margin:0}body .article-body p{margin:0}body .article-body a{text-decoration:underline;color:#4682b4}body .article-body iframe{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body video{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body video:not(.lazyload){height:auto !important}body .article-body img:not(.lazyload){height:auto !important}body .article-body img{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body img.sb-fl{float:left;margin-right:10px}body .article-body img.sb-fc{display:block;float:none;margin:0 auto}body .article-body img.sb-fr{float:right;margin-left:10px}body .article-body img.sb-img-move-side{animation:sb_img_move_side 1s ease-in-out infinite alternate !important}@keyframes sb_img_move_side{0%{transform:translateX(-5px)}100%{transform:translateX(5px)}}body .article-body .sb-bg-gum-marker,body .article-body .sb-bg-gum-marker-animated{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.animated,body .article-body .sb-bg-gum-marker-animated.animated{background-position:bottom 0 right 100% !important}body .article-body .sb-bg-gum-marker.sb-bg-gray,body .article-body .sb-bg-gum-marker-animated.sb-bg-gray{background:linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-gray.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-gray.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-white,body .article-body .sb-bg-gum-marker-animated.sb-bg-white{background:linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-white.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-white.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-black,body .article-body .sb-bg-gum-marker-animated.sb-bg-black{background:linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-black.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-black.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-red,body .article-body .sb-bg-gum-marker-animated.sb-bg-red{background:linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-red.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-red.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-green,body .article-body .sb-bg-gum-marker-animated.sb-bg-green{background:linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-green.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-green.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-yellow,body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-yellow.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-blue,body .article-body .sb-bg-gum-marker-animated.sb-bg-blue{background:linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-blue.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-blue.animated{background-position:bottom 0 right 100%}body .article-body .article-body-comment{display:table;margin-bottom:1.5em;padding-bottom:1em;width:100% !important;max-width:100% !important}body .article-body .article-body-comment .comment-image,body .article-body .article-body-comment .comment-content{display:table-cell;vertical-align:top}body .article-body .article-body-comment .comment-image{padding-right:1em}body .article-body .article-body-comment .comment-image>img{display:block;height:auto;max-width:none;margin-top:0 !important;margin-bottom:0 !important}body .article-body .article-body-comment .comment-content{width:100%}body .article-body .article-body-comment .comment-content .comment-title{font-size:1em;margin:0 0 0.5em 0;font-weight:bold}body .article-body .article-body-comment .comment-content p{line-height:1.5em;margin-bottom:0.5em}body .article-body .article-body-comment .comment-content p.comment-detail{color:rgba(51,51,51,0.5);font-size:0.9em;font-style:italic}body .article-body .sb-custom img{display:block !important}body .article-body .sb-form iframe{height:0;margin:0 auto !important}</style><script src="file:///Users/yutaka/Downloads/Pesod_files/polyfill.min.js"></script><script src="file:///Users/yutaka/Downloads/Pesod_files/URI.min.js"></script><script type="text/javascript" src="file:///Users/yutaka/Downloads/Pesod_files/smooth-scroll.min.js"></script><style>._1QWuYMJBqfxf6bvBHbXFU4{top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(70,70,70,0.6);opacity:0;height:1px;position:absolute;top:-9999px;display:flex}._1QWuYMJBqfxf6bvBHbXFU4._14NjOICugd8xjs-aUBAHWh{opacity:1;top:0;position:fixed;z-index:999999;height:unset}._1QWuYMJBqfxf6bvBHbXFU4.g9cMJTLFvuy-6BhtBdaNB{opacity:0 !important}._1QWuYMJBqfxf6bvBHbXFU4.yilK9b7_Ib5zq7_voChWF{align-items:center;justify-content:center}._1QWuYMJBqfxf6bvBHbXFU4.yilK9b7_Ib5zq7_voChWF .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem}._1QWuYMJBqfxf6bvBHbXFU4.yilK9b7_Ib5zq7_voChWF .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem}._1QWuYMJBqfxf6bvBHbXFU4._2QQNEvKnv_NZfocN7vIP8P{align-items:flex-start;justify-content:center}._1QWuYMJBqfxf6bvBHbXFU4._2QQNEvKnv_NZfocN7vIP8P .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem}._1QWuYMJBqfxf6bvBHbXFU4._2QQNEvKnv_NZfocN7vIP8P ._3xv8I4wzXynCMrx5__vZyn{right:-10px;bottom:-10px;top:unset}._1QWuYMJBqfxf6bvBHbXFU4._1BaAvI_ZQy_2z6Gp35pbrF{justify-content:center;align-items:flex-end}._1QWuYMJBqfxf6bvBHbXFU4._1BaAvI_ZQy_2z6Gp35pbrF .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem}._1QWuYMJBqfxf6bvBHbXFU4.SdWzAfbaXmshL3osR7wED{align-items:center;justify-content:flex-start}._1QWuYMJBqfxf6bvBHbXFU4.SdWzAfbaXmshL3osR7wED .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem 0 0}._1QWuYMJBqfxf6bvBHbXFU4._2qf5KJWnwLjjM4jHU3t0p2{align-items:center;justify-content:flex-end}._1QWuYMJBqfxf6bvBHbXFU4._2qf5KJWnwLjjM4jHU3t0p2 .VC1NfUlCFgljCAXNpOL7E{margin:0 0 0 1rem}._1QWuYMJBqfxf6bvBHbXFU4._2qf5KJWnwLjjM4jHU3t0p2 ._3xv8I4wzXynCMrx5__vZyn{left:-10px;right:unset}._1QWuYMJBqfxf6bvBHbXFU4._2Q9FhKeCR0S1dpnAypjHew{align-items:flex-start;justify-content:flex-start}._1QWuYMJBqfxf6bvBHbXFU4._2Q9FhKeCR0S1dpnAypjHew .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem 0 0}._1QWuYMJBqfxf6bvBHbXFU4._2Q9FhKeCR0S1dpnAypjHew ._3xv8I4wzXynCMrx5__vZyn{right:-10px;bottom:-10px;top:unset}._1QWuYMJBqfxf6bvBHbXFU4._3X9dSNCtV9mQteWJlIxtZs{align-items:flex-start;justify-content:flex-end}._1QWuYMJBqfxf6bvBHbXFU4._3X9dSNCtV9mQteWJlIxtZs .VC1NfUlCFgljCAXNpOL7E{margin:0 0 0 1rem}._1QWuYMJBqfxf6bvBHbXFU4._3X9dSNCtV9mQteWJlIxtZs ._3xv8I4wzXynCMrx5__vZyn{left:-10px;bottom:-10px;right:unset;top:unset}._1QWuYMJBqfxf6bvBHbXFU4._1MGZSf5yxvkuMFPpOac2_4{align-items:flex-end;justify-content:flex-start}._1QWuYMJBqfxf6bvBHbXFU4._1MGZSf5yxvkuMFPpOac2_4 .VC1NfUlCFgljCAXNpOL7E{margin:0 1rem 0 0}._1QWuYMJBqfxf6bvBHbXFU4._28Cfwbxk8h6wuajc2CaiGQ{align-items:flex-end;justify-content:flex-end}._1QWuYMJBqfxf6bvBHbXFU4._28Cfwbxk8h6wuajc2CaiGQ .VC1NfUlCFgljCAXNpOL7E{margin:0 0 0 1rem}._1QWuYMJBqfxf6bvBHbXFU4._28Cfwbxk8h6wuajc2CaiGQ ._3xv8I4wzXynCMrx5__vZyn{left:-10px;right:unset}.VC1NfUlCFgljCAXNpOL7E{position:relative;max-height:100%}.VC1NfUlCFgljCAXNpOL7E ._3wdLSFIP4sk7o6En77Kr0h{display:block}.VC1NfUlCFgljCAXNpOL7E iframe{border:none;max-width:100%;width:100%;pointer-events:none}.VC1NfUlCFgljCAXNpOL7E img,.VC1NfUlCFgljCAXNpOL7E video{max-width:100%;height:auto}._3xv8I4wzXynCMrx5__vZyn{width:24px;height:24px;line-height:22px;border-radius:24px;text-align:center;background-color:rgba(0,0,0,0.3);color:#ffffff;border:1px solid #ffffff;position:absolute;right:-10px;top:-10px;z-index:100001}._3xv8I4wzXynCMrx5__vZyn:before{content:'×'}._3xv8I4wzXynCMrx5__vZyn:hover{cursor:pointer}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE{pointer-events:all;margin:0 !important;width:100%;opacity:0;height:1px;position:fixed;top:-9999px}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._14NjOICugd8xjs-aUBAHWh{opacity:1;top:0;position:fixed;z-index:999998;height:unset;top:unset}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE.g9cMJTLFvuy-6BhtBdaNB{opacity:0 !important}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE.yilK9b7_Ib5zq7_voChWF{top:50%;left:50%;transform:translate(-50%, -50%)}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2QQNEvKnv_NZfocN7vIP8P{top:0;left:50%;transform:translate(-50%, 0)}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2QQNEvKnv_NZfocN7vIP8P ._3xv8I4wzXynCMrx5__vZyn{right:-10px;bottom:-10px;top:unset}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._1BaAvI_ZQy_2z6Gp35pbrF{bottom:0;left:50%;transform:translate(-50%, 0)}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE.SdWzAfbaXmshL3osR7wED{top:50%;left:0;transform:translate(0, -50%)}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2qf5KJWnwLjjM4jHU3t0p2{top:50%;right:0;transform:translate(0, -50%)}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2qf5KJWnwLjjM4jHU3t0p2 ._3xv8I4wzXynCMrx5__vZyn{left:-10px;right:unset}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2Q9FhKeCR0S1dpnAypjHew{top:0;left:0}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._2Q9FhKeCR0S1dpnAypjHew ._3xv8I4wzXynCMrx5__vZyn{right:-10px;bottom:-10px;top:unset}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._3X9dSNCtV9mQteWJlIxtZs{top:0;right:0}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._3X9dSNCtV9mQteWJlIxtZs ._3xv8I4wzXynCMrx5__vZyn{left:-10px;bottom:-10px;right:unset;top:unset}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._1MGZSf5yxvkuMFPpOac2_4{bottom:0;left:0}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._28Cfwbxk8h6wuajc2CaiGQ{bottom:0;right:0}.VC1NfUlCFgljCAXNpOL7E._3JZXbmedaCeDGipHkZkpqE._28Cfwbxk8h6wuajc2CaiGQ ._3xv8I4wzXynCMrx5__vZyn{left:-10px;right:unset}._3wdLSFIP4sk7o6En77Kr0h{display:flex}
</style><style>:root{--translate-position: var(--translate-position)}:root{--translate-position: var(--translate-position)}.d3Bco6NZL3jB0DPVCSH9J{animation:d3Bco6NZL3jB0DPVCSH9J ease;animation-iteration-count:1;transform-origin:center top}@keyframes d3Bco6NZL3jB0DPVCSH9J{0%{transform:rotateX(0)}20%{transform:rotateX(480deg)}50%{transform:rotateX(300deg)}80%{transform:rotateX(400deg)}100%{transform:rotateX(360deg)}}._3O--SlEA4NGoSBRqeWaIXQ{animation:_3O--SlEA4NGoSBRqeWaIXQ ease;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes _3O--SlEA4NGoSBRqeWaIXQ{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--translate-position: var(--translate-position)}._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(1),._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(11){animation:_2fIA46C63XjN_qnwKRdgHM ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(-5% -5%, 25% 0%, 25% 120%, -4% 100%);transform-origin:12.5% 0px}._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(2),._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(12){animation:_2fIA46C63XjN_qnwKRdgHM ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(25% 0, 50% 0, 50% 100%, 24% 100%);transform-origin:25% 0px}._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(3),._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(13){animation:_2fIA46C63XjN_qnwKRdgHM ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(50% 0, 75% 0, 75% 100%, 49% 100%);transform-origin:50% 0px}._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(4),._2fIA46C63XjN_qnwKRdgHM ._23InlsCmii5q1uyOyWcxk1:nth-child(14){animation:_2fIA46C63XjN_qnwKRdgHM ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(75% -20%, 105% 0, 105% 100%, 74% 120%);transform-origin:75% 0px}._23InlsCmii5q1uyOyWcxk1{transform:rotateY(270deg);top:0;left:0;position:absolute}@keyframes _2fIA46C63XjN_qnwKRdgHM{0%{transform:rotateY(270deg)}50%{transform:rotateY(380deg)}100%{transform:rotateY(360deg)}}:root{--translate-position: var(--translate-position)}._2WGyn02yDeS3y84plv5439 .xZCrz6TgI3JA6Qt2wtXkg:nth-child(1){clip-path:polygon(0 0, 50% 0, 50% 100%, 0 100%);transform:var(--translate-position);transform-origin:left top}._2WGyn02yDeS3y84plv5439 .xZCrz6TgI3JA6Qt2wtXkg:nth-child(2){clip-path:polygon(50% 0, 100% 0, 100% 100%, 50% 100%);transform:var(--translate-position);transform-origin:right top}.xZCrz6TgI3JA6Qt2wtXkg{animation:_2WGyn02yDeS3y84plv5439 ease;animation-iteration-count:1;transform:var(--translate-position) rotateY(360deg);top:0;left:0;position:absolute}@keyframes _2WGyn02yDeS3y84plv5439{0%{transform:var(--translate-position) rotateY(-90deg)}100%{transform:var(--translate-position) rotateY(0deg)}}:root{--translate-position: var(--translate-position)}._2aGCrc-dsy72MWP2z3SjtG{transform:rotateY(180deg);top:0;left:0;position:absolute}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(1),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(11){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(-5% -5%, 25% 0, 25% 26%, 0 25%);transform-origin:12.5% 0px;animation-delay:520ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(2),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(12){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(50% 0, 25% 0, 25% 26%, 50% 25%);transform-origin:37.5% 0px;animation-delay:320ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(3),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(13){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(50% 0, 75% 0, 75% 26%, 50% 25%);transform-origin:62.5% 0px;animation-delay:350ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(4),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(14){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(100% -5%, 75% 0, 75% 26%, 115% 25%);transform-origin:87.5% 0px;animation-delay:50ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(5),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(15){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(0 50%, 0 25%, 25% 25%, 25% 50%);transform-origin:12.5% 0px;animation-delay:450ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(6),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(16){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(50% 50%, 50% 25%, 25% 25%, 25% 50%);transform-origin:37.5% 0px;animation-delay:350ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(7),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(17){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(50% 50%, 50% 25%, 75% 25%, 75% 50%);transform-origin:62.5% 0px;animation-delay:300ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(8),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(18){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(100% 50%, 100% 25%, 75% 25%, 75% 50%);transform-origin:87.5% 0px;animation-delay:80ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(9),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(19){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(25% 75%, 25% 50%, 0 50%, 0 75%);transform-origin:12.5% 0px;animation-delay:540ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(10),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(20){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(25% 75%, 25% 50%, 50% 50%, 50% 75%);transform-origin:37.5% 0px;animation-delay:570ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(11),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(21){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(75% 75%, 75% 50%, 50% 50%, 50% 75%);transform-origin:62.5% 0px;animation-delay:220ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(12),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(22){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(75% 75%, 75% 50%, 100% 50%, 100% 75%);transform-origin:87.5% 0px;animation-delay:0ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(13),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(23){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(25% 100%, -5% 105%, 0 75%, 25% 75%);transform-origin:12.5% 0px;animation-delay:400ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(14),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(24){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(25% 100%, 50% 100%, 50% 75%, 25% 75%);transform-origin:37.5% 0px;animation-delay:320ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(15),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(25){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(75% 100%, 50% 100%, 50% 75%, 75% 75%);transform-origin:62.5% 0px;animation-delay:180ms}._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(16),._1mHb3-ZKxVGCvR1VxV6d5 ._2aGCrc-dsy72MWP2z3SjtG:nth-child(26){animation:_1mHb3-ZKxVGCvR1VxV6d5 ease;animation-iteration-count:1;animation-fill-mode:forwards;clip-path:polygon(75% 100%, 100% 100%, 115% 75%, 75% 75%);transform-origin:87.5% 0px;animation-delay:100ms}@keyframes _1mHb3-ZKxVGCvR1VxV6d5{0%{transform:rotateY(180deg)}100%{transform:rotateY(0deg)}}._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(1),._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(11){animation:_25LsdyT1DZdcKfdtJ2JmJm cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-iteration-count:1;transform:rotateY(360deg);clip-path:polygon(-5% -5%, 25% 0%, 25% 115%, -5% 100%);transform-origin:12.5% 0px;animation-delay:0ms}._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(2),._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(12){animation:_25LsdyT1DZdcKfdtJ2JmJm cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-iteration-count:1;transform:rotateY(360deg);clip-path:polygon(25% 0, 50% 0, 50% 100%, 25% 100%);transform-origin:25% 0px;animation-delay:100ms}._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(3),._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(13){animation:_25LsdyT1DZdcKfdtJ2JmJm cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-iteration-count:1;transform:rotateY(360deg);clip-path:polygon(50% 0, 75% 0, 75% 100%, 50% 100%);transform-origin:50% 0px;animation-delay:150ms}._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(4),._25LsdyT1DZdcKfdtJ2JmJm ._2jlLIpageUUNHTN4nJIeE_:nth-child(14){animation:_25LsdyT1DZdcKfdtJ2JmJm cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-iteration-count:1;transform:rotateY(360deg);clip-path:polygon(75% -15%, 105% 0, 105% 100%, 75% 100%);transform-origin:75% 0px;animation-delay:50ms}._2jlLIpageUUNHTN4nJIeE_{top:0;left:0;opacity:0;position:absolute}@keyframes _25LsdyT1DZdcKfdtJ2JmJm{0%{transform:translateZ(700px) translateY(400px) translateX(-800px);opacity:0}100%{opacity:1}}
</style></head><body><div class="js-m-id" data-value="54"></div><div class="js-v-id" data-value="4fdeacfe-a09f-472e-a5be-8c5ee195823c"></div><div class="js-a-id" data-value="CrOwWhsvCqmObupLjA"></div><div class="js-ab-id" data-value="Pesod"></div><div class="js-f-id" data-value="28e96ce3-2ec3-437e-ad22-c25c3fcc40e5"></div><div class="js-asp-session" data-value="{"session_id":null}"></div><div class="js-folder-form-host" data-value="article.squadbeyond.com"></div><div class="js-has-funnel" data-value="false"></div><style></style><div class="article-header-wrapper"><img class="entered loaded" alt="" data-src="https://file.mysquadbeyond.com/uploads/article_header_photo/photo/22544/43490175-6e52-4f19-9206-498f81750e33.png" src="file:///Users/yutaka/Downloads/Pesod_files/43490175-6e52-4f19-9206-498f81750e33.png" data-ll-status="loaded"></div><style>
body {
}
.article-body {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
body .article-body iframe {
}
body .article-body img {
display: unset !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
body .article-body video {
display: unset !important;
}
body .article-body .sb-custom {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
}
body .article-body .sb-custom img {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
</style>
<div class="article-body" data-sbhi="3">
<div data-sbhi="4"><div class="sb-custom" data-sbhi="5"><span contenteditable="false" data-sbhi="6"><div id="sb-part-4351" class="sb-custom-part-l817bg7c9kd114lzmno" data-sbhi="7">
<!-- タグ設定のJavaScript headに以下をカットして貼り付けてください。
同一widgetを複数追加する場合、複数回貼付けは不要です。 -->
<script>
var countUpTimingFooter = countUpTimingFooter || {};
(function(_) {
const target = '.js-visibleTiming';
_.visibleTiming = function(el) {
// widgetが出てくるタイミング（サイト全体の○○%の時、初期：50%、0〜99まで）
let timing = 50;
window.addEventListener("DOMContentLoaded", function() {
el.classList.add('is-hidden');
});
let pageHeight = document.documentElement.clientHeight;
let visibleTiming = pageHeight * (timing / 100);
let scrollPos;
window.addEventListener('scroll', function() {
scrollPos = window.pageYOffset;
if (el.classList.contains('is-hidden')) {
el.classList.remove('is-hidden');
el.classList.add('is-visible');
}
if (scrollPos > visibleTiming) {
el.classList.remove('is-fadeOut');
el.classList.add('is-fadeIn');
} else {
el.classList.add('is-fadeOut')
el.classList.remove('is-fadeIn');
}
});
}
_.countCalc = function(el) {
let count = 48; //こちら○名見ています最小人数追加
let maxNum = 93; //最大人数
let timer = 30000; //1秒 = 1000
let numText = el.querySelector('.num');
numText.innerHTML = count;
const countUp = function() {
if (count < maxNum || count == maxNum) {
numText.innerHTML = count++;
} else {
count = maxNum;
}
}
setInterval(countUp, timer);
}
_.init = function() {
Array.from(document.querySelectorAll(target), el => {
_.countCalc(el);
_.visibleTiming(el)
})
};
})(countUpTimingFooter);
</script>
<!-- JavaScript headここまで -->
<!-- タグ設定のJavaScript bodyに以下をカットして貼り付けてください。
同一widgetを複数追加する場合、複数回貼付けは不要です。 -->
<script>
document.addEventListener('DOMContentLoaded', countUpTimingFooter.init, false);
</script>
<!--JavaScriptはここまで
以下がHTMLになります-->
<div class="adnext" id="alert" data-sbhi="10">
<div class="message-bottom js-visibleTiming is-visible is-fadeOut"><div class="inner sb-fixed"><div class="item sb-fixed"><div class="swiper-container sb-fixed"><div class="swiper-wrapper sb-fixed"><div class="slide sb-fixed"><p class="sb-fixed"><span class="num bounce animated sb-fixed" data-animation="bounce" data-duration="3" data-delay="3">48</span>人が回答中</p></div></div></div></div></div></div>
</div>
</div>
<style>#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .message-bottom {
position: fixed;
/* 表示位置（下基準） */
top: 0;
/* 表示位置（左基準） */
left: 0;
/* 横幅 */
width: 100%;
/* 行間 */
line-height: 1.5;
/* 透明度 */
opacity: 1;
z-index: 10000;
display: block;
/* wigetの高さ分移動する */
transform: translateY(0);
transition-property: opacity, transform;
/* アニメーションの速さ */
transition-duration: 0.3s;
/* 透明度 */
opacity: 1;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .is-hidden {
display: none;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .is-visible {
display: block;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .is-fadeIn {
/* wigetの高さ分移動する */
transform: translateY(0);
/* 透明度 */
opacity: 1;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .is-fadeOut {
/* wigetの高さ分移動する */
transform: translateY(42px);
/* 透明度 */
opacity: 0;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .inner {
position: relative;
height: 41px;
margin: 0;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno div {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .item {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 0;
display: block;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .swiper-container {
overflow: hidden;
width: 100%;
height: 48px;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .swiper-wrapper {
transform: translate3d(0, 0, 0);
position: relative;
width: 100%;
height: 120%;
z-index: 1;
display: flex;
-ms-transition-property: -ms-transform;
transition-property: transform;
box-sizing: content-box;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .slide {
padding: 7px 20px 10px 25px;
margin: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
/*背景色*/
background-color: #fef102;
text-align: center;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .item p {
/*文字サイズ*/
font-size: 25px;
text-shadow: none;
/*時間スペース*/
letter-spacing: .1em;
padding: 0;
margin: 0;
/*文字の色*/
color: #000000;
/*文字の太さ*/
font-weight: 600;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno
/*○名部分*/
.item span {
/*文字サイズ*/
font-size: 30px;
/*文字の太さ*/
font-weight: bold;
font-style: normal;
display: inline-block;
vertical-align: -1px;
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .num {
/*○名の文字色*/
color: #ff0000;
visibility: visible;
animation-duration: 3s;
animation-delay: 3s;
animation-iteration-count: infinite;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .bounce {
animation-name: bounce;
}
#sb-part-4351.sb-custom-part-l817bg7c9kd114lzmno .animated {
animation-fill-mode: both;
}
@keyframes bounce {
20% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: transleteY(0);
}
40% {
-webkit-transform: translateY(-12px);
-ms-transform: translateY(0);
transform: transleteY(-12px);
}
50% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: transleteY(0);
}
60% {
-webkit-transform: translateY(-12px);
-ms-transform: translateY(0);
transform: transleteY(-12px);
}
80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: transleteY(-12px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}</style></span></div></div>
<div data-sbhi="20"><br data-sbhi="21"></div>
<div data-sbhi="22"><br data-sbhi="23"></div>
<div style="text-align: center;" data-sbhi="24"><picture data-sbhi="25"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1541291/c0457ddd-bba3-495b-9627-013973bae9c8.webp" srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1541291/c0457ddd-bba3-495b-9627-013973bae9c8.webp" data-sbhi="26"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1541291/c0457ddd-bba3-495b-9627-013973bae9c8.avif" srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1541291/c0457ddd-bba3-495b-9627-013973bae9c8.avif" data-sbhi="27"><img src="file:///Users/yutaka/Downloads/Pesod_files/c0457ddd-bba3-495b-9627-013973bae9c8.png" class="entered loaded" height="472" width="570" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1541291/c0457ddd-bba3-495b-9627-013973bae9c8.png" data-ll-status="loaded" data-sbhi="28"></picture></div>
<div data-sbhi="29"><div class="sb-custom" data-sbhi="30"><span contenteditable="false" data-sbhi="31"><div id="sb-part-3097" class="sb-custom-part-l61otadfz1bnzn85lv" data-sbhi="32"> <!-- widgetを複数使用する場合はinputタグのname部分を適宜変更してください（1つのwidget内で同じ名前を命名してください） --><div class="booleanBox" data-sbhi="33">
<label data-sbhi="34"><input type="radio" name="booleanBox07" data-sbhi="35">
</label><label data-sbhi="36"><input type="radio" name="booleanBox07" data-sbhi="37"><div class="btn" data-sbhi="38"><font data-sbhi="39">はい</font></div></label><label data-sbhi="40"><input type="radio" name="booleanBox07" data-sbhi="41"><div class="btn" data-sbhi="42"><font data-sbhi="43">
いいえ
</font></div>
<hr data-sbhi="44"></label>
</div>
</div>
<style>#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox input[type="radio"] {
display: none;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox .btn {
white-space: nowrap;
border-radius: 0.25rem;
background-color: #eeeeee;
border: solid 0px;
padding: 0.5rem 0.5rem 0.5rem 4rem;
font-size: 1rem;
font-family: sans-serif;
font-weight: bold;
border: 1 solid transparent;
color: #373737;
text-decoration: none;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 1rem;
font-size: 23px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox .btn::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 1rem;
display: block;
width: 30px;
height: 30px;
border: solid 1px #eeeeee;
background: #ffffff;
border-radius: 4px;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox .btn:focus {
outline: none !important;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox input[type="radio"]:checked+.btn {
background-color: #3498da;
color: #fff;
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox input[type="radio"]:checked+.btn::after {
content: "";
display: block;
position: absolute;
top: 19px;
left: 18px;
border-left: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
width: 24px;
height: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3097.sb-custom-part-l61otadfz1bnzn85lv .booleanBox ::-moz-focus-inner {
border-color: transparent;
}</style></span></div></div>
<div style="text-align: center;" data-sbhi="46"><br data-sbhi="47"></div>
<div style="text-align: center;" data-sbhi="48"><picture data-sbhi="49"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1566109/3998cb04-00c9-49ad-a062-7bcf5890ea43.webp" srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1566109/3998cb04-00c9-49ad-a062-7bcf5890ea43.webp" data-sbhi="50"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1566109/3998cb04-00c9-49ad-a062-7bcf5890ea43.avif" srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1566109/3998cb04-00c9-49ad-a062-7bcf5890ea43.avif" data-sbhi="51"><img src="file:///Users/yutaka/Downloads/Pesod_files/3998cb04-00c9-49ad-a062-7bcf5890ea43.png" class="entered loaded" height="472" width="570" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1566109/3998cb04-00c9-49ad-a062-7bcf5890ea43.png" data-ll-status="loaded" data-sbhi="52"></picture></div>
<div data-sbhi="53"><div class="sb-custom" data-sbhi="54"><span contenteditable="false" data-sbhi="55"><div id="sb-part-3097" class="sb-custom-part-l61otnw8dzy1mht469o" data-sbhi="56"> <!-- widgetを複数使用する場合はinputタグのname部分を適宜変更してください（1つのwidget内で同じ名前を命名してください） --><div class="booleanBox" data-sbhi="57">
<label data-sbhi="58"><input type="radio" name="booleanBox06" data-sbhi="59">
</label><label data-sbhi="60"><input type="radio" name="booleanBox06" data-sbhi="61"><div class="btn" data-sbhi="62"><font data-sbhi="63">はい</font></div></label><label data-sbhi="64"><input type="radio" name="booleanBox06" data-sbhi="65"><div class="btn" data-sbhi="66"><font data-sbhi="67">
いいえ
</font></div>
<hr data-sbhi="68"></label>
</div>
</div>
<style>#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox input[type="radio"] {
display: none;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox .btn {
white-space: nowrap;
border-radius: 0.25rem;
background-color: #eeeeee;
border: solid 0px;
padding: 0.5rem 0.5rem 0.5rem 4rem;
font-size: 1rem;
font-family: sans-serif;
font-weight: bold;
border: 1 solid transparent;
color: #373737;
text-decoration: none;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 1rem;
font-size: 23px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox .btn::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 1rem;
display: block;
width: 30px;
height: 30px;
border: solid 1px #eeeeee;
background: #ffffff;
border-radius: 4px;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox .btn:focus {
outline: none !important;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox input[type="radio"]:checked+.btn {
background-color: #3498da;
color: #fff;
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox input[type="radio"]:checked+.btn::after {
content: "";
display: block;
position: absolute;
top: 19px;
left: 18px;
border-left: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
width: 24px;
height: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3097.sb-custom-part-l61otnw8dzy1mht469o .booleanBox ::-moz-focus-inner {
border-color: transparent;
}</style></span></div></div>
<div data-sbhi="70"><br data-sbhi="71"></div>
<div style="text-align: center;" data-sbhi="72"><picture data-sbhi="73"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872901/20b739ba-5ba3-4c1e-b753-1ab1603927f8.webp" data-sbhi="74"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872901/20b739ba-5ba3-4c1e-b753-1ab1603927f8.avif" data-sbhi="75"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" class="lazyload" height="472" width="570" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872901/20b739ba-5ba3-4c1e-b753-1ab1603927f8.png" data-sbhi="76"></picture></div>
<div data-sbhi="77"><div class="sb-custom" data-sbhi="78"><span contenteditable="false" data-sbhi="79"><div id="sb-part-3097" class="sb-custom-part-l620tmywmud2gp56qit" data-sbhi="80"> <!-- widgetを複数使用する場合はinputタグのname部分を適宜変更してください（1つのwidget内で同じ名前を命名してください） --><div class="booleanBox" data-sbhi="81">
<label data-sbhi="82"><input type="checkbox" name="booleanBox03" data-sbhi="83"></label><label data-sbhi="84"><input type="checkbox" name="booleanBox03" data-sbhi="85"><div class="btn" data-sbhi="86"><font data-sbhi="87">リピート率98.8%率の育毛力</font></div></label><label data-sbhi="88"><input type="checkbox" name="booleanBox03" data-sbhi="89"><div class="btn" data-sbhi="90"><font data-sbhi="91">
通常27,280円の遺伝子検査が無料
</font></div></label><label data-sbhi="92"><input type="checkbox" name="booleanBox03" data-sbhi="93"><div class="btn" data-sbhi="94"><font data-sbhi="95">
あなたの薄毛悩みを解決するパーソナル育毛剤
</font></div></label><label data-sbhi="96"><input type="checkbox" name="booleanBox03" data-sbhi="97"><div class="btn" data-sbhi="98"><font data-sbhi="99">業界最多級!106種類の育毛強化成分から厳選配合<br data-sbhi="100"></font></div>
<hr data-sbhi="101"></label>
</div>
</div>
<style>#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox {
background-color: #fff;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox input[type="checkbox"] {
display: none;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox .btn {
white-space: nowrap;
padding: 9px 20px 4px 40px;
font-size: 1rem;
font-family: sans-serif;
font-weight: bold;
color: #373737;
transition: all 0.1s;
position: relative;
text-align: inherit;
margin-bottom: 5px;
font-size: 15px;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox .btn::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 10px;
display: block;
width: 20px;
height: 20px;
border: solid 1px #373737;
background: #ffffff;
border-radius: 4px;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox .btn:focus {
outline: none !important;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox input[type="checkbox"]:checked+.btn {
background-color: #ffffff;
color: #373737;
}
#sb-part-3097.sb-custom-part-l620tmywmud2gp56qit .booleanBox input[type="checkbox"]:checked+.btn::after {
content: "";
display: block;
position: absolute;
top: 12px;
left: 13px;
border-left: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
width: 20px;
height: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}</style></span></div></div>
<div data-sbhi="103"><br data-sbhi="104"></div>
<div style="text-align: center;" data-sbhi="105"><picture data-sbhi="106"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1545153/acb6dda0-9142-4ec2-817f-257e4afd79fc.webp" data-sbhi="107"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1545153/acb6dda0-9142-4ec2-817f-257e4afd79fc.avif" data-sbhi="108"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" class="lazyload" height="472" width="570" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1545153/acb6dda0-9142-4ec2-817f-257e4afd79fc.png" data-sbhi="109"></picture></div>
<div data-sbhi="110"><div class="sb-custom" data-sbhi="111"><span contenteditable="false" data-sbhi="112"><div id="sb-part-3097" class="sb-custom-part-l620tytpx8llcjieolb" data-sbhi="113"> <!-- widgetを複数使用する場合はinputタグのname部分を適宜変更してください（1つのwidget内で同じ名前を命名してください） --><div class="booleanBox" data-sbhi="114">
<label data-sbhi="115"><input type="checkbox" name="booleanBox04" data-sbhi="116">
</label><label data-sbhi="117"><input type="checkbox" name="booleanBox04" data-sbhi="118"><div class="btn" data-sbhi="119"><font data-sbhi="120">とにかくモテたい</font></div></label><label data-sbhi="121"><input type="checkbox" name="booleanBox04" data-sbhi="122"><div class="btn" data-sbhi="123"><font data-sbhi="124">
見た目を若くしたい
</font></div></label><label data-sbhi="125"><input type="checkbox" name="booleanBox04" data-sbhi="126"><div class="btn" data-sbhi="127"><font data-sbhi="128">
気になるあの人にアプローチしたい
</font></div></label><label data-sbhi="129"><input type="checkbox" name="booleanBox04" data-sbhi="130"><div class="btn" data-sbhi="131"><font data-sbhi="132">
好きなヘアセットで出かけたい
</font></div>
<hr data-sbhi="133"></label>
</div>
</div>
<style>#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox input[type="checkbox"] {
display: none;
}
#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox .btn {
white-space: nowrap;
padding: 6px 3px 3px 40px;
font-size: 1rem;
font-family: sans-serif;
font-weight: bold;
border: 1 solid transparent;
color: #373737;
text-decoration: none;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 0rem;
font-size: 19px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox .btn::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 10px;
display: block;
width: 20px;
height: 20px;
border: solid 1px #373737;
background: #ffffff;
border-radius: 4px;
}
#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox input[type="checkbox"]:checked+.btn::after {
content: "";
display: block;
position: absolute;
top: 12px;
left: 13px;
border-left: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
width: 20px;
height: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3097.sb-custom-part-l620tytpx8llcjieolb .booleanBox ::-moz-focus-inner {
border-color: transparent;
}</style></span></div></div>
<div data-sbhi="135"><br data-sbhi="136"></div>
<div style="text-align: center;" data-sbhi="137"><picture data-sbhi="138"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872903/494fef27-7fa8-4ef5-b968-9ac7f89925bf.webp" data-sbhi="139"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872903/494fef27-7fa8-4ef5-b968-9ac7f89925bf.avif" data-sbhi="140"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" class="lazyload" height="472" width="570" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1872903/494fef27-7fa8-4ef5-b968-9ac7f89925bf.png" data-sbhi="141"></picture></div>
<div data-sbhi="142"><div class="sb-custom" data-sbhi="143"><span contenteditable="false" data-sbhi="144"><div id="sb-part-3097" class="sb-custom-part-l5w6sto1wbcpctwdmo" data-sbhi="145"> <!-- widgetを複数使用する場合はinputタグのname部分を適宜変更してください（1つのwidget内で同じ名前を命名してください） --><div class="booleanBox" data-sbhi="146">
<label data-sbhi="147"><input type="radio" name="booleanBox01" data-sbhi="148">
</label><label data-sbhi="149"><input type="radio" name="booleanBox01" data-sbhi="150"><div class="btn" data-sbhi="151"><font data-sbhi="152">はい</font></div></label><label data-sbhi="153"><input type="radio" name="booleanBox01" data-sbhi="154"><div class="btn" data-sbhi="155"><font data-sbhi="156">
いいえ
</font></div></label>
</div>
</div>
<style>#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox input[type="radio"] {
display: none;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox .btn {
white-space: nowrap;
border-radius: 0.25rem;
background-color: #eeeeee;
border: solid 0px;
padding: 0.5rem 0.5rem 0.5rem 4rem;
font-size: 1rem;
font-family: sans-serif;
font-weight: bold;
border: 1 solid transparent;
color: #373737;
text-decoration: none;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
display: inline-block;
width: 100%;
text-align: left;
margin-bottom: 1rem;
font-size: 23px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox .btn::before {
content: "";
display: block;
position: absolute;
top: 12px;
left: 1rem;
display: block;
width: 30px;
height: 30px;
border: solid 1px #eeeeee;
background: #ffffff;
border-radius: 4px;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox .btn:focus {
outline: none !important;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox input[type="radio"]:checked+.btn {
background-color: #3498da;
color: #fff;
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox input[type="radio"]:checked+.btn::after {
content: "";
display: block;
position: absolute;
top: 19px;
left: 18px;
border-left: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
width: 24px;
height: 9px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3097.sb-custom-part-l5w6sto1wbcpctwdmo .booleanBox ::-moz-focus-inner {
border-color: transparent;
}</style></span></div></div>
<div data-sbhi="158"><div class="sb-custom" data-sbhi="159"><span contenteditable="false" data-sbhi="160"><div id="sb-part-6343" class="sb-custom-part-l8vfsde627wspzjlxq3" data-sbhi="161">
<br data-sbhi="162"><br data-sbhi="163">
<!-- タグ設定のJavaScript headに以下をカットして貼り付けてください。
同一widgetを複数追加する場合、複数回貼付けは不要です。 -->
<script>
var revealBtnBlurShow = revealBtnBlurShow || {};
(function(_) {
_.init = function() {
var questionBox = Array.from(document.querySelectorAll('.js-questionRevealBlur'));
questionBox.forEach(function(qb) {
var completeBtn = qb.querySelector('.js-send');
var finalArea = qb.querySelector('.finalArea');
var revealArea = qb.querySelector('.js-reveal');
completeBtn.addEventListener('click', function(e) {
finalArea.classList.toggle('is-hidden');
e.target.disabled = true;
var targetOffsetTop = window.pageYOffset + revealArea.getBoundingClientRect().top;
window.scrollTo({
top: targetOffsetTop,
behavior: 'smooth',
});
});
});
};
})(revealBtnBlurShow);
</script>
<!-- JavaScript headここまで -->
<!-- タグ設定のJavaScript bodyに以下をカットして貼り付けてください。
同一widgetを複数追加する場合、複数回貼付けは不要です。 -->
<script>
document.addEventListener('DOMContentLoaded', revealBtnBlurShow.init, false);
</script>
<!-- JavaScript bodyここまで -->
<!-- HTMLここから -->
<div class="c-reveal-blur js-questionRevealBlur" data-sbhi="166">
<div class="finalArea is-hidden" data-sbhi="167">
<div class="send-btn" data-sbhi="168"><button class="js-send" type="button" data-sbhi="169">回答を完了する</button></div>
<div class="revealarea js-reveal" data-sbhi="170">
<picture data-sbhi="171"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="570" height="259" class="lazyload" draggable="false" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580224/034678af-bdf4-4f26-aa37-7ad3c7f7a7bc.png" data-sbhi="172"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580224/034678af-bdf4-4f26-aa37-7ad3c7f7a7bc.webp" data-sbhi="173"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580224/034678af-bdf4-4f26-aa37-7ad3c7f7a7bc.avif" data-sbhi="174"></picture><picture data-sbhi="175"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775840/b910002a-1f9f-4a48-b07a-affc62c46bff.webp" data-sbhi="176"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775840/b910002a-1f9f-4a48-b07a-affc62c46bff.avif" data-sbhi="177"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="570" height="259" draggable="false" class="lazyload" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775840/b910002a-1f9f-4a48-b07a-affc62c46bff.png" data-sbhi="178"></picture><br data-sbhi="179"><picture data-sbhi="180"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="603" height="274" class="lazyload" draggable="false" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580201/6c85c0dd-0837-44f2-8577-67afea440f8e.png" data-sbhi="181"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580201/6c85c0dd-0837-44f2-8577-67afea440f8e.webp" data-sbhi="182"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1580201/6c85c0dd-0837-44f2-8577-67afea440f8e.avif" data-sbhi="183"></picture><br data-sbhi="184"><div class="puyoBtn__area" data-sbhi="185"><a href="https://prsna.jp/z3137?adcd=willfab01oo&utm_source=wiled&utm_medium=cpc&utm_campaign=will-fb01&squadbeyond_uid=4fdeacfe-a09f-472e-a5be-8c5ee195823c&sb_article_uid=CrOwWhsvCqmObupLjA" class="btn" draggable="false" data-sbhi="186">
<picture data-sbhi="187"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775839/e1367f36-1208-42a8-8125-f25c367665fe.webp" data-sbhi="188"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775839/e1367f36-1208-42a8-8125-f25c367665fe.avif" data-sbhi="189"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="603" height="176" draggable="false" class="lazyload" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775839/e1367f36-1208-42a8-8125-f25c367665fe.png" data-sbhi="190"></picture>
</a></div>
<p data-sbhi="191"><font size="5" color="#ff0000" data-sbhi="192">＜＜<span class="js-s-current-date" data-sbhi="193">11/9</span>現在残りわずか＞＞</font></p>
<!-- 以下はカットしてjavascript bodyに貼り付けてください --><script>
(function() {
var elements = document.querySelectorAll('.js-s-current-date');
var date = new Date();
var yyyy = date.getFullYear();
var mm = date.getMonth() + 1;
var dd = date.getDate();
var dateString = mm + '/' + dd
for (let ele of elements) {
ele.innerHTML = dateString;
}
})();
</script><br data-sbhi="195"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="603" height="416" draggable="false" class="lazyload" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1579838/107292f5-233e-42f4-94bb-6e8bd3396ff7.png" data-sbhi="196">
<br data-sbhi="197"><div class="puyopuyo" data-sbhi="198">
<a href="https://prsna.jp/z3137?adcd=willfab01oo&utm_source=wiled&utm_medium=cpc&utm_campaign=will-fb01&squadbeyond_uid=4fdeacfe-a09f-472e-a5be-8c5ee195823c&sb_article_uid=CrOwWhsvCqmObupLjA" class="btn" draggable="false" data-sbhi="199">
<img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" draggable="false" class="btn-kasanaru lazyload" height="114" width="405" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1602810/1e4714ba-8de8-4cfd-843e-ebc006ab4d79.png" data-sbhi="200"></a><picture data-sbhi="201"><source type="image/webp" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775856/31132143-8372-4f7c-9a2e-f84ac574f482.webp" data-sbhi="202"><source type="image/avif" data-srcset="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775856/31132143-8372-4f7c-9a2e-f84ac574f482.avif" data-sbhi="203"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="570" height="834" draggable="false" class="lazyload" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1775856/31132143-8372-4f7c-9a2e-f84ac574f482.png" data-sbhi="204"></picture>
<br data-sbhi="205"><img src="file:///Users/yutaka/Downloads/Pesod_files/lazy.png" width="750" height="316" draggable="false" class="lazyload" data-src="https://file.mysquadbeyond.com/uploads/article_photo/photo/1573117/d55676fa-b6b0-401b-8d84-01d2641c0745.png" data-sbhi="206">
</div>
</div>
</div>
</div>
</div>
<style>#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .c-reveal-blur {
width: 100%;
max-width: 750px;
font-size: 16px;
margin: 1rem auto;
padding: 0;
line-height: 1.5;
box-sizing: border-box;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .finalArea {
position: relative;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .send-btn {
margin: 0 auto;
padding: 40px 0;
box-sizing: border-box;
position: relative;
width: 100%;
z-index: 1;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .send-btn button {
width: 80%;
font-size: 3rem;
font-weight: bold;
text-align: center;
border: none;
color: #fff;
margin: 0 auto;
padding: 20px 10px;
background-color: #333;
border-radius: 10px;
box-shadow: 0 5px 0 #000;
position: relative;
pointer-events: auto;
box-sizing: border-box;
cursor: pointer;
display: block;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .send-btn button:disabled {
background-color: #b1b1b1;
box-shadow: none;
pointer-events: none;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .revealarea {
font-size: 1.2rem;
text-align: left;
margin: 2rem auto 0;
padding: 0;
box-sizing: border-box;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .finalArea.is-hidden .revealarea {
display: none;
margin-top: 0;
height: 100%;
width: auto;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 768px) {
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .send-btn {
padding: 40px 0;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .send-btn button {
width: 100%;
font-size: 2rem;
}
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3
/* 全体の設定 */
.puyoBtn__area {
/* 横幅（ボタンの大きさに影響します） */
width: 100%;
/* 最大幅 */
max-width: 110%;
/* 高さ */
height: auto;
/*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
margin: auto;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3
/* ボタンリンクの設定 */
.puyoBtn__area .btn {
display: block;
/* 横幅 */
width: 100%;
/* 高さ */
height: auto;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3
/* ボタンの画像 */
.puyoBtn__area .btn img {
/* 横幅 */
width: 100%;
/* 高さ */
height: auto;
/*アニメーションの設定｜アニメーション名｜1回のサイクルに要する時間｜進め方｜実行回数｜*/
animation: puyoBtn 1.6s ease-in infinite;
}
/* アニメーションの詳細設定 */
@keyframes puyoBtn {
/* タイミング */
0% {
/* ボタンの拡大、縮小
・値が1つ = X＆Y軸
・値が2つ = X軸, Y軸 */
transform: scale(1.09);
}
10% {
transform: scale(1.09);
}
30% {
transform: scale(1.01);
}
40% {
transform: scale(1.01);
}
50% {
transform: scale(1, 1.04);
}
60% {
transform: scale(1.09);
}
70% {
transform: scale(1.02);
}
100% {
transform: scale(1.09);
}
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 p {
text-align: center;
font-weight: bold;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .puyopuyo {}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .kasanaru-haikei {
position: relative;
margin: 0 auto;
}
#sb-part-6343.sb-custom-part-l8vfsde627wspzjlxq3 .btn-kasanaru {
position: absolute;
z-index: 10;
bottom: 11.5%;
left: 15%;
animation: puyopuyo 1.6s ease-in infinite;
width: 71%;
margin: 0 auto;
}
@keyframes puyopuyo {
/* タイミング */
0% {
/* ボタンの拡大、縮小
・値が1つ = X＆Y軸
・値が2つ = X軸, Y軸 */
transform: scale(1.09);
}
10% {
transform: scale(1.09);
}
30% {
transform: scale(1.01);
}
40% {
transform: scale(1.01);
}
50% {
transform: scale(1, 1.04);
}
60% {
transform: scale(1.09);
}
70% {
transform: scale(1.02);
}
100% {
transform: scale(1.09);
}
}</style></span></div></div>
<div data-sbhi="208"><br data-sbhi="209"></div>
<div data-sbhi="210"><br data-sbhi="211"></div>
</div><script>const lazyLoadInstance = new LazyLoad({
elements_selector: '.lazyload',
callback_loaded: function(element) {
element.classList.remove('lazyload');
}
});</script><script>let cookieImage = new Image();
cookieImage.src = "https://article.squadbeyond.com/cookies/new?sb_tu_id=4fdeacfe-a09f-472e-a5be-8c5ee195823c&article_uid=CrOwWhsvCqmObupLjA";
(function() {
window.environment = "production";
window.sb_global_id = "470bf06f-00f5-4d29-80a7-8aff61d458a1";
window.sb_tu_id = "4fdeacfe-a09f-472e-a5be-8c5ee195823c";
window.article_uid = "CrOwWhsvCqmObupLjA";
window.referrer = ""
window.article_url = "https://sb-persona.musthave-magazine.tokyo/articles/CrOwWhsvCqmObupLjA?sbrd="
window.team_id = "218";
var atag = document.createElement('script');
atag.type = 'text/javascript';
atag.async = true;
atag.src = 'https://assets.article.squadbeyond.com/assets/heatmap-825730641f21881879fc687c9b0b530c21479d2ffba81266dec19d1e50172500.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(atag, s);
})();
const storageValue = JSON.stringify({ article_uid: "CrOwWhsvCqmObupLjA", visitor_uid: "4fdeacfe-a09f-472e-a5be-8c5ee195823c" });
sessionStorage.setItem('sb_global_id', "470bf06f-00f5-4d29-80a7-8aff61d458a1");
sessionStorage.setItem("sb_bp_Pesod", storageValue);
localStorage.setItem('sb_global_id', "470bf06f-00f5-4d29-80a7-8aff61d458a1");
localStorage.setItem("sb_bp_Pesod", storageValue);
let hasFunnel = document.querySelector('.js-has-funnel').dataset.value
if (hasFunnel === "true") {
let sbUrl = new URL(location.href);
let sbParams = new URLSearchParams(sbUrl.search);
if (sbParams.get('step_uid')) {
sbParams.delete('step_uid')
history.replaceState(null, null, location.pathname + `?${sbParams.toString()}`)
}
}</script><div data-article-url="https://sb-persona.musthave-magazine.tokyo/articles/CrOwWhsvCqmObupLjA?sbrd=" data-article-value="CrOwWhsvCqmObupLjA" data-popup-uid="" data-team-id="218" data-visitor-value="4fdeacfe-a09f-472e-a5be-8c5ee195823c" id="link-popup-root"></div><script src="file:///Users/yutaka/Downloads/Pesod_files/linkPopup-43f9dd34b3abc9cdd8bda579003284d3462dbb6daa8e8ef43ba3331a781b1425.js"></script></body></html>
