.color-tip{width:100%;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:11px 16px;color:#fff;font-weight:bold}.color-tip .rgbnum{display:block;font-size:13px}.prettyprint{margin-bottom:32px}h6{font-weight:bold;color:#657a84;font-size:18px;margin-bottom:18px}.layout-pattern{cursor:pointer}.layout-pattern:hover table,.layout-pattern.active table{border-color:#029df4}.layout-pattern:hover .layout-caption,.layout-pattern.active .layout-caption{color:#029df4}.layout-pattern table{width:100%;height:320px;border-collapse:collapse;border:2px solid white}.layout-pattern table th,.layout-pattern table td{background:#e4e9ea;padding:8px;vertical-align:top;font-size:90%}.layout-pattern table th span,.layout-pattern table td span{display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}.layout-pattern table th{border-right:2px solid white}.layout-pattern table td:not(.layout-wrapper){border-bottom:2px solid white}.layout-pattern table .layout-sidebar{background:#98a9b0;width:30%;color:white}.layout-pattern table .fixed{background:#98a9b0;color:white}.layout-pattern table .navbar-bs{height:64px}.layout-pattern table .navbar-lg{height:88px}.layout-pattern table .class{font-size:80%;display:inline-block;line-height:1.4}.layout-pattern table td .class{padding-left:4px}.layout-pattern .layout-caption{font-size:90%;color:#657a84;text-align:center;padding:12px 0 24px}.section .section-title{font-size:24px}.section .section-subtitle{color:#45545b;margin-top:32px}.section ul:not(.dropdown-menu){padding-left:16px}.section ul:not(.dropdown-menu) li.section-title{color:#45545b;font-size:18px;margin-bottom:20px;line-height:1.3}.section ul:not(.dropdown-menu) li.section-text{color:#657a84;font-size:14px;margin-bottom:12px}.section:last-child{border-bottom:none}.container>div>.section:first-child,.container-fluid>div>.section:first-child{border-top:2px solid #d0d6da}.color-palette-list{list-style:none}.color-palette-list>li{margin-bottom:16px}.color-palette-list__tip-wrap{display:-webkit-flex;display:flex}.color-palette-list__tip-item{-webkit-flex-basis:calc(100% / 12);flex-basis:calc(100% / 12)}.color--tip{font-size:75%;line-height:24px;text-align:center;height:24px;display:block}.color--tip.text-inverse{color:white}.color--palette{margin-bottom:16px;overflow:hidden}.color--cool .color1{background-color:#daf0ca}.color--cool .color2{background-color:#bee6b4}.color--cool .color3{background-color:#92dbb3}.color--cool .color4{background-color:#56cec4}.color--cool .color5{background-color:#2dc3cf}.color--cool .color6{background-color:#0baacf}.color--cool .color7{background-color:#0b95c0}.color--cool .color8{background-color:#0c82b1}.color--cool .color9{background-color:#1b6494}.color--cool .color10{background-color:#22507e}.color--cool .color11{background-color:#223e69}.color--cool .color12{background-color:#1b2b4c}.color--warm .color1{background-color:#feef9b}.color--warm .color2{background-color:#fed98d}.color--warm .color3{background-color:#feb882}.color--warm .color4{background-color:#fe997b}.color--warm .color5{background-color:#fe7572}.color--warm .color6{background-color:#f75b69}.color--warm .color7{background-color:#e2495e}.color--warm .color8{background-color:#c63f52}.color--warm .color9{background-color:#a33745}.color--warm .color10{background-color:#802f37}.color--warm .color11{background-color:#64242b}.color--warm .color12{background-color:#43191d}.color--neon .color1{background-color:#ffdabf}.color--neon .color2{background-color:#fdc2a8}.color--neon .color3{background-color:#f4a19e}.color--neon .color4{background-color:#e7789a}.color--neon .color5{background-color:#dd6099}.color--neon .color6{background-color:#ca4596}.color--neon .color7{background-color:#b73893}.color--neon .color8{background-color:#a03392}.color--neon .color9{background-color:#863291}.color--neon .color10{background-color:#66318e}.color--neon .color11{background-color:#4e3087}.color--neon .color12{background-color:#25205d}.graphchart-example{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-aroun;align-content:space-aroun}.graphchart-example__box{-webkit-flex-basis:48.55856%;flex-basis:48.55856%;margin-bottom:32px}.graphchart--example{text-align:center}.ui-slider-horizontal .ui-slider-handle{top:-9px}.ui-slider-vertical .ui-slider-handle{left:-0.145em}.demo-tooltips{position:relative;left:75%}.demo-tooltips .tooltip{z-index:1020}@media (max-width: 767px){.demo-tooltips .tooltip.bottom{top:-56px !important;left:-24px !important}}@media (max-width: 767px){.demo-tooltips .tooltip.top{top:0px !important;left:-24px !important}}@media (max-width: 767px){.demo-tooltips .tooltip.right{top:56px !important;left:-32px !important}}@media (min-width: 992px){.demo-tooltips .tooltip.right{top:-21px !important}.demo-tooltips .tooltip.right>.tooltip-arrow{top:50% !important}}@media (max-width: 767px){.demo-tooltips .tooltip.left{top:105px !important;left:-26px !important}}@media (min-width: 992px){.demo-tooltips .tooltip.left{top:-21px !important}.demo-tooltips .tooltip.left>.tooltip-arrow{top:50% !important}}.example.demo-top ~ .tooltip{z-index:1020}.demo-icons pre{margin-bottom:0px}.demo-icons th:first-child{text-align:center}.demo-container{-moz-box-shadow:rgba(45,56,60,0.3) 0 4px 16px;-webkit-box-shadow:rgba(45,56,60,0.3) 0 4px 16px;box-shadow:rgba(45,56,60,0.3) 0 4px 16px}.dodont{display:inline-block;width:6em;padding-right:32px;font-size:20px;font-weight:bold}.dodont [class^="icon-abui-"],.dodont [class*=" icon-abui-"]{position:relative;font-size:18px}.my-gallery{font-size:0;text-align:center}.my-gallery figure{display:inline-block}.pic--screenshot{width:73.87387%;margin-bottom:12px}.pic--screenshot ~ .wrap{text-align:center;width:60%;height:auto}@media (max-width: 767px){.pic-wide{width:100%}}*[id="install-sct-02"] .list-unstyled{margin-bottom:32px}.markup__rule-list,.starting-project__rule-list{font-size:14px;color:#657a84;list-style:decimal}.markup__rule-list__sub{font-size:12px}.slider--step{margin-top:16px}.slider--step ul{padding:0;margin:0;list-style:none;position:relative}.slider--step ul li{height:2px;float:left}.slider--step ul.slider--stepdot{height:2px;top:23px;z-index:1}.slider--step ul.slider--stepdot li{width:8.333%}.slider--step ul.slider--stepdot li:first-child{margin-left:8.333%}.slider--step ul.slider--stepdot li:after{display:block;content:"";width:2px;height:2px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#657a84}.slider--step ul.slider--stepdot li.zero:after{background-color:white}.slider--step ul.slider--stepnum{height:12px;top:8px}.slider--step ul.slider--stepnum li{text-align:center;width:16.666%;font-size:11px;color:#657a84;position:relative;left:-8.33%}.table-listmaker.table-striped>tbody>tr:nth-child(odd).selected td,.table-striped.table-drilldown>tbody>tr:nth-child(odd).selected td{background-color:#c2e7fc !important;color:#029df4}.table-listmaker tr.selected td,.table-drilldown tr.selected td{background-color:#c2e7fc !important;color:#029df4;border-top:1px solid #c2e7fc !important;border-bottom:1px solid #c2e7fc !important}.table-listmaker tr.selected td.sort-control a.active,.table-drilldown tr.selected td.sort-control a.active{color:white}.table-listmaker td,.table-drilldown td{height:46px}.table-listmaker td.sort-control,.table-drilldown td.sort-control{padding-left:8px;width:32px}.table-listmaker td.sort-control a,.table-drilldown td.sort-control a{display:block;height:19px;padding-top:3px;text-align:center;color:#657a84;font-size:12px}.table-listmaker td.sort-control a:hover,.table-drilldown td.sort-control a:hover{color:#35b1f6}.table-listmaker td.sort-control a.active,.table-drilldown td.sort-control a.active{color:#029df4}.listmaker__tgt--control{overflow:hidden;*zoom:1;margin-bottom:4px}.listmaker__tgt--control .btn-delall{float:right}.drilldown-box-wrap{width:100%;overflow:auto}.drilldown-box{width:auto;height:320px;margin:0;padding:0;padding-left:0 !important}.drilldown-box.drilldown-box-w3{min-width:720px}.drilldown-box.drilldown-box-w3 .table-drilldown-wrap{width:33%}.drilldown-box.drilldown-box-w4{min-width:960px}.drilldown-box.drilldown-box-w4 .table-drilldown-wrap{width:25%}.drilldown-box.drilldown-box-w5{min-width:1200px}.drilldown-box.drilldown-box-w5 .table-drilldown-wrap{width:20%}.table-drilldown-wrap{min-width:240px;display:block;float:left;padding-right:12px}.table-drilldown-wrap .slimScrollDiv{background-color:#e7ebec}.table-drilldown tr.selected{background-color:#c2e7fc !important;color:#029df4}.table-drilldown tr.selected td{border-top:1px solid #c2e7fc !important;border-bottom:1px solid #c2e7fc !important}.table-drilldown tr.selected:hover,.table-drilldown tr.selected:active,.table-drilldown tr.selected:focus{color:#2d383c}.drilldown-list--wrap,.add-selected__wrap{display:table}.drilldown-list--wrap>*,.add-selected__wrap>*{vertical-align:middle;display:table-cell}.drilldown-list--wrap{background-color:#e6f5fe;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:100%;padding:12px;margin-bottom:16px}.drilldown-list--wrap__list{padding-right:16px}.drilldown-list--wrap__btn{width:86px}.drilldown-list,.add-selected-list{list-style:none;padding:0;margin:0}.drilldown-list li,.add-selected-list li{display:inline-block;font-size:14px;padding:8px 0;margin-right:8px;line-height:1;cursor:pointer}.drilldown-list li:after,.add-selected-list li:after{content:"、";display:inline}.drilldown-list li:hover,.add-selected-list li:hover{padding:8px;background-color:#fee5e7;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:.25s;-o-transition:.25s;-webkit-transition:.25s;transition:.25s}.drilldown-list li:hover .icon,.add-selected-list li:hover .icon{display:inline-block}.drilldown-list li:hover:after,.add-selected-list li:hover:after{display:none}.drilldown-list li .icon,.add-selected-list li .icon{display:none;color:#f55361;font-size:13px;margin-left:8px}.add-selected__wrap{background-color:#e6f5fe;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:100%;padding:12px;margin-bottom:16px}.add-selected__wrap__list{padding-right:16px}.add-selected__wrap__btn{width:86px}.add-selected__table th:nth-child(1){border-right:solid 1px #fff;width:20%}.add-selected__table th:nth-child(3){width:48px}.add-selected__table td:nth-child(1){width:20%}.add-selected__table td:nth-child(3){width:48px}.add-selected__table td:hover{cursor:pointer}.add-selected-list{margin-top:0}.add--record1--wrap{position:relative;border-right:1px solid #98a9b0}.table--menu1--wrap{min-height:100%;padding-right:16px;border-right:1px solid #98a9b0}.table--menu1.table-striped>tbody>tr:nth-child(odd).selected td{background-color:#029df4;color:white}.table--menu1 tr{cursor:pointer}.table--menu1 tr.selected{position:relative}.table--menu1 tr.selected td{background-color:#029df4;color:white}.table--menu1 tr.selected td:last-child{position:relative}.menu--arrow{content:"";position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-right-color:#98a9b0;border-width:8px 10px 8px 0;margin-top:-8px;right:0px}.menu--arrow:after{content:"";position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-right-color:white;border-width:8px 10px 8px 0;margin-top:-8px;right:-12px}.table--menu2 tr{cursor:pointer}.table-tree ul:not(.dropdown-menu){padding-left:0px}.table-tree ul,.table-tree li{list-style:none}.table-tree li{cursor:pointer}.table-tree li.selected{background-color:#c2e7fc !important;color:#029df4}.table-tree li.selected span{color:white}.table-tree .anchor{padding:8px;font-size:14px;text-decoration:none}.table-tree .anchor:not(.btn):hover{background-color:#ebf7fe}.table-tree .anchor a{display:block;color:#45545b;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s}.table-tree .anchor a:hover{color:#2cb2fd}.table-tree .anchor a .icon{color:#029df4;font-weight:700}.table-tree .anchor input{margin:-4px -4px -4px 4px}.table-tree .anchor.selected{background-color:#c2e7fc !important}.table-tree .anchor.selected a{color:#029df4}.table-tree .bg-odd{background-color:#f4f6f6}.table-tree .bg-odd:hover{background-color:#eaf7fe}.table-tree .bg-even{background-color:#fff}.table-tree .bg-even:hover{background-color:#eaf7fe}.example-float-thead{width:auto;min-width:0px !important}@media (min-width: 768px){.example-float-thead{width:100%}}@media (max-width: 767px){.fix-mt144{margin-top:144px}}.tab-pane{background-image:url("../images/guideline/bg_hatched.svg");height:96px;text-align:center;line-height:96px;font-size:40px;color:#d0d6da}#image .image__thumbnail,#abui-photo-zoom .image__thumbnail{vertical-align:top;width:32.59053%;margin-right:1.11421%}@media (min-width: 992px){#image .image__thumbnail,#abui-photo-zoom .image__thumbnail{width:234px;margin-right:8px}}@-moz-keyframes bg-color{0%{background-color:white}20%{background-color:#e0f3df}100%{background-color:white}}@-webkit-keyframes bg-color{0%{background-color:white}20%{background-color:#e0f3df}100%{background-color:white}}@keyframes bg-color{0%{background-color:white}20%{background-color:#e0f3df}100%{background-color:white}}@-moz-keyframes bg-color--viewonly{0%{background-color:#fbfbfc}20%{background-color:#e0f3df}100%{background-color:#fbfbfc}}@-webkit-keyframes bg-color--viewonly{0%{background-color:#fbfbfc}20%{background-color:#e0f3df}100%{background-color:#fbfbfc}}@keyframes bg-color--viewonly{0%{background-color:#fbfbfc}20%{background-color:#e0f3df}100%{background-color:#fbfbfc}}.feedback-changed{-moz-animation:bg-color 1.2s ease 0s 1 normal both;-webkit-animation:bg-color 1.2s ease 0s 1 normal both;animation:bg-color 1.2s ease 0s 1 normal both}.feedback-changed.viewonly-text{-moz-animation:bg-color--viewonly 1.2s ease 0s 1 normal both;-webkit-animation:bg-color--viewonly 1.2s ease 0s 1 normal both;animation:bg-color--viewonly 1.2s ease 0s 1 normal both}.list--sortable{list-style-type:none;margin:0;padding:0;width:100%}.list--sortable li{padding:8px;background-color:white;font-size:13px;border-top:1px solid #d0d6da;border-bottom:1px solid #d0d6da;margin-top:-1px}.communication--box{position:relative;margin-bottom:12px}.communication--box .communication--user{position:absolute;top:0;width:32px;height:32px;background-color:#c3d8f6;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center}.communication--box .communication--user span{display:inline-block;font-size:20px;color:#689de9;position:relative;top:4px}.communication--box .communication--bodytext{position:relative;background-color:#eef1f2;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;padding:8px 12px;font-size:14px;line-height:1.5}.communication--box .communication--bodytext:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent;border-style:solid;margin-top:2px}.communication--box .communication--bodytext .communication--subinfo{margin:4px 0 0;font-size:10px;color:#98a9b0;line-height:1}.communication--box .communication--bodytext .communication--subinfo .communication--date{margin-right:4px}.communication--box.communication--box__left{padding-left:44px;padding-right:8%}.communication--box.communication--box__left .communication--user{left:0}.communication--box.communication--box__left .communication--bodytext:before{border-right-color:#f2f4f5;border-width:6px 8px 6px 0;left:-8px}.communication--box.communication--box__right{padding-left:8%;padding-right:44px}.communication--box.communication--box__right .communication--user{right:0}.communication--box.communication--box__right .communication--bodytext:before{border-left-color:#f2f4f5;border-width:6px 0 6px 8px;right:-8px}.communication-comennt{padding:8px;margin-top:24px;background-color:#d7effd}.communication-comennt textarea{min-height:auto}.communication-comennt .comment--expand{margin-top:8px}/*! サイドバーのレイアウト設定 *//*! abuiガイドのみ */#sidebar-01 .nav>li>ul>li{padding-left:4px}body .wrapper h3{margin-top:12px}#starting-project img,#install img,#directory img,#markup img{border:1px solid #dbe0e3;vertical-align:bottom;height:auto;max-width:100%}.icon-insert-inline{font-family:'ABUI-icons';font-size:32px;line-height:32px}.icon-view .icon-insert-inline{display:block;float:left;margin-right:16px}.icon-view .prettyprint{margin-bottom:24px;height:36px;overflow:hidden}#lead--astroblaster{padding-top:64px;padding-bottom:48px}@media (max-width: 767px){#lead--astroblaster{padding-top:48px}}#lead--astroblaster .logotype--astroblaster{width:100%;height:auto}#lead--astroblaster .lead--title{display:block;margin-top:12px;text-align:center;font-size:20px;color:#657a84;line-height:1.4}#lead--astroblaster .lead--text{padding-top:48px}#lead--astroblaster .lead--text p{color:#657a84}.baseline-caption{width:100%}.baseline-caption__item{width:100%;margin-bottom:16px}.baseline-caption__item>img{max-width:100%;height:auto}@media (min-width: 768px){.baseline-caption{display:table;table-layout:fixed}.baseline-caption__item{vertical-align:top;display:table-cell}.baseline-caption__item--01{width:100%}.baseline-caption__item--02{padding-left:2.17391%}}@media (min-width: 992px){.baseline-caption__item>img{max-width:none}.baseline-caption__item--01{width:537px}.baseline-caption__item--02{padding-left:16px}}.target-size-caption{display:table;table-layout:fixed}.target-size-caption__item{vertical-align:top;display:table-cell}.target-size-caption__item--01{width:112px}.target-size-caption__item--02{width:139px;padding-right:16px;padding-left:16px}.target-size-caption__item--03{width:80px}.sidebar-caption{box-shadow:1px 1px 1px 0 rgba(181,193,198,0.65098)}.sidebar-caption--nest{font-size:0;margin-bottom:16px}.sidebar-caption--nest__item{font-size:16px;vertical-align:top;margin-right:12px;display:inline-block}
/*# sourceMappingURL=guideline.css.map */