/* 現行サイトの CSS から、このページで実際に使われているルールだけを抽出したもの。
   元ファイルの順序を保っているため、カスケードは現行と同じです。
   生成: _tools/build-pages.py （手で編集しないでください） */

/* ===== /wp-content/uploads/legacy/assets/css/bundle.css ===== */
#main {
  margin: 0 auto; max-width: 1600px; background-color: #ffffff;
}
#content .section {
  padding: 40px 0 0;
}
#content .section:first-child {
  padding-top: 0;
}
#content .section-heading {
  margin: 0 0 20px; padding: 0 0 0 8px; border-left: 2px solid #be1e2d; line-height: 1;  font-weight: bold; font-size: 16px; font-family: sans-serif;
}
#content .section-heading i {
  margin: 8px 0 0; display: block; letter-spacing: 0; font-weight: normal; font-style: normal; font-size: 10px; text-transform: uppercase;
}
@media only screen and (min-width: 769px) {
  #content .section {
    padding-top: 80px;
  }
  #content .section-heading {
    margin-bottom: 40px; padding-left: 16px; border-left-width: 4px; font-size: 26px; font-family: sans-serif;
  }
  #content .section-heading i {
    font-size: 13px;
  }
}
body#home #content .section_key {
  border-bottom: 1px solid #cccccc;
}
body#home #content .section_key .intro {
  padding: 16px 0; text-align: center; color: #be1e2d; font-size: 14px; font-size: 13.4312px; font-weight: inherit;
}
body#home #content .section_key .intro b {
  margin: 0 0 8px; display: block; font-weight: bold; font-size: 16px;
}
body#home #content .section_feature .numberedList {
  margin: 1em 0 0; padding: 0 0 0 2em;
}
body#home #content .section_products .thumbsList {
  margin: 1em -8px -40px;
	padding: 0;
	list-style: none;
	font-size: 0;
}
body#home #content .section_products .thumbsList li {
  margin: 0 0 40px;
	padding: 8px;
	font-size: 14px;
	font-size: 13.4312px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
body#home #content .section_products .thumbsList .item {
  display: block;
	position: relative;
	text-align: center;
	color: #494949;
}
body#home #content .section_products .thumbsList .item .head {
  margin-bottom: 4px; color: #be1e2d;
}
body#home #content .section_products .thumbsList .item .head b {
  display: block; font-weight: bold;
}
body#home #content .section_products .thumbsList .item .button-wrap {
  width: 100%; text-align: center;
}
body#home #content .section_products .thumbsList .item .button {
  margin: 0 auto; line-height: 32px; border: 1px solid #be1e2d; width: 100%; max-width: 136px; color: #be1e2d; font-weight: bold;
}
body#home #content .section_solutions .solutionImages {
  margin: 0; padding: 0; list-style: none;
}
body#home #content .section_solutions .solutionImages li {
  padding-top: 100%;
	color: #ffffff;
	background-color: #000000;
	height: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
body#home #content .section_solutions .solutionImages li .pic {
  width: 100%;
	position: absolute;
	top: 0;
}
body#home #content .section_solutions .solutionImages li .pic img {
  width: 100%;
}
body#home #content .section_solutions .solutionImages li .cap {
  position: absolute;
	top: 142px;
	
	left: 0;
	right: 0;
}
@media screen and (max-width:480px) {
  body#home #content .section_solutions .solutionImages li .cap {
    position: absolute;
		top: 130px;
		bottom: 30px;
		left: 0;
		right: 0;
  }
  body#home #content .section_solutions .solutionImages li {
    padding-top: 85%;
  }
}
body#home #content .section_solutions .solutionImages li .link {
  padding: 8px;
	color: #ffffff;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
}
body#home #content .section_solutions .solutionImages li .link img {
  width: 110px;
}
body#home #content .section_solutions .solutionImages li .link .head {
  font-weight: bold;
	font-size: 20px;
	letter-spacing: .1em;
}
body#home #content .section_solutions .solutionImages li a {
  display:block;
height:100%;
width:100%
}
body#home #content .section_solutions .solutionImages li .link .button {
  margin: 8px auto 0; line-height: 32px; border: 1px solid #ffffff; width: 100%; max-width: 136px; color: #ffffff; position: relative; text-align: center; font-weight: bold;
}
@media only screen and (min-width: 769px) {
  body#home #content .section_key .intro {
    padding: 32px 0; font-size: 24px;
  }
  body#home #content .section_key .intro b {
    margin: 0 0 16px; font-size: 36px;
  }
  body#home #content .section_products .thumbsList {
    margin-right: -16px; margin-left: -16px;
  }
  body#home #content .section_products .thumbsList li {
    padding: 16px; font-size: 16px; font-size: 14.3906px; width: 25%;
  }
  body#home #content .section_products .thumbsList .item .head {
    margin-bottom: 8px;
  }
  body#home #content .section_products .thumbsList .item .button {
    border-width: 2px; max-width: 216px; line-height: 40px;
  }
  body#home #content .section_solutions .solutionImages {
    display: table; table-layout: fixed; width: 100%;
  }
  body#home #content .section_solutions .solutionImages li {
    padding: 0; display: table-cell; width: auto; height: auto;
  }
  body#home #content .section_solutions .solutionImages li .pic {
    padding-bottom: 15%; position: relative;
  }
  body#home #content .section_solutions .solutionImages li .link .button {
    margin-top: 16px; line-height: 40px; max-width: 216px;
  }
  .mt10 {
    margin-top: 10px;
  }
}

/* ===== /wp-content/uploads/legacy/head/css/head_menu.css ===== */
#main .post-content .fusion-border-below-title h1,
#main .post-content .fusion-border-below-title h2,
#main .post-content .fusion-border-below-title h3,
#main .post-content .fusion-border-below-title h4,
#main .post-content .fusion-border-below-title h5,
#main .post-content .fusion-border-below-title h6 {
  padding-left: 0;
  padding-right: 0;
}

/* ===== /wp-content/uploads/legacy/head/css/head_menu2.css ===== */
#main,
.fusion-footer-copyright-area,
.fusion-footer-widget-area,
.fusion-page-title-bar,
.fusion-secondary-header,
.tfs-slider .slide-content-container {
  padding-left:0px;padding-right:0px;
}
#main .post h2 a:hover,
.fusion-accordian .panel-title a:hover,
.fusion-copyright-notice a:hover,
.fusion-filters .fusion-filter.fusion-active a,
.fusion-footer-widget-area .fusion-accordian .panel-title a:hover,
.fusion-footer-widget-area a:hover,
.fusion-footer-widget-area ul li a:hover,
.fusion-popover,
.fusion-read-more:hover:after,
.my_account_orders .order-actions a:hover:after,
.pagination-next:hover:after,
.side-nav .arrow:hover:after,
.side-nav ul > li.current_page_item > a,
.slidingbar-area a:hover,
.widget_layered_nav li a:hover:before,
.widget_product_categories li a:hover:before,
.woocommerce-tabs .tabs a:hover .arrow:after,
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li.active a .arrow:after,
h5.toggle:hover a {
  color:#b20029;
}
#main,
.woocommerce-tabs > .tabs .active a,
body,
html {
  background-color:#ffffff;
}
#main .fusion-row,
.fusion-footer-copyright-area .fusion-row,
.fusion-footer-widget-area .fusion-row,
.tfs-slider .slide-content-container .slide-content {
  max-width:1170px;
}
#main .post h2 a,
.fusion-load-more-button,
body a,
body a:after,
body a:before {
  color:#2b2e32;
}
#main .sidebar {
  background-color:#ffffff;padding:0px;
}
#main .post h2,
#main h2,
.ei-title h2,
.fusion-modal h2,
.fusion-title h2,
.post-content h2,
.title h2 {
  font-family:'sans-serif';font-weight:300;line-height:1.26;letter-spacing:0px;
}
#main .fusion-portfolio h2,
#main .post h2,
.fusion-modal h2,
.woocommerce .checkout h3 {
  font-size:27px;
}
#main .post h2,
.fusion-modal h2,
.fusion-title h2,
.post-content h2,
.title h2,
.woocommerce .checkout h3,
.woocommerce h2,
.woocommerce-tabs h2 {
  color:#2b2e32;
}
#main {
  padding-bottom:0px;
}
@media only screen and (max-width: 640px) {
  #main,
body {
    background-attachment:scroll !important;
  }
  #content {
    width:100% !important;margin-left:0px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #main .products li:nth-child(3n+1) {
    clear:both !important;
  }
  #main .products li:nth-child(3n),
#main .products li:nth-child(4n),
.products li {
    width:32.3% !important;float:left !important;margin-right:1% !important;
  }
  #main,
.fusion-footer-widget-area,
body {
    background-attachment:scroll !important;
  }
}
@media only screen and (max-width: 800px) {
  #content {
    width:100% !important;margin-left:0px !important;
  }
  #main .products li:nth-child(3n),
#main .products li:nth-child(4n),
.products li {
    float:none !important;margin-left:auto !important;margin-right:auto !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
  #content {
    width:100% !important;float:none !important;margin-left:0px !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #main,
.fusion-footer-widget-area,
body {
    background-attachment:scroll !important;
  }
}

@font-face {font-family:sans-serif;src:;font-weight: normal;font-style: normal;}

/* ===== /wp-content/themes/datalocker/css/datalocker.css ===== */
.hp_new_hero {
  background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 1080px;
    position: relative;
}
#video {
  position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.hp_new_hero2 .hp_slider {
  min-height: 520px;
}
.hp_new_hero2 .hp_container {
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 520px;
    align-items: center;
    justify-content: center;
    display: flex !important;
}
.hp_new_hero2 .flex_container2 {
  padding: 100px 15px;
    max-width: 100%;
    width: 100%;
    text-align: left;
}
.hp_new_hero2 .flex_container2 h2 {
  font-size: 40px;
    line-height: 48px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 1444px) {
  .hp_new_hero {
    min-height: 805px;
  }
}
@media (max-width: 1199px) {
  .hp_new_hero {
    min-height: 650px;
  }
}
@media (max-width: 767px) {
  .hp_new_hero {
    min-height: 520px;
  }
  .hp_new_hero2 .flex_container2 h2 {
    font-size: 30px;
        line-height: 38px;
  }
}
.hp_new_hero2 .hp_slider {
  min-height: 520px;
}
.hp_new_hero2 .hp_container {
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 520px;
    align-items: center;
    justify-content: center;
    display: flex !important;
}
.hp_new_hero2 .flex_container2 {
  padding: 100px 15px;
    max-width: 100%;
    width: 100%;
    text-align: left;
}
.hp_new_hero2 .flex_container2 h2 {
  font-size: 40px;
    line-height: 48px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
.hp_new_hero2 .flex_container2 h2 {
  font-size: 40px;
    line-height: 48px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 767px) {
  .hp_new_hero {
    min-height: 520px;
  }
  .hp_new_hero2 .flex_container2 h2 {
    font-size: 30px;
        line-height: 38px;
  }
}

/* ===== /wp-content/themes/datalocker/js/slick/slick-theme.css ===== */
.slick-loading .slick-list {
  background: #fff url('/wp-content/themes/datalocker/js/slick/ajax-loader.gif') center center no-repeat;
}
.slick-prev,
.slick-next {
  font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
    left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
    left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li {
  position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
    color: black;
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/wp-content/themes/datalocker/js/slick/fonts/slick.eot');
    src: url('/wp-content/themes/datalocker/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/datalocker/js/slick/fonts/slick.woff') format('woff'), url('/wp-content/themes/datalocker/js/slick/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/datalocker/js/slick/fonts/slick.svg#slick') format('svg');
}

/* ===== /wp-content/themes/datalocker/js/slick/slick.css ===== */
.slick-slider {
  position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;

    content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* --- インライン style="..." をクラス化したもの ---
 * 詳細度を合わせるため #wrapper / #main で包んでいます。
 */
/* 元: style="padding-top:90px" （1 箇所） */
#main.dl-pt-90px,
#wrapper .dl-pt-90px,
#main .dl-pt-90px,
#main.dl-pt-90px {
  padding-top:90px;
}
/* 元: style="background-image: url('https://datalocker.com/wp-content/uploads/2021/06/TEST-REEL_00034.jpg');" （1 箇所） */
#wrapper .dl-toppage-s02,
#main .dl-toppage-s02,
#main.dl-toppage-s02 {
  background-image: url('https://datalocker.com/wp-content/uploads/2021/06/TEST-REEL_00034.jpg');
}
/* 元: style="font-family:'Roboto', sans-serif; font-weight:bold" （1 箇所） */
#wrapper .dl-toppage-s03,
#main .dl-toppage-s03,
#main.dl-toppage-s03 {
  font-family:'Roboto', sans-serif;
  font-weight:bold;
}
/* 元: style="font-size:80%" （1 箇所） */
#wrapper .dl-fs-80p,
#main .dl-fs-80p,
#main.dl-fs-80p {
  font-size:80%;
}
/* 元: style="font-weight: 400" （18 箇所） */
#wrapper .dl-fw-400,
#main .dl-fw-400,
#main.dl-fw-400 {
  font-weight: 400;
}
/* 元: style="text-align: left" （8 箇所） */
#wrapper .dl-ta-left,
#main .dl-ta-left,
#main.dl-ta-left {
  text-align: left;
}
/* 元: style="margin:0 10px 36px" （1 箇所） */
#wrapper .dl-m-0-10px-36px,
#main .dl-m-0-10px-36px,
#main.dl-m-0-10px-36px {
  margin:0 10px 36px;
}