.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);border:0;overflow:hidden}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}.ie-prompt{margin:0 auto;padding:10px;background-color:#aaa;color:#fff;text-align:center}.ie-prompt a{text-decoration:underline}.ie-prompt a:hover{text-decoration:none}.is-opacity{opacity:.5}.hover-opacity:hover{transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.5}.is-visible{display:block}.is-hidden,.is-visible--lg,.is-visible--md,.is-visible--sm,body[data-device=tablet] .is-hidden--tablet{display:none}.is-ctr{text-align:center}.is-br:after{white-space:pre;content:"\A"}.is-over-scroll{width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll}body[data-device=tablet] .is-visible--tablet{display:block}body[data-device=mobile] .is-hidden--mobile{display:none}body[data-device=mobile] .is-visible--mobile{display:block}body[data-device=desktop] .is-hidden--desktop{display:none}body[data-device=desktop] .is-visible--desktop{display:block}[data-before-content]:before{content:attr(data-before-content)}[data-after-content]:after{content:attr(data-after-content)}[data-tag]:before{color:#999;content:"#"}.color-gray{color:#a1a1a1}.color-gray-darker{color:#000}.color-gray-lighter{color:#c3c3c3}.color-main-color{color:#2063af}.color-body-bg{color:#fff}.color-sub-color{color:#2063af}.color-text-color{color:#080808}.color-border-color{color:#313131}.color-link-color,.color-link-hover-color{color:#2063af}.color-hover-bg{color:#ccc}.color-red{color:#e50012}.color-brawn{color:#611012}.color-yellow{color:#feda34}.color-pink{color:#f8b3b9}.color-blue{color:#3ca1db}.color-green{color:#17b6a5}.color-orange{color:#e6b400}.color-purple{color:#5558a3}.bg-gray{background-color:#a1a1a1}.bg-gray-darker{background-color:#000}.bg-gray-lighter{background-color:#c3c3c3}.bg-main-color{background-color:#2063af}.bg-body-bg{background-color:#fff}.bg-sub-color{background-color:#2063af}.bg-text-color{background-color:#080808}.bg-text-color-sub{background-color:#666}.bg-text-color-weak{background-color:#999}.bg-border-color{background-color:#313131}.bg-link-color,.bg-link-hover-color{background-color:#2063af}.bg-hover-bg{background-color:#ccc}.bg-red{background-color:#e50012}.bg-brawn{background-color:#611012}.bg-yellow{background-color:#feda34}.bg-pink{background-color:#f8b3b9}.bg-blue{background-color:#3ca1db}.bg-green{background-color:#17b6a5}.bg-orange{background-color:#e6b400}.bg-purple{background-color:#5558a3}.bg-gradient{background-image:linear-gradient(to bottom,#ccc 0%,#fff 100%)}.text-bold{font-weight:700}.text-link{text-decoration:none;color:#080808}.text-link--under,.text-link:hover{text-decoration:underline}.text-link--under{color:#080808}.text-link--bg,.text-link--under:hover{text-decoration:none}.text-link--bg{transition:all .3s cubic-bezier(.25,.46,.45,.94);border-bottom:1px solid #ccc}.text-link--bg:active,.text-link--bg:focus,.text-link--bg:hover{color:#2063af}.text-link--bg:hover{border-bottom:1px solid #ccc;background-color:#ccc}.text-link--bg:link{border-bottom:1px solid #a1a1a1}.text-link--bg:visited{border-bottom:1px solid #ccc}.text-link--under-none{text-decoration:none}.text-link--under-none:hover{text-decoration:underline}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-small{font-size:.8em}.text-point{display:inline;background:linear-gradient(transparent 70%,#feda34 70%,#feda34 90%,transparent 90%)}.text-strike{text-decoration:line-through}.text-button a,.text-square{background-color:#2063af;color:#fff}.text-square{margin-top:-1px;padding:4px 8px;border-radius:4px}.text-button a{display:inline-block;padding:8px 30px 7px;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);text-decoration:none}.text-button a:hover{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#fff;text-decoration:none}.img-responsive{display:block;max-width:100%;height:auto}.img-center{display:block;margin:0 auto;text-align:center}.img-frame{height:auto;padding:3px;border:1px solid #ccc;background-color:#fff}.img-round{border-radius:15px}.img-border{border:1px solid #000}.img-circle{border-radius:50%}.img-hover,.img-shine{line-height:0;overflow:hidden}.img-hover img,.text-button a,.text-button a:hover{transition:all .3s cubic-bezier(.25,.46,.45,.94)}a:hover .img-hover img{transform:scale(1.1);transform-origin:center center}.img-shine{position:relative}.img-shine:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.3) 40%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%);content:""}.styleguide{margin:.5em 0 1.5em}h1.styleguide,h2.styleguide,h3.styleguide,h4.styleguide,h5.styleguide{margin:1.5em 0 1em;font-size:1rem}.styleguide-table+table{width:100%;margin-bottom:2em;border-top:solid 1px #ccc;border-left:solid 1px #ccc;vertical-align:middle}.styleguide-table+table td,.styleguide-table+table th{padding:4px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc}pre{border:0;border-radius:4px;background-color:transparent}div.codeExample,div.jsExample{margin:1em 0 2.5em;border:1px solid #ccc;border-radius:4px}div.jsExample{border-top:0}div.codeExample:before,div.jsExample:before{display:block;position:relative;padding:2px;border:1px solid #ccc;border-radius:4px;border-top-right-radius:0;border-bottom-left-radius:0;color:#222;font-family:"OpenSans",sans-serif}div.codeExample:before{top:-1px;left:-1px;width:80px;background-color:#f9f9f9;content:"Example"}div.jsExample:before{top:-11px;left:-11px;width:80px;background-color:#fff;content:"JS Example"}div.codeBlock,div.exampleOutput{padding:10px}div.exampleOutput+div.codeBlock{border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0}div.codeBlock{margin:.5em 0 0;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;overflow:scroll}.docSwatch{min-height:218.21px;margin-bottom:5px;padding:10px 0 0 10px;border:1px solid #ccc;font-size:12px}.codeExample .line>div:after{display:block;min-height:40px;border-radius:3px;background-color:#eee;font-size:12px;line-height:40px;text-align:center;content:attr(class)}.sg-colors{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2em;list-style:none}.sg-colors li{-ms-flex:auto;flex:auto;min-width:5em;max-width:14em;margin:0 .5em .5em 0;padding:.3em;border:1px solid #ddd;border-radius:8px}.sg-swatch{display:block;height:4em;margin-bottom:.3em;border-radius:5px}.sg-label{font-size:90%;line-height:1}.dummy-box{display:block;padding:5px;border-radius:5px;background-color:#a1a1a1;color:#fff;text-align:center}@media screen and (min-width:91.25em){.is-visible--lg{display:block}.is-hidden--lg{display:none}.is-ctr--lg{text-align:center}.is-br--lg:after{white-space:pre;content:"\A"}.is-over-scroll--lg{width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll}}@media screen and (max-width:58.125em){.is-visible--md{display:block}.is-hidden--md{display:none}.is-ctr--md{text-align:center}.is-br--md:after{white-space:pre;content:"\A"}.is-over-scroll--tab{width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll}}@media screen and (max-width:37.4375em){.is-visible--sm{display:block}.is-hidden--sm{display:none}.is-ctr--sm{text-align:center}.is-br--sm:after{white-space:pre;content:"\A"}.is-over-scroll--sm{width:100%;white-space:nowrap;overflow:hidden;overflow-x:scroll}.img-scroll:after{display:block;padding-top:10px;font-size:12px;text-align:center;content:"この画像は左右に動かせます。"}.img-scroll__body{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}.img-scroll__body img{max-width:none}}@media print{.is-hidden--print{display:none}.is-visible--print{display:block}}