@charset "UTF-8"; template { display: none; } .SearchInput { color: #333 !important; } .SearchInput::-moz-placeholder { color: #999 !important; opacity: 1; } .SearchInput:-ms-input-placeholder { color: #999 !important; opacity: 1; } .SearchInput::placeholder { color: #999 !important; opacity: 1; } #HeaderArea #HeaderSearch { box-sizing: border-box; width: auto; max-width: 242px; background: none; } #HeaderArea #HeaderSearch #HeaderSearchInner { min-width: inherit; overflow: inherit; border: 1px solid #ccc; border-radius: 14px; background: #fff; } #HeaderArea #HeaderSearch .SearchInput { box-sizing: border-box; min-width: 190px; min-height: 25px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; border-radius: 14px; } [lang=pl] #HeaderArea #HeaderSearch .SearchInput { padding-top: 1px; padding-bottom: 1px; font-size: 11px; } #HeaderArea #HeaderSearch .InputCol { padding: 0 35px 0 10px; overflow: inherit; border-radius: 14px; } #HeaderArea #HeaderSearch .InputCol .SearchButton { top: 0; right: 5px; } [class*=theme-K] #Search #HeaderSearch, [class*=theme-K] #Downloads #HeaderSearch { width: auto !important; margin: 0 !important; background: none !important; } #HeaderSearchInner { display: flex; position: relative; justify-content: flex-end; min-width: 400px; } .layout-header #HeaderSearchInner { min-width: 240px; } [class*=theme-K] #Search #HeaderSearchInner, [class*=theme-K] #Downloads #HeaderSearchInner { background: none !important; } .layout-header #HeaderSearchInner > .InputCol { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 16px !important; border: 1px solid #ccc; border-radius: 3em; background: #fff; } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner > .InputCol { padding: 0 12px !important; border-radius: 4px; } } .layout-header #HeaderSearchInner .SearchInput { width: 100%; padding: 8px 8px 7px 0 !important; border: 0; font-size: 14px; line-height: 1.2 !important; } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner .SearchInput { padding: 14px 12px 13px 0 !important; font-size: 16px; } } .theme-KIB[lang=pl] .layout-header #HeaderSearchInner .SearchInput { min-height: 32px; padding: 9px 8px 9px 0 !important; font-size: 11px; } @media screen and (max-width: 969px) { .theme-KIB[lang=pl] .layout-header #HeaderSearchInner .SearchInput { padding: 16px 12px 15px 0 !important; font-size: 13px; } } .layout-header #HeaderSearchInner .SearchSuggestBox { top: 100%; right: 0; margin-top: 6px; } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner .SearchSuggestBox { width: 100%; min-width: inherit; max-width: inherit; margin-top: 25px; padding: 0; border-radius: 0; box-shadow: none; } } .layout-header #HeaderSearchInner .SearchSuggestBox::before { right: 40px; left: inherit; } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner .SearchSuggestBox::before { top: -8px; right: 54px; width: 16px; height: 16px; border-radius: 0; } } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner { margin-right: -20px; margin-left: -20px; padding: 20px; border: 0; border-radius: 0; } } .layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner::before { right: 43px; left: inherit; } @media screen and (max-width: 969px) { .layout-header #HeaderSearchInner .SearchSuggestBox .SearchSuggestBoxInner::before { display: none; } } .layout-header #HeaderSearchInner .SearchButton { position: static !important; width: 23px; height: 26px; } #SearchContentWrapper { display: flex; flex-direction: row-reverse; justify-content: space-between; } #SearchContentWrapper > #main { margin: 0; float: none; } #SearchContentWrapper > #main.right > *:first-child { margin-top: inherit; padding-top: inherit; } #SearchContentWrapper > #side { margin: 0; padding: 10px; float: none; border-top: 2px solid #888; background: #f2f2f2; } .search-layout-container { max-width: 1280px; margin: 0 auto; padding: 16px 20px 30px; } .search-navigationBreadcrumb { display: flex; margin-bottom: 13px; margin-left: -20px; font-size: 11px; line-height: 1.1; } .search-navigationBreadcrumb > li { position: relative; margin-left: 20px; } .search-navigationBreadcrumb > li::before { display: block; position: absolute; top: 3px; left: -14px; width: 5px; height: 5px; transform: rotate(-45deg) skew(18deg, 18deg); border-right: 1px solid #333; border-bottom: 1px solid #333; content: ""; } .search-navigationBreadcrumb > li:first-child::before { display: none; } .search-navigationBreadcrumb a { text-decoration: none; } .search-navigationBreadcrumb a:hover, .search-navigationBreadcrumb a:active, .search-navigationBreadcrumb a:focus { text-decoration: underline; } .search-navigationBreadcrumb em { font-weight: normal; } .search-layout-grid { display: flex; flex-wrap: wrap; margin-bottom: -32px; } @media screen and (max-width: 969px) { .search-layout-grid { margin-bottom: 0; } } .search-layout-grid.of-primary { margin-top: -40px; margin-bottom: 0; margin-left: -38px; } .search-layout-grid.of-primary .search-layout-grid-column { margin-top: 40px; padding-left: 38px; } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-1 { width: 8.3333333% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-1 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-2 { width: 16.6666666% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-2 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-3 { width: 25% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-3 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-4 { width: 33.3333333% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-4 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-5 { width: 41.6666666% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-5 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-6 { width: 50% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-6 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-7 { width: 58.3333333% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-7 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-8 { width: 66.6666666% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-8 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-9 { width: 75% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-9 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-10 { width: 83.3333333% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-10 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-11 { width: 91.6666666% !important; } @media screen and (max-width: 969px) { .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-11 { width: 100% !important; } } .search-layout-grid.of-column-12 .search-layout-grid-column.of-column-12 { width: 100% !important; } .search-layout-grid-column { width: 100% !important; } .search-layout-grid-column.of-flex { display: flex; } .search-layout-grid-column.of-flex > * { width: 100% !important; } .Popup div#PageTitle { width: auto; margin: 0 0 15px; padding: 0; overflow: inherit; background-color: #fff; } .Popup div#PageTitle::after { display: block; clear: both; content: ""; } .Popup div#PageTitle h1 { padding: 0 0 0 6px; float: left; border-left: solid 3px #e60012; font-size: 1.5em; line-height: 1.5; } [class*=theme-K] #Search .Popup div#PageTitle h1, [class*=theme-K] #Downloads .Popup div#PageTitle h1 { float: none; } .Popup div#PageTitle p#PrintPage { float: right; } .Popup div#MigrateContentWrap dt { clear: left; font-weight: bold; } .Popup div#MigrateContentWrap dt.line { width: 100px; margin-bottom: 8px; float: left; } .Popup div#MigrateContentWrap dd { margin-bottom: 8px; margin-left: 12px; padding-left: 0; } .Popup div#MigrateContentWrap ol { margin: 0 0 0 2em; padding: 0; } .Popup div#MigrateContentWrap ol.parent li { list-style-position: inside; } .Popup div#MigrateContentWrap ol.node { margin-bottom: 1.4em; margin-left: 2.5em; } .Popup div#MigrateContentWrap ol.node li { position: relative; margin-bottom: 0.3em; list-style: none outside none; } .Popup div#MigrateContentWrap ol.node li span { position: absolute; top: 0; left: -1.7em; } .Popup div#MigrateContentWrap table td { padding: 0 0 10px; } .Popup div#MigrateContentWrap table, .Popup div#MigrateContentWrap table tr, .Popup div#MigrateContentWrap table td { margin: 0; padding: 0; border: medium none; } .Popup div#MigrateContentWrap p.subTitle { padding: 7px 0 7px 10px; background-color: #dcdcdc; font-weight: bold; } .Popup div#MigrateContentWrap table td li { margin-top: 10px !important; } .Popup div#MigrateContentWrap p.ksDl { margin-top: 10px !important; } .Popup div#MigrateContentWrap table.ksdlTbl { margin-top: 10px !important; margin-bottom: 10px !important; } .Popup div#MigrateContentWrap table.ksdlTbl td { padding: 0 0 5px 0 !important; } .Popup div#MigrateContentWrap h5 { margin-top: 15px !important; margin-bottom: 10px !important; color: #333 !important; font-weight: bold !important; } .Popup div#MigrateContentWrap h5.fst { margin-top: 5px !important; margin-bottom: 10px !important; } .Popup div#MigrateContentWrap p.ksClBt { margin-bottom: 20px !important; } .DrillDownModal > *:first-child { margin-top: 0; padding-top: 0; } @media screen and (max-width: 969px) { [data-search-modal=true] .DrillDownModal { padding: 20px; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav { display: none; } [class*=theme-K] [data-search-modal=true] .DrillDownNav { display: block; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .Group { padding-bottom: 64px; } } .DrillDownNav .Group li { position: relative; margin: 2px 0; padding-left: 17px; font-size: 14px; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group li { padding-left: 36px; font-size: 15px; line-height: 2.2; } } .DrillDownNav .Group li .Name { word-wrap: break-word; overflow: hidden; border: 0; background: none; color: #06c; line-height: 1.7; text-align: left; word-break: break-word; overflow-wrap: break-word; cursor: pointer; transition: opacity 0.3; } [class*=theme-K] .DrillDownNav .Group li .Name { color: #1a5c9a; } .DrillDownNav .Group li .Name:hover, .DrillDownNav .Group li .Name:active, .DrillDownNav .Group li .Name:focus { opacity: 0.7; } .DrillDownNav .Group li .Count { color: #333; opacity: 1; } .DrillDownNav .Group li > ul { display: none; } .DrillDownNav .Group li.IsOpen > ul { display: block; } .DrillDownNav .Group > li > .Name { max-width: 172px; padding: 0; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group > li > .Name { max-width: inherit; } } .search-cardSub .DrillDownNav .Group > li > .Name { max-width: inherit; } .DrillDownNav .Group > li.IsOpen + li { margin-top: 10px; } .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive, .DrillDownNav .Group .IsOpen > .NameInner.IsActive { font-weight: bold; } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count, [class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count { display: inline-block; position: relative; margin-left: 4px; padding-right: 24px; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::before, [class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count::before { display: block; position: absolute; top: 3px; right: 0; width: 18px; height: 18px; border-radius: 50%; background: #e60012; content: ""; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::after, [class*=theme-K] .DrillDownNav .Group .IsOpen > .NameInner.IsActive + .Count::after { display: block; position: absolute; top: 6px; right: 6px; width: 6px; height: 9px; transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; transition: none; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .Group .IsOpen.Parents > .Name .NameInner.IsActive + .Count::before, [class*=theme-K] .DrillDownNav .Group .IsOpen.Parents > .Name .NameInner.IsActive + .Count::after { display: none; } } .DrillDownNav .Type > li > .Name { max-width: 156px; padding: 0; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Type > li > .Name { max-width: inherit; } } .search-cardSub .DrillDownNav .Type > li > .Name { max-width: inherit; } .DrillDownNav .Series > li { padding-left: 2px; background: none; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Series > li { padding-left: 2px; } } .DrillDownNav .Series .Name { display: inline-block; position: relative; max-width: 153px; padding-left: 10px; background: none; color: #06c; line-height: 1.5; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Series .Name { max-width: inherit; } } .search-cardSub .DrillDownNav .Series .Name { max-width: inherit; } .DrillDownNav .Series .Name::before { display: block; position: absolute; top: 7px; left: 0; border-width: 3px 5px; border-style: solid; border-color: transparent transparent transparent #6b6f72; content: ""; } .DrillDownNav .Group .IsCurrent .Name { color: #06c; font-weight: bold; } .DrillDownNav .Group .Switch { display: inline-block; position: absolute; top: 4px; left: 0; width: 13px; height: 13px; padding: 0; border: 0; border-radius: 2px; background: #888; font-size: 0; cursor: pointer; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch { width: 22px; height: 22px; } } .DrillDownNav .Group .Switch::before { display: block; position: absolute; top: 2px; left: 6px; width: 1px; height: 9px; background: #fff; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch::before { top: 3px; left: 10px; width: 2px; height: 16px; } } .DrillDownNav .Group .Switch::after { display: block; position: absolute; top: 6px; left: 2px; width: 9px; height: 1px; background: #fff; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .Switch::after { top: 10px; left: 3px; width: 16px; height: 2px; } } .DrillDownNav .Group .IsOpen > .Switch[disabled] { display: none; pointer-events: none; } .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name { display: inline-block; position: relative; margin-left: -13px; padding-left: 10px; background: none; color: #06c; line-height: 1.5; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name { margin-left: -32px; } } .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before { display: block; position: absolute; top: 5px; left: 0; border-width: 3px 5px; border-style: solid; border-color: transparent transparent transparent #6b6f72; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before { top: 7px; } } .DrillDownNav .Group .IsOpen > .Switch[disabled]::after { content: none; } .DrillDownNav .Group .IsOpen > .Switch::before { content: none; } .search-drilldown { color: #2e3133; } .search-drilldown .DrillDownNav .Group li { margin: 24px 0 0 0; margin-bottom: 0; font-size: 1.6rem; } .search-drilldown .DrillDownNav .Group li:first-child { margin: 0; } .search-drilldown .DrillDownNav .Group li .Name { overflow: visible; font-weight: 600; line-height: 1.5; transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .search-drilldown .DrillDownNav .Group li .Name:hover, .search-drilldown .DrillDownNav .Group li .Name:active, .search-drilldown .DrillDownNav .Group li .Name:focus { opacity: 1; } .search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap, .search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap, .search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap { color: #dc002f; } .search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group li .Name:hover .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group li .Name:active .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group li .Name:focus .NameCountWrap .Count { color: #dc002f; text-decoration: underline; } .search-drilldown .DrillDownNav .Group li.IsOpen > ul { margin-top: 32px; } @media screen and (max-width: 1320px) and (min-width: 60.625em) { .search-layout-grid .search-drilldown .DrillDownNav .Group li.IsOpen > .Type { margin-left: calc(-2rem + ((1vw - 0.97rem) * (5.7142857143))); } } .search-drilldown .DrillDownNav .Group li.IsOpen > .Series { margin-top: 6px; } .search-drilldown .DrillDownNav .Group > li > .Name { max-width: none; padding-left: 8px; } .search-drilldown .DrillDownNav .Group .GroupList { margin: 32px 0 0 0; padding-left: 30px; } .search-drilldown .DrillDownNav .Group .GroupList:first-child { margin: 0; } .search-drilldown .DrillDownNav .Group .Type > li > .Name { max-width: none; padding-left: 8px; } .search-drilldown .DrillDownNav .Group .Type .IsOpen > .Name .NameInner.IsActive, .search-drilldown .DrillDownNav .Group .Type .IsOpen > .NameInner.IsActive { font-weight: normal; } .search-drilldown .DrillDownNav .Group .TypeList { padding-left: 30px; } .search-drilldown .DrillDownNav .Group .SeriesList { margin-top: 8px; margin-bottom: 0; } .search-drilldown .DrillDownNav .Group .SeriesList:first-child { margin-top: 0; } .search-drilldown .DrillDownNav .Group .Switch { top: 0; width: 30px; height: 30px; border-radius: 0; background: none; } .search-drilldown .DrillDownNav .Group .Switch::before { display: block; position: absolute; top: -3px; left: 0; width: 30px; height: 30px; background: inherit; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 10.5H14.1V14.1H10.5V15.9H14.1V19.5H15.9V15.9H19.5V14.1H15.9V10.5ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E"); content: ""; } .search-drilldown .DrillDownNav .Group .Switch::after { content: none; } .search-drilldown .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive, .search-drilldown .DrillDownNav .Group .IsOpen > .NameInner.IsActive { font-weight: 600; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch::after { display: block; position: absolute; top: -3px; left: 0; width: 30px; height: 30px; background: inherit; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 14.1H14.1H10.5V15.9H14.1H15.9H19.5V14.1H15.9ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E"); content: ""; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch::before { content: none; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name { margin-left: 0; padding-left: 8px; overflow: visible; color: #dc002f; font-weight: normal; line-height: 1.5; transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name { margin-left: 0; } } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name::before { content: none; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name .Count { color: #dc002f; font-weight: normal; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus { opacity: 1; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap { color: #dc002f; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:hover .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:active .NameCountWrap .Count, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap .NameInner, .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled] + .Name:focus .NameCountWrap .Count { color: #dc002f; text-decoration: underline; } .search-drilldown .DrillDownNav .Group .IsOpen > .Switch[disabled]::after { content: none; } .search-drilldown .DrillDownNav .Series .Name { padding-left: 8px; } .search-drilldown .DrillDownNav .Series .Name::before { content: none; } .search-drilldown .DrillDownNav .Series .IsOpen > .Name .NameInner.IsActive, .search-drilldown .DrillDownNav .Series .IsOpen > .NameInner.IsActive { font-weight: normal; } .search-drilldown .DrillDownNav.of-excludeSeries .Group .TypeList { margin-top: 8px; margin-bottom: 0; padding-left: 0; } .search-drilldown .DrillDownNav.of-excludeSeries .Group .IsOpen > .Type { margin-top: 6px; } .search-drilldown .SearchLinkList01 > li > a, .search-drilldown .SearchLinkList01 > li > button { padding-left: 0; color: #dc002f; font-size: 14px; line-height: 1.5; transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .search-drilldown .SearchLinkList01 > li > a::before, .search-drilldown .SearchLinkList01 > li > button::before { content: none; } .search-drilldown .SearchLinkList01 > li > a:hover, .search-drilldown .SearchLinkList01 > li > a:active, .search-drilldown .SearchLinkList01 > li > a:focus, .search-drilldown .SearchLinkList01 > li > button:hover, .search-drilldown .SearchLinkList01 > li > button:active, .search-drilldown .SearchLinkList01 > li > button:focus { color: #dc002f; text-decoration: none; opacity: 1; } .search-drilldown .SearchLinkList01 > li > a:hover .ClearLabel, .search-drilldown .SearchLinkList01 > li > a:active .ClearLabel, .search-drilldown .SearchLinkList01 > li > a:focus .ClearLabel, .search-drilldown .SearchLinkList01 > li > button:hover .ClearLabel, .search-drilldown .SearchLinkList01 > li > button:active .ClearLabel, .search-drilldown .SearchLinkList01 > li > button:focus .ClearLabel { text-decoration: underline; } .search-drilldown .SearchSideHeading { margin-bottom: 24px; padding: 0; border: 0; font-size: 1.8rem; } @media screen and (max-width: 969px) { body:not([data-search-modal=true]) .search-drilldown .SearchModalTrigger { margin-bottom: 0 !important; padding: 8px 48px 8px 20px !important; border: 2px solid #8f9394 !important; border-radius: 4px !important; background: #f5f5f5; text-align: left !important; } } @media screen and (max-width: 969px) { body:not([data-search-modal=true]) .search-drilldown .SearchModalTrigger::before { right: -6px; width: 30px; height: 30px; margin: 0 20px 0; border: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8936 13.8966L19.7528 10.7559L18.648 11.8607L21.0059 14.2186H6V15.7811H21.009L18.6525 18.1376L19.7574 19.2425L24 14.9998L22.8951 13.895L22.8936 13.8966Z' fill='%23dc002f'/%3E%3C/svg%3E"); } } [class*=theme-K] .search-drilldown .DrillDownNav .Group li .Name { color: #2e3133; } [class*=theme-K] .search-drilldown .DrillDownNav .Group li .Count { color: #2e3133; } [class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .Name, [class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .NameInner, [class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList .Count { font-weight: normal; } [class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Name, [class*=theme-K] .search-drilldown .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Count { color: #dc002f; } .SearchHeadingLv1 { margin-bottom: 28px; border-bottom: 2px solid #999; font-weight: bold; font-size: 24px; line-height: 1.5; } .SearchHeadingLv2 { margin-top: 28px; margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #999; font-weight: bold; font-size: 16px; line-height: 1.5; } [class*=theme-K] .SearchHeadingLv2 { position: relative; padding-left: 9px; font-size: 16px; } [class*=theme-K] .SearchHeadingLv2::before { position: absolute; top: 2px; left: 0; width: 3px; height: calc(100% - 8px); background: #e60012; content: ""; } [class*=theme-K] .SearchHeadingLv2 em { color: #333; } .SearchSideHeading { position: relative; margin-bottom: 15px; padding: 10px 0; border-bottom: 1px solid #999; background: none; font-weight: bold; font-size: 14px; } .SearchCategorySPLabel { display: none; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchCategorySPLabel { display: block; } } .SearchCategoryPCLabel { display: block; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchCategoryPCLabel { display: none; } } .SearchTabListWrapper { margin-bottom: 30px; padding-bottom: 1px; } .SearchTabListWrapper::-webkit-scrollbar { height: 12px; } .SearchTabListWrapper::-webkit-scrollbar-thumb { background: #c1c1c1; } .SearchTabListWrapper::-webkit-scrollbar-track-piece:start { background: #f1f1f1; } .SearchTabListWrapper::-webkit-scrollbar-track-piece:end { background: #f1f1f1; } .SearchTabListWrapper .SearchTabList { margin-bottom: 0; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchTabListWrapper { overflow-x: auto; overflow-y: hidden; } } .SearchTabList { display: flex; justify-content: center; margin-bottom: 30px; padding: 0; border-bottom: 1px solid #999; } [class*=theme-K] .SearchTabList { min-width: 770px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchTabList { justify-content: flex-start; min-width: inherit; } } .SearchTabList.Stretch { padding: 0; } * + .SearchTabList { margin-top: 30px; } .SearchTabList > li { display: flex; flex: none; margin: 0 0 0 5px; padding: 0; background: none; text-align: center; } .SearchTabList > li:first-child { margin-left: 0; } [class*=theme-K] .SearchTabList > li:last-child > a::before { width: calc(100% + 7px); } .SearchTabList > li.Doc + .Doc { margin-left: 5px; } .SearchTabList > li.IsActive > a { position: relative; padding: 7px 20px 5px; background: #fff; color: #e10012; font-size: 14px; } .SearchTabList > li.IsActive > a::before { display: block; position: absolute; bottom: -1px; left: 0 !important; width: 100% !important; height: 2px; background: #fff !important; content: ""; } .SearchTabList > li.IsActive > a:hover, .SearchTabList > li.IsActive > a:active, .SearchTabList > li.IsActive > a:focus { color: #d00202; opacity: 1; } #Downloads .SearchTabList > li { min-width: 120px; } @media screen and (max-width: 969px) { [class*=theme-K] #Downloads .SearchTabList > li { min-width: auto; } } .SearchTabList > li > a { box-sizing: border-box; display: block; width: 100%; padding: 7px 20px 5px; border: 1px solid #999; border-bottom: 0; background: #e1e1e1; color: #333; font-size: 12px; line-height: 1.5; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchTabList > li > a { position: relative; } [class*=theme-K] .SearchTabList > li > a::before { display: block; position: absolute; bottom: -1px; left: -7px; width: calc(100% + 14px); height: 1px; background: #999; content: ""; } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchTabList > li > a { padding: 7px 17px 5px; } } .SearchTabList > li > a:hover, .SearchTabList > li > a:active, .SearchTabList > li > a:focus { color: #333; text-decoration: none; opacity: 0.7; } .SearchLinkList01 { margin-bottom: 16px; list-style: none; } .SearchLinkList01.Inline { display: flex; flex-wrap: wrap; margin: 0 0 -4px -12px; } .SearchLinkList01.Inline > li { margin: 0 0 4px 12px; } .SearchLinkList01.Right { display: flex; justify-content: flex-end; } .SearchLinkList01.Col2 { display: flex; flex-wrap: wrap; margin-left: -10px; } .SearchLinkList01.Col2 > li { box-sizing: border-box; width: 50%; padding-left: 10px; } .SearchLinkList01.IsHidden { display: none; } .DrillDownNav .SearchLinkList01 { margin-top: 10px; } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownNav .SearchLinkList01 { display: none; } } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > a, [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > button { font-size: 15px; } [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > a::before, [class*=theme-K] [data-search-modal=true] .DrillDownNav .SearchLinkList01 > li > button::before { top: 6px; } } .SearchLinkList01 > li > a, .SearchLinkList01 > li > button { display: inline-block; position: relative; padding-left: 10px; overflow: hidden; border: 0; background: none; color: #1a5c9a; font-size: 12px; line-height: 1.4; text-decoration: none; cursor: pointer; transition: opacity 0.3s; } .SearchLinkList01 > li > a.EmphasisLink, .SearchLinkList01 > li > button.EmphasisLink { padding-left: 15px !important; background: url("../../img/common/icon_triangle_l_red.png") 1.5px 0.25em no-repeat; background-position-y: 0.3em; color: #06c !important; font-weight: bold; font-size: 16px; } .SearchLinkList01 > li > a.EmphasisLink::before, .SearchLinkList01 > li > button.EmphasisLink::before { display: none; } .SearchLinkList01 > li > a.EmphasisLink:hover, .SearchLinkList01 > li > a.EmphasisLink:active, .SearchLinkList01 > li > a.EmphasisLink:focus, .SearchLinkList01 > li > button.EmphasisLink:hover, .SearchLinkList01 > li > button.EmphasisLink:active, .SearchLinkList01 > li > button.EmphasisLink:focus { color: #3285d3 !important; } .SearchLinkList01 > li > a:hover, .SearchLinkList01 > li > a:active, .SearchLinkList01 > li > a:focus, .SearchLinkList01 > li > button:hover, .SearchLinkList01 > li > button:active, .SearchLinkList01 > li > button:focus { color: #3285d3; text-decoration: underline; opacity: 1; } .SearchUtilityBox01 .SearchLinkList01 > li > a, .SearchSeriesList .SearchLinkList01 > li > a, .SearchUtilityBox01 .SearchLinkList01 > li > button, .SearchSeriesList .SearchLinkList01 > li > button { font-size: 11px; } .SearchLinkList01 > li > a::before, .SearchLinkList01 > li > button::before { display: block; position: absolute; top: 4px; left: 0; width: auto; height: auto; border-width: 3px 5px; border-style: solid; border-color: transparent transparent transparent #75777c; background: none; content: ""; } .SearchPageList01 { word-wrap: break-word; margin-bottom: 16px; list-style: none; word-break: break-word; overflow-wrap: break-word; } .SearchPageList01.IsNoResult { display: block !important; margin-bottom: 0 !important; } .SearchPageList01 > li { -webkit-animation: display1 0.2s linear; padding: 15px 0; border-bottom: 1px dashed #ccc; outline: none; background: #fff; line-height: 1.8; animation: display1 0.2s linear; } .SearchPageList01 > li.IsHidden { display: none; } .SearchPageList01 > li .Title { display: inline-block; margin-bottom: 5px; color: #06c; font-weight: bold; font-size: 14px; text-decoration: none; } [class*=theme-K] .SearchPageList01 > li .Title { position: relative; margin-bottom: 3px; padding-left: 11px; color: #1a5c9a; font-size: 15px; } [class*=theme-K] .SearchPageList01 > li .Title:hover, [class*=theme-K] .SearchPageList01 > li .Title:active, [class*=theme-K] .SearchPageList01 > li .Title:focus { color: #e60012; text-decoration: none; } [class*=theme-K] .SearchPageList01 > li .Title::before { display: block; position: absolute; top: 6px; left: 0; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #e60012; content: ""; } [class*=theme-K] .SearchPageList01 > li .Title::after { display: block; position: absolute; top: 8px; left: 0; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; } #main .SearchPageList01 > li .Description { margin: 0 0 5px; font-size: 12px; } [class*=theme-K] .SearchPageList01 > li .Description { margin-bottom: 5px; font-size: 12px; } .SearchPageList01 > li .Url { display: inline-block; color: #06c; font-size: 12px; text-decoration: none; } [class*=theme-K] .SearchPageList01 > li .Url { color: #1a5c9a; font-style: italic; } .SearchUtilityBox01 { padding: 10px 20px; background: #f2f2f2; } .SearchUtilityBox01 + #PageBottomContent { margin-top: 40px; } [class*=theme-K] .SearchUtilityBox01 > dl { margin-bottom: 0; } .SearchUtilityBox01 > dl > dt { font-weight: bold; font-size: 12px; } [class*=theme-K] .SearchUtilityBox01 > dl > dt { margin-top: 3px; margin-bottom: 5px; } .SearchUtilityBox02 { display: flex; margin-bottom: 27px; padding: 10px !important; background: #e1e1e1; } .SearchUtilityBox02.OfPrimary { display: block; margin-bottom: 32px; padding: 0 !important; background: none; } .SearchUtilityBox02.HasSearchSuggest { position: relative; } .SearchUtilityBox02 .InputArea { width: 400px; margin-right: 10px; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchUtilityBox02 .InputArea { flex: 1; } } .SearchUtilityBox02 .InputArea input { width: 100%; padding: 6px 8px; border: 0; border-radius: 2px; background: #fff; font-size: 13px; line-height: 1.5; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchUtilityBox02 .InputArea input { font-size: 16px; } } .SearchUtilityBox02 .BtnArea { display: flex; } .SearchUtilityBox02 .BtnArea button { display: block; position: relative; padding: 2px 20px 2px 7px; border: 0; border-radius: 2px; background: #888; color: #fff; font-weight: bold; font-size: 13px; cursor: pointer; transition: opacity 0.3s; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchUtilityBox02 .BtnArea button { white-space: nowrap; } } .SearchUtilityBox02 .BtnArea button:hover, .SearchUtilityBox02 .BtnArea button:active, .SearchUtilityBox02 .BtnArea button:focus { opacity: 0.7; } .SearchUtilityBox02 .BtnArea button::before, .SearchUtilityBox02 .BtnArea button::after { -webkit-backface-visibility: hidden; display: block; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); border-width: 4px 6px; border-style: solid; border-color: transparent transparent transparent #fff; backface-visibility: hidden; content: ""; } .SearchUtilityBox02 .BtnArea button::after { right: 5px; border-color: transparent transparent transparent #888; } .SearchResultUtilityGroup { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px; padding-right: 7px; padding-bottom: 8px; border-bottom: 1px solid #999; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup { flex-direction: column-reverse; align-items: flex-start; justify-content: inherit; padding-right: 0; } } #main .SearchResultUtilityGroup .ResultTxt { margin-top: 0; } .SearchResultUtilityGroup .ResultTxt { margin-bottom: 0; } .SearchResultUtilityGroup .ResultTxt > span { margin-right: 5px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .ViewListWrapper { display: none; } } .SearchResultUtilityGroup .ViewList { display: flex; overflow: hidden; border: 1px solid #999; border-radius: 2px; } .SearchResultUtilityGroup .ViewList > li.IsActive button { background: #e1e1e1; box-shadow: 2px 2px 6px rgba(51, 51, 51, 0.3) inset; } .SearchResultUtilityGroup .ViewList > li button { display: block; padding: 5px; border: 0; outline: none; background: #fff; line-height: 1; cursor: pointer; transition: background 0.2s; } .SearchResultUtilityGroup .FilterGroup { display: flex; align-items: flex-end; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .FilterGroup { width: 100%; margin-bottom: 24px; } } .SearchResultUtilityGroup .FilterGroup > * { margin-right: 10px; } .SearchResultUtilityGroup .FilterGroup > *:last-child { margin-right: 0; } [class*=theme-K] .SearchResultUtilityGroup .FilterGroup .Discontinued { margin-bottom: 0; font-size: 12px; line-height: 1.9; } .SearchResultUtilityGroup .FilterGroup .Discontinued label { display: inline-block; position: relative; margin-left: 10px; padding-left: 22px; font-size: 12px; cursor: pointer; } .SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] { position: absolute; top: 4px; left: 0; transform: scale(0.5); } .SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] + span { display: block; } .SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox] + span::before { display: block; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border: 1px solid #888; border-radius: 2px; background: #fff; content: ""; } .SearchResultUtilityGroup .FilterGroup .Discontinued input[type=checkbox]:checked + span::after { display: block; position: absolute; top: 5.2px; left: 4px; width: 6px; height: 9px; transform: rotate(45deg); border-right: 2px solid #d00202; border-bottom: 2px solid #d00202; content: ""; transition: none; } .SearchResultUtilityGroup .SelectTypes { position: relative; min-width: 150px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .SelectTypes { width: 100%; } } .DownloadListClose .SearchResultUtilityGroup .SelectTypes.IsOpen, .DownloadListOpen .SearchResultUtilityGroup .SelectTypes.IsOpen { z-index: 1000; } .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook { border-bottom: 0; border-radius: 2px 2px 0 0; background: #e1e1e1; opacity: 1; transition: none; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook { background: #fff; } } .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesHook::after { margin-top: -10px; transform: rotate(180deg); } .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesBox { display: block; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .SelectTypes.IsOpen .SelectTypesBox { display: none; } } .SearchResultUtilityGroup .SelectTypes .SelectTypesHook { position: relative; width: 100%; min-height: 33px; padding: 6px 27px 5px 27px; overflow: visible; border: 1px solid #999; border-radius: 2px; background: #fff; font-size: 12px; line-height: 1.5; cursor: pointer; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook { min-width: 180px; padding: 6px 22px 5px; } .SearchResultUtilityGroup .SelectTypes .SelectTypesHook::after { box-sizing: border-box; display: inline-block; width: 8px; height: 14px; margin: 2px 0 0 6px; border-width: 7px 4px; border-style: solid; border-color: #333 transparent transparent transparent; content: ""; vertical-align: middle; } .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength { box-sizing: border-box; position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; padding-top: 2px; border-radius: 50%; background: #d00202; color: #fff; font-size: 12px; line-height: 1; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding-top: 0; text-align: center; } } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength { background: #e60012; } .SearchResultUtilityGroup .SelectTypes .SelectTypesHook .SelectTypesLength.IsHidden { display: none; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox { display: none; z-index: 1000; position: absolute; top: calc(100% - 1px); right: 0; width: 100%; min-width: 150px; overflow: hidden; background: #fff; text-align: center; transition: height 0.2s ease-out; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox { position: static; } } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner { padding: 10px; border: 1px solid #999; border-top: 0; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul { margin-bottom: 0; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li { margin-bottom: 5px; font-weight: bold; font-size: 14px; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li { padding: 0; background: none; line-height: 1.9; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li:last-child { margin-bottom: 0; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child { margin-bottom: 0; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li { margin-top: 0; margin-bottom: 5px; padding-left: 0; background: none; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child { margin-bottom: 0; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li { text-align: left; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li label { display: block; position: relative; padding-left: 22px; font-weight: normal; font-size: 12px; cursor: pointer; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] { position: absolute; top: 4px; left: 0; transform: scale(0.5); } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] + span { display: block; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox] + span::before { display: block; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border: 1px solid #888; border-radius: 2px; background: #fff; content: ""; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li input[type=checkbox]:checked + span::after { display: block; position: absolute; top: 5.2px; left: 4px; width: 6px; height: 9px; transform: rotate(45deg); border-right: 2px solid #d00202; border-bottom: 2px solid #d00202; content: ""; transition: none; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li select { display: block; width: calc(100% - 22px); margin-left: 22px; font-size: 12px; } [class*=theme-K] .SearchResultUtilityGroup .SelectTypes .SelectTypesBox li select { min-height: 22px; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn { margin-top: 10px; padding: 2px 7px; border: 1px solid #999; border-radius: 2px; background: #888; color: #fff; font-size: 14px; cursor: pointer; transition: opacity 0.3s; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:hover, .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:active, .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:focus { opacity: 0.7; } .SearchResultUtilityGroup .SelectTypes .SelectTypesBox .SelectTypesBtn:disabled { background: #e5e5e5; color: #666; opacity: 1; } .SearchDownloadNotes { display: none; position: relative; margin-bottom: 12px; padding-left: 20px; font-size: 12px; text-align: right; } #main .SearchDownloadNotes { margin-top: 10px; } [class*=theme-K] .SearchDownloadNotes { margin-bottom: 12px; line-height: 1.7; } .SearchDownloadNotes.IsShow { display: block; } .SearchDownloadNotes.IsShow + .SearchDownloadList { margin-top: 0; } .SearchDownloadNotes::before { display: inline-block; width: 15px; height: 18px; margin: -3px 5px 0 -20px; background: url("/img/search/icon_key_01.png") no-repeat; content: ""; vertical-align: middle; } .SearchDownloadNotes + .SearchDownloadList { margin-top: 20px; } .SearchHr { margin-top: 60px; margin-bottom: 30px; border: 0; border-bottom: 1px solid #e5e5e5; } .search-cardMain { padding: 24px !important; border: 1px solid #ccc; background: #fff; } @media screen and (max-width: 969px) { [class*=theme-K] .search-cardMain { padding: 0 !important; border: 0; } } .search-cardSub { margin-top: 24px; padding: 20px !important; border: 1px solid #ccc; border-right: 0; background: #f7f7f7; } @media screen and (max-width: 969px) { [class*=theme-K] .search-cardSub { margin-top: 0; padding: 0 !important; border: 0; background: #fff; } } div.Balloon div.BalloonInner { zoom: 1; position: relative; padding: 6px 10px; border: solid 1px #777; background: #fff; } [class*=theme-K] div.Balloon p { font-size: 1.1rem; } div.Balloon div.BalloonChip { z-index: 101; position: absolute; bottom: -13px; left: 50%; width: 13px; height: 14px; margin-left: -7px; background: url("../../img/common/bg_balloon_chip.png") 0 0 no-repeat; } .BalloonInner > *:last-child { margin-bottom: 0; } .SearchDownloadList { word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; } .SearchResultUtilityGroup + .SearchDownloadList { margin-top: 20px; } [class*=theme-K] .SearchResultUtilityGroup + .SearchDownloadList { margin-top: 20px; } .SearchDownloadList + * { margin-top: 16px; } [class*=theme-K] .SearchDownloadList + * { margin-top: 16px; } .SearchDownloadList.IsNoResult { display: block !important; margin-top: 0 !important; margin-bottom: 0 !important; } .SearchDownloadList[data-view=Grid] { display: flex; flex-wrap: wrap; margin-bottom: -30px; margin-left: -10px; } [class*=theme-K] .SearchDownloadList[data-view=Grid] { margin-bottom: -30px; margin-left: -10px; } .SearchDownloadList[data-view=Grid].Col2 > li { align-items: flex-end; width: 50%; } .SearchDownloadList[data-view=Grid].Col2 > li .DownloadGroup { flex-direction: row; padding-right: 30px; } .SearchDownloadList[data-view=Grid].Col2 > li .DownloadGroup .Item { flex: 1; } .SearchDownloadList[data-view=Grid].Col2 > li .ThumbnailWrapper { min-width: 92px; margin-right: 15px; } .SearchDownloadList[data-view=Grid].Col2 > li .BtnGroup { width: auto; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid].Col2 > li { width: 100%; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col2 > li .BtnGroup { display: none; } } .SearchDownloadList[data-view=Grid].Col3 > li { width: 33.333333%; } .SearchDownloadList[data-view=Grid].Col4 > li { width: 25%; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li { align-items: flex-end; width: 50%; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .DownloadGroup { flex-direction: row; padding-right: 30px; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .DownloadGroup .Item { flex: 1; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .ThumbnailWrapper { min-width: 92px; margin-right: 15px; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .BtnGroup { width: auto; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li { width: 100%; } [class*=theme-K] .SearchDownloadList[data-view=Grid].Col4 > li .BtnGroup { display: none; } } .SearchDownloadList[data-view=Grid].Col4 > li .TitleGroup .Title { font-size: 12px; line-height: 1.5; } html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid].Col4 > li .TitleGroup .Title { font-size: 13px !important; } .SearchDownloadList[data-view=Grid].Col5 > li { width: 20%; } .SearchDownloadList[data-view=Grid].Col5 > li .TitleGroup .Title { font-size: 12px; line-height: 1.5; } html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid].Col5 > li .TitleGroup .Title { font-size: 13px !important; } .SearchDownloadList[data-view=Grid] > li { flex-direction: column; justify-content: inherit; width: 100%; margin-bottom: 30px; padding: 0 0 0 10px; border: 0; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid] > li { margin-bottom: 16px; } } .SearchDownloadList[data-view=Grid] > li:first-child { border: 0; } .SearchDownloadList[data-view=Grid] .DownloadGroup { position: relative; flex: 1 0 auto; flex-direction: column; width: 100%; padding: 12px 9px 10px; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff; color: #06c; text-decoration: none; transition: box-shadow 0.2s 0.1s, background 0.2s 0.1s, border 0.2s 0.1s; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup { flex-direction: row; } } [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup { color: #1a5c9a; } .SearchDownloadList[data-view=Grid] .DownloadGroup:hover, .SearchDownloadList[data-view=Grid] .DownloadGroup:active, .SearchDownloadList[data-view=Grid] .DownloadGroup:focus { border-color: #ff7a7a; background: #fff5f5; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); color: #06c; text-decoration: none; opacity: inherit; } [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:hover, [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:active, [class*=theme-K] .SearchDownloadList[data-view=Grid] .DownloadGroup:focus { color: #1a5c9a; } .SearchDownloadList[data-view=Grid] .DownloadGroup:hover .ThumbnailWrapper .Thumbnail, .SearchDownloadList[data-view=Grid] .DownloadGroup:active .ThumbnailWrapper .Thumbnail, .SearchDownloadList[data-view=Grid] .DownloadGroup:focus .ThumbnailWrapper .Thumbnail { transform: scale(1.057); } .SearchDownloadList[data-view=Grid] .ThumbnailWrapper { display: flex; align-items: center; justify-content: center; min-height: 92px; margin-right: 0; margin-bottom: 6px; text-align: center; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid] .ThumbnailWrapper { margin-right: 20px; } } .SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail { transform: scale(1); border: 1px solid #dfdfdf; transition: transform 0.15s 0.1s; } .SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail img { -webkit-backface-visibility: hidden; -ms-interpolation-mode: nearest-neighbor; transform: scale(1); border: 0; backface-visibility: hidden; image-rendering: -moz-crisp-edges; image-rendering: pixelated; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid] .ThumbnailWrapper .Thumbnail img { max-width: inherit; } } .SearchDownloadList[data-view=Grid] .IconGroup { position: static; margin-bottom: 5px; } .SearchDownloadList[data-view=Grid] .IconGroup > * { margin-right: 6px; } .SearchDownloadList[data-view=Grid] .IconGroup > *:last-child { margin-right: 0; } .SearchDownloadList[data-view=Grid] .IconGroup .IconLang { display: none; } .SearchDownloadList[data-view=Grid] .IconGroup .IconLang.case2 { display: block; padding-right: 6px; padding-left: 6px; } .SearchDownloadList[data-view=Grid] .IconGroup .IconKey { position: absolute; top: 12px; right: 9px; left: inherit; margin-top: 0; } .SearchDownloadList[data-view=Grid] .TitleGroup { position: relative; padding-left: 27px; } .SearchDownloadList[data-view=Grid] .TitleGroup::before, .SearchDownloadList[data-view=Grid] .TitleGroup::after { display: block; position: absolute; top: 3px; left: 0; width: 21px; height: 21px; border-radius: 2px; background: #d00202; content: ""; } [class*=theme-K] .SearchDownloadList[data-view=Grid] .TitleGroup::before, [class*=theme-K] .SearchDownloadList[data-view=Grid] .TitleGroup::after { background-color: #e60012; } .SearchDownloadList[data-view=Grid] .TitleGroup::after { top: 7px; left: 3px; width: 15px; height: 13px; border-radius: 0; background: url("/img/search/icon_download_01.png") no-repeat; } .SearchDownloadList[data-view=Grid] .TitleGroup .Lang { display: block; color: #333; font-size: 11px; } html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList[data-view=Grid] .TitleGroup .Lang { font-size: 12px !important; } .SearchDownloadList[data-view=Grid] .TitleGroup .Lang.case2 { display: none; } .SearchDownloadList[data-view=Grid] .BtnGroup { width: 100%; min-width: inherit; max-width: inherit; } .SearchDownloadList[data-view=Grid] .BtnGroup > * + * { margin-top: 0; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchDownloadBtn { display: none; border-radius: 0; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn { margin-top: 10px; overflow: visible; border-radius: 0; cursor: pointer; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:hover .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:active .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn:focus .SearchAddBtnInner > span::after { border-color: transparent transparent #fff5f5 transparent; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled], .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled { border-radius: 2px; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::before, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::after, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::before, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::after { display: none; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span { display: block; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::before, .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after { display: block; position: absolute; top: -20px; right: 18px; border-width: 9px 5px; border-style: solid; border-color: transparent transparent #eaeaea transparent; content: ""; } .SearchDownloadList[data-view=Grid] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after { top: -16px; border-color: transparent transparent #fff transparent; transition: border-color 0.2s; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] { display: flex; flex-wrap: wrap; margin-bottom: -30px; margin-left: -10px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li { flex-direction: column; align-items: flex-end; justify-content: inherit; width: 50%; margin-bottom: 30px; padding: 0 0 0 10px; border: 0; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li { width: 100%; margin-bottom: 16px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li:first-child { border: 0; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup { position: relative; flex: 1 0 auto; flex-direction: row; width: 100%; padding: 12px 30px 10px 9px; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff; color: #1a5c9a; text-decoration: none; transition: box-shadow 0.2s 0.1s, background 0.2s 0.1s, border 0.2s 0.1s; } [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup .Item { flex: 1; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup { flex-direction: row; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:hover, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:active, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:focus { border-color: #ff7a7a; background: #fff5f5; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); color: #1a5c9a; text-decoration: none; opacity: inherit; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:hover .ThumbnailWrapper .Thumbnail, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:active .ThumbnailWrapper .Thumbnail, [class*=theme-K] .SearchDownloadList[data-view=List] .DownloadGroup:focus .ThumbnailWrapper .Thumbnail { transform: scale(1.057); } } .SearchDownloadList[data-view=List] > li .ThumbnailWrapper { min-width: 92px; margin-right: 20px; text-align: center; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper { display: flex; align-items: center; justify-content: center; min-height: 92px; margin-right: 15px; margin-bottom: 6px; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper { margin-right: 20px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail { transform: scale(1); border: 1px solid #dfdfdf; transition: transform 0.15s 0.1s; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail img { -webkit-backface-visibility: hidden; -ms-interpolation-mode: nearest-neighbor; transform: scale(1); border: 0; backface-visibility: hidden; image-rendering: -moz-crisp-edges; image-rendering: pixelated; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=List] > li .ThumbnailWrapper .Thumbnail img { max-width: inherit; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup { position: static; margin-bottom: 5px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup > * { margin-right: 6px; } [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup > *:last-child { margin-right: 0; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconLang { display: none; } [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconLang.case2 { display: block; padding-right: 6px; padding-left: 6px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .IconGroup .IconKey { position: absolute; top: 12px; right: 9px; left: inherit; margin-top: 0; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup { position: relative; padding-left: 27px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::before, [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::after { display: block; position: absolute; top: 3px; left: 0; width: 21px; height: 21px; border-radius: 2px; background-color: #e60012; content: ""; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup::after { top: 7px; left: 3px; width: 15px; height: 13px; border-radius: 0; background: url("/img/search/icon_download_01.png") no-repeat; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup .Lang { display: block; color: #333; font-size: 11px; } [class*=theme-K] .SearchDownloadList[data-view=List] .TitleGroup .Lang.case2 { display: none; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup { width: auto; min-width: inherit; max-width: inherit; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup { display: none; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup > * + * { margin-top: 0; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchDownloadBtn { display: none; border-radius: 0; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn { margin-top: 10px; overflow: visible; border-radius: 0; cursor: pointer; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:hover .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:active .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn:focus .SearchAddBtnInner > span::after { border-color: transparent transparent #fff5f5 transparent; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled], [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled { border-radius: 2px; } [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner > span::after, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner > span::after { display: none; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span { display: block; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::before, [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after { display: block; position: absolute; top: -20px; right: 18px; border-width: 9px 5px; border-style: solid; border-color: transparent transparent #eaeaea transparent; content: ""; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=List] .BtnGroup .SearchAddBtn .SearchAddBtnInner > span::after { top: -16px; border-color: transparent transparent #fff transparent; transition: border-color 0.2s; } } .SearchDownloadList > li { -webkit-animation: display1 0.2s linear forwards; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding: 20px 0; border-bottom: 1px dashed #ccc; outline: none; background: #fff !important; animation: display1 0.2s linear forwards; } .gtie9 .SearchDownloadList > li { -webkit-animation: none; animation: none; } .SearchDownloadList > li.IsHidden { display: none; } .SearchDownloadList > li:first-child { border-top: 1px dashed #ccc; } @-webkit-keyframes display1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes display1 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes display2 { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes display2 { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } .SearchDownloadList .DownloadGroup { box-sizing: border-box; display: flex; padding-right: 20px; border: 1px solid transparent; color: #06c; text-decoration: none; transition: inherit; } [class*=theme-K] .SearchDownloadList .DownloadGroup { color: #1a5c9a; } .SearchDownloadList a.DownloadGroup { transition: opacity 0.3s; } .SearchDownloadList a.DownloadGroup:hover, .SearchDownloadList a.DownloadGroup:active, .SearchDownloadList a.DownloadGroup:focus { color: #f00; text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchDownloadList a.DownloadGroup:hover, [class*=theme-K] .SearchDownloadList a.DownloadGroup:active, [class*=theme-K] .SearchDownloadList a.DownloadGroup:focus { color: #e60012; } .SearchDownloadList .ThumbnailWrapper { margin-right: 40px; } .SearchDownloadList .ThumbnailWrapper .Thumbnail img { border: 1px solid #dfdfdf; } .SearchDownloadList .ThumbnailWrapper .ThumbnailLink { transition: opacity 0.3s; } .SearchDownloadList .ThumbnailWrapper .ThumbnailLink:hover, .SearchDownloadList .ThumbnailWrapper .ThumbnailLink:active, .SearchDownloadList .ThumbnailWrapper .ThumbnailLink:focus { opacity: 0.7; } .SearchDownloadList .ThumbnailWrapper .IconKey { display: none; } .SearchDownloadList .ThumbnailWrapper .IconKey:empty { display: none; } .SearchDownloadList .IconGroup { display: flex; position: relative; align-items: center; margin-bottom: 0; } .SearchDownloadList .IconGroup > * { margin-right: 10px; } .SearchDownloadList .IconGroup > *:last-child { margin-right: 0; } .SearchDownloadList .IconGroup .IconNew { padding: 3px 6px 2px; border: 1px solid #d00202; background: #fff; color: #d00202; font-size: 12px; line-height: 1.1; } .SearchDownloadList .IconGroup .IconNew:empty { display: none; } .SearchDownloadList .IconGroup .IconLang { display: none; padding: 4px 28px 3px; background: #9e9e9e; color: #fff; font-size: 12px; line-height: 1.1; } .SearchDownloadList .IconGroup .IconKey { position: absolute; top: 0; left: -31px; margin-top: 0; } .SearchDownloadList .IconGroup .IconKey:empty { display: none; } .SearchDownloadList .TitleGroup { max-width: 414px; font-size: 12px; line-height: 1.5; } .search-cardMain .SearchDownloadList .TitleGroup { max-width: 572px; } .SearchDownloadList .TitleGroup .Title { font-size: 16px; line-height: 1.33; } html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList .TitleGroup .Title { font-size: 17px !important; } .SearchDownloadList .TitleGroup .TitleLink { color: #06c; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink { color: #1a5c9a; } .SearchDownloadList .TitleGroup .TitleLink:hover, .SearchDownloadList .TitleGroup .TitleLink:active, .SearchDownloadList .TitleGroup .TitleLink:focus { color: #f00; text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:hover, [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:active, [class*=theme-K] .SearchDownloadList .TitleGroup .TitleLink:focus { color: #f00; } .SearchDownloadList .TitleGroup .FileInfo { color: #333; font-size: 11px; } html:not(.theme-noAdobeFont):not([lang=ko]):not([lang=th]):not([lang=zh]) .SearchDownloadList .TitleGroup .FileInfo { font-size: 12px !important; } .SearchDownloadList .TitleGroup .Lang { color: #333; } .SearchDownloadList .TitleGroup .OS, .SearchDownloadList .TitleGroup .Version, .SearchDownloadList .TitleGroup .UpdateDate { color: #333; } .SearchDownloadList .TitleGroup .Description { margin-top: 10px; } .SearchDownloadList .TitleGroup .DescriptionLink { position: relative; padding: 2px 22px 1px 8px; overflow: hidden; border: #999 1px solid; border-radius: 2px; background: #fff; color: #333; transition: opacity 0.3s; } .SearchDownloadList .TitleGroup .DescriptionLink:hover, .SearchDownloadList .TitleGroup .DescriptionLink:active, .SearchDownloadList .TitleGroup .DescriptionLink:focus { color: #333; text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchDownloadList .TitleGroup .DescriptionLink { padding: 4px 22px 4px 8px; text-decoration: none; } .SearchDownloadList .TitleGroup .DescriptionLink::before { display: block; position: absolute; top: 6px; right: 0; border-width: 4px 7px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .SearchDownloadList .BtnGroup { min-width: 174px; max-width: 174px; } .SearchDownloadList .BtnGroup > * + * { margin-top: 10px; } .SearchDownloadList .BtnGroup .SearchDownloadBtn { display: block; position: relative; padding: 9px 10px 8px 30px; border-radius: 2px; background: #d00202; color: #fff; font-size: 11px; line-height: 1.6; text-decoration: none; transition: opacity 0.3s; } .SearchDownloadList .BtnGroup .SearchDownloadBtn:hover, .SearchDownloadList .BtnGroup .SearchDownloadBtn:active, .SearchDownloadList .BtnGroup .SearchDownloadBtn:focus { text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchDownloadList .BtnGroup .SearchDownloadBtn { padding-left: 33px; background: #e60012; font-size: 13px; } .SearchDownloadList .BtnGroup .SearchDownloadBtn::before { -webkit-backface-visibility: hidden; display: block; position: absolute; top: 50%; left: 9px; width: 15px; height: 14px; transform: translateY(-50%); backface-visibility: hidden; background: url("/img/search/icon_download_01.png") no-repeat; content: ""; } .SearchDownloadList .BtnGroup .SearchAddBtn { display: block; position: relative; width: 100%; padding: 7px 8px 6px 28px; border: 2px solid #e7e7e7; border-radius: 2px; background: #fff; color: #333; font-size: 11px; line-height: 1.6; text-align: left; cursor: pointer; transition: background 0.2s 0.1s; } .SearchDownloadList .BtnGroup .SearchAddBtn.IsWaiting { cursor: default; pointer-events: none; } .SearchDownloadList .BtnGroup .SearchAddBtn:hover, .SearchDownloadList .BtnGroup .SearchAddBtn:active, .SearchDownloadList .BtnGroup .SearchAddBtn:focus { background: #fff5f5; opacity: 1; } [class*=theme-K] .SearchDownloadList .BtnGroup .SearchAddBtn { padding-left: 32px; font-size: 13px; } .SearchDownloadList .BtnGroup .SearchAddBtn[disabled], .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled { background: #e5e5e5; color: #666; cursor: inherit; } .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:hover, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:active, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]:focus, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:hover, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:active, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled:focus { background: #e5e5e5; opacity: inherit; } .SearchDownloadList .BtnGroup .SearchAddBtn[disabled]::before, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled::before { background: #9e9e9e; } .SearchDownloadList .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn[disabled] > .SearchAddBtnInner::after, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn.Disabled > .SearchAddBtnInner::after { background: #e5e5e5; } .SearchDownloadList .BtnGroup .SearchAddBtn::before { display: block; position: absolute; top: 50%; left: 6px; width: 18px; height: 18px; transform: translateY(-50%); border-radius: 2px; background: #ffe2e2; content: ""; } .SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner { display: block; } .SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::before, .SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::after { display: block; position: absolute; top: 50%; left: 9px; width: 12px; height: 2px; transform: translateY(-50%); background: #d00202; content: ""; } .SearchDownloadList .BtnGroup .SearchAddBtn > .SearchAddBtnInner::after { left: 14px; width: 2px; height: 12px; } .SearchMoreBtnWrapper { margin-bottom: 60px; text-align: center; } .SearchMoreBtnWrapper.IsHidden { display: none; } #main .SearchMoreBtnWrapper { margin-top: 40px; } .SearchMoreBtnWrapper + * { margin-top: 16px; } [class*=theme-K] .SearchMoreBtnWrapper { margin-top: 40px; margin-bottom: 60px; } [class*=theme-K] .SearchMoreBtnWrapper + .TabNav.Bottom, [class*=theme-K] .SearchMoreBtnWrapper + * + .TabNav.Bottom { margin-top: 40px; } .SearchMoreBtnWrapper .SearchMoreBtn { display: inline-block; position: relative; padding: 15px 54px; border: 1px solid #b8b8b8; border-radius: 2px; background: #f9f9f9; font-size: 13px; line-height: 1.5; cursor: pointer; transition: opacity 0.3s; } .SearchMoreBtnWrapper .SearchMoreBtn:hover, .SearchMoreBtnWrapper .SearchMoreBtn:active, .SearchMoreBtnWrapper .SearchMoreBtn:focus { opacity: 0.7; } .SearchMoreBtnWrapper .SearchMoreBtn.IsLoad2::after { -webkit-animation: loading 1.5s linear infinite; display: inline-block; width: 15px; height: 15px; margin-top: -1px; margin-left: 10px; border: 2px solid; border-left: 1px solid transparent; border-radius: 50%; content: ""; vertical-align: middle; animation: loading 1.5s linear infinite; } .SearchMoreBtnWrapper .SearchMoreBtn.IsLoad::after { -webkit-animation: loading2 0.8s infinite ease; display: inline-block; width: 3px; height: 3px; transform: translateZ(0); border-radius: 50%; content: ""; color: #000; animation: loading2 0.8s infinite ease; } @-webkit-keyframes loading { 50% { opacity: 0.6; } 100% { transform: rotate(1080deg); transform-origin: 50% 50%; opacity: 0.3; } } @keyframes loading { 50% { opacity: 0.6; } 100% { transform: rotate(1080deg); transform-origin: 50% 50%; opacity: 0.3; } } @-webkit-keyframes loading2 { 0%, 100% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.3), 1em 0 0 0 rgba(0, 0, 0, 0.5), 1.5em 0 0 0 rgba(0, 0, 0, 0.8); } 33.3% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.8), 1em 0 0 0 rgba(0, 0, 0, 0.3), 1.5em 0 0 0 rgba(0, 0, 0, 0.5); } 66.6% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.5), 1em 0 0 0 rgba(0, 0, 0, 0.8), 1.5em 0 0 0 rgba(0, 0, 0, 0.3); } } @keyframes loading2 { 0%, 100% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.3), 1em 0 0 0 rgba(0, 0, 0, 0.5), 1.5em 0 0 0 rgba(0, 0, 0, 0.8); } 33.3% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.8), 1em 0 0 0 rgba(0, 0, 0, 0.3), 1.5em 0 0 0 rgba(0, 0, 0, 0.5); } 66.6% { box-shadow: 0.5em 0 0 0 rgba(0, 0, 0, 0.5), 1em 0 0 0 rgba(0, 0, 0, 0.8), 1.5em 0 0 0 rgba(0, 0, 0, 0.3); } } .SearchSeriesList { word-wrap: break-word; display: flex; flex-wrap: wrap; margin-bottom: 16px; margin-left: -40px; word-break: break-word; overflow-wrap: break-word; } [class*=theme-K] .SearchSeriesList { margin-bottom: 16px; margin-left: -40px; line-height: 1.3; } .SearchSeriesList.IsNoResult { display: block !important; margin-bottom: 0 !important; } .SearchSeriesList.OfPrimary > li { padding: 32px 0; border-bottom: 1px solid #ddd; background: inherit; } .SearchSeriesList.OfPrimary.Col2 > li { border: 0; } @media screen and (max-width: 969px) { .SearchSeriesList.OfPrimary.Col2 > li { padding: 32px 0; border-bottom: 1px solid #ddd; background: inherit; } } .SearchSeriesList.OfPrimary.Col3 > li, .SearchSeriesList.OfPrimary.Col4 > li { border: 0; } @media screen and (max-width: 768px) { .SearchSeriesList.OfPrimary.Col3 > li, .SearchSeriesList.OfPrimary.Col4 > li { padding: 32px 0; border-bottom: 1px solid #ddd; background: inherit; } } .SearchSeriesList.Col2 > li { width: calc(50% - 40px); } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSeriesList.Col2 > li { width: calc(100% - 40px); } } .SearchSeriesList.Col2 > li .Products { width: 218px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSeriesList.Col2 > li .Products { flex: 1; } } [class*=theme-K] .SearchSeriesList.Col2 > li .Products { width: 353px; } .SearchSeriesList.Col2 > li .LinkGroup { width: 125px; } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchSeriesList.Col2 > li .LinkGroup { min-width: 125px; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList.Col2 > li .LinkGroup { width: 100%; min-width: inherit; } } .SearchSeriesList.Col3 > li { width: calc(33.333% - 40px); } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchSeriesList.Col3 > li { width: calc(50% - 40px); } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList.Col3 > li { width: calc(100% - 40px); } } .SearchSeriesList.Col4 > li { width: calc(25% - 40px); } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchSeriesList.Col4 > li { width: calc(33.333% - 40px); } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSeriesList.Col4 > li { width: calc(50% - 40px); } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList.Col4 > li { width: calc(100% - 40px); } } .SearchSeriesList > li { -webkit-animation: display1 0.2s linear forwards; box-sizing: border-box; display: flex; width: calc(100% - 40px); margin-left: 40px; padding: 20px 0 30px; border-bottom: 1px dotted #ccc; outline: none; background: #fff; animation: display1 0.2s linear forwards; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList > li { flex-wrap: wrap; } } .gtie9 .SearchSeriesList > li { -webkit-animation: none; animation: none; } .SearchSeriesList > li.IsHidden { display: none; } .SearchSeriesList > li .Products { order: 2; width: 473px; margin-right: 16px; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList > li .Products { margin-right: 0; } } [class*=theme-K] .SearchSeriesList > li .Products { width: 613px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSeriesList > li .Products { flex: 1; } } .SearchSeriesList > li .Products .Series { display: inline-block; color: #06c; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchSeriesList > li .Products .Series { color: #1a5c9a; } .SearchSeriesList > li .Products .Series:hover, .SearchSeriesList > li .Products .Series:active, .SearchSeriesList > li .Products .Series:focus { color: #f00; text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchSeriesList > li .Products .Series:hover, [class*=theme-K] .SearchSeriesList > li .Products .Series:active, [class*=theme-K] .SearchSeriesList > li .Products .Series:focus { color: #e60012; } .SearchSeriesList > li .Products .Series .CommonName { display: block; position: relative; font-weight: bold; font-size: 14px; } [class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName { margin-bottom: 3px; padding-left: 11px; font-size: 15px; } [class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName::before { display: block; position: absolute; top: 2px; left: 0; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #e60012; content: ""; } [class*=theme-K] .SearchSeriesList > li .Products .Series .CommonName::after { display: block; position: absolute; top: 4px; left: 0; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; } .SearchSeriesList > li .Products .Series .Name { font-size: 13px; } [class*=theme-K] .SearchSeriesList > li .Products .Series .Name { padding-left: 11px; font-size: 14px; } .SearchSeriesList > li .Products .Description { margin-top: 3px; font-size: 13px; } .SearchSeriesList > li .LinkGroup { order: 3; width: 125px; } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchSeriesList > li .LinkGroup { min-width: 125px; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList > li .LinkGroup { width: 100%; min-width: inherit; margin-top: 10px; margin-left: 106px; } } [class*=theme-K] .SearchSeriesList > li .LinkGroup { width: 140px; } @media screen and (max-width: 1240px) { [class*=theme-K] .SearchSeriesList > li .LinkGroup { min-width: 140px; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList > li .LinkGroup { width: 100%; min-width: inherit; } } .SearchSeriesList > li .LinkGroup .DownloadBtnWrapper { margin-bottom: 10px; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSeriesList > li .LinkGroup .DownloadBtnWrapper { display: inline-block; } } .SearchSeriesList > li .LinkGroup div.DownloadBtn { background: #ccc; } .SearchSeriesList > li .LinkGroup div.DownloadBtn:hover, .SearchSeriesList > li .LinkGroup div.DownloadBtn:active, .SearchSeriesList > li .LinkGroup div.DownloadBtn:focus { opacity: 1; } .SearchSeriesList > li .LinkGroup div.DownloadBtn::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.3); content: ""; } .SearchSeriesList > li .LinkGroup .DownloadBtn { box-sizing: border-box; display: block; position: relative; width: 100%; height: auto; padding: 8px 16px 8px 35px; border-radius: 2px; background: #d00202; color: #fff; font-weight: bold; font-size: 12px; line-height: 1.2; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchSeriesList > li .LinkGroup .DownloadBtn { background: #e60012; font-weight: normal; } .SearchSeriesList > li .LinkGroup .DownloadBtn:hover, .SearchSeriesList > li .LinkGroup .DownloadBtn:active, .SearchSeriesList > li .LinkGroup .DownloadBtn:focus { text-decoration: none; opacity: 0.7; } .SearchSeriesList > li .LinkGroup .DownloadBtn::before { -webkit-backface-visibility: hidden; display: block; position: absolute; top: 50%; left: 11px; width: 15px; height: 14px; transform: translateY(-50%); backface-visibility: hidden; background: url("/img/search/icon_download_01.png") no-repeat; content: ""; } .SearchSeriesList > li .Thumbnail { order: 1; width: 92px; min-height: 92px; margin-right: 14px; } .SearchSeriesList > li .Thumbnail .ThumbnailLink { transition: opacity 0.3s; } .SearchSeriesList > li .Thumbnail .ThumbnailLink:hover, .SearchSeriesList > li .Thumbnail .ThumbnailLink:active, .SearchSeriesList > li .Thumbnail .ThumbnailLink:focus { opacity: 0.7; } .SearchSeriesList > li .Thumbnail img { border: #ddd solid 1px; } .SearchDownloadList[data-view=Grid][data-filter=all] > li:nth-child(n+6) { display: none; } [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] > li:nth-child(n+6) { display: flex; } .search-bx-wrapper { position: relative; margin: 0 auto 50px; } @media screen and (max-width: 1080px) { [class*=theme-K] .search-bx-wrapper { padding: 0 20px; } } @media screen and (max-width: 768px) { [class*=theme-K] .search-bx-wrapper { margin-bottom: 30px; padding: 0; } } [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] { max-width: 970px; margin: 0 auto; opacity: 0; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] { max-width: inherit; margin-left: -10px; } } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] { margin-left: 0; } } [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].IsReady { opacity: 1; } [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].IsReady:not(.IsStatic) { -webkit-animation: display1 0.2s linear forwards; animation: display1 0.2s linear forwards; } @media screen and (min-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic { transform: translate3d(0, 0, 0) !important; } } [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic > li { -webkit-animation: none; width: 100% !important; animation: none; } @media screen and (min-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all].Col5.IsStatic > li { width: 20% !important; } } [class*=theme-K] .search-bx-wrapper .SearchDownloadList[data-view=Grid][data-filter=all] { flex-wrap: inherit; max-width: inherit; margin: 0 0 -30px 0; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchDownloadList[data-view=Grid][data-filter=all] > li:only-child { width: 100% !important; margin-bottom: 30px; } } .search-bx-wrapper .SearchDownloadList[data-view=Grid] { margin-left: 0; } .search-bx-wrapper .SearchDownloadList[data-view=Grid][data-filter=all] > li { padding-left: 0; } .search-bx-wrapper .SearchDownloadList[data-view=Grid] > li:nth-child(n+6) { display: flex; } .IsStatic .bx-clone { display: none !important; } .search-bx-wrapper .bx-controls { margin-top: 20px; } .search-bx-wrapper .bx-controls .bx-pager { z-index: 300; position: absolute; bottom: -30px; width: 100%; text-align: center; } @media screen and (max-width: 1080px) { [class*=theme-K] .search-bx-wrapper .bx-controls .bx-pager { width: calc(100% - 40px); } } @media screen and (max-width: 768px) { [class*=theme-K] .search-bx-wrapper .bx-controls .bx-pager { display: none; } } .search-bx-wrapper .bx-controls .bx-pager .bx-pager-item { display: inline-block; margin: 0 5px; } .search-bx-wrapper .bx-controls .bx-pager .bx-pager-item a { display: block; width: 10px; height: 10px; overflow: hidden; border-radius: 20px; background: #ccc; text-indent: -999em; } .search-bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background: #c00; } .search-bx-wrapper .bx-controls .bx-controls-direction { width: 100%; } .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next { position: absolute; top: 50%; width: 28px; height: 48px; overflow: hidden; transform: translateY(-50%); background: #888; text-indent: -999em; } @media screen and (max-width: 1080px) { [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev, [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next { opacity: 0.7; } } .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left: -40px; } @media screen and (max-width: 1080px) { [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left: -20px; } } .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next { right: -40px; transform: scale(-1, 1) translateY(-50%); } @media screen and (max-width: 1080px) { [class*=theme-K] .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next { right: -20px; } } .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev::before, .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next::before { display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -6px; margin-left: -3px; border: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid #fff; border-left: 0; content: ""; } .search-bx-wrapper .bx-controls .bx-controls-direction .bx-prev::after, .search-bx-wrapper .bx-controls .bx-controls-direction .bx-next::after { display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -3px; border: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid #888; border-left: 0; content: ""; } /* DownloadList close */ body.DownloadListClose .layout-footer { padding-bottom: 162px; } @media screen and (max-width: 969px) { body.DownloadListClose .layout-footer { padding-bottom: 50px; } } body.DownloadListClose div#FooterAreaInner { padding-bottom: 108px; } /* DownloadList open */ body.DownloadListOpen .layout-footer { padding-bottom: 225px; } @media screen and (max-width: 768px) { body.DownloadListOpen .layout-footer { padding-bottom: 0; } } body.DownloadListOpen div#FooterAreaInner { padding-bottom: 250px; } /* 03. DownloadList ---------- ---------- ---------- */ div#DownloadList { zoom: 1; display: block; z-index: 500; position: fixed; right: 0; bottom: 0; left: 0; } /* DownloadListTitleWrap */ div#DownloadList div#DownloadListTitleWrap { border-top: solid 1px #8f9192; } /* DownloadListTitle */ div#DownloadList div#DownloadListTitle { zoom: 1; border-top: solid 1px #b0b2b2; background: linear-gradient(#8e8f90 0%, #646566 100%); background-position: right top; background-color: #646566; } div#DownloadList div#DownloadListTitle div#DownloadListTitleInner::after { display: block; clear: both; content: ""; } div#DownloadList div#DownloadListTitle div#DownloadListTitleInner { width: 970px; margin: 0 auto; padding: 8px 0; } div#DownloadList div#DownloadListTitle p.Title { float: left; color: #fff; font-weight: bold; } div#DownloadList div#DownloadListTitle div.InformationCol { float: right; } div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation { margin: 0 9px 0 0; padding: 0 9px 0 0; float: left; border-right: solid 1px #bfbfbf; list-style: none; } div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li { margin: 0 0 0 12px; float: left; color: #fff; } div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li:first-child { margin-left: 0; } div#DownloadList div#DownloadListTitle div.InformationCol > ul.DownloadItemInformation li em { font-weight: bold; } div#DownloadList div#DownloadListTitle div.InformationCol div.Button { float: left; } div#DownloadList div#DownloadListTitle div.InformationCol div.Button a { zoom: 1; display: inline-block; padding: 0 21px 0 0; background: url("../../img/common/mkr_arw_downloadlist_top.png") 100% 50% no-repeat; color: #fff; } /* open/close button states */ body.DownloadListClose div#DownloadList div#DownloadListTitle div.InformationCol div.Button a { background-image: url("../../img/common/mkr_arw_downloadlist_top.png"); } body.DownloadListOpen div#DownloadList div#DownloadListTitle div.InformationCol div.Button a { background-image: url("../../img/common/mkr_arw_downloadlist_btm.png"); } /* DownloadListErrorMessage */ div#DownloadList div#DownloadListErrorMessage { border-bottom: solid 1px #e89396; background-color: #ffe5e6; } div#DownloadList div#DownloadListErrorMessage div#DownloadListErrorMessageInner { width: 970px; margin: 0 auto; padding: 8px 0; } div#DownloadList div#DownloadListErrorMessage p { margin-bottom: 0; color: #f00; font-weight: bold; font-size: 12px; } /* DownloadListContent */ div#DownloadList div#DownloadListContent { padding: 10px 0; background-color: #dfdfdf; } div#DownloadList div#DownloadListContent div#DownloadListContentInner::after { display: block; clear: both; content: ""; } div#DownloadList div#DownloadListContent div#DownloadListContentInner { position: relative; width: 970px; margin: 0 auto; } /* General */ div#DownloadList div#DownloadListContent ul { margin: 0 0 16px; list-style: none; } div#DownloadList div#DownloadListContent ul li { margin: 0 0 5px; padding: 0 0 0 13px; background: url("../../img/common/mkr_blet_black.png") 4px 0.5em no-repeat; } /* Download Items */ div#DownloadList div#DownloadListContent div.ItemCol { width: 760px; min-height: 100px; padding: 5px 5px 5px 7px; float: left; background: url("../../img/common/sep_downloadlist_y.png") 0 0 repeat-y; } div#DownloadList div#DownloadListContent div.ItemCol ul::after { display: block; clear: both; content: ""; } div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList { zoom: 1; width: 700px; margin: 0 auto; letter-spacing: -1em; vertical-align: middle; } [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList { display: flex; width: 3000px !important; } div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li { display: inline-block; width: 67px; height: 67px; margin: 0 5px; padding: 0; padding-top: 5px; background: none; line-height: 67px; letter-spacing: normal; text-align: center; } div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li img { border: solid 1px #999; vertical-align: middle; } /* DeleteButton */ div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap { zoom: 1; display: inline-block; position: relative; } div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap a.DeleteButton { position: absolute; top: -5px; right: -8px; width: 18px; height: 18px; } div#DownloadList div#DownloadListContent div.ItemCol ul.ImageList li span.DeleteButtonWrap a.DeleteButton img { border: 0; } /* Delete All Item */ div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem { margin: 15px 0 0 25px; } div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem li { margin: 0; padding-left: 15px; background: url("../../img/common/mkr_downloadlist_delete.png") 0 50% no-repeat; } /* OperationCol */ div#DownloadList div#DownloadListContent div.OperationCol { width: 180px; min-height: 100px; padding: 5px 0 5px 17px; float: left; background: url("../../img/common/sep_downloadlist_y.png") 0 0 repeat-y; } div#DownloadList div#DownloadListContent div.OperationCol dl dt { margin: 0 0 5px; color: #000; font-weight: bold; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul { margin: 0 0 15px; overflow: hidden; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li { margin: 0 5px 0 0; padding: 0; float: left; background: none; } /* checkbox */ div#DownloadList div#DownloadListContent .UIElm-check-label { display: inline-block; position: relative; min-height: 1em; padding: 0 0 0 22px; padding-top: 3px; padding-bottom: 3px; vertical-align: middle; } div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox { zoom: 1; display: inline-block; position: absolute; top: 0; left: 0; width: 22px; height: 22px; background: url("../../img/common/parts_form_uielem_check_radio.png") 0 0 no-repeat; cursor: pointer; } /* checked */ div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.checked { background-position: 0 -25px; } /* disabled */ div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.disabled { background-position: -25px 0; cursor: default; } /* checked and disabled */ div#DownloadList div#DownloadListContent .UIElm-check-label span.CustomCheckbox.checked.disabled { background-position: -25px -25px; } /* checkbox + link text */ div#DownloadList div#DownloadListContent .UIElm-check-label + a { vertical-align: bottom; } /* TextButton */ div#DownloadList div#DownloadListContent a.TextButton { -moz-box-shadow: 1px 1px 1px #ccc; zoom: 1; display: inline-block; padding: 4px 9px; border: solid 1px #848b90; background: linear-gradient(#bcbcbc 0%, #818181 100%); background-position: right top; background-color: #818181; box-shadow: 1px 1px 1px #ccc; color: #fff; font-weight: bold; text-decoration: none; vertical-align: middle; white-space: nowrap; } div#DownloadList div#DownloadListContent a.TextButton:hover, div#DownloadList div#DownloadListContent a.TextButton:focus { border-color: #9a9fa2; background: linear-gradient(#c5c5c5 0%, #8f8f8f 100%); background-position: right top; background-color: #8f8f8f; } div#DownloadList div#DownloadListContent a.TextButton:active { background: linear-gradient(#818181 0%, #bcbcbc 100%); background-position: right top; background-color: #bcbcbc; } div#DownloadList div#DownloadListContent a.TextButton span.Inner { zoom: 1; display: inline-block; min-height: 13px; cursor: pointer; } /* download */ div#DownloadList div#DownloadListContent a.TextButton.Download { border: solid 1px #ad0329; background: linear-gradient(#f30b19 0%, #cd0100 100%); background-position: right top; background-color: #cd0100; color: #fff; } div#DownloadList div#DownloadListContent a.TextButton.Download:hover, div#DownloadList div#DownloadListContent a.TextButton.Download:focus { border-color: #c52c4e; background: linear-gradient(#f9323f 0%, #df2a28 100%); background-position: right top; background-color: #df2a28; } div#DownloadList div#DownloadListContent a.TextButton.Download:active { background: linear-gradient(#cd0100 0%, #f30b19 100%); background-position: right top; background-color: #f30b19; } div#DownloadList div#DownloadListContent a.TextButton.Download span.Inner { margin: 0 0 0 -5px; padding: 0 0 0 18px; background: url("../../img/common/icon_textbutton_download_s.png") 0 50% no-repeat; } /* Disabled */ div#DownloadList div#DownloadListContent a.TextButton.Disabled { border: solid 1px #bbb !important; background: linear-gradient(#e3e6ea 0%, #d3d5da 100%) !important; background-position: right top !important; background-color: #d3d5da !important; color: #a0a0a0 !important; } div#DownloadList div#DownloadListContent a.TextButton.Disabled, div#DownloadList div#DownloadListContent a.TextButton.Disabled span.Inner { cursor: default; } /* DownloadListDeleteBalloon */ div#DownloadList div#DownloadListDeleteBalloon { position: absolute; bottom: 150px; left: 300px; } div#DownloadList div#DownloadListDeleteBalloon div#DownloadListDeleteBalloonInner { zoom: 1; position: relative; width: 253px; padding: 0 0 14px; background: url("../../img/common/bg_downloadlist_balloon_btm.png") 0 100% no-repeat; } div#DownloadList div#DownloadListDeleteBalloon div#DownloadListDeleteBalloonInner2 { padding: 0 3px 0 0; background: url("../../img/common/bg_downloadlist_balloon_r.png") 100% 0 no-repeat; } div#DownloadList div#DownloadListDeleteBalloon p { padding: 10px; border-width: 1px 1px 0; border-style: solid; border-color: #999; background: #fff; } .is-menu-show #DownloadListWrapper { display: none; } @media screen and (max-width: 768px) { [class*=theme-K] #DownloadListWrapper { display: none; } } #DownloadListOpenerWrapper { display: none; z-index: 500; position: fixed; right: 0; bottom: 25px; left: 0; width: 100%; max-width: 962px; margin: 0 auto; text-align: right; pointer-events: none; } [class*=theme-K] #DownloadListOpenerWrapper { max-width: 1240px; } #DownloadListOpenerWrapper #DownloadListOpener { width: 105px; height: 105px; padding: 10px; border: 4px solid #fff; border-radius: 50%; background: #d00202; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: #fff; line-height: 1.5; cursor: pointer; pointer-events: auto; transition: opacity 0.3s; } .TypeGlobal #DownloadListOpenerWrapper #DownloadListOpener { width: 120px; height: 120px; background: #e60012; font-family: inherit; } #DownloadListOpenerWrapper #DownloadListOpener:hover, #DownloadListOpenerWrapper #DownloadListOpener:active, #DownloadListOpenerWrapper #DownloadListOpener:focus { opacity: 0.7; } #DownloadListOpenerWrapper #DownloadListOpener > span { display: block; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerAmountCount { font-weight: bold; font-size: 14px; line-height: 1.2; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerAmountCount em { font-style: normal; font-size: 20px; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerSelectedText { position: relative; padding-bottom: 3px; font-weight: bold; font-size: 14px; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerSelectedText::before { display: block; position: absolute; bottom: 0; left: 50%; width: 60px; height: 1px; margin-left: -30px; background: #fff; content: ""; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerText { position: relative; margin-top: 5px; font-size: 12px; } #DownloadListOpenerWrapper #DownloadListOpener #DownloadListOpenerText::before { display: inline-block; margin: -10px 4px 0 0; border-width: 6px 4px; border-style: solid; border-color: transparent transparent #fff transparent; content: ""; vertical-align: middle; } div#DownloadList { box-sizing: border-box; display: none; z-index: 500; position: fixed; right: 0; bottom: 25px !important; left: 0; width: 100%; max-width: 956px; margin: 0 auto; padding: 8px 25px; border-radius: 4px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } [class*=theme-K] div#DownloadList { max-width: 1240px; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList { z-index: 1000; padding: 2px 12px; } } div#DownloadList::before { box-sizing: border-box; display: block; z-index: -1; position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid #d00202; border-radius: 2px; background: #fff; content: ""; } div#DownloadList div#DownloadListTitleWrap { margin-bottom: 18px; padding: 10px 0 5px; border-top: 0 !important; border-bottom: 1px solid #999; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle { width: 100%; margin: 0 auto; border-top: 0; background: none; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle #DownloadListTitleInner { display: flex; position: relative; align-items: baseline; width: auto; padding: 0; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle #DownloadListTitleInner .Title { display: block; margin-right: 28px; margin-bottom: 0; float: none; color: #333; font-weight: normal; font-size: 20px; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol { position: static; float: none; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation { margin: 0; padding: 0; float: none; border: 0; color: #333; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em { margin-left: 5px; color: #333; font-style: normal; font-weight: bold; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em #DownloadListAmountCount { color: #333; font-weight: bold; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation em #DownloadListTotalFileSize { color: #333; font-weight: bold; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li { display: inline-block; float: none; color: #333; font-size: 14px; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li:last-child { margin-left: 14px; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol .DownloadItemInformation li:last-child em { color: #333; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton { position: absolute; top: 4px; right: 0; line-height: 1.3; } .TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton::before { box-sizing: border-box; display: block; position: absolute; top: 2px; left: -6px; width: 14px; height: 14px; border: 1px solid #999; background: #fff; content: ""; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a { display: block; position: relative; padding-right: 0; padding-left: 12px; background: none; color: #06c; font-size: 14px; text-decoration: none; transition: opacity 0.3s; } .TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a { color: #1a5c9a; } .TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, .TypeGlobal div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after { left: 0 !important; width: 2px !important; background: #9d9d9d !important; } div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:hover, div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:active, div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a:focus { text-decoration: none; opacity: 0.7; } body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after { display: block; position: absolute; top: 50%; left: 4px; width: 1px; height: 10px; margin: 0; transform: translateY(-50%) rotate(45deg); border: 0; background: #06c; content: ""; } body.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after, body#Downloads.DownloadListOpen div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after { transform: translateY(-50%) rotate(-45deg); } body.DownloadListClose div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::before, body.DownloadListClose div#DownloadList div#DownloadListTitleWrap #DownloadListTitle .InformationCol #DownloadListTitleButton a::after { display: none; } div#DownloadList div#DownloadListErrorMessage { background: #ffffae; } #DownloadListWrapper.TypeGlobal div#DownloadList div#DownloadListErrorMessage { border-bottom: solid 1px #e89396; background-color: #ffe5e6; } div#DownloadList div#DownloadListErrorMessage div#DownloadListErrorMessageInner { width: auto; padding: 8px; } div#DownloadList div#DownloadListContent { width: 100%; margin: 0 auto; padding-top: 0 !important; padding-bottom: 10px !important; background: none !important; } div#DownloadList div#DownloadListContent div#DownloadListContentInner { display: flex; justify-content: space-between; width: auto !important; } div#DownloadList div#DownloadListContent div#DownloadListContentInner::after { display: none !important; } div#DownloadList div#DownloadListContent div.ItemCol { width: 760px; min-height: inherit !important; padding: 0 !important; float: none !important; background: none !important; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol { width: 78.431372549vw; margin-right: 5px; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic { position: relative; } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li { box-sizing: border-box; display: block; width: 61px; height: 72px; margin: 0 5px; padding: 5px 10px 0 0; float: left; line-height: inherit; text-align: left; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li { width: auto; min-width: 6.2951496388vw; height: auto; margin: 0 0.515995872vw; padding-right: 1.0319917441vw; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap { display: inline-block; position: relative; border: 1px solid #cbcbcb; } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap img { width: 100%; border: 0; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap img { width: auto; max-width: 33px; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton { display: block; position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; background: url("/img/search/icon_delete_01.png") no-repeat; transition: opacity 0.3s; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton { right: 0; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:hover, div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:active, div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton:focus { text-decoration: none; opacity: 0.7; } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic ul.ImageList li .DeleteButtonWrap .DeleteButton img { display: none; } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-container { padding: 0 27px; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-container { padding: 0 2.786377709vw; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-clip { overflow: hidden; } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev { z-index: 10; position: absolute; top: 50%; left: 0; width: 12px; height: 30px; margin-top: -15px; background: url("/img/search/dl_bundle_thumbnail_back_01.png") no-repeat center left; cursor: pointer; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev.jcarousel-prev-disabled, [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-prev.jcarousel-prev-disabled-horizontal { pointer-events: none; } } div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next { z-index: 10; position: absolute; top: 50%; right: 0; width: 12px; height: 30px; margin-top: -15px; background: url("/img/search/dl_bundle_thumbnail_next_01.png") no-repeat center left; cursor: pointer; } @media screen and (max-width: 969px) { [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next.jcarousel-next-disabled, [class*=theme-K] div#DownloadList div#DownloadListContent div.ItemCol .jcarousel-skin-basic .jcarousel-next.jcarousel-next-disabled-horizontal { pointer-events: none; } } div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem { margin-top: 10px !important; margin-left: 32px !important; float: none; background: none; } div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem li { padding: 0 !important; background: none !important; } div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a { display: inline-block; width: auto; height: auto; padding-left: 18px; overflow: visible; background: url("/img/search/icon_delete_01.png") no-repeat 0 0.1em; color: #1a5c9a; font-size: 14px; line-height: 1.3; text-decoration: none; text-indent: inherit; transition: opacity 0.3s; } div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:hover, div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:active, div#DownloadList div#DownloadListContent div.ItemCol ul.DeleteAllItem a:focus { text-decoration: none; opacity: 0.7; } div#DownloadList div#DownloadListContent div.OperationCol { width: 126px; min-height: inherit !important; margin-top: 0; padding: 0 !important; float: none !important; background: none !important; } .TypeGlobal div#DownloadList div#DownloadListContent div.OperationCol { width: 136px; } div#DownloadList div#DownloadListContent div.OperationCol dl dt { color: #333 !important; font-size: 12px; line-height: 1.2; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul { margin: 0 !important; overflow: hidden; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li { margin: 0 !important; float: none !important; font-size: 12px; line-height: 1.9; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li label { display: inline-block; position: relative; padding-left: 22px; font-size: 12px; cursor: pointer; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] { position: absolute; top: 4px; left: 0; transform: scale(0.5); } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] + span { display: block; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox] + span::before { display: block; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border: 1px solid #888; border-radius: 2px; background: #fff; content: ""; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li input[type=checkbox]:checked + span::after { display: block; position: absolute; top: 5.2px; left: 4px; width: 6px; height: 9px; transform: rotate(45deg); border-right: 2px solid #d00202; border-bottom: 2px solid #d00202; content: ""; transition: none; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a { color: #333; text-decoration: none; transition: opacity 0.3s; } div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:hover, div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:active, div#DownloadList div#DownloadListContent div.OperationCol dl dd ul li a:focus { text-decoration: none; opacity: 0.7; } div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton { word-wrap: break-word; box-sizing: border-box; display: block; position: relative; width: 100%; height: auto; margin-top: 10px; padding: 5px 16px 5px 35px; overflow: hidden; border: 0 !important; border-radius: 2px; background: #d00202; box-shadow: none; color: #fff; font-weight: normal; font-size: 12px; line-height: 1.5; white-space: inherit; word-break: break-word; overflow-wrap: break-word; transition: opacity 0.3s; } .TypeGlobal div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton { padding-right: 6px; background: #e60012 !important; font-size: 13px; } div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:hover, div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:active, div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton:focus { color: #fff; text-decoration: none; opacity: 0.7; } div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton.Disabled { background: #e5e5e5 !important; color: #666 !important; opacity: 1; } div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton::before { -webkit-backface-visibility: hidden; display: block; position: absolute; top: 50%; left: 9px; width: 15px; height: 14px; transform: translateY(-50%); backface-visibility: hidden; background: url("/img/search/icon_download_01.png") no-repeat; content: ""; } div#DownloadList div#DownloadListContent div.OperationCol #DownloadListProgressButton span { margin: 0; padding: 0; background: none; text-indent: inherit; } #TopSearchForm { position: relative; } .box_suggest_01 .SearchFormWrap .InpupCol .InpupColInner #TopSearchInput { width: 335px; height: 39px; padding-left: 32px; border: #bdbdbd 2px solid; border-right: 0; background: #fff url("/img/elements/bg_top_form01_left02_03.gif") no-repeat 10px center; color: #333; font-size: 142.85714%; line-height: 1.6; } .box_suggest_01 .SearchFormWrap .InpupCol .InpupColInner .placeholder { pointer-events: none; } .SearchSuggestBox { word-wrap: break-word; box-sizing: border-box; display: block; z-index: 1001; position: absolute; min-width: 206px; max-width: 548px; margin-top: -20px; padding: 4px; border-radius: 4px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); word-break: break-word; overflow-wrap: break-word; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox { width: 100%; max-width: 100%; } } #TopSearchBlock .SearchSuggestBox { margin-top: 0; } #HeaderArea .SearchSuggestBox { top: 40px; right: 0; margin-top: 0; } #HeaderArea .SearchSuggestBox::before { right: 27px; left: inherit; } #HeaderArea .SearchSuggestBox .SearchSuggestBoxInner::before { right: 30px; left: inherit; } .SearchSuggestBox.History { min-width: 206px; max-width: 400px; } #HeaderArea .SearchSuggestBox.History { width: 100%; } .SearchSuggestBox.IsHidden { display: none; } #header .SearchSuggestBox { z-index: 10000; top: 43px; right: 40px; margin-top: 0; } #header .SearchSuggestBox::before { right: 27px; left: inherit; } #header .SearchSuggestBox .SearchSuggestBoxInner::before { right: 30px; left: inherit; } .products_box_01 #TopSearchForm .HasSearchSuggest .SearchSuggestBox { margin-top: -20px; } #TopSearchForm .HasSearchSuggest .SearchSuggestBox { margin-top: 6px; } .HasSearchSuggest .SearchSuggestBox { top: 100%; left: 6px; margin-top: 0; } @media screen and (max-width: 969px) { [class*=theme-K] .HasSearchSuggest .SearchSuggestBox { left: 0; } } .HasSearchSuggest .SearchSuggestBox .SuggestColumn > .Column:first-child { min-width: 488px; max-width: inherit; } @media screen and (max-width: 768px) { [class*=theme-K] .HasSearchSuggest .SearchSuggestBox .SuggestColumn > .Column:first-child { min-width: inherit; } } .HasSearchSuggest .SearchSuggestBox.SearchAllCategory .SuggestColumn > .Column:first-child { min-width: inherit; max-width: 320px; } @media screen and (max-width: 969px) { [class*=theme-K] .HasSearchSuggest .SearchSuggestBox.SearchAllCategory .SuggestColumn > .Column:first-child { width: 100%; max-width: inherit; padding-right: 5px; } } .SearchSuggestBox::before { -webkit-backface-visibility: hidden; display: block; z-index: -1; position: absolute; top: -10px; left: 27px; width: 20px; height: 20px; transform: rotate(45deg) skew(10deg, 10deg); border-radius: 7px 0; backface-visibility: hidden; background: #fff; content: ""; } .SearchSuggestBox .SearchSuggestBoxInner { padding: 20px 5px 20px 25px; border: 1px solid #999; border-radius: 2px; background: #fff; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner { padding-right: 20px; padding-left: 20px; } } .SearchSuggestBox .SearchSuggestBoxInner::before { -webkit-backface-visibility: hidden; display: block; position: absolute; top: -3px; left: 30px; width: 14px; height: 14px; transform: rotate(45deg) skew(10deg, 10deg); border-top: 1px solid #666; border-left: 1px solid #666; backface-visibility: hidden; background: #fff; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > a, [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > button { font-size: 14px; } } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > a::before, [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .SearchLinkList01 > li > button::before { top: 6px; } } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList { margin-bottom: 0; } .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt { margin-bottom: 8px; border-bottom: 0; color: #333; font-weight: bold; font-size: 14px; line-height: 1.5; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt { font-size: 16px; } } .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dt em { font-style: normal; font-weight: bold; } .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd { font-size: 14px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd { font-size: 16px; } } .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child { margin-bottom: 0; } .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child.AssetList { margin-bottom: -20px; } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .CategoryList > dd > *:last-child.AssetList { margin-bottom: -20px; } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList { margin-bottom: 0; } .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li { margin-bottom: 6px; font-size: 14px; line-height: 1.5; list-style: none; } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li { margin-bottom: 6px; padding: 0; background: none; } .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li:last-child { margin-bottom: 0; } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li:last-child { margin-bottom: 0; } .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button { max-width: 100%; margin: 0; padding: 0; overflow: visible; border: 0; background: none; color: #06c; text-align: left; cursor: pointer; transition: opacity 0.3s; } [class*=theme-K] .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button { color: #1a5c9a; } .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:hover, .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:active, .SearchSuggestBox .SearchSuggestBoxInner .HistoryList > li button:focus { color: #f00; opacity: 0.7; } .SearchSuggestBox .SearchHistory { display: block; margin-right: 20px; } .SearchSuggestBox .SearchHistory.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn { display: flex; } .SearchSuggestBox .SuggestColumn > .Column { box-sizing: border-box; } .SearchSuggestBox .SuggestColumn > .Column:first-child { width: 100%; max-width: 320px; padding-right: 20px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column:first-child { max-width: inherit; padding-right: 0; } } .SearchSuggestBox .SuggestColumn > .Column:first-child.IsHidden { width: auto; padding-right: 0; } .SearchSuggestBox .SuggestColumn > .Column:first-child.IsHidden + .Column { padding-left: 0; border-left: 0; } .SearchSuggestBox .SuggestColumn > .Column:first-child + .Column { display: none; flex: 1; min-width: 168px; margin-right: 20px; padding-left: 30px; border-left: 1px solid #ccc; } .SearchSuggestBox .SuggestColumn > .Column:first-child + .Column.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn > .Column:only-child { width: 100%; } .SearchSuggestBox .SuggestColumn > .Column:only-child > * + * { border-top: 0; } .SearchSuggestBox .SuggestColumn > .Column:only-child .SeriesList.Col2 { padding-right: 0; } [class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column:only-child .SeriesList.Col2 { padding-right: 0; } .SearchSuggestBox .SuggestColumn > .Column > * + * { margin-top: 10px; padding-top: 15px; border-top: 1px solid #ccc; } [class*=theme-K] .SearchSuggestBox .SuggestColumn > .Column > * + * { margin-top: 15px; } .SearchSuggestBox .SuggestColumn.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn .SeriesArea { box-sizing: border-box; min-width: 300px; padding: 0 10px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesArea { width: 100%; min-width: inherit; padding: 0; } } .SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden + * { margin-top: 0; padding-top: 0; border: 0; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesArea.IsHidden + * { margin-top: 0; padding-top: 0; } .SearchSuggestBox .SuggestColumn .SeriesList { display: flex; flex-wrap: wrap; margin-bottom: -16px; list-style: none; } .SearchSuggestBox .SuggestColumn .SeriesList + * { margin-top: 32px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList + * { margin-top: 20px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList { margin-bottom: -16px; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 { margin-left: -16px; padding-right: 20px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 { margin-bottom: 0; margin-left: -16px; padding-right: 20px; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li { width: calc(50% - 16px); margin-left: 16px; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li { width: calc(100% - 16px); } } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li { margin-left: 16px; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:first-child { padding-top: 10px; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:last-child { padding-bottom: 10px; border-bottom: 1px dashed #ccc; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li:only-child { width: calc(100% - 16px); padding-bottom: 10px; } .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li .Item .Series .CommonName { font-size: 13px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList.Col2 > li .Item .Series .CommonName { font-size: 16px; } } .SearchSuggestBox .SuggestColumn .SeriesList > li { box-sizing: border-box; display: flex; width: 100%; padding: 10px 0; border-bottom: 1px dashed #ccc; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li { margin: 0; padding: 10px 0; background: none; } .SearchSuggestBox .SuggestColumn .SeriesList > li:first-child { padding-top: 0; } .SearchSuggestBox .SuggestColumn .SeriesList > li:last-child { padding-bottom: 0; border-bottom: 0; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item { flex: 1; order: 2; width: 483px; line-height: 1.4; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item > dl dt { border-bottom: 0; color: #333; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item > dl { margin-bottom: 0; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series { display: inline-block; color: #06c; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series { color: #1a5c9a; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:hover, .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:active, .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:focus { color: #f00; text-decoration: none; opacity: 0.7; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:hover, [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:active, [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series:focus { color: #e60012; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName { display: block; font-weight: bold; font-size: 14px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName { font-size: inherit; } } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName { position: relative; margin-bottom: 3px; padding-left: 11px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::before { display: block; position: absolute; top: 1px; left: 0; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #e60012; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::before { top: 4px; } } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::after { display: block; position: absolute; top: 3px; left: 0; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .CommonName::after { top: 6px; } } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name { font-size: 12px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name { font-size: 14px; } } [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Series .Name { display: block; padding-left: 11px; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav { margin-top: 5px; font-size: 12px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav { font-size: 14px; } } .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > a, .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > button { font-size: 12px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > a, [class*=theme-K] .SearchSuggestBox .SuggestColumn .SeriesList > li .Item .Nav .SearchLinkList01 > li > button { font-size: 14px; } } .SearchSuggestBox .SuggestColumn .SeriesList > li .Thumbnail { order: 1; min-height: 55px; margin-right: 14px; } .SearchSuggestBox .SuggestColumn .SeriesList > li .Thumbnail img { width: 55px; max-width: inherit; border: #ddd solid 1px; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series { display: flex; width: 100%; color: #1a5c9a; text-decoration: none; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus { color: #e60012; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .CommonNameWrap, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .Name, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .CommonNameWrap, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .Name, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .CommonNameWrap, .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .CommonNameWrap, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:hover .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .CommonNameWrap, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:active .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .CommonNameWrap, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series:focus .Name { opacity: 0.7; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series .Thumbnail, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li > .Series .Thumbnail { order: -1; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody { flex: 1; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody > *:last-child, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody > *:last-child { margin-bottom: 0; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .Name, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .Name { display: block; margin-bottom: 8px; padding-left: 11px; font-size: 12px; opacity: 1; transition: opacity 0.3s; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .DisconLabel, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .SeriesBody .DisconLabel { display: inline-block; margin-bottom: 8px; margin-left: 11px; padding: 3px 7px 3px 6px; border-radius: 4px; background-color: #8f9394; color: #fff; font-size: 11px; line-height: 1.25; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap { position: relative; margin-bottom: 3px; padding-left: 11px; font-weight: bold; font-size: 14px; opacity: 1; transition: opacity 0.3s; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::before, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::before { display: block; position: absolute; top: 2px; left: 0; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #e60012; content: ""; } .SearchUtilityBox02 .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::after, #TopSearchBlock .SearchSuggestBox .SuggestColumn .SeriesList > li .CommonNameWrap::after { display: block; position: absolute; top: 4px; left: 0; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #fff; content: ""; } .SearchSuggestBox .SuggestColumn .AssetList { display: flex; flex-wrap: wrap; margin-bottom: -20px; margin-left: -20px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList { margin-bottom: -20px; margin-left: -20px; } .SearchSuggestBox .SuggestColumn .AssetList.Col2 > li { width: 50%; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList.Col2 > li { width: 100%; } } .SearchSuggestBox .SuggestColumn .AssetList.Col3 > li { width: 33.333%; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList.Col3 > li { width: 100%; } } .SearchSuggestBox .SuggestColumn .AssetList.Col4 > li { width: 25%; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList.Col4 > li { width: 100%; } } .SearchSuggestBox .SuggestColumn .AssetList > li { box-sizing: border-box; display: flex; width: 100%; margin-bottom: 20px; padding-left: 20px; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li { margin: 0 0 20px 0; padding: 0 0 0 20px; background: none; } .SearchSuggestBox .SuggestColumn .AssetList > li .Link { display: flex; width: 100%; color: #06c; text-decoration: none; transition: opacity 0.3s; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link { color: #1a5c9a; } .SearchSuggestBox .SuggestColumn .AssetList > li .Link:hover, .SearchSuggestBox .SuggestColumn .AssetList > li .Link:active, .SearchSuggestBox .SuggestColumn .AssetList > li .Link:focus { color: #f00; opacity: 0.7; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:hover, [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:active, [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Link:focus { color: #e60012; text-decoration: none; } .SearchSuggestBox .SuggestColumn .AssetList > li .Item { flex: 1; order: 2; width: 483px; margin-right: 16px; line-height: 1.5; } @media screen and (max-width: 768px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item { width: auto; } } .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Title { display: inline-block; font-size: 12px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Title { font-size: 14px; } } .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Lang { color: #333; font-size: 12px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .AssetList > li .Item .Lang { font-size: 14px; } } .SearchSuggestBox .SuggestColumn .AssetList > li .Thumbnail { order: 1; min-height: 78px; margin-right: 14px; } .SearchSuggestBox .SuggestColumn .AssetList > li .Thumbnail img { width: 55px; max-width: inherit; border: #ddd solid 1px; } .SearchSuggestBox .SuggestColumn .ModelArea { box-sizing: border-box; min-width: 300px; padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 969px) { [class*=theme-K] .SearchSuggestBox .SuggestColumn .ModelArea { width: 100%; min-width: inherit; } } .SearchSuggestBox .SuggestColumn .ModelArea.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn .ModelArea.IsHidden + * { margin-top: 0; padding-top: 0; border: 0; } .SearchSuggestBox .SuggestColumn .ModelArea .SearchLinkList01 > li > a, .SearchSuggestBox .SuggestColumn .ModelArea .SearchLinkList01 > li > button { font-weight: bold; } .SearchSuggestBox .SuggestColumn .KeywordArea { min-width: 137px; } .SearchSuggestBox .SuggestColumn .KeywordArea.IsHidden { display: none; } .SearchSuggestBox .SuggestColumn .KeywordsList { list-style: none; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList { margin-bottom: 0; } .SearchSuggestBox .SuggestColumn .KeywordsList.Col2 { display: flex; flex-wrap: wrap; margin-bottom: -7px !important; } .SearchSuggestBox .SuggestColumn .KeywordsList.Col2 > li { width: 50%; padding-right: 10px; } .SearchSuggestBox .SuggestColumn .KeywordsList > li { box-sizing: border-box; margin-bottom: 7px; line-height: 1.5; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList > li { margin-bottom: 7px; padding-left: 0; background: none; } .SearchSuggestBox .SuggestColumn .KeywordsList > li:last-child { margin-bottom: 0; } .SearchSuggestBox .SuggestColumn .KeywordsList > li a { font-weight: bold; transition: opacity 0.3s; } [class*=theme-K] .SearchSuggestBox .SuggestColumn .KeywordsList > li a { color: #1a5c9a; } .SearchSuggestBox .SuggestColumn .KeywordsList > li a:hover, .SearchSuggestBox .SuggestColumn .KeywordsList > li a:active, .SearchSuggestBox .SuggestColumn .KeywordsList > li a:focus { color: #f00; text-decoration: none; opacity: 0.7; } .SearchSuggestBox .SuggestColumn .KeywordsList > li a > em { font-style: normal; font-weight: normal; } .SearchSuggestBox.OfPrimary { max-width: 100%; padding: 0; border-radius: 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16); } .HasSearchSuggest .SearchSuggestBox.OfPrimary { top: calc(100% + 8px); left: 0; width: 100%; } .SearchSuggestBox.OfPrimary::before { display: none; } .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner { padding: 6.4rem 7.2rem 7.2rem; border: 0; } @media screen and (max-width: 1320px) and (min-width: 60.625em) { .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner { padding: calc(3.2rem + ((1vw - 0.97rem) * (9.1428571429))) calc(3.6rem + ((1vw - 0.97rem) * (10.2857142857))) calc(3.6rem + ((1vw - 0.97rem) * (10.2857142857))); } } @media screen and (max-width: 60.5625em) { .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner { padding: calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997))) calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997))) calc(1.6rem + ((1vw - 0.36rem) * (2.6272577997))); } } .SearchSuggestBox.OfPrimary .SearchSuggestBoxInner::before { display: none; } .SearchSuggestBox.OfPrimary .SuggestColumn > .Column:first-child { padding-right: 0; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesArea { margin-bottom: 40px; padding: 0; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList { margin-top: -32px; margin-bottom: 32px; margin-left: -40px; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList { margin-bottom: 24px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 { margin-bottom: 32px; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li { width: calc(50% - 40px); } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li:first-child { padding-top: 0; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li:last-child { padding: 0 0 32px 0; border-bottom: 1px solid #ededed; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col2 > li { width: calc(100% - 40px); padding-bottom: 16px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col3 > li { width: calc(33.333333% - 40px); } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList.Col3 > li { width: calc(100% - 40px); padding-bottom: 16px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li { width: calc(100% - 40px); margin-top: 32px; margin-left: 40px; padding: 0 0 32px 0; border: 0; border-bottom: 1px solid #ededed; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li { width: calc(100% - 40px); padding-bottom: 16px; } } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li + li { padding-top: 12px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series { display: flex; align-items: flex-start; width: 100%; color: inherit; font-size: 14px; line-height: 1.25; text-decoration: none; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .SeriesBody { flex: 1; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .SeriesBody > *:last-child { margin-bottom: 0; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap { display: inline-block; margin-bottom: 5px; padding-left: 0; font-weight: bold; letter-spacing: -0.02em; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap::before { display: none; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonNameWrap::after { display: inline; position: static; border: 0; content: "鈥?; color: transparent; text-shadow: 0.5em 0 #dc002f; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .CommonName { display: inline; transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .Name { margin-bottom: 8px; padding-left: 0; color: #666a6b; font-size: 14px; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series .DisconLabel { display: inline-block; margin-bottom: 8px; padding: 3px 7px 3px 6px; border-radius: 4px; background-color: #666a6b; color: #f5f5f5; font-size: 11px; line-height: 1.25; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .CommonName, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .CommonName, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .CommonName { color: #dc002f; text-decoration: underline; } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .Thumbnail::before, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .Thumbnail::before, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .Thumbnail::before { background: rgba(0, 0, 0, 0.2); } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:hover .Thumbnail img, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:active .Thumbnail img, .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li > .Series:focus .Thumbnail img { transform: scale(1.05); } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail { position: relative; order: -1; min-height: 80px; margin-right: 26px; overflow: hidden; background-color: #f0f0f0; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail { min-height: 64px; margin-right: 16px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail::before { display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); content: ""; transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail img { -webkit-backface-visibility: hidden; width: 80px; transform: scale(1); border: 0; backface-visibility: hidden; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .SeriesList > li .Thumbnail img { width: 64px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelArea { padding: 0; border: 0; } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList { display: flex; flex-wrap: wrap; margin: -16px 0 32px -40px; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList { margin-left: -16px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList > li { width: 20%; margin-top: 16px; padding-left: 40px; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList > li { width: 50%; padding-left: 16px; } } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model { display: inline-block; color: #dc002f; font-size: 14px; text-decoration: none; } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model::after { content: "鈥?; color: transparent; text-shadow: 0.5em 0 #dc002f; } .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:hover .Name, .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:active .Name, .SearchSuggestBox.OfPrimary .SuggestColumn .ModelList .Model:focus .Name { text-decoration: underline; } .SearchSuggestBox.OfPrimary .SuggestColumn .prd-button.of-default { text-align: left; } .SearchSuggestBox.OfPrimary .CategoryList > dt { margin-bottom: 3rem; font-size: 1.8rem; } @media screen and (max-width: 969px) { .SearchSuggestBox.OfPrimary .CategoryList > dt { margin-bottom: 2.4rem; } } .SearchSuggestBox.OfPrimary .AssetList > li .Item { margin-right: 0; } .SearchSuggestBox.OfPrimary .AssetList > li .Item .Title { display: inline; color: #dc002f; font-size: 1.6rem !important; } .SearchSuggestBox.OfPrimary .AssetList > li .Item .Lang { font-size: 1.4rem; } .SearchSuggestBox.OfPrimary .AssetList > li .Thumbnail { margin-right: 2.4rem; } .SearchSuggestBox.OfPrimary.SearchAllCategory .SuggestColumn > .Column:first-child { max-width: 100%; } @media screen and (max-width: 969px) { [data-search-modal=true] { background: #f5f5f5; } } @media screen and (max-width: 969px) { [data-search-modal=true] > *:not(#SearchModal) { visibility: hidden; position: fixed; } } #SearchModal { visibility: hidden; opacity: 0; transition: visibility 0.2s, opacity 0.2s; } @media screen and (max-width: 969px) { #SearchModal.IsOpen { display: block; visibility: visible; z-index: 10000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 12px; background: #f5f5f5; opacity: 1; } } #SearchModal .SelectTypes { position: relative; min-width: 150px; } @media screen and (max-width: 969px) { #SearchModal .SelectTypes { width: 100%; padding: 20px; } } #SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #d00202; color: #fff; font-weight: normal; font-size: 12px; line-height: 1; text-align: center; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength { background: #e60012; } #SearchModal .SelectTypes .SelectTypesHook .SelectTypesLength.IsHidden { display: none; } #SearchModal .SelectTypes .SelectTypesBox { width: 100%; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner { text-align: center; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul { margin-bottom: 0; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li { margin-bottom: 5px; font-weight: bold; font-size: 15px; line-height: 2.2; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li { padding: 0; background: none; line-height: 1.9; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li:last-child { margin-bottom: 0; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child { margin-bottom: 0; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li { margin-top: 0; margin-bottom: 5px; padding-left: 0; background: none; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBoxInner > ul > li li:last-child { margin-bottom: 0; } #SearchModal .SelectTypes .SelectTypesBox li { text-align: left; } #SearchModal .SelectTypes .SelectTypesBox li label { display: block; position: relative; padding-left: 36px; font-weight: normal; font-size: 15px; cursor: pointer; } #SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] { position: absolute; top: 4px; left: 0; transform: scale(0.5); } #SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] + span { display: block; } #SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox] + span::before { display: block; position: absolute; top: 4px; left: 0; width: 22px; height: 22px; border: 1px solid #888; border-radius: 2px; background: #fff; content: ""; } #SearchModal .SelectTypes .SelectTypesBox li input[type=checkbox]:checked + span::after { display: block; position: absolute; top: 6px; left: 6px; width: 9px; height: 12px; transform: rotate(45deg); border-right: 2px solid #d00202; border-bottom: 2px solid #d00202; content: ""; transition: none; } #SearchModal .SelectTypes .SelectTypesBox li select { display: block; width: calc(100% - 36px); margin-left: 36px; padding: 4px; font-size: 16px; } [class*=theme-K] #SearchModal .SelectTypes .SelectTypesBox li select { min-height: 22px; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn { margin-top: 24px; padding: 6px 24px; border: 1px solid #999; border-radius: 2px; background: #888; color: #fff; font-size: 15px; cursor: pointer; transition: opacity 0.3s; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:hover, #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:active, #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:focus { opacity: 0.7; } #SearchModal .SelectTypes .SelectTypesBox .SelectTypesBtn:disabled { background: #e5e5e5; color: #666; opacity: 1; } @media screen and (max-width: 969px) { body:not([data-search-modal=true]) .SearchModalTrigger { margin-bottom: 10px !important; padding: 10px 36px !important; border: 1px solid #999 !important; border-radius: 2px !important; background: #fff; font-weight: normal !important; font-size: 14px !important; text-align: center !important; cursor: pointer; } body:not([data-search-modal=true]) .SearchModalTrigger.IsActive { -webkit-animation: selected 0.4s 0s ease forwards; background: #ffcece; animation: selected 0.4s 0s ease forwards; } body:not([data-search-modal=true]) .SearchModalTrigger::after { display: none !important; } } @media screen and (max-width: 969px) and (max-width: 969px) { body:not([data-search-modal=true]) .SearchModalTrigger::before { display: block; position: absolute; top: 50%; right: 13px; margin-top: -2px; transform: translateY(-50%); border-width: 5px 7px; border-style: solid; border-color: transparent transparent transparent #75777c; content: ""; } } @media screen and (max-width: 969px) { [data-search-modal=true] .SearchModalTrigger { position: relative; width: 100%; margin-bottom: 15px; padding: 10px 0; border-bottom: 1px solid #999; outline: none; background: none; font-weight: bold; font-size: 16px; text-align: left; cursor: inherit !important; } } #SearchModalCloseButton { display: none; } [data-search-modal=true] #SearchModalCloseButton { display: block; z-index: 10000; position: absolute; top: 12px; right: 12px; width: 25px; height: 25px; overflow: hidden; } [data-search-modal=true] #SearchModalCloseButton::before { display: block; position: absolute; top: 12px; right: 3px; width: 20px; height: 1px; transform: rotate(45deg); border: #666 1px solid; background: #666; content: ""; } [data-search-modal=true] #SearchModalCloseButton::after { display: block; position: absolute; top: 12px; right: 3px; width: 20px; height: 1px; transform: rotate(135deg); border: #666 1px solid; background: #666; content: ""; } [data-search-modal=true] #SearchModalCloseButton > span { position: absolute; left: 100%; font-size: 10px; white-space: nowrap; } @-webkit-keyframes selected { 0% { background: #ffcece; } 65% { background: #ffcece; } 100% { background: #fff; } } @keyframes selected { 0% { background: #ffcece; } 65% { background: #ffcece; } 100% { background: #fff; } } .DrillDownSPButtonList { display: none; } @media screen and (max-width: 969px) { [class*=theme-K] [data-search-modal=true] .DrillDownSPButtonList { -webkit-animation: display1 0.2s ease forwards; display: flex; z-index: 100; position: fixed; bottom: 0; left: 0; justify-content: center; width: calc(100% + 16px); margin-left: -16px; padding: 16px; background: #e1e1e1; animation: display1 0.2s ease forwards; } [class*=theme-K] [data-search-modal=true] .DrillDownSPButtonList.IsHidden { display: none; } } @media screen and (max-width: 969px) { [class*=theme-K] .DrillDownSPButtonList > li { padding-left: 16px; } } .DrillDownSPSelect { padding: 10px 48px; border: 1px solid #999; border-radius: 2px; background: #888; color: #fff; font-size: 15px; line-height: 1; cursor: pointer; transition: opacity 0.3s; } .DrillDownSPReset { padding: 10px 24px; border: 1px solid #999; border-radius: 2px; background: #fff; color: #999; font-size: 15px; line-height: 1; cursor: pointer; transition: opacity 0.3s; } @media screen and (max-width: 969px) { #SearchModal:not([data-old-modal=true]).IsOpen { padding-right: 20px; } } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li.IsOpen > .Type { margin-top: 32px; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li.IsOpen > .Series { margin-top: 6px; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group > li > .Name { position: relative; max-width: none; padding-right: 8px; padding-left: 8px; overflow: visible; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .GroupList { margin: 32px 0 0 0; padding-left: 30px; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .GroupList:first-child { margin: 0; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Type > li > .Name { position: relative; max-width: none; padding-right: 8px; padding-left: 8px; overflow: visible; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList { margin: 24px 0 0 0; margin-bottom: 0; padding-left: 30px; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList:first-child { margin: 0; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList { margin-top: 8px; margin-bottom: 0; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList:first-child { margin-top: 0; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .SeriesList .Name { overflow: visible; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch { top: 0; width: 30px; height: 30px; border-radius: 0; background: none; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch::before { display: block; position: absolute; top: -2px; left: 0; width: 30px; height: 30px; background: inherit; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 10.5H14.1V14.1H10.5V15.9H14.1V19.5H15.9V15.9H19.5V14.1H15.9V10.5ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E"); content: ""; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Switch::after { content: none; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch::after { display: block; position: absolute; top: -2px; left: 0; width: 30px; height: 30px; background: inherit; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9 14.1H14.1H10.5V15.9H14.1H15.9H19.5V14.1H15.9ZM15 6C10.05 6 6 10.05 6 15C6 19.95 10.05 24 15 24C19.95 24 24 19.95 24 15C24 10.05 19.95 6 15 6ZM15 22.2C11.04 22.2 7.8 18.96 7.8 15C7.8 11.04 11.04 7.8 15 7.8C18.96 7.8 22.2 11.04 22.2 15C22.2 18.96 18.96 22.2 15 22.2Z' fill='%23dc002f'/%3E%3C/svg%3E"); content: ""; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch::before { content: none; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Switch[disabled]::after { content: none; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Series .Name { padding-right: 8px; padding-left: 8px; } #SearchModal:not([data-old-modal=true]) .DrillDownNav .Series .Name::before { content: none; } #SearchModal:not([data-old-modal=true]) .DrillDownNav.of-excludeSeries .Group .TypeList { margin-top: 8px; margin-bottom: 0; padding-left: 0; } #SearchModal:not([data-old-modal=true]) .DrillDownNav.of-excludeSeries .Group .IsOpen > .Type { margin-top: 6px; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group { padding-bottom: 150px; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li { font-size: 16px; line-height: 1.5; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count { color: #2e3133; font-weight: 600; transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus { opacity: 1; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap { color: #dc002f; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:hover .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:active .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Name:focus .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:hover .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:active .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .NameInner:focus .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:hover .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:active .NameCountWrap .Count, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group li .Count:focus .NameCountWrap .Count { color: #dc002f; text-decoration: underline; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Name, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Count { font-weight: normal; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name { margin-left: 0; color: #dc002f; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name .Count { color: #dc002f; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList .Switch[disabled] + .Name::before { content: none; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .Name, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .Count { font-weight: normal; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Name, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .NameInner, [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .TypeList.IsOpen .SeriesList .Count { color: #dc002f; } [class*=theme-K] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .Name .NameInner.IsActive + .Count { position: relative; padding-right: 0; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList { display: block; width: 100%; margin: -16px 0 0 0; padding: 20px; background: #f5f5f5; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList.IsHidden { display: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList > li { margin-bottom: 16px; padding: 0; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownSPButtonList > *:last-child { margin-bottom: 0; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::before, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .NameCountWrap .NameInner.IsActive + .Count::before { display: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .Name .NameInner.IsActive + .Count::after, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen > .NameCountWrap .NameInner.IsActive + .Count::after { display: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen.Parents > .Name .NameCountWrap .NameInner.IsActive + .Count::before, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen.Parents > .Name .NameCountWrap .NameInner.IsActive + .Count::after { display: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .LinkChevronWrap { position: relative; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .NameCountWrap > .IsActive ~ .LinkChevronWrap::before { display: block; position: absolute; top: 50%; right: -26px; width: 15px; height: 15px; margin-top: 1px; transform: translateY(-50%); border-radius: 50%; background: #dc002f; content: ""; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .IsOpen .NameCountWrap > .IsActive ~ .LinkChevronWrap::after { display: block; position: absolute; top: 50%; right: -18px; width: 4px; height: 8px; margin-top: -1px; transform: rotate(45deg) translateY(-50%); border-right: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; transition: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Parents > .Name .NameCountWrap .LinkChevronWrap::before, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .TypeList:not(.IsOpen) > .Name .NameCountWrap .LinkChevronWrap::before, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .Group .Parents > .Name .NameCountWrap .LinkChevronWrap::after, [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .DrillDownNav .TypeList:not(.IsOpen) > .Name .NameCountWrap .LinkChevronWrap::after { display: none; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton { top: 20px; right: 20px; width: 30px; height: 30px; background: #2e3133; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton::before { top: 14px; right: 6px; width: 18px; border: #fff 1px solid; background: #fff; } [class*=theme-K] [data-search-modal=true] #SearchModal:not([data-old-modal=true]) #SearchModalCloseButton::after { top: 14px; right: 6px; width: 18px; border: #fff 1px solid; background: #fff; } @media screen and (max-width: 969px) { [data-search-modal=true] #SearchModal:not([data-old-modal=true]) .SearchModalTrigger { margin-bottom: 32px; padding: 46px 0 0; border: 0; font-size: 18px; } } #SearchModal:not([data-old-modal=true]) .DrillDownSPReset, #SearchModal:not([data-old-modal=true]) .DrillDownSPSelect { width: 100%; padding: 14px 20px; border-radius: 4px; } #SearchModal:not([data-old-modal=true]) .DrillDownSPReset { border: 2px solid #8f9394; background: #f5f5f5; color: #2e3133; } #SearchModal:not([data-old-modal=true]) .DrillDownSPSelect { border: 2px solid #dc002f; background: #dc002f; } #SearchModal:not([data-old-modal=true]) .DrillDownModal { padding-right: 16px; } /* for GSR parts */ .prd-root.is-ie11 .prd-checkbox-inner { display: inline-block; } .prd-checkbox-nativeControl { border: 0; background: none; } .prd-textSerialKey { position: relative; margin-top: 1.6rem; padding-left: 2.4rem; font-size: 1.4rem; text-align: right; } @media screen and (max-width: 767px) { .prd-textSerialKey { text-align: left; } } .prd-textSerialKey::before { display: inline-block; width: 15px; height: 18px; margin: -0.3rem 0.8rem 0 -2.4rem; background: url("/img/search/icon_key_01.png") no-repeat; content: ""; vertical-align: middle; } .prd-tabNavigation-link[aria-current=page] .prd-inlineLinkChevron[aria-hidden=true] { display: none; } #js-downloadListPanel-wrapper .prd-downloadListPanel { right: inherit; left: 20px; } #js-downloadListPanel-wrapper div#DownloadListErrorMessageInner { padding: 0.6rem 2rem; background: #fdeeee; color: #dc002f; font-size: 1.2rem; } #js-downloadListPanel-wrapper div#DownloadListErrorMessageInner p { margin-bottom: 0; } .gtie9 #js-downloadListPanel-wrapper .prd-checkbox-inner { display: inline-block; } .js-downloadListPanel-softwareModal .prd-modalDialog-content, .js-downloadListPanel-cadModal .prd-modalDialog-content { max-height: calc(100vh - 100px); } @media screen and (max-width: 1320px) and (min-width: 60.625em) { .search-layout-grid .prd-downloadCard { padding: calc(2rem + ((1vw - 0.97rem) * (5.7142857143))); } } @media screen and (max-width: 1320px) and (min-width: 60.625em) { .search-layout-grid .prd-downloadCard-imageWrapper { width: calc(7.6rem + ((1vw - 0.97rem) * (28.5714285714))); margin-right: calc(2rem + ((1vw - 0.97rem) * (5.7142857143))); } } .gtie9 .prd-downloadModelFilter-badge { flex-shrink: 0; } @media screen and (max-width: 1320px) and (min-width: 60.625em) { .search-layout-grid .prd-layout-grid.of-column-3 > * { width: 50%; } } .gtie9 .search-layout-grid .prd-downloadFilterList-subValue .prd-layout-cluster { max-width: 100%; } @media screen and (min-width: 768px) { .gtie9 .prd-downloadFilterList { display: block; } .gtie9 .prd-downloadFilterList-item { display: flex; } .gtie9 .prd-downloadFilterList-name { display: block; width: auto; } .gtie9 .prd-downloadFilterList-value { display: block; flex: 1; } .gtie9 .prd-downloadFilterList-subList { display: block; } .gtie9 .prd-downloadFilterList-subItem { display: flex; } .gtie9 .prd-downloadFilterList-subName { display: block; } .gtie9 .prd-downloadFilterList-subValue { display: block; width: 100%; } } .prd-seriesCard.of-searchDownload { padding-top: 0; padding-bottom: 0; border: 0; box-shadow: none; } .prd-seriesCard.of-searchDownload .prd-seriesCard-imageWrapper { margin-right: 24px; } .prd-seriesCard.of-searchDownload .prd-seriesCard-imageWrapper img { border: #ddd solid 1px; } .prd-seriesCard.of-searchDownload .prd-button { width: auto; min-width: auto; padding-top: 0; padding-right: 0.8rem; padding-bottom: 0; padding-left: 1.6rem; } .prd-seriesCard.of-searchDownload .prd-button-label { padding-top: 0.4rem; padding-bottom: 0.4rem; } .prd-seriesCard.of-searchDownload .prd-button-icon { width: 2.4rem; height: 2.4rem; margin-top: 0; margin-bottom: 0; } .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup { display: flex; position: relative; flex-wrap: wrap; margin: -1.6rem 0 0 -1.6rem; } .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup > * { margin-top: 1.6rem; padding-left: 1.6rem; } @media screen and (max-width: 767px) { .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup > * { width: 100%; } } .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup.of-column { flex-direction: column; } .prd-seriesCard.of-searchDownload .prd-seriesCard-relatedLinkGroup.of-alignItems-center { align-items: center; } .prd-seriesCard.of-searchDownload .iconKey { position: absolute; top: 0; left: 75px; } .prd-cardSlider.of-searchDownload .prd-downloadCardMinimal .iconKey { position: absolute; top: 10px; right: 20px; }