@charset "UTF-8";
.support-top .market-clm .inner > ul, .glossary .navi-clm .top-navi ul, .glossary .title-list > ul > li, .glossary .title-list > ul > li > a, .glossary .title-list > ul > li ul, .glossary .cat-clm .link-list { display: flex; flex-wrap: wrap; }

.glossary .cat-clm .clm { display: flex; flex-wrap: wrap; justify-content: space-between; }

/*--------------------------------------------------------------
共通
--------------------------------------------------------------*/
img { max-width: 100%; }

.table-clm { overflow: auto; }

.support-clm nav > ul > li > ul { width: 100%; }

@media screen and (max-width: 640px) { .table-clm table { font-size: 87%; } }
/*--------------------------------------------------------------
サポートTOP
--------------------------------------------------------------*/
.support-top h3 { font-size: 1.125em; padding: 0; margin: 0 0 0.75em; color: #004ea2; }
.support-top > section { padding: 0px 0 20px; }
.support-top h1 { letter-spacing: 0.02em; padding-bottom: 1.25em; }
.support-top h2 { color: #fff; border: none; background: no-repeat center center; background-size: cover; font-size: 2.2em; font-weight: normal; padding: 55px 0 52px; margin: 0 0 3rem; text-align: center; }
.support-top .marine h2 { background-image: url(/img/products/top/title_bg1.jpg); background-color: #64899f; }
.support-top .its h2 { background-image: url(/img/products/top/title_bg2.jpg); background-color: #64899f; }
.support-top .system h2 { background-image: url(/img/products/top/title_bg3.jpg); background-color: #64899f; }
.support-top .market-clm a { display: block; color: #222; padding: 0 0 0.5em 1em; line-height: 1.4; }
.support-top .market-clm a:hover { color: #0163cc; }
.support-top .market-clm a:before { font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 0.75em; line-height: 1.5; color: #004ea2; margin-left: -1.1em; vertical-align: middle; padding-right: 0.35em; }
.support-top .market-clm .inner > ul > li { list-style: none; width: 24.0625%; margin: 0 1.25% 2.5em 0; padding: 0 0 0.5em 0; box-sizing: border-box; }
.support-top .market-clm .inner > ul > li:nth-of-type(4n) { margin-right: 0; border-right: none; }
.support-top .market-clm ul, .support-top .market-clm li { list-style: none; margin: 0; padding: 0; }
@media screen and (max-width: 880px) { .support-top h2 { font-size: 1.8em; padding: 40px 0; }
  .support-top .market-clm .inner > ul > li { width: 32%; }
  .support-top .market-clm .inner > ul > li:nth-of-type(3n) { margin-right: 0; } }
@media screen and (max-width: 680px) { .support-top .market-clm { background: none; box-shadow: none; border: none; padding: 0; }
  .support-top .market-clm .inner > ul > li { width: 49.375%; }
  .support-top .market-clm .inner > ul > li:nth-of-type(2n) { margin-right: 0; } }
@media screen and (max-width: 640px) { .support-top .market-clm > ul > li li { font-size: 87%; } }
@media screen and (max-width: 400px) { .support-top h2 { font-size: 1.25em; margin-bottom: 1.5em; padding: 30px 0; }
  .support-top h3 { cursor: pointer; }
  .support-top .market-clm .inner > ul { padding-bottom: 1em; }
  .support-top .market-clm .inner > ul > li { margin-bottom: 0.5em; width: 100%; }
  .support-top .market-clm .inner > ul > li:nth-of-type(2n), .support-top .market-clm .inner > ul > li:nth-of-type(3n) { margin-right: 0; }
  .support-top .market-clm .inner > ul > li ul { margin-top: 0.5em; }
  .support-top .market-clm > ul > li, .support-top .market-clm ul > li:last-child { display: block; padding: 0 0 2px; width: 100%; } }

.support-top.jp h2 { text-transform: none; }
.support-top.jp h2 small { display: block; font-size: 0.6em; }

.support-top.cn { padding-bottom: 0; }
.support-top.cn > section { padding-bottom: 8em; }
.support-top.cn > section a:before { margin-right: 0.5em; color: #0163cc; }
.support-top.cn > section a { background: #fff; border: 1px solid #bfbfbf; box-sizing: border-box; color: #161616; font-size: 1.125em; display: flex; padding: 12px 0 10px 12%; width: 100%; align-items: center; }
.support-top.cn > section a:hover { border: 1px solid #004ea2; color: #004ea2; opacity: 0.8; }
.support-top.cn .list-three-clm, .support-top.cn .list-three-clm li { list-style: none; margin-left: 0; padding-left: 0; }
.support-top.cn .list-three-clm li { margin-bottom: 1.25em; }
.support-top.cn .list-three-clm { justify-content: space-between; }
.support-top.cn .list-three-clm li.is-empty { margin: 0; padding: 0; }
@media screen and (max-width: 880px) { .support-top.cn .column-right nav { padding-bottom: 4em; } }
@media screen and (max-width: 680px) { .support-top.cn .list-three-clm > li { margin-bottom: 1em; margin-right: 0; } }
@media screen and (max-width: 640px) { .support-top.cn .list-three-clm li, .support-top.cn .market-clm .inner > ul > li { width: 100%; }
  .support-top.cn .column-right { padding-bottom: 6em; } }

/*--------------------------------------------------------------
取扱説明書ダウンロード > ご利用規約
--------------------------------------------------------------*/
.terms .error-message { color: #F00; font-size: 0.9em; }
.terms section { padding-bottom: 2em; }
.terms #ManualTermsForm { text-align: center; margin: 0 auto; background: #FFF; }
.terms #ManualTermsForm .submit { margin: 30px 0 0; }
.terms #ManualTermsForm button { color: #FFF; cursor: pointer; font-size: 13px; font-weight: bold; padding: 1em 1.5em; background-color: #0452a5; border: none; border-radius: 2px; max-width: 100%; margin-bottom: 1em; }
.terms #ManualTermsForm button:hover { opacity: 0.7; }
.terms .button-lightblue { border-radius: 5px; padding: 0.75em 1em; display: block; max-width: 500px; margin: auto; }
.terms .button-lightblue:before { padding-right: 0.5em; }

/*--------------------------------------------------------------
カタログダウンロード
--------------------------------------------------------------*/
.brochure-download .product-category { max-width: 1200px; }
.brochure-download .product-category section { margin-bottom: 6em; }
.brochure-download .product-category section h2 { font-size: 1.8em; }
.brochure-download .product-categories.fixed { position: fixed; top: 0; width: 100%; margin: auto; left: -18px; right: -18px; border: none; padding: 0; }
.brochure-download .product-categories.fixed .slicknav_menu { display: block; }

/*--------------------------------------------------------------
取扱説明書ダウンロード > 検索
--------------------------------------------------------------*/
.search section { margin: 0 0 30px; border: 1px solid #CCC; border-radius: 5px; background: #FFF; position: relative; }
.search section .body { margin: 0 10px; }
.search section .inner { margin: 1px; padding: 10px; background: #F6F6F6; background: linear-gradient(#eee, #fff); position: relative; }
.search section header { margin: 0 0 10px; padding: 0 0 10px; background: url("../img/common/section_header_bg.gif") repeat-x left bottom; }
.search section header h3 { font-size: 1.2em; vertical-align: middle; height: 25px; padding: 0 0 0 30px; background: url("../img/common/ico_loupe.png") no-repeat left center; display: table-cell; }
.search section form#ManualDisplayForm { text-align: center; margin: 20px 0 0; }
.search section form#ManualDisplayForm input[type="text"] { line-height: normal; width: 50%; height: auto; font-size: 1.2em; padding: 2px; }
.search section form#ManualDisplayForm div.submit { display: inline; }
.search section form#ManualDisplayForm div.submit input[type="submit"] { font-size: 1.0em; line-height: normal; padding: 2px; }
.search section .categories h4 { color: #FFF; font-size: 1.0em; font-weight: normal; margin: 0 0 10px; padding: 5px 10px; background: #005AAA; }
.search section .categories h4#title-its { background: #B1BCCE; }
.search section .categories > ul { margin: 0; padding: 0; list-style: none; }
.search section .categories > ul > li { width: 23%; margin: 0 1% 20px; float: left; }
.search section .categories ul { margin: 0; padding: 0; list-style: none; }
.search section .categories ul li a { margin: 0 0 5px; padding: 2px 5px; display: block; }
.search section .categories ul li a:hover { color: #FFF; text-decoration: none; background: #0F3CAA; }
.search section .categories h5 { font-size: 1.0em; text-align: center; margin: 0 0 10px; padding: 20px 10px; border: 1px solid #CCC; background: #FFF; }

@media screen and (max-width: 880px) { .search { margin: 0 auto; width: 97%; }
  .search section .inner { padding: 5px; } }
@media screen and (max-width: 680px) { .search section .categories > ul > li { box-sizing: border-box; margin: 0 0 20px; float: left; padding: 0 1%; width: 50%; }
  .search section .categories h5 { padding: 10px; }
  .search section .categories ul li a { margin-bottom: 0; }
  .search select.select-language { width: 100%; } }
@media screen and (max-width: 640px) { .search section .categories > ul > li, .search section .body { font-size: 87%; } }
@media screen and (max-width: 500px) { .search .result > ul > li { clear: both; float: none; padding: 0 1% 1em; width: 100%; } }
@media screen and (max-width: 400px) { .search section .categories > ul > li { width: 100%; float: none; } }

/*--------------------------------------------------------------
取扱説明書ダウンロード > 検索結果
--------------------------------------------------------------*/
.result select.select-language { margin: 0 0 5px; }
.result ul.documents { margin: 0; padding: 0; list-style: none; display: inline; }
.result > ul { margin: 0; padding: 0; list-style: none; }
.result > ul > li { width: 33%; min-height: 120px; float: left; margin-bottom: 1.25em; }
.result .image img { line-height: 0; width: 92px; margin: 0 10px 20px 0; background: #FFF; border: 1px solid #EEE; float: left; }
.result .name { font-weight: normal; margin: 0 0 5px; padding: 5px 0 0; display: block; }
.result .filelink { font-size: 0.9em; margin: 0 0 5px; display: block; }
.result .filelink img { vertical-align: middle; }
.result .fileinfo { font-size: 0.9em; margin: 0 0 20px; display: block; }
.result ul.documents { margin: 0; padding: 0; list-style: none; display: inline; }
.result ul.documents li { display: none; }
.result ul.documents .icon { vertical-align: middle; display: table-cell; }
.result ul.documents .fileinfo { vertical-align: middle; padding: 0 5px; border-right: 1px solid #CCC; display: table-cell; }
.result ul.documents .download { vertical-align: middle; padding: 0 0 0 5px; display: table-cell; }
@media screen and (max-width: 680px) { .result > ul > li { width: 48%; box-sizing: border-box; line-height: 1.3; padding: 0 1% 2em; }
  .result > ul > li .image { float: left; }
  .result .image img { width: 80px; } }
@media screen and (max-width: 500px) { .result .name { margin-bottom: 0; } }

.privacypolicy section, .termofuse section { padding-bottom: 4em; }

.privacypolicy .top-copy { padding-bottom: 3em; }
.privacypolicy section > ul, .privacypolicy section > .num-list { margin-bottom: 2.5em; }

.kaiji section > ul > li, .kaiji section > ol > li { padding-bottom: 0.75em; }
.kaiji section > ul > li:last-child, .kaiji section > ol > li:last-child { padding-bottom: 0; }
.kaiji table ul, .kaiji table ol { margin-bottom: 0; }

.termofuse section > ul > li, .termofuse section > ol > li { padding-bottom: 0.25em; }
.termofuse section > ul > li:last-child, .termofuse section > ol > li:last-child { padding-bottom: 0; }

.doc .column-right tr td:last-child { width: 7em; }
.doc .column-right tr td:nth-child(2) { width: 8em; }

.doc.chinarohs .column-right tr td:last-child { width: 9em; }

@media screen and (max-width: 640px) { .privacypolicy h4 { font-size: 100%; }
  .doc .column-right tr td:last-child, .doc .column-right tr td:nth-child(2) { width: 4em; }
  .doc .column-right table th { padding: 5px; } }
/*--------------------------------------------------------------
生産終了
--------------------------------------------------------------*/
.previous section { padding-bottom: 4em; }
.previous section h3 { font-size: 1.17em; }
.previous section p { padding: 0 0 1.5em; margin: 0; }
.previous section ul { margin: 0 0 1.5em; padding: 0 0 0 1.8em; }
.previous.its { /* 陸上用 旧製品情報 */ }
.previous.its .clm { padding-bottom: 3em; }
@media screen and (max-width: 680px) { .previous section { padding-bottom: 2em; }
  .previous section h3 { font-size: 1em; } }

/*--------------------------------------------------------------
RoHS/RED DOC
--------------------------------------------------------------*/
.doc section:first-child { margin-bottom: 3em; }

.doc section, .brochure-download section.notes { margin-bottom: 6em; }
.doc section h2, .brochure-download section.notes h2 { font-size: 1.8em; }

.doc .product-categories.fixed, .brochure-download .product-categories.fixed { position: fixed; top: 0; width: 100%; margin: auto; left: -18px; right: -18px; border: none; padding: 0; }
.doc .product-categories.fixed .slicknav_menu, .brochure-download .product-categories.fixed .slicknav_menu { display: block; }

.brochure-download .product-categories.fixed .slicknav_menu { overflow-y: auto; max-height: 100%; }
.brochure-download .product-categories.fixed .slicknav_btn.slicknav_open .slicknav_icon { position: relative; }
.brochure-download .product-categories.fixed .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar { display: block; transform: rotate(45deg); transform-origin: 0% 50%; position: absolute; top: calc(14% - 3px); left: 14%; transition: all 100ms 0s ease; }
.brochure-download .product-categories.fixed .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-of-type(2) { transform: rotate(-45deg); transform-origin: 78% 14%; left: auto; right: 14%; }
.brochure-download .product-categories.fixed .slicknav_btn.slicknav_open .slicknav_icon span:last-child { display: none; }

/*--------------------------------------------------------------
ページ内リンク
--------------------------------------------------------------*/
#navTitle { color: #161616; display: block; position: absolute; float: none; font-weight: bold; padding: 0.5em 0 0.5em; width: calc(100% - 8em); overflow: hidden; height: 1.6em; }

.fixed .product-category { display: none; }
.fixed .slicknav_nav .product-category { display: block; }

.slicknav_hidden .product-category { display: none; }

/*--------------------------------------------------------------
Search Distributors
--------------------------------------------------------------*/
.selectD { opacity: 0.4; }

/*--------------------------------------------------------------
用語集
--------------------------------------------------------------*/
.glossary .navi-clm { border: none; padding: 0; }
.glossary .navi-clm .top-navi { margin: 0; }
.glossary .navi-clm .top-navi ul { list-style: none; margin: 0; padding: 0; }
.glossary .navi-clm .top-navi li { border-bottom: 8px solid #acbaca; list-style: none; display: flex; background: #e3e3e3; color: #161616; cursor: pointer; margin: 0 3px 15px 0; }
.glossary .navi-clm .top-navi li.dispOn { border-color: #ffae00; background: #5a5a5a; color: #fff; position: relative; }
.glossary .navi-clm .top-navi li a { color: #161616; padding: 0.5em 1em; width: 100%; box-sizing: border-box; text-align: center; }
.glossary .navi-clm .top-navi li.dispOn a { color: #fff; }
.glossary .navi-clm .top-navi li.dispOn:after { content: " "; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 17px solid #ffae00; position: absolute; bottom: -18px; font-size: 5px; left: 0; right: 0; margin: auto; }
.glossary .title-list { overflow: auto; background: #f3f3f3; padding: 1rem 1rem 2rem; margin-bottom: 4em; margin-top: -15px; }
.glossary .title-list h2 { width: 5%; border: none; padding: 0; margin: 0; }
.glossary .title-list ul { margin: 0; padding: 0; list-style: none; }
.glossary .title-list > ul > li { border-bottom: 1px solid #d1d1d1; }
.glossary .title-list > ul > li > a { width: 100%; padding: 1.25rem 0.5rem; }
.glossary .title-list > ul > li ul { width: 93%; }
.glossary .title-list > ul > li ul li { box-sizing: border-box; padding: 0 0 0.25em 1.5em; }
.glossary .title-list li a { color: #161616; }
.glossary .title-list li a:hover { background-color: #fafafa; }
.glossary .title-list .current a:hover, .glossary .title-list .current a { background: #c9d8e8; }
.glossary .cat-clm { margin-bottom: 8em; }
.glossary .cat-clm > ul { padding: 0; margin: 0; }
.glossary .cat-clm > ul > li { list-style: none; }
.glossary .cat-clm .clm { width: 100%; margin-bottom: 1.5em; border-bottom: 1px solid #d4d4d4; }
.glossary .cat-clm h3 { width: 20%; font-size: 1.15em; }
.glossary .cat-clm .copy-clm { width: 77%; }
.glossary .cat-clm .copy-clm .copy { margin: 0 0 1.5em; }
.glossary .cat-clm .copy-clm h4 { font-size: 1em; margin-bottom: 0.25em; }
.glossary .cat-clm .link-list { padding: 0; margin: 0 0 1.5em 0; }
.glossary .cat-clm .link-list li { box-sizing: border-box; padding: 0 1.5em 0.25em 0; list-style: none; margin: 0; }
.glossary .cat-clm .link-list li:first-child { padding-left: 0; }
.glossary .cat-clm .link-list a:before { padding-right: 0.25em; }
.glossary .back-btn { text-align: right; margin: 2em 0 7em; }
.glossary .back-btn .button { padding: 0.8em 2em 0.8em 1.2em; line-height: 1.2; background-color: #3671af; color: #fff; font-size: 0.875em; }
@media screen and (max-width: 880px) { .glossary section { margin-bottom: 2em; }
  .glossary .navi-clm { box-sizing: border-box; }
  .glossary .navi-clm .top-navi { font-size: 0.875em; }
  .glossary .title-list li li { box-sizing: border-box; display: inline-block; padding: 0 0.25em 0.25em 0; vertical-align: top; margin-right: 0.5%; }
  .glossary .title-list > ul > li > ul { padding: 0; } }
@media screen and (max-width: 680px) { .glossary .navi-clm .top-navi li a { padding: 0.5em 0.75em; min-width: 4em; }
  .glossary .navi-clm .top-navi li.dispOn::after { border-left: 20px solid transparent; border-right: 20px solid transparent; }
  .glossary .title-list { margin-top: 0; } }
@media screen and (max-width: 440px) { .glossary .navi-clm .top-navi ul { flex-wrap: wrap; }
  .glossary .navi-clm .top-navi li a { box-sizing: inherit; padding: 0.75em 1.25em; min-width: 3em; }
  .glossary .title-list h2 { width: 1.75rem; }
  .glossary .title-list > ul > li ul { width: calc(100% - 1.75rem ); }
  .glossary .cat-clm .clm { display: block; }
  .glossary .cat-clm h3 { width: auto; font-size: 1.1rem; margin-bottom: 0.5em; }
  .glossary .cat-clm .copy-clm { width: auto; margin: 0 0.75em; }
  .glossary .cat-clm .link-list { display: block; }
  .glossary .cat-clm .link-list li { padding: 0; }
  .glossary .back-btn { text-align: center; }
  .glossary .back-btn .button { font-size: 1em; padding: 0.8em 2.5em 0.8em 1.7em; } }

/*--------------------------------------------------------------
SDK
--------------------------------------------------------------*/
.sdk .breadcrumb { margin-bottom: 0; }
.sdk .main-image { background: url(/img/support/sdk/main_bg.jpg) no-repeat center center; background-size: cover; padding: 7.5em 0 7em; }
.sdk .main-image h1 { margin: 0 0 2rem; padding: 0; width: 80%; max-width: 495px; }
.sdk .main-image p { margin: 0; max-width: 600px; color: #fff; font-size: 1.25em; }
@media screen and (max-width: 1200px) { .sdk .main-image { background-size: auto 100%; padding: 5em 0 5em; }
  .sdk .main-image h1 { margin-bottom: 24px; }
  .sdk .main-image p { font-size: 1.125em; } }
@media screen and (max-width: 640px) { .sdk .main-image { background-position-x: 70%; padding: 3em 0; }
  .sdk .main-image h1 { margin-bottom: 1em; }
  .sdk .main-image p { font-size: 1em; } }
.sdk .prd-nv { background: #ccc; }
.sdk .prd-nv .current { background: #bbb; }
.sdk .prd-nv .slicknav_menu { background: #ccc; }
.sdk .prd-nv #prd-nv-top a { padding: 22px 1.5em; }
.sdk .prd-nv .prd-nv-inner ul { justify-content: flex-start; }
.sdk .prd-nv .prd-nv-inner li { flex: none; min-height: inherit; }
.sdk .prd-nv .prd-nv-inner li a { padding: 1em 1em; }
@media screen and (max-width: 1000px) { .sdk .prd-nv .prd-nv-inner ul { justify-content: space-between; }
  .sdk .prd-nv .prd-nv-inner li { flex: auto; min-height: inherit; } }
.sdk .column-right h2 { border-bottom: none; color: #004ea2; font-size: 2.25em; font-weight: bold; margin: 0 0 1.6em; padding-bottom: 0; text-align: center; }
.sdk .column-right h2:after { content: ""; display: block; margin: 0.7em auto 0; background-color: #004ea2; width: 142px; height: 4px; }
.sdk .column-right h3 { border-left: 6px solid #004598; font-size: 2em; font-weight: bold; color: #000; padding: 0 0 0 0.8em; margin-bottom: 1em; }
.sdk .column-right h4 { font-size: 1.25em; font-weight: bold; margin: 0 0 1.5em 22px; position: relative; }
.sdk .column-right h4:before { content: ""; display: block; position: absolute; left: -22px; top: 0.15em; background: #004598; width: 16px; height: 18px; }
.sdk .column-right p { margin: 0 0 1.5em; }
@media screen and (max-width: 640px) { .sdk .column-right h2 { font-size: 1.75em; }
  .sdk .column-right h3 { font-size: 1.5em; }
  .sdk .column-right h4 { font-size: 1.125em; }
  .sdk .column-right h4:before { width: 15px; height: 15px; } }
.sdk section { margin: 0; padding: 7em 0 5em; }
.sdk section:nth-last-of-type(2n) { background: #f3f3f3; }
.sdk section:nth-last-of-type(2n) table th, .sdk section:nth-last-of-type(2n) table td { border-color: #e3e3e3; }
.sdk section:nth-last-of-type(2n) table th { background: #f0f0f0; }
.sdk section:nth-last-of-type(2n) table td { background: #fff; }
@media screen and (max-width: 640px) { .sdk section { padding: 4em 0 2em; } }
.sdk .list-two-clm { justify-content: space-between; }
.sdk .dot-list { padding-bottom: 1.5em; }
.sdk .dot-list li { list-style: none; position: relative; margin-left: 1.25em; }
.sdk .dot-list li:before { content: ""; background: #000; border-radius: 50%; width: 0.6em; height: 0.6em; display: inline-block; position: absolute; top: 0.5em; left: -1.25em; vertical-align: top; }
.sdk .dot-list ul { list-style: none; margin: 0; padding: 0; }
.sdk .dot-list ul li { margin-left: 1.2em; }
.sdk .dot-list ul li:before { width: 0.25em; height: 0.25em; top: 10px; left: -0.5em; margin-right: 5px; vertical-align: top; }
.sdk #About .inner { padding-top: 8em; }
.sdk #About dl { display: flex; padding-top: 1em; margin: 0 0 1.5em; }
.sdk #About dl dt { color: #004598; padding: 0 1em 0 0; margin: 0; }
.sdk #About dl dd { border-left: 1px solid #333; padding: 0 0 0 1em; margin: 0; }
@media screen and (max-width: 640px) { .sdk #About .inner { padding-top: 4em; }
  .sdk #About dl { display: block; }
  .sdk #About dl dd { border: none; padding: 0; } }
.sdk #Available { padding-bottom: 0; }
.sdk .product { padding-bottom: 2em; }
.sdk .product .top-clm { padding-bottom: 2em; }
.sdk .product .clm { padding-bottom: 3em; }
.sdk .product table { margin-bottom: 1.5em; }
.sdk .button { text-align: center; }
.sdk .button a { background: #004da2; border: 1px solid #004da2; border-radius: 50px; color: #fff; font-size: 1.5em; font-weight: bold; display: inline-block; padding: 0.6em 1.25em 0.6em 1em; margin: auto; position: relative; }
.sdk .button:before { position: absolute; left: 1em; top: 1em; top: 1em; }
.sdk .button:hover { opacity: 0.8; }
@media screen and (max-width: 640px) { .sdk .button a { font-size: 1.25em; padding: 0.3em 0.75em 0.3em 0.25em; } }