:root{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI","Noto Sans TC","Microsoft JhengHei", "Meiryo UI", Helvetica, Arial, sans-serif;--body-font-size: var(--text-md);--title-xl: 24px;--title-lg: 22px;--title-md: 20px;--title-sm: 18px;--title-xs: 16px;--text-xl: 20px;--text-lg: 18px;--text-md: 17px;--text-sm: 16px;--text-xs: 15px;--note-lg: 16px;--note-xl: 14px;--note-md: 13px;--note-sm: 12px;--link--xl: 20px;--link-lg: 18px;--link-md: 17px;--link-sm: 16px;--link-xs: 14px;--line-height-xl: 2;--line-height-lg: 1.8;--line-height-md: 1.5;--line-height-xs: 1.3;--line-height-list: 1.8;--line-height-article: 1.8}@media(min-width: 992px){:root{--title-xl: 36px;--title-lg: 26px}}@media(min-width: 1930px){:root{--title-md: 22px;--title-sm: 20px;--title-xs: 17px;--text-lg: 19px;--text-md: 18px;--text-sm: 17px;--text-xs: 16px;--note-lg: 17px;--note-xl: 15px;--note-md: 14px;--note-sm: 13px;--link-lg: 19px;--link-md: 18px;--link-sm: 17px;--line-xs: 16px}}html:lang(ja-JP) body,html:lang(JP) body{--MSIBodyFont: -apple-system, BlinkMacSystemFont, "Segoe UI", "Meiryo UI", "Yu Gothic", Arial, sans-serif}html:lang(zh-TW) body,html:lang(zh-CN) body,html:lang(ja-JP) body,html:lang(JP) body,html:lang(ko-KR) body{--title-sm: 17px;--text-md: 16px}@media(min-width: 1930px){html:lang(zh-TW) body,html:lang(zh-CN) body,html:lang(ja-JP) body,html:lang(JP) body,html:lang(ko-KR) body{--title-sm: 18px;--text-md: 17px}}.common__container{position:relative;padding:0 15px;margin:0 auto}@media(min-width: 1921px){.common__container{width:1440px}}@media(max-width: 1920px)and (min-width: 1300px){.common__container{width:1270px}}@media(max-width: 1299px)and (min-width: 992px){.common__container{width:990px}}@media(max-width: 991px)and (min-width: 768px){.common__container{width:750px}}@media(max-width: 767px){.common__container{width:100%}}*{box-sizing:border-box}body,div,h1,h2,h3,h4,p,figure,main,section,input,ul,ol,li{margin:0;padding:0}ul,ol,li{list-style:none}.search__sideBar .info .circle,.search__sideBar .product .circle{height:10px;border-radius:50%;flex:0 0 10px;box-shadow:0 0 0 1px inset #707070}.search__sideBar .info__list .subCircle,.search__sideBar .product__list .subCircle{height:7px;border-radius:50%;flex:0 0 7px;box-shadow:0 0 0 1px inset #707070}.search__sideBar .info__list .subCircle--active,.search__sideBar .product__list .subCircle--active{background-color:red;box-shadow:unset}.search__sideBar .info .text,.search__sideBar .product .text{font-family:var(--MSIBodyFont);font-size:var(--text-md);margin-left:12px;font-weight:700}.search__sideBar .product__title{display:flex;width:50%}.search__sideBar .product__list{width:88%;margin:0 auto}.search__sideBar .product__list .item{display:flex;margin-top:15px}.search__sideBar .product__list .item .text{font-size:var(--note-lg)}.search__sideBar .product__list .subCircle{align-self:center}.search__sideBar .product .circle{align-self:center}.search__sideBar .product .circle--active{box-shadow:0 0 0 1.5px inset red}.search__sideBar .product .text:hover{color:red}.search__sideBar .product .text--active{color:#bfbfbf;cursor:not-allowed}.search__sideBar .info{margin-top:31px}.search__sideBar .info__title{width:50%;display:flex}.search__sideBar .info__list{width:88%;margin:0 auto}.search__sideBar .info__list .item{display:flex;margin-top:15px}.search__sideBar .info__list .item .text{font-size:var(--note-lg)}.search__sideBar .info__list .subCircle{align-self:center}.search__sideBar .info .circle{align-self:center}.search__sideBar .info .circle--active{box-shadow:0 0 0 1.5px inset red}.search__sideBar .info .text:hover{color:red}.search__sideBar .info .text--active{color:#bfbfbf;cursor:not-allowed}.search__content{margin-top:34px}@media(min-width: 960px){.search__content{margin-top:0}}.searchTitle{border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:15px 0}@media(min-width: 960px){.searchTitle{border-top:none;padding-top:0}}.searchTitle .result{font-size:var(--title-md);font-weight:bold}.searchTitle .numberOfResult{font-size:var(--title-sm);margin-top:15px}.resultHightLight{color:#fe0000}.semanticResult{color:#000;font-weight:bold}.semanticResult:hover{color:red}.loading{background-color:#fff;position:absolute;top:0;bottom:0;right:0;left:0;z-index:999}.loading .circle{width:80px;height:80px;position:absolute;top:35%;right:0;left:0;margin:auto;border-radius:100%;border:10px solid #d0d0d0;border-top-color:#adadad;animation:spin 2s infinite linear}@keyframes spin{100%{transform:rotate(360deg)}}.semanticCard{margin-top:30px}.semanticCard__image{padding:0 15px;width:40%}.semanticCard__image img{width:100%}.semanticCard__body{padding:0 15px;margin-top:30px}.semanticCard__body .title{font-size:20px}.semanticCard__body .title__link{line-height:1.25;text-decoration:none;color:#222}.semanticCard__body .title__link .productTitle{display:inline-block}.semanticCard__body .title__link .productSubName{display:inline-block}.semanticCard__body .title__link:hover{color:red}.semanticCard__body .text{line-height:1.25;margin-top:10px;color:#222}.semanticCard__body .links{display:flex;margin:10px -8px 0;flex-wrap:wrap}.semanticCard__body .links__item{position:relative;padding:0 8px;font-size:var(--link-xs);font-weight:600;margin-top:2px}.semanticCard__body .links__item:after{content:"";position:absolute;top:1px;right:0;bottom:1px;width:2px;background-color:#222}.semanticCard__body .links__item:nth-last-child(1):after{all:unset}.semanticCard__body .links__item .link{color:#000;text-decoration:underline}.semanticCard__body .links__item .link:hover{color:red}.semanticCard__body .links__item .subProducts{color:red}.card{margin-top:30px}@media(min-width: 960px){.card{display:flex;align-items:center}}.card__image{padding:0 15px;width:40%}@media(min-width: 960px){.card__image{flex:0 0 25%}}.card__image img{width:100%}.card__body{padding:0 15px}@media(min-width: 960px){.card__body{flex:0 0 75%}}.card__body .title{font-size:var(--title-md)}.card__body .title__link{line-height:1.25;text-decoration:none;color:#222}.card__body .title__link .productTitle{display:inline-block;margin-right:5px}.card__body .title__link .productSubName{display:inline-block}.card__body .title__link:hover{color:red}.card__body .text{line-height:1.25;margin-top:10px;color:#222}.card__body .links{display:flex;margin:10px -8px 0;flex-wrap:wrap}.card__body .links__item{position:relative;padding:0 8px;font-size:var(--link-xs);font-weight:600;margin-top:2px}.card__body .links__item:after{content:"";position:absolute;top:1px;right:0;bottom:1px;width:2px;background-color:#222}.card__body .links__item:nth-last-child(1):after{all:unset}.card__body .links__item .link{color:#000;text-decoration:underline}.card__body .links__item .link:hover{color:red}.card__body .links__item .subProducts{color:red}#Search{margin:25px 0;position:relative}@media(min-width: 960px){#Search .search{display:flex}#Search .search__sideBar{flex:0 0 28%}#Search .search__content{flex:0 0 72%}}#Search .search .cardWrap{padding:0 10px}#Search .pagination{width:100%;margin:40px 0}#Search .pagination__item{display:flex;justify-content:center}#Search .pagination__link button{height:100%;padding:5px 15px;background:#fff;border:1px solid #f7f5f6;border-radius:5px;margin:0 5px}#Search .pagination__link button:hover{background:#f7f5f6}#Search .pagination__link button:disabled{cursor:not-allowed}#Search .pagination__link button svg{height:100%}#Search .pagination__link:first-child button,#Search .pagination__link:last-child button,#Search .pagination__link--active button{background:#f7f5f6}
