/* ツールリスト */

.tooltip{margin:2em 0 0}
.tooltip:link{position:relative}
.tooltip__balloon{display:inline-block;visibility:hidden;position:absolute;bottom:100%;left:50%;padding:0 0 8px;color:#2b2b2b;cursor:default;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1) 0s}
.tooltip__balloon__inner{display:block;position:relative;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}
.tooltip__balloon__inner:before{-webkit-transform:translateX(-50%) rotate(45deg) skew(10deg,10deg);display:inline-block;z-index:1;position:absolute;bottom:-6px;left:50%;width:12px;height:12px;transform:translateX(-50%) rotate(45deg) skew(10deg,10deg);background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);content:""}
.tooltip__balloon__inner:after{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:""}
.tooltip__balloon__text{z-index:3;position:relative}
.netshophasso-tooltip:after{display:inline-block;position:relative;background:url(/app-files/img/cmn_ic06.svg) no-repeat 0 0;background-size:contain;content:""}
.netshophasso-tooltip:link{position:relative}
.netshophasso-tooltip__balloon{display:inline-block;visibility:hidden;position:absolute;bottom:100%;left:0;padding:0 0 8px;color:#2b2b2b;cursor:default;opacity:0;transition:all .25s cubic-bezier(.4,0,.2,1) 0s}
.netshophasso-tooltip__balloon__inner{display:block;position:relative;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}
.netshophasso-tooltip__balloon__inner:before{-webkit-transform:rotate(45deg) skew(10deg,10deg);display:inline-block;z-index:1;position:absolute;bottom:-6px;left:13px;width:12px;height:12px;transform:rotate(45deg) skew(10deg,10deg);background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);content:""}
.netshophasso-tooltip__balloon__inner:after{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:""}
.netshophasso-tooltip__balloon__text{z-index:3;position:relative}.beginner-anchor-navi{margin:2em 0 0}.beginner-anchor-navi__list{margin-top:0;padding:0}
.tooltip{text-decoration:underline!important}
.tooltip__balloon{width:200px;margin:0 0 0 -96px}
.tooltip__balloon__inner{padding:1.35em 22px;font-size:1.4rem}
.tooltip:hover{text-decoration:none!important}
.tooltip:hover 
.tooltip__balloon{visibility:visible;opacity:1}
.netshophasso-tooltip{text-decoration:underline!important}
.netshophasso-tooltip:after{top:2px;width:18px;height:18px;margin-left:6px}
.netshophasso-tooltip__balloon{max-width:600px;margin:0 -600px 0 -13px}
.netshophasso-tooltip__balloon__inner{padding:1.35em 22px;font-size:1.4rem}
.netshophasso-tooltip__balloon__text{font-weight:500}
.netshophasso-tooltip:hover{text-decoration:none!important}
.netshophasso-tooltip:hover 
.netshophasso-tooltip__balloon{visibility:visible;opacity:1}
.tooltip{text-decoration:underline!important}
.tooltip__balloon{width:180px;margin:0 0 0 -108px}
.tooltip__balloon__inner{padding:1.15em 14px;font-size:1.2rem;line-height:1.4}
.tooltip.is-active{text-decoration:none!important}
.tooltip__balloon{visibility:visible;opacity:1}
.netshophasso-tooltip{text-decoration:underline!important}
.netshophasso-tooltip:after{top:3px;width:18px;height:18px;margin-left:4px}.netshophasso-tooltip__balloon{max-width:min(calc(100vw - 30px),690px);margin:0 -130px 0 -14px}
.netshophasso-tooltip__balloon__inner{padding:1.15em 14px;font-size:1.2rem;line-height:1.4}
.netshophasso-tooltip__balloon__text{font-weight:400}
.netshophasso-tooltip.is-active{text-decoration:none!important}
.netshophasso-tooltip.is-active 
.netshophasso-tooltip__balloon{visibility:visible;opacity:1}