@charset "UTF-8";
@import url('./bootstrap.min.css');

/**
 * from barracuda
 */
/* bootstrap */
.btn-primary-cuda {font-size: 1rem;color: #FFFFFF;background: linear-gradient(to right, #1DB1FF 25%, #0088CE 100%);background-position: right bottom;box-shadow: 0 0 6px rgba(0,0,0,0.15) !important;border-radius: 6px !important;padding: 0.45rem 3.75rem !important;transition: all 1s;border: 1px solid transparent;}.btn-primary-cuda:hover {color: #FFFFFF;background: #22A5E8 radial-gradient(circle, transparent 1%, #0088CE 1%) center/15000%;-webkit-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);box-shadow: 0 0 6px rgba(0,0,0,0.15) !important;}.btn-primary-cuda:active {background-color: #6eb9f7;background-size: 100%;transition: background 0s;box-shadow: 0 0 6px rgba(0,0,0,0.15) !important;}.btn-transparent-cuda {border: 1.4px solid #FFFFFF;border-radius: 6px !important;color: #FFFFFF;background: transparent;background-position: right bottom !important;padding: 0.45rem 3.75rem !important;}.btn-transparent-cuda:hover {color: #FFFFFF;background: transparent radial-gradient(circle, transparent 1%, rgba(204,204,204,0.3) 1%) center/15000%;-webkit-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);}.btn-secondary-cuda {border: 1.4px solid #555555;border-radius: 6px !important;color: #555555;background: transparent;background-position: right bottom !important;padding: 0.45rem 3.75rem !important;}.btn-secondary-cuda:hover {color: #555555;background: transparent radial-gradient(circle, transparent 1%, rgba(204,204,204,0.3) 1%) center/15000%;-webkit-transition: background 300ms cubic-bezier(0.19, 1, 0.22, 1);}
/* ヘッダーデザイン */
#menu-background{background-color: #263146 !important;position: absolute;height: 50px;opacity: 0.8;width: 100%;z-index: 5;}@media (min-width: 992px){#menu-background{height: 96.188px;}}/* This is in here because _reboot.css keeps overriding */dl, ol, ul {margin-top: 0 !important;margin-bottom: 0 !important;}#desktopMenu {border-radius: 0px;position: absolute;width: 100%;z-index: 6 !important;transition: background-color 0.15s;-webkit-transition: background-color 0.15s;-ms-transition: background-color 0.15s;padding: 0 !important;margin-bottom: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}#desktopMenu li {list-style-type: none !important;}#desktopMenu .menu-item-title, #desktopMenu .menu-item-details, #navDropdown h3 {font-family: "proxima-nova", sans-serif;font-size: 1rem;}#desktopMenu .menu-item-title {font-weight: 600;color: #000000;}#desktopMenu .menu-item-details {font-weight: 400;color: #555555;line-height: 1.4;}/* Menu Tabs */#topBar a/*, #bottomBar a*/, #leftNav {color: #FFFFFF !important;text-decoration: none;font-size: 0.875rem;}#topBar a {font-weight: 300;}#topBar ul {padding-bottom: 0.6rem;}.nav-item-cuda-top-bar{margin: 0 0.8rem !important;}#leftNav {text-align: center;width: 45%;float: left;text-align: left;padding-left:10px}#leftNav .cuda-logo {display: inline;vertical-align: super;}#leftNav .cuda-logo img {vertical-align: text-bottom !important;}#leftNav .cuda-motto {display: inline;vertical-align: bottom;margin-left: 1rem;}#navBar {width: 100%;display: flex;align-items: flex-end !important;justify-content: center;flex-wrap: wrap;padding: 0.6rem 0;margin: 0 !important;}#navBar li a {font-size: 1rem;/*color: #000000;*/}#bottomBar li a {/*text-transform: uppercase;*/padding: 0;margin: 0;vertical-align: bottom;font-weight: 500;}/* No down arrows */#bottomBar .dropdown-toggle::after {content: none !important;}/* Adjust ones we have */#topBar a.dropdown-toggle::after {vertical-align: 0.1rem !important;margin-left: 10px;}#rightNav {width: 55%;float: right;}#rightNav li {margin: 0 1.3rem;/* override old CSS */line-height: 2 !important;}#rightNav #bottomBar li.active {border-bottom: 2.5px solid #0088CE;margin-bottom: -10px;}#rightNav .navbar-nav {justify-content: flex-end;}#languagesMenu {color: #808080 !important;}/* Dropdown links */#navDropdown ul {padding-left:0;}#navDropdown li {margin: 1rem 0;}#navDropdown li.nav-item-cuda {margin: 1rem 0;}#navDropdown li a:hover {color: #0088CE !important;}#navDropdown li a div:hover, #navDropdown li a:hover > .menu-item-details {color: #0088CE !important;}#navDropdown h3 {font-weight: 600;color: #A2A2A2;text-transform: uppercase;display: inline-block;vertical-align: baseline;font-family: "proxima-nova", sans-serif !important;}#navDropdown a:hover{text-decoration: none !important;}/* Overiding CSS for old pages */#navDropdown .menu-footer .row {/*margin: 0 !important;*/}/* Product menu color badges */#navDropdown .category-family-name {position: relative;}#navDropdown .product-family-badge {border-radius: 0.15rem;height: 10px;width: 10px;display: inline-block;margin-right:10px;}#navDropdown .email-protection-badge {background-color: #9ACA3C;}#navDropdown .network-app-badge {background-color: #9253A1;}#navDropdown .data-protection-badge {background-color: #F6B619;}/* Open state */#navDropdown .dropdown-menu.in{border: none;border-bottom: 1px solid rgba(0,0,0,0.8);border-radius: 0;}#desktopMenu .dropdown-menu{display: block;padding: 1rem 0 0.625rem 0 !important;margin: 0 !important;left: 0;opacity: 0;visibility: hidden;transition: visibility 300ms;-webkit-transition: visibility 300ms;-ms-transition: visibility 300ms;width: 100%;animation-name: fadeOut;animation-iteration-count: 1;animation-timing-function: ease-out;animation-duration: 300ms;background: #FFFFFF !important;}#desktopMenu .dropdown-menu.no-animation{animation-duration: 10ms !important;}#desktopMenu .dropdown-menu.in.no-animation{animation-duration: 0s !important;}#langauge-dropdown-menu{left: -57px !important;padding: 1rem 3rem 0 4rem !important;min-width: 8.5rem;}#langauge-dropdown-menu .dropdown-item{display: block;}#login-dropdown-menu{left: -194px !important;}#login-dropdown-menu .dropdown-item{display: block;}/* Fade in menu */#desktopMenu .dropdown-menu.in{display: block;visibility: visible;opacity: 1;animation-name: fadeIn;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 300ms;}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}/* Menu footer */#desktopMenu .menu-footer {border-top: 1px solid #CCCCCC;padding: 0.5rem 0;}#desktopMenu .menu-footer li {display: inline;}#desktopMenu .menu-footer li.right-pipe {border-right: 1px solid #CCCCCC;padding-right: 1.5rem;margin-right: 1.5rem;}#desktopMenu .menu-footer li a {font-size: 1rem;}/* Others */#partnerPortalLoginDiv {width: 16rem !important;margin-left: -9em !important;padding: 1rem;}#mobileMenu {width: 100vw;z-index: 10;height: 50px;position: absolute;}.tier{width: 100%;height: 100%;position: fixed;/*background-color: red;*/}.fade.in {opacity: 1;}#slide-out.in {left: 0;}#slide-out{position: absolute;height: 100vh;max-height: 100vh;/*overflow-y: scroll;overflow-x: hidden;*/width: 100%;-webkit-transition: 300ms ease;transition: 300ms ease;z-index: 9999;background-color: #263146;left: -100%;color: #000;top: 0;}#slide-out h6 {color: white;text-transform: uppercase;font-weight: 100;margin: 0 auto;position: relative;}#slide-out h6 #top-breadcrumb{opacity: 0.5;font-size: 12px;}#slide-out h6 #close-nav-bar-x{position: absolute;right: 20px;font-size: 1.6rem;bottom: 15px;}.close-nav-bar-x{float: right;}#slide-out .header{text-align: center;padding: 1rem 0;height: 50px;/*background-color: #003E52 !important;*/color: white;}#slide-out .header #slide-out-header-back-arrow{display: inline-block;-webkit-transform: scale(1.5,1.5) translate(0, 0.1rem);transform: scale(1.5,1.5) translate(0, 0.1rem);position: absolute;left: 17px;color: white;font-size: 1.3125rem;z-index: 1000;}#slide-out .list-group{-webkit-transition: 400ms ease;transition: 400ms ease;-webkit-transform: translateX(0%);transform: translateX(0%);position: absolute;right: 0;width: 100%;height: 100vh;}#slide-out .list-group.revealed{-webkit-transform: translateX(-100%);transform: translateX(-100%);/*-webkit-transform: translateX(-100%);transform: translateX(-100%);*/}/*#slide-out (.tier.fade.in ~ .tier.fade) .list-group {left: -100%;}*/#slide-out .list-group-item {min-height: 103px;background-color: #ffffff;border-radius: 0px !important;border-left: none;border-right: none;color: #000000;position : relative;overflow : hidden;cursor: pointer;display: flex;align-items: center;padding-left: 42px;font-size: 0.875rem;font-weight: 500;}.mobile-nav-footer{position: absolute;width: 100vw;z-index: 2;background-color: #263146 !important;height: 115px;color: white;display: flex;padding: 0 0 140px 0;bottom: 0}.mobile-nav-footer-item{font-size:0.875rem;padding: 0.50rem 0px;}.mobile-nav-footer .row{text-align: center;}.mobile-nav-footer-live-chat-item {float: none;margin: 0 auto;}.mobile-nav-footer-live-chat-btn {background-color: #00AA91;border-radius: .25rem;text-transform: uppercase;/*width: 101px;*/height: 27px;padding: 0.25rem;/*margin-left: 2rem;*/text-align: center;}.mobile-nav-footer-item a {color: #FFF;}.mobile-nav-footer-item a:hover, .mobile-nav-footer-item a:active{text-decoration: none;}.mobile-product-badge {border-radius: 0.15rem;height: 10px;width: 10px;margin-right: 1.25rem;}.mobile-email-protection-badge-bg {background-color: #9ACA3C;}.mobile-network-secruity-badge-bg {background-color: #9253A1;}.mobile-data-protection-badge-bg {background-color: #F6B619;}.mobile-nav-product-desc {opacity: 0.6;font-weight: 400;line-height: 1.4}.search-slide-in {animation-duration: 0.5s;animation-name: searchslidein;animation-timing-function: ease-out;}.search-slide-out {animation-duration: 0.5s;animation-name: searchslideout;animation-timing-function: ease-out;}@keyframes searchslidein {from {left: 100%;opacity: 0;}to {left: 0%;opacity: 1;}}@keyframes searchslideout {from {left: 0%;}to {left: 100%;opacity: 0;}}#hamburger-btn {border: none;}.icon-hamburger-line {width: 28px;height: 3px;background-color: #FFF;margin: 5px 0;}.icon-hamburger-label {color: #FFF;width: 25px;font-size: 0.625rem;}.network-tier-item-height, .industry-tier-item-height {height: 15vh !important;min-height: 0px !important;}.tech-info-tier-item-height {height: calc((100vh - 50px) / 7) !important;min-height: 0px !important;}.custom-tier-root-item {height: calc((100vh - 115px - 50px) / 4) !important;min-height: 0px !important;}.product-category-tier-item {height: calc((100vh - 115px - 50px) / 3) !important;min-height: 0px !important;}.support-category-tier-item {height: 22vh !important;min-height: 0px !important;}.company-category-tier-item {height: 22vh !important;min-height: 0px !important;}.lang-tier-item {height: 11vh !important;min-height: 0px !important;}/*----------------------navbar-mobile----------------------*//* mobile logo */.navbar-brand{background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}.navbar-mobile{text-align: center;overflow: hidden;position: relative;position: relative;height: 100%;}.navbar-mobile .navbar-brand{float:none;display: inline-block;width: 6.5em;padding: 0;margin-right: 0;position: relative;top: -4px;}.navbar-mobile .btn{font-size: 1.35rem;padding: 0 .5rem;background-color: transparent;color: inherit;}.navbar-mobile .pull-xs-right{-webkit-transition: 300ms ease;transition: 300ms ease;transform: translateX(100px);}.navbar-mobile .pull-xs-right.in{transform: translateX(0);}#mobile-nav-logo-container{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 57%;}.navbar-toggler{float: left;-webkit-transition: 300ms ease;transition: 300ms ease;-webkit-transform: translateX(0em);transform: translateX(0em);outline: none !important;padding-top: 0.25em !important;}.navbar-toggler.right{-webkit-transform: translateX(14em);transform: translateX(14em);}.mobile-search{-webkit-transition: 300ms ease;transition: 300ms ease;-webkit-transform: scale(1,0);transform: scale(1,0);height: 0px;}.mobile-search.in{-webkit-transform: scale(1,1);transform: scale(1,1);height: auto;}.mobile-search input{margin-top: 0 !important;height: 30px !important;color: #000;padding: 4px 8px !important;}/* Search Box *//* HIDE THUMBNAILS */#addsearch-results{margin-top: 10px !important;}#addsearch-results .addsearch-result-item-container,#addsearch-results .addsearch-result-item-sub-active,#addsearch-results .addsearch-result-item-sub {background-size: 0 0 !important;background-image: none !important;}#addsearch-results .addsearch-result-item-sub-active div,#addsearch-results .addsearch-result-item-sub div {padding-left: 30px !important;width: 545px !important;}/* HIDE SCREEN CAPTURES - ONLY USE FOR SEARCH WIDGET *//*#addsearch-results #addsearch-pic{display: none !important;}#addsearch-results #addsearch-results-right{width: 0;margin-left: 583px;}*//* For Mobile */.cuda-search-box-inner{position: relative;display: flex;align-items: center;flex-wrap: wrap;padding-top: 1px;height: 30px;}.cuda-search-box-inner.left {width: 0px;}.mobile-search .search-button{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.gsc-input-box td{padding: 0;padding-right: 0 !important;}.mobile-search .gsc-input-box{height: 32px !important;}.mobile-search .gsc-search-button-v2{margin-left: 0;margin-top: 4px !important;height: 31px !important;min-width: 13px !important;padding: 7px 26px !important;width: 68px !important;}/* table */#desktopMenu table{width: 100%;}#partner-portal-login {color: #fff !important;padding: 0.9375rem;padding-top: 0.5rem;}#partner-portal-login h5, #partner-portal-login label, #partner-portal-login a {color: #000000 !important;}#partner-portal-login label {font-size: 0.875rem;}#partner-portal-login h5 {text-align: center;}#partner-portal-login .btn{background-color: #0088ce;width: 100%;}#partner-portal-login a{font-size: 0.8rem;display: block;margin: 1rem 0;}#partner-portal-login small{color: #f2dede;float: right;}/* desktop search */.desktop-search{position: relative;float: right;-webkit-transition: 300ms ease;transition: 300ms ease;overflow: hidden;height: 25px;text-align: right;margin-top: -3px;margin-left: 1rem;overflow: unset !important;width: unset !important;}.desktop-search>div{min-width: 160px;float: right;}.desktop-search form{margin-bottom: 0 !important;}/* Search box icon at top right corner *//*** Use new addsearch ***/.desktop-search .gsc-input-box{height: 1.5em !important;}.desktop-search input.gsc-input{color: #000;font-size: 0.7rem !important;height: 1.5em !important;padding-left: .5em !important;}.desktop-search .gsib_b{line-height: 1 !important;}.desktop-search a{padding-top: 0 !important;}.desktop-search a span{font-size: 1rem !important;}.desktop-search .gsc-search-button-v2{height: 1.5em !important;padding: 0.25em !important;width: 1.5em !important;background: transparent !important;border: none !important;margin-top: 0.2rem;}.desktop-search input.addsearch-written{font-size: 1rem !important;color: #000000;position: absolute;right: 0;top: 38px;width: 200px;border: 6px solid #263146;display: none;/*max-height: 0;*/overflow: hidden;border-radius: 0 0 5px 5px;padding: 5px;/* Override old CSS */transform: none !important;/*height: unset !important;*//* Set our transitions up. */-webkit-transition: max-height 3s;-moz-transition: max-height 3s;transition: max-height 3s;animation-fill-mode: forwards;}.desktop-search input.addsearch-written.search-in {max-height: 46px;display: block !important;outline: 0;animation-fill-mode: forwards;animation: xx 0.5s;}@keyframes xx {0%{height: 0;opacity: 0;}100% {height: 46px;opacity: 1;}}/* Safari 4.0 - 8.0 */@-webkit-keyframes xx {0%{height: 0;opacity: 0;}100%{height: 46px;opacity: 1;}}.navbar-dropdown .icon-external-link,#slide-out .icon-external-link{font-size: 1rem;display: inline-block;position: relative;bottom: -4px;left: 7px;color: #888;}/*----------------------slideout menu----------------------*//* If menu is broken, try to put it back, comment this code out to fix the issue where page is scrolled to the top when modal is open *//*body.modal-open{position: fixed;}*//*body.slide-visible{max-height: 100vh !important;height: 100vh !important;overflow: hidden !important;}*/#slide-out.in{-webkit-transform: translateX(0em);transform: translateX(0em);}#slide-out .navbar-brand{/*max-width: 50%;*/display: block;height: 2rem;float: none;}#slide-out h6 span{color: #fff;font-size: 1rem;font-weight: 300;line-height: 1.65;display: -webkit-inline-box;height: 1rem;opacity: 1;}#slide-out .list-group-item.indented{padding-left: 2.5rem;}.tier .icon-left-open{margin: 0.2rem;line-height: 0.5;display: inline-block;-webkit-transform: scale(1.5,1.5) translate(0, 0.1rem);transform: scale(1.5,1.5) translate(0, 0.1rem);}.tier .icon-right-open{display: inline-block;-webkit-transform: scale(1.5,1.5) translate(0, 0.25rem);transform: scale(1.5,1.5) translate(0, 0.25rem);position: absolute;right: 17px;color: #707070;font-size: 21px;}.back{/*text-align: right !important;*/font-size: 0.8rem;background: rgba(0,0,0,0.2) !important;box-shadow: 0 0 1px rgb(0,0,0) inset !important;}.back .icon-left-open{margin-left: 0 !important;-webkit-transform: scale(1.8, 1.8) !important;transform: scale(1.8, 1.8) !important;}.ripple-effect{pointer-events: none;position: absolute;display: block;background: #000;width: 0;height: 0;border-radius: 100%;z-index: 1;}#slide-out .ripple-effect{background: #ccc !important;}/****************************************** Navigation Snippet of Bootstrap 4.1.3 library ****************************//*.nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0 !important;margin-bottom: 0 !important;list-style: none;}*/.navbar-nav {display: -ms-flexbox !important;display: flex !important;-ms-flex-direction: column !important;flex-direction: column !important;padding-left: 0 !important;margin-bottom: 0 !important;list-style: none !important;}.navbar-nav .dropdown-menu {position: static !important;float: none !important;}.navbar-expand .navbar-nav {-ms-flex-direction: row !important;flex-direction: row !important;}.navbar-expand .navbar-nav .dropdown-menu {position: absolute !important;}.navbar-collapse {-ms-flex-preferred-size: 100% !important;flex-basis: 100% !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important;-ms-flex-align: center !important;align-items: center !important;}.navbar-light .navbar-brand {color: rgba(0, 0, 0, 0.9) !important;}.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {color: rgba(0, 0, 0, 0.9) !important;}.navbar-light .navbar-toggler {color: rgba(0, 0, 0, 0.5) !important;border-color: rgba(0, 0, 0, 0.1) !important;}.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml !important;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}.navbar-light .navbar-text {color: rgba(0, 0, 0, 0.5) !important;}.navbar-light .navbar-text a {color: rgba(0, 0, 0, 0.9) !important;}.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {color: rgba(0, 0, 0, 0.9) !important;}@media (max-width: 991.98px) {.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid {padding-right: 0 !important;padding-left: 0 !important;}}@media (max-width: 1024px) {/*	.navbar-expand-lg .navbar-collapse {overflow-x: hidden;}*/}@media (min-width: 992px) {.navbar-expand-lg {-ms-flex-flow: row nowrap !important;flex-flow: row nowrap !important;-ms-flex-pack: start !important;justify-content: flex-start !important;}.navbar-expand-lg .navbar-nav {-ms-flex-direction: row !important;flex-direction: row !important;}.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute !important;}.navbar-expand-lg > .container,.navbar-expand-lg > .container-fluid {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}.navbar-expand-lg .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto !important;flex-basis: auto !important;}.navbar-expand-lg .navbar-toggler {display: none !important;}}
/* フッターデザイン */
/*--------------------------------------------------------------------------------*     - footer -* Eventually this should be in commmon.css (once all .tpl files extend common.tpl)* Currently some files extend master.tpl, some master_b4.tpl, some common.tpl**------------------------------------------------------------------------------*/footer{background-color: #263146;color: #666;padding: 1em 0.5em;clear: both;}#footer-row-table{display: flex;justify-content: space-around;padding-bottom: 25px;padding-top: 35px;}.footer-section{vertical-align: top;margin-left: auto;margin-right: auto;display: inline-block;}.footer-section li{float: none !important;margin-left: 0 !important;padding: 0.15rem 0 !important;}footer .nav{display: block !important;}footer h4{font-size: 1.1rem;color: white;font-weight: 600;margin-bottom: 4px;font-weight: 400;}footer .nav-link, #view-more-link{color: rgba(255,255,255,.8)!important;font-size: 1rem;font-weight: 100;float: none;padding: 1px 0;display: block}footer a.nav-link:hover, #view-more-link:hover{color: #0088ce !important;}.nav-social{text-align: center;padding-bottom: 7px;padding-top: 10px;}.nav-social .nav-item{text-align: left;}.nav-social a{padding-right: 10px;padding-left:  10px;}.special-nav-social{display: inline-block;float: left;border-radius: 50%;margin-right: 1rem;color: #fff;margin-left: 2px;margin-right: 2px;width: 28px;height: 28px;}.nav-social li {line-height: 1.8;}.nav-social .nav-item{padding: 4px 0;}.nav-social .nav-link{padding: 1px 0px;}.nav-social img{width: 1.25rem;}.nav-social-text{text-align: left;margin-left: 40px;}#copyright{width: 27%;margin-right: 7px;}#copyright a{color: white !important;font-size: 0.875rem;line-height: 1;font-weight: 400;display: inline-block;font-weight: 100;}#copyright em{color: white !important;font-size: 0.875rem;font-style: normal;font-weight: 100;}#desktop-footer{display: none;}#footer-logo-mobile{width: 164px;margin-bottom: 30px;}.footer-spacer{padding-left: 5px;padding-right: 5px;font-size: 0.75rem;color: white;}/*MOBILE FOOTER*/#mobile-copyright{padding: 1rem 0;text-align: center;}#mobile-copyright a{color: white !important;font-size: 0.75rem;font-weight: 100;}#mobile-copyright em{color: white !important;font-size: 0.75rem;font-weight: 100;}.mobile-separator{padding-left: 5px;padding-right: 5px;color: white;}#mobile-nav-socal{padding-bottom: 12px;}#mobile-nav-socal .mobile-nav-socal-item{width: 22px;display: inline-block;margin: 4px 9px;}@media (min-width: 576px) {#footer-logo-mobile{width: 200px;}#mobile-nav-socal .mobile-nav-socal-item{width: 25px;margin: 0 14px;}#mobile-nav-socal{padding-bottom:20px;}}@media (min-width: 768px) {}@media (min-width: 992px) {#mobile-footer{display: none;}#desktop-footer{display: block;}#footer-logo-desktop{margin-bottom: 30px;}}@media (min-width: 1200px) {#footer-row-table{display: flex;justify-content: space-around;padding-bottom: 25px;padding-top: 35px;}}

/**
 * customize ヘッダー
 */
.l-header {
    border-bottom: 0;
}
#navBar {
    padding-bottom: 0;
    align-items: center !important;
}
#leftNav {
}
#rightNav {
}
#topBar {
    font-size: 14px;
    font-weight: 200;
}
#topBar ul {
    padding-bottom: 0.4rem;
}
#topBar .menu-item {
    margin: 0;
    padding: 0 1.3rem;
}
#bottomBar {
    font-size: 14px;
    font-weight: 300;
    display: flex;
    justify-content: flex-end;
}
#bottomBar .p-global-nav {
    margin: 0;
    width: auto;
}
#bottomBar li {
    margin: 0;
    /*flex-grow: 0;*/
    /*flex-shrink: 1;*/
    flex-basis: auto;
}
#bottomBar li > a,
#js-header__search {
    padding: 0.6rem 1.3rem;
}
/* search */
#bottomBar {
    position: relative;
}
#js-header__search {
    /*position: absolute;*/
    right: 1.3rem;
    top: 0;
    z-index: 1;
    color: #fff;
}
#js-header__form {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
}
#bottomBar .menu-item {
    border: 0;
}
.p-megamenu01,
.p-megamenu02 {
    top: 6.2rem;
}
.admin-bar .p-megamenu01,
.admin-bar .p-megamenu02 {
    top: calc(6.2rem + 32px);
}
/* スマホ */
@media only screen and (max-width: 1199px) {
    #leftNav .cuda-logo img {
        width: auto;
        max-height: calc(60px - 1.2rem);
    }
    #rightNav li {
        margin: 0 0 12px 0;
    }
    #topBar {
        display: none;
    }
    #bottomBar {
        position: static;

    }
    #js-header__search,
    #js-header__form {
        display: none;
    }
    .l-header__nav {
        left: 0;
    }
    .l-header__nav-close {
        color: #fff;
    }
}

/**
 * customize フッター
 */
#footer-row-table ul.nav a {
    color: rgba(255,255,255,.8) !important;
}
#footer-row-table ul.nav a:hover {
    color: #0088ce !important;
    text-decoration: none;
}

/**
 * customize What's New
 */
div.whatsnew span.newmark {
    color: black;
    background-color: #FFDB00;
}

/**
 * customize nav menu
*/
.p-global-nav .sub-menu a {
  width: 300px;
}

 p.title {

 }

 p.subtitle {
   font-size: 0.8em;
   color: #8b8b8b
 }