<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*テキストh1*/
.area-text-h1 {
  min-height: 18px;
}

.area-text-h1 h1 {
  height: 30px;
  margin: 0;
  font-size: 11px;
  font-weight: normal;
}

.text-h1-upper h1 { line-height: 32px; }
.text-h1-bottom h1 { line-height: 28px; }

h2,h3,h4 {
  margin-top: 0 !important;
  line-height: 1.2em;
  border: none;/*ショップ用HTML出力対策*/
  word-wrap: break-word;
}
h2.design-tmpl { font-size: 2em; }
h3.design-tmpl { font-size: 1.6em; }
h4.design-tmpl { font-size: 1.2em; }

/*ロゴ*/
div#header-logo h1 { font-size: 1.2em; line-height: 1.4em; margin: 0; }
div#header-logo a { color: #333; position: relative; z-index: 10; }
div#header-logo a:hover { color: #333; text-decoration: none; }

/*ロゴ（h1がdivに置き換わった場合）*/
div#header-logo div {
  line-height: 1.4em;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}

/*文章ロゴの改行処理*/
div#header-logo {
  word-wrap: break-word
}

/*ウィジウィグ区切り線*/
[data-module-type*=editable] hr { border-top: 1px solid #ddd; }
[data-module-type=joboffer] hr { border-top: 1px solid #ddd; }
/*facebook背景色*/
[data-module-type=fbwidget] { background-color: #fff; }

/*半角英数字対応*/
[data-module-type*=editable],
[data-module-type=joboffer],
[data-module-type=banner],
.bnr-preview {
  line-break:strict;
  word-break:break-word;
  overflow-wrap:break-word;
  word-wrap:break-word;
}

/*お問合せ 注文フォーム*/
[data-module-type*=inquiry] table,
[data-module-type*=order] table,
[data-module-type*=payment] table {
  border-collapse: collapse;
}
[data-module-type*=inquiry] table th,
[data-module-type*=inquiry] table td,
[data-module-type*=order] table th,
[data-module-type*=order] table td,
[data-module-type*=payment] table th,
[data-module-type*=payment] table td {
  padding: 15px 10px;
  vertical-align: middle;
  line-break:strict;
  word-break:break-word;
  overflow-wrap:break-word;
  word-wrap:break-word;
}
[data-module-type*=inquiry] .table-bordered tbody:first-child tr:first-child th,
[data-module-type*=inquiry] .table-bordered tbody:first-child tr:first-child td,
[data-module-type*=inquiry] .table-bordered tbody:last-child tr:last-child th,
[data-module-type*=inquiry] .table-bordered tbody:last-child tr:last-child td,
[data-module-type*=order] .table-bordered tbody:first-child tr:first-child th,
[data-module-type*=order] .table-bordered tbody:first-child tr:first-child td,
[data-module-type*=order] .table-bordered tbody:last-child tr:last-child th,
[data-module-type*=order] .table-bordered tbody:last-child tr:last-child td,
[data-module-type*=payment] .table-bordered tbody:first-child tr:first-child th,
[data-module-type*=payment] .table-bordered tbody:first-child tr:first-child td,
[data-module-type*=payment] .table-bordered tbody:last-child tr:last-child th,
[data-module-type*=payment] .table-bordered tbody:last-child tr:last-child td {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
[data-module-type*=inquiry] table input,
[data-module-type*=inquiry] table select,
[data-module-type*=inquiry] table textarea,
[data-module-type*=order] table input,
[data-module-type*=order] table select,
[data-module-type*=order] table textarea,
[data-module-type*=payment] table input,
[data-module-type*=payment] table select,
[data-module-type*=payment] table textarea {
  margin: 0;
  vertical-align: middle;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 13px;
}
[data-module-type*=inquiry] table textarea,
[data-module-type*=order] table textarea,
[data-module-type*=payment] table textarea {
  width: 95%;
}
[data-module-type*=inquiry] table select.states,
[data-module-type*=order] table select.states,
[data-module-type*=payment] table select.states {
  margin-bottom: 5px;
}
[data-module-type*=inquiry] table input.email,
[data-module-type*=order] table input.email,
[data-module-type*=payment] table input.email {
  margin-bottom: 5px;
}
[data-module-type*=inquiry] table input.address {
  margin-bottom: 5px;
}
[data-module-type*=inquiry] .required,
[data-module-type*=order] .required,
[data-module-type*=payment] .required {
  color: #cc0000;
}
[data-module-type*=privacy-textarea-editable],
[data-module-type*=law-textarea-editable] {
  max-height: 150px;
  overflow-y: scroll;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}
/*個人情報同意・特定商取引法の表記*/
h4.privacy-heading-label,
h4.law-heading-label {
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
}
div.privacy-agree-area {
  vertical-align: bottom;
  text-align: center;
  font-size: 1.2em;
}
div.privacy-agree-area input {
  margin: 0;
  vertical-align: middle;
}
div.inquiry-btn-area {
  margin-bottom: 20px;
  text-align: center;
}
/*base.cssよりボタン部分抜粋　ここから*/
div.inquiry-btn-area .btn {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:14px;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color:#e6e6e6;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
div.inquiry-btn-area .btn:hover,
div.inquiry-btn-area .btn:active,
div.inquiry-btn-area .btn.active,
div.inquiry-btn-area .btn.disabled,
div.inquiry-btn-area .btn[disabled]{
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
}
div.inquiry-btn-area .btn:active,
div.inquiry-btn-area .btn.active {
  background-color:#cccccc \9;
}
div.inquiry-btn-area .btn:hover {
  text-decoration:none;
  background-position:0 -15px;
  -webkit-transition:background-position 0.1s linear;
  -moz-transition:background-position 0.1s linear;
  -o-transition:background-position 0.1s linear;
  transition:background-position 0.1s linear;
}
div.inquiry-btn-area .btn:focus {
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
div.inquiry-btn-area .btn.active,
div.inquiry-btn-area .btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/*base.cssよりボタン部分抜粋　ここまで*/
div.inquiry-btn-area .btn {
  padding: 6px 20px;
}
div.inquiry-btn-area .btn-cancel {
  font-weight: bold;
}
[data-module-type*=inquiry-confirm] p,
[data-module-type*=payment-confirm] p {
  line-height: 1.2em;
  margin: 50px auto;
  padding: 50px;
  border: 1px solid #ccc;
  background-color: #efefef;
  font-size: 2em;
  text-align: center;
}
/*スマートフォン対応*/
@media screen and (max-width: 320px) {
  [data-module-type*=inquiry] table th,
  [data-module-type*=inquiry] table td {
    padding: 15px 5px;
  }
  [data-module-type*=inquiry] table th {
    width: 30%;
  }
  [data-module-type*=inquiry] table input.tel1,
  [data-module-type*=inquiry] table input.tel2,
  [data-module-type*=inquiry] table input.tel3,
  [data-module-type*=inquiry] table input.fax1,
  [data-module-type*=inquiry] table input.fax2,
  [data-module-type*=inquiry] table input.fax3,
  [data-module-type*=inquiry] table input.frontZipCode,
  [data-module-type*=inquiry] table input.backZipCode {
    width: 35px;
  }
}
/*iOS7 iPhone Facebook幅固定*/
@media screen and (max-device-width: 568px) {
  [data-module-type*=fbwidget] &gt; iframe {
    width: 280px !important;
  }
}

/*商品注文ブロック固有*/
[data-module-type*=order] th {
  text-align: center;
}
[data-module-type*=order] th.product-name-heading {
  width: 50%;
}
[data-module-type*=order] th.unit-price-heading,
[data-module-type*=order] th.subtotal-heading {
  width: 15%;
}
[data-module-type*=order] th.quantity-heading {
  width: 20%;
}
[data-module-type*=order] table td.product-item {
  width: 224px;
  box-sizing: border-box;
  text-align: center;
}
[data-module-type*=order] table td.product-item td {
  padding: 0;
  border: none !important;
  vertical-align: top;
}
[data-module-type*=order] table td.product-item td.product-desc-item {
  padding-left: 10px;
}
[data-module-type*=order] table td.product-item-img {
  width: 180px;
}
[data-module-type*=order] table td.product-item-img img {
  max-width: 180px;
}
[data-module-type*=order] table td.unit-price-item,
[data-module-type*=order] table td.subtotal-item,
[data-module-type*=order] table td.postage-fee-item {
  text-align: right;
  vertical-align: top;
}
[data-module-type*=order] table td.quantity-item {
  text-align: center;
  vertical-align: top;
}
[data-module-type=order-confirm] table td.quantity-item {
    padding-right: 24px;
    font-weight: bold;
}
[data-module-type*=order] table td.unit-price-item,
[data-module-type*=order] table td.subtotal-item {
  font-weight: bold;
}
[data-module-type*=order] table td select {
  margin-top: 0;
}
.reduce-tax {
  color: red;
  font-weight: bold;
}
[data-module-type*=order] table th.product-name-heading,
[data-module-type*=order] table th.unit-price-heading,
[data-module-type*=order] table th.quantity-heading,
[data-module-type*=order] table td:nth-of-type(1):not(:last-child),
[data-module-type*=order] table td:nth-of-type(2):not(:last-child),
[data-module-type*=order] table td:nth-of-type(3):not(:last-child) {
  border-right: none;
}
[data-module-type*=order] table th.unit-price-heading,
[data-module-type*=order] table th.quantity-heading,
[data-module-type*=order] table th.subtotal-heading,
[data-module-type*=order] table td:nth-of-type(2),
[data-module-type*=order] table td:nth-of-type(3),
[data-module-type*=order] table td:nth-of-type(4) {
  border-left: none;
}

[data-module-type*=order] table .order-total td {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
  border-bottom: none;
  text-align: right;
}
[data-module-type*=order] table .order-total td:nth-of-type(3) {
  text-align: center;
}
[data-module-type*=order] table .order-total.total-first td {
  padding-top: 15px;
}
[data-module-type*=order] table .order-total.total-last td {
  padding-bottom: 15px;
}

[data-module-type*=order] table .sum-item,
[data-module-type*=order] table .sum-price-item {
  font-size: 1.2em;
  font-weight: bold;
}
[data-module-type*=order] table .sum-price-item {
  color: red;
}
[data-module-type*=order] table.table-bordered .order-sum td{
  vertical-align: top;
}
/*注文フォームスマホ表示*/
@media (max-width:767px) {
  [data-module-type*=order] .cms-wrap {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  [data-module-type*=order] .cms-wrap.visible-phone,
  [data-module-type*=order] table th {
    padding: 5px;
    text-align: left;
  }
  [data-module-type*=order] .product-name-heading,
  [data-module-type*=order] .unit-price-heading,
  [data-module-type*=order] .quantity-heading,
  [data-module-type*=order] .subtotal-heading,
  [data-module-type*=order] .cms-wrap.hidden-phone {
    display: none !important;
  }
  [data-module-type*=order] table td.product-item-img {
    width: 120px;
  }
  [data-module-type*=order] table td.product-item-img img {
    max-width: 120px;
  }
  [data-module-type*=order] table .sp-heading {
    width: auto;
    float: left;
    font-weight: normal;
  }
  [data-module-type*=order] table td.quantity-item {
    text-align: right;
  }
  [data-module-type*=order] table.table-bordered td {
    border-top: none;
    border-bottom: none;
  }
  [data-module-type*=order] table.table-bordered th,
  [data-module-type*=order] table.table-bordered td {
    border-right: none;
  }
  [data-module-type*=order] table.table-bordered tr:not(:nth-of-type(2)) th:not([colspan]) {
    border-top: none;
  }
  [data-module-type*=order] table.table-bordered td {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  [data-module-type*=order] table.table-bordered td.product-item-img,
  [data-module-type*=order] table.table-bordered td.product-desc-item,
  [data-module-type*=order] table.table-bordered td.delivery-item,
  [data-module-type*=order] table.table-bordered .order-sum td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  [data-module-type*=order] table.table-bordered td.subtotal-item {
    padding-bottom: 10px;
  }
  [data-module-type*=order] table.table-bordered td[colspan="4"] {
    padding: 15px 10px;
  }
  [data-module-type*=order] table .order-total.total-first td:not(:nth-of-type(2))
   {
    padding-top: 2px;
  }
  [data-module-type*=order] table .order-total.total-last td:not(:last-child) {
    padding-bottom: 2px;
  }
  [data-module-type*=order] table .sum-item, [data-module-type*=order] table .sum-price-item {
    font-size: 1.12em;
  }
  [data-timezone="en"] [data-module-type*=order] table .order-sum .sp-heading {
    float: none;
    text-align: left;
  }
  [data-timezone="en"] [data-module-type*=order] table .order-sum .sp-heading &gt; div:not([class="sum-item"]) {
    font-size: 0.9em;
  }
}

/*注文フォームスマホ表示 改正特商法対応*/
@media (max-width: 767px){
  [data-module-type*=order] table.table-bordered.order-confirm-law tbody tr th {
    border-top: 1px solid #bbbbbb;
  }
  [data-module-type*=order] table.table-bordered.order-confirm-law tbody tr td {
    border-bottom: 1px solid #bbbbbb;
  }
  [data-module-type*=order] table.table-bordered.order-confirm-law tbody tr:first-child td {
    border-top: none;
  }
}

.userset-radio,
.userset-checkbox {
  margin-top: 8px !important;
  margin-right: 0 !important;
}
.userset-radio + label,
.userset-checkbox + label {
  width: 85% !important;
  width: -webkit-calc(100% - 35px) !important;
  width: calc(100% - 35px) !important;
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

div.payment-btn-area {
  margin-bottom: 20px;
  text-align: center;
}
/*base.cssよりボタン部分抜粋　ここから*/
div.payment-btn-area .btn {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:14px;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color:#e6e6e6;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
div.payment-btn-area .btn:hover,
div.payment-btn-area .btn:active,
div.payment-btn-area .btn.active,
div.payment-btn-area .btn.disabled,
div.payment-btn-area .btn[disabled]{
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
}
div.payment-btn-area .btn:active,
div.payment-btn-area .btn.active {
  background-color:#cccccc \9;
}
div.payment-btn-area .btn:hover {
  text-decoration:none;
  background-position:0 -15px;
  -webkit-transition:background-position 0.1s linear;
  -moz-transition:background-position 0.1s linear;
  -o-transition:background-position 0.1s linear;
  transition:background-position 0.1s linear;
}
div.payment-btn-area .btn:focus {
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
div.payment-btn-area .btn.active,
div.payment-btn-area .btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/*base.cssよりボタン部分抜粋　ここまで*/
div.payment-btn-area .btn {
  padding: 6px 20px;
}
div.payment-btn-area .btn-cancel {
  font-weight: bold;
}

[data-module-type*=order-confirm] p {
  line-height: 1.2em;
  margin: 50px auto;
  padding: 50px;
  border: 1px solid #ccc;
  background-color: #efefef;
  font-size: 2em;
  text-align: center;
}

/*デザインモジュール*/
.al-c {text-align: center !important;}
.al-l {text-align: left !important;}
.al-r {text-align: right !important;}
.b {font-weight: bold !important;}

/*求人応募ページ*/
[data-module-type*=jobform] table {
  border-collapse: collapse;
}
[data-module-type*=jobform] table th,
[data-module-type*=jobform] table td {
  padding: 15px 10px;
  vertical-align: middle;
  line-break:strict;
  word-break:break-word;
  overflow-wrap:break-word;
  word-wrap:break-word;
}
[data-module-type*=jobform] .table-bordered tbody:first-child tr:first-child th,
[data-module-type*=jobform] .table-bordered tbody:first-child tr:first-child td,
[data-module-type*=jobform] .table-bordered tbody:last-child tr:last-child th,
[data-module-type*=jobform] .table-bordered tbody:last-child tr:last-child td {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
[data-module-type*=jobform] table input,
[data-module-type*=jobform] table select,
[data-module-type*=jobform] table textarea {
  margin: 0;
  vertical-align: middle;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 13px;
}
[data-module-type*=jobform] table textarea {
  width: 95%;
}
[data-module-type*=jobform] table select.states {
  margin-bottom: 5px;
}
[data-module-type*=jobform] table input.email {
  margin-bottom: 5px;
}
[data-module-type*=jobform] .required {
  color: #cc0000;
}
[data-module-type*=privacy-textarea-editable] {
  max-height: 150px;
  overflow-y: scroll;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/*求人応募フォーム個人情報同意*/
div.jobform-btn-area {
  text-align: center;
}
/*base.cssよりボタン部分抜粋 ここから*/
div.jobform-btn-area .btn {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:14px;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color:#e6e6e6;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
div.jobform-btn-area .btn:hover,
div.jobform-btn-area .btn:active,
div.jobform-btn-area .btn.active,
div.jobform-btn-area .btn.disabled,
div.jobform-btn-area .btn[disabled]{
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
}
div.jobform-btn-area .btn:active,
div.jobform-btn-area .btn.active {
  background-color:#cccccc \9;
}
div.jobform-btn-area .btn:hover {
  text-decoration:none;
  background-position:0 -15px;
  -webkit-transition:background-position 0.1s linear;
  -moz-transition:background-position 0.1s linear;
  -o-transition:background-position 0.1s linear;
  transition:background-position 0.1s linear;
}
div.jobform-btn-area .btn:focus {
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
div.jobform-btn-area .btn.active,
div.jobform-btn-area .btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/*base.cssよりボタン部分抜粋 ここまで*/
div.jobform-btn-area .btn {
  padding: 6px 20px;
}
div.jobform-btn-area .btn-cancel {
  font-weight: bold;
}
[data-module-type*=jobform-confirm] p {
  line-height: 1.2em;
  margin: 50px auto;
  padding: 50px;
  border: 1px solid #ccc;
  background-color: #efefef;
  font-size: 2em;
  text-align: center;
}

/*応募フォーム・お問合せフォームファイルアップロードエリア*/
[data-module-type*=jobform] .site-dropzone,
[data-module-type*=inquiry] .site-dropzone,
[data-module-type*=payment] .site-dropzone {
  height: 80px;
  margin: 0 0 10px 0;
  padding: 28px 5px 15px 40px;
  box-sizing: border-box;
}

[data-module-type*=jobform] .file-format,
[data-module-type*=inquiry] .file-format,
[data-module-type*=payment] .file-format {
  font-weight: bold;
}

/*タブレット・スマートフォンでアップロードエリア非表示*/
@media screen and (max-width:979px) {
  [data-module-type*=jobform] .site-dropzone,
  [data-module-type*=inquiry] .site-dropzone,
  [data-module-type*=payment] .site-dropzone {
    display: none;
  }
}

/*求人募集ページボタン*/
div.joboffer-btn-area {
  text-align: center;
  margin-bottom: 20px;
}
/*base.cssよりボタン部分抜粋 ここから*/
div.joboffer-btn-area .btn {
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:14px;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color:#e6e6e6;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
div.joboffer-btn-area .btn:hover,
div.joboffer-btn-area .btn:active,
div.joboffer-btn-area .btn.active,
div.joboffer-btn-area .btn.disabled,
div.joboffer-btn-area .btn[disabled]{
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
}
div.joboffer-btn-area .btn:active,
div.joboffer-btn-area .btn.active {
  background-color:#cccccc \9;
}
div.joboffer-btn-area .btn:hover {
  text-decoration:none;
  background-position:0 -15px;
  -webkit-transition:background-position 0.1s linear;
  -moz-transition:background-position 0.1s linear;
  -o-transition:background-position 0.1s linear;
  transition:background-position 0.1s linear;
}
div.joboffer-btn-area .btn:focus {
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
div.joboffer-btn-area .btn.active,
div.joboffer-btn-area .btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
/*base.cssよりボタン部分抜粋ここまで*/
div.joboffer-btn-area .btn {
  padding: 6px 20px;
}
div.joboffer-btn-area .btn-cancel {
  font-weight: bold;
}

/*文章＋画像 画像左配置の場合の余白変更*/
[data-module-type=pwithimg-editable] [data-layout^=l] img {
  margin-right: 1.8em;
}
/*文章＋画像 画像左配置4レイアウトspan3幅の場合の余白変更*/
.span3 &gt; [data-module-type=pwithimg-editable] [data-layout^=l4] img {
  margin-right: 1em;
}

/*フォントファミリー設定*/
body[data-timezone=ja] .fontTarget {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 13px;
}
body[data-timezone=en] .fontTarget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  word-break: normal
}

body[data-timezone=en] [data-module-type*=inquiry] table input.states,
body[data-timezone=en] [data-module-type*=payment] table input.states,
body[data-timezone=en] [data-module-type*=jobform] table input.states {
    margin-bottom: 5px;
  }

[data-role] [data-module-type=container], [data-role] [data-module-type=cell] {
  margin-bottom: 0;
  border: 0;
  padding: 0;
}

/*お問合せ表組み幅変更*/
.span7 [data-module-type=inquiry] .input-xlarge,
.span6 [data-module-type=inquiry] .input-xlarge,
.span5 [data-module-type=inquiry] .input-xlarge,
.span4 [data-module-type=inquiry] .input-xlarge,
.span3 [data-module-type=inquiry] .input-xlarge,
.span7 [data-module-type=inquiry] .input-xxlarge,
.span6 [data-module-type=inquiry] .input-xxlarge,
.span5 [data-module-type=inquiry] .input-xxlarge,
.span4 [data-module-type=inquiry] .input-xxlarge,
.span3 [data-module-type=inquiry] .input-xxlarge {
  width: 95%;
}

.span3 [data-module-type*=inquiry] table select.occupations,
.span3 [data-module-type*=inquiry] table select.industries,
.span3 [data-module-type*=inquiry] table select.userset-select {
  width: 100%;
}

[data-module-type*=inquiry] td&gt;div&gt;select.years,
[data-module-type*=inquiry] td&gt;div&gt;select.months,
[data-module-type*=inquiry] td&gt;div&gt;select.days {
  margin: 0 5px 0 0 !important;
}

.span3 [data-module-type*=inquiry] td&gt;div&gt;select.years,
.span3 [data-module-type*=inquiry] td&gt;div&gt;select.months,
.span3 [data-module-type*=inquiry] td&gt;div&gt;select.days {
  width: 75%;
}

.span8 [data-template-type*=presetBirth] td&gt;div,
.span7 [data-template-type*=presetBirth] td&gt;div,
.span6 [data-template-type*=presetBirth] td&gt;div,
.span5 [data-template-type*=presetBirth] td&gt;div,
.span4 [data-template-type*=presetBirth] td&gt;div,
.span3 [data-template-type*=presetBirth] td&gt;div {
  margin-bottom: 5px;
}

.container-size-standard .span10 [data-template-type*=presetBirth] td&gt;div,
.container-size-standard .span9 [data-template-type*=presetBirth] td&gt;div {
  margin-bottom: 5px;
}

/*決済機能付きフォーム表組み幅変更*/
.span7 [data-module-type*=order] .input-xlarge,
.span6 [data-module-type*=order] .input-xlarge,
.span5 [data-module-type*=order] .input-xlarge,
.span4 [data-module-type*=order] .input-xlarge,
.span3 [data-module-type*=order] .input-xlarge,
.span7 [data-module-type*=order] .input-xxlarge,
.span6 [data-module-type*=order] .input-xxlarge,
.span5 [data-module-type*=order] .input-xxlarge,
.span4 [data-module-type*=order] .input-xxlarge,
.span3 [data-module-type*=order] .input-xxlarge,
.span7 [data-module-type*=payment] .input-xlarge,
.span6 [data-module-type*=payment] .input-xlarge,
.span5 [data-module-type*=payment] .input-xlarge,
.span4 [data-module-type*=payment] .input-xlarge,
.span3 [data-module-type*=payment] .input-xlarge,
.span7 [data-module-type*=payment] .input-xxlarge,
.span6 [data-module-type*=payment] .input-xxlarge,
.span5 [data-module-type*=payment] .input-xxlarge,
.span4 [data-module-type*=payment] .input-xxlarge,
.span3 [data-module-type*=payment] .input-xxlarge {
  width: 95%;
}

.span3 [data-module-type*=order] table select.occupations,
.span3 [data-module-type*=order] table select.industries,
.span3 [data-module-type*=order] table select.userset-select,
.span3 [data-module-type*=payment] table select.occupations,
.span3 [data-module-type*=payment] table select.industries,
.span3 [data-module-type*=payment] table select.userset-select {
  width: 100%;
}

[data-module-type*=order] td&gt;div&gt;select.years,
[data-module-type*=order] td&gt;div&gt;select.months,
[data-module-type*=order] td&gt;div&gt;select.days,
[data-module-type*=payment] td&gt;div&gt;select.years,
[data-module-type*=payment] td&gt;div&gt;select.months,
[data-module-type*=payment] td&gt;div&gt;select.days {
  margin: 0 5px 0 0 !important;
}

.span3 [data-module-type*=order] td&gt;div&gt;select.years,
.span3 [data-module-type*=order] td&gt;div&gt;select.months,
.span3 [data-module-type*=order] td&gt;div&gt;select.days,
.span3 [data-module-type*=payment] td&gt;div&gt;select.years,
.span3 [data-module-type*=payment] td&gt;div&gt;select.months,
.span3 [data-module-type*=payment] td&gt;div&gt;select.days {
  width: 75%;
}

/*求人応募フォーム表組み幅変更*/
.span7 [data-module-type=jobform] .input-xlarge,
.span6 [data-module-type=jobform] .input-xlarge,
.span5 [data-module-type=jobform] .input-xlarge,
.span4 [data-module-type=jobform] .input-xlarge,
.span3 [data-module-type=jobform] .input-xlarge,
.span7 [data-module-type=jobform] .input-xxlarge,
.span6 [data-module-type=jobform] .input-xxlarge,
.span5 [data-module-type=jobform] .input-xxlarge,
.span4 [data-module-type=jobform] .input-xxlarge,
.span3 [data-module-type=jobform] .input-xxlarge {
  width: 95%;
}

.span3 [data-module-type*=jobform] table select.occupations,
.span3 [data-module-type*=jobform] table select.industries,
.span3 [data-module-type*=jobform] table select.userset-select {
  width: 100%;
}

[data-module-type*=jobform] td&gt;div&gt;select.years,
[data-module-type*=jobform] td&gt;div&gt;select.months,
[data-module-type*=jobform] td&gt;div&gt;select.days {
  margin: 0 5px 0 0 !important;
}

.span3 [data-module-type*=jobform] td&gt;div&gt;select.years,
.span3 [data-module-type*=jobform] td&gt;div&gt;select.months,
.span3 [data-module-type*=jobform] td&gt;div&gt;select.days {
  width: 75%;
}

/* facebookページプラグイン */
.fb-page.fb_iframe_widget {
  width: 100% !important;
  overflow: hidden;
}

/* facebookいいねボタン */
.fb-like.fb_iframe_widget iframe {
  z-index: 10;
}

/* SNS（twitter） */
iframe.twitter-timeline:not([title=""]) {
  width: 180px;
}

/* 背景設定 */
.bg-pat {
  background-repeat: repeat;
}
.bg-color,
.bg-pat,
.bg-img,
.sp-bg-img,
.border,
.bg-movie,
.sp-bg-movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bg-full {
  background-size: cover;
}
.bg-tile {
  background-repeat: repeat;
}
.bg-original {
  background-repeat: no-repeat;
  background-position: top left;
}
.bg-position-left-top {
  background-position: left top;
}
.bg-position-left-center {
  background-position: left center;
}
.bg-position-left-bottom {
  background-position: left bottom;
}
.bg-position-center-top {
  background-position: center top;
}
.bg-position-center-center {
  background-position: center center;
}
.bg-position-center-bottom {
  background-position: center bottom;
}
.bg-position-right-top {
  background-position: right top;
}
.bg-position-right-center {
  background-position: right center;
}
.bg-position-right-bottom {
  background-position: right bottom;
}
.bg-pat-E001,
.bg-img-pat-E001,
.bg-movie-pat-E001,
.mvbg-pat-E001,
.mvbg-img-pat-E001,
.mvbg-movie-pat-E001 {
  background: -moz-linear-gradient(left, #000, rgba(0,0,0,0) 50%, #000);
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(0.5, rgba(0,0,0,0)), to(#000));
  background: linear-gradient(to right, #000, rgba(0,0,0,0) 50%, #000);
}
.bg-pat-E002,
.bg-img-pat-E002,
.bg-movie-pat-E002,
.mvbg-pat-E002,
.mvbg-img-pat-E002,
.mvbg-movie-pat-E002 {
  background: -moz-linear-gradient(left, #333, rgba(51,51,51,0) 50%, #333);
  background: -webkit-gradient(linear, left top, right top, from(#333), color-stop(0.5, rgba(51,51,51,0)), to(#333));
  background: linear-gradient(to right, #333, rgba(51,51,51,0) 50%, #333);
}
.bg-pat-E003,
.bg-img-pat-E003,
.bg-movie-pat-E003,
.mvbg-pat-E003,
.mvbg-img-pat-E003,
.mvbg-movie-pat-E003 {
  background: -moz-linear-gradient(left, #222, rgba(34,34,34,0) 50%, #222);
  background: -webkit-gradient(linear, left top, right top, from(#222), color-stop(0.5, rgba(34,34,34,0)), to(#222));
  background: linear-gradient(to right, #222, rgba(34,34,34,0) 50%, #222);
}
.bg-pat-E004,
.bg-img-pat-E004,
.bg-movie-pat-E004,
.mvbg-pat-E004,
.mvbg-img-pat-E004,
.mvbg-movie-pat-E004 {
  background: -moz-linear-gradient(left, #fff, rgba(255,255,255,0) 50%, #fff);
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0.5, rgba(255,255,255,0)), to(#fff));
  background: linear-gradient(to right, #fff, rgba(255,255,255,0) 50%, #fff);
}
.bg-pat-E005,
.bg-img-pat-E005,
.bg-movie-pat-E005,
.mvbg-pat-E005,
.mvbg-img-pat-E005,
.mvbg-movie-pat-E005 {
  background: -moz-linear-gradient(top center, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0.9)));
  background: linear-gradient(to top, #fff, rgba(255,255,255,0) 100%, #fff);
}
.bg-pat-E006,
.bg-img-pat-E006,
.bg-movie-pat-E006,
.mvbg-pat-E006,
.mvbg-img-pat-E006,
.mvbg-movie-pat-E006 {
  background: -moz-linear-gradient(top center, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.1) 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.1)));
  background: linear-gradient(to bottom, #fff, rgba(255,255,255,0) 100%, #fff);
}
.bg-pat-E007,
.bg-img-pat-E007,
.bg-movie-pat-E007,
.mvbg-pat-E007,
.mvbg-img-pat-E007,
.mvbg-movie-pat-E007 {
  background: -moz-linear-gradient(top center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.9)));
  background: linear-gradient(to top, #000, rgba(255,255,255,0) 100%, #000);
}
.bg-pat-E008,
.bg-img-pat-E008,
.bg-movie-pat-E008,
.mvbg-pat-E008,
.mvbg-img-pat-E008,
.mvbg-movie-pat-E008 {
  background: -moz-linear-gradient(top center, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.1) 100%);
  background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.1)));
  background: linear-gradient(to bottom, #000, rgba(255,255,255,0) 100%, #000);
}
.lt-ie9 .bg-pat-E001,
.lt-ie9 .bg-img-pat-E001,
.lt-ie9 .bg-movie-pat-E001,
.lt-ie9 .mvbg-pat-E001,
.lt-ie9 .mvbg-img-pat-E001,
.lt-ie9 .mvbg-movie-pat-E001,
.lt-ie10 .bg-pat-E001,
.lt-ie10 .bg-img-pat-E001,
.lt-ie10 .bg-movie-pat-E001,
.lt-ie10 .mvbg-pat-E001,
.lt-ie10 .mvbg-img-pat-E001,
.lt-ie10 .mvbg-movie-pat-E001  {
  background-color: #000 !important;
}
.lt-ie9 .bg-pat-E002,
.lt-ie9 .bg-img-pat-E002,
.lt-ie9 .bg-movie-pat-E002,
.lt-ie9 .mvbg-pat-E002,
.lt-ie9 .mvbg-img-pat-E002,
.lt-ie9 .mvbg-movie-pat-E002,
.lt-ie10 .bg-pat-E002,
.lt-ie10 .bg-img-pat-E002,
.lt-ie10 .bg-movie-pat-E002,
.lt-ie10 .mvbg-pat-E002,
.lt-ie10 .mvbg-img-pat-E002,
.lt-ie10 .mvbg-movie-pat-E002,
.lt-ie9 .bg-pat-E003,
.lt-ie9 .bg-img-pat-E003,
.lt-ie9 .bg-movie-pat-E003,
.lt-ie9 .mvbg-pat-E003,
.lt-ie9 .mvbg-img-pat-E003,
.lt-ie9 .mvbg-movie-pat-E003,
.lt-ie10 .bg-pat-E003,
.lt-ie10 .bg-img-pat-E003,
.lt-ie10 .bg-movie-pat-E003,
.lt-ie10 .mvbg-pat-E003,
.lt-ie10 .mvbg-img-pat-E003,
.lt-ie10 .mvbg-movie-pat-E003 {
  background-color: #333 !important;
}

/* ヘッダー設定 */
header {
  position: relative;
}
header #header-logo {
  line-height: 1.2em;
  font-size: 1.8em;
  font-weight: bold;
}
header [data-module-type] {
  margin-bottom: 0 !important;
}
header .header-inner-content {
  margin: 2px 0 !important;
  padding: 0 !important;
}
header .header-inner-content a {
  position: relative;
  z-index: 10;
  text-decoration: none;
}
header .header-inner-content a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  header .navbar .btn {
    position: relative;
    z-index: 300;
    margin: 7px 0 0 5px;
    padding: 12px 17px 16px 17px;
    color: #666;
  }
  header .navbar .btn:hover {
    color: #666;
  }
  header .navbar {
    margin: 0;
  }
  header .navbar .container {
    height: 0;
    clear: none;
    z-index: 200;
  }
  header .navbar .in.collapse {
    overflow: visible;
  }
  header .navbar .in.collapse:after {
    content: "";
    position: fixed !important;
    z-index: -1;
    top: -500px;
    left: -500px;
    width: 10000px;
    height: 100000px;
    background: rgba(0,0,0,0.7);
  }
  header [class*="span"]:nth-child(1) .header-inner-content {
    margin-bottom: 20px !important;
  }
  header [class*="span"]:nth-child(1) img {
    width: 74% !important;
  }
  header [class*="span"]:nth-child(2) .header-inner-content,
  header [class*="span"]:nth-child(3) .header-inner-content,
  header [class*="span"]:nth-child(4) .header-inner-content {
    padding-top: 0 !important;
    margin-bottom: 20px !important;
  }
  header [class*="span"]:nth-last-child(1) .header-inner-content {
    margin-bottom: 2px !important;
  }
  /*スマホ時のテキストh1*/
  .area-text-h1 h1 {
    line-height: 1.2em;
    font-size: 10px;
  }
  .text-h1-upper {
    float: left;
    width: 74%;
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: -o-calc(100% - 64px);
    width: calc(100% - 64px);
    height: auto;
    min-height: 10px;
  }
  .text-h1-upper h1 {
    height: auto;
    margin: 10px auto 8px auto;
  }
  .text-h1-bottom {
    min-height: 0;
  }
  .text-h1-bottom h1 {
    height: 20px;
    margin-bottom: 8px;
  }
}
.logo-left h1,
.logo-left div,
.h1-left h1 {
  text-align: left;
}
.logo-center h1,
.logo-center div,
.h1-center h1 {
  text-align: center;
}
.logo-right h1,
.logo-right div,
.h1-right h1 {
  text-align: right;
}
header [data-module-type=paragraph-editable],
header [data-module-type=pwithimg-editable],
header [data-module-type=gallery] {
  background: none !important;
  padding: 0 !important;
}
@media (min-width: 320px) {
  header .header-inner img {
    max-width: 100%;
  }
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
div#header-logo a {
  text-decoration: none;
}
div#header-logo a:hover {
  text-decoration: none;
}
[data-module-type=image-editable] div:not(.image-hover-opacity) &gt; a:hover img,
[data-module-type=pwithimg-editable] div:not(.image-hover-opacity) &gt; a:hover img {
  opacity: 0.9;
}
div#wrapper div.header-inner {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .navbar .container {
    background: none;
  }
}

/* 表組み設定 */
[data-module-type*=editable] .table-bordered th,
[data-module-type*=editable] .table-bordered td {
  border-radius: 0;
}
[data-module-type*=editable] .table-bordered thead:first-child tr,
[data-module-type*=editable] .table-bordered tbody:first-child tr,
[data-module-type*=editable] .table-bordered tfoot:first-child tr,
[data-module-type*=editable] .table-bordered thead:first-child:first-child,
[data-module-type*=editable] .table-bordered tbody:first-child:first-child,
[data-module-type*=editable] .table-bordered tfoot:first-child:first-child,
[data-module-type*=editable] .table-bordered thead:first-child th,
[data-module-type*=editable] .table-bordered tbody:first-child th,
[data-module-type*=editable] .table-bordered tfoot:first-child th,
[data-module-type*=editable] .table-bordered thead:first-child td,
[data-module-type*=editable] .table-bordered tbody:first-child td,
[data-module-type*=editable] .table-bordered tfoot:first-child td {
  border-radius: 0;
}
[data-module-type*=editable] .table-bordered thead:last-child &gt; th:last-child,
[data-module-type*=editable] .table-bordered tbody:last-child &gt; th:last-child,
[data-module-type*=editable] .table-bordered tfoot:last-child &gt; th:last-child,
[data-module-type*=editable] .table-bordered thead:last-child &gt; td:last-child,
[data-module-type*=editable] .table-bordered tbody:last-child &gt; td:last-child,
[data-module-type*=editable] .table-bordered tfoot:last-child &gt; td:last-child {
  border-radius: 0;
}

[data-module-type*=inquiry] .table-underline th,
[data-module-type*=inquiry] .table-underline td {
  border-top: none;
}

[data-module-type=joboffer] .table-bordered th,
[data-module-type=joboffer] .table-bordered td {
  border-radius: 0;
}
[data-module-type=joboffer] .table-bordered thead:first-child tr,
[data-module-type=joboffer] .table-bordered tbody:first-child tr,
[data-module-type=joboffer] .table-bordered tfoot:first-child tr,
[data-module-type=joboffer] .table-bordered thead:first-child:first-child,
[data-module-type=joboffer] .table-bordered tbody:first-child:first-child,
[data-module-type=joboffer] .table-bordered tfoot:first-child:first-child,
[data-module-type=joboffer] .table-bordered thead:first-child th,
[data-module-type=joboffer] .table-bordered tbody:first-child th,
[data-module-type=joboffer] .table-bordered tfoot:first-child th,
[data-module-type=joboffer] .table-bordered thead:first-child td,
[data-module-type=joboffer] .table-bordered tbody:first-child td,
[data-module-type=joboffer] .table-bordered tfoot:first-child td {
  border-radius: 0;
}
[data-module-type=joboffer] .table-bordered thead:last-child &gt; th:last-child,
[data-module-type=joboffer] .table-bordered tbody:last-child &gt; th:last-child,
[data-module-type=joboffer] .table-bordered tfoot:last-child &gt; th:last-child,
[data-module-type=joboffer] .table-bordered thead:last-child &gt; td:last-child,
[data-module-type=joboffer] .table-bordered tbody:last-child &gt; td:last-child,
[data-module-type=joboffer] .table-bordered tfoot:last-child &gt; td:last-child {
  border-radius: 0;
}

[data-module-type*=joboffer] .table-bordered tbody:last-child tr:last-child&gt;td:last-child {
  border-bottom-right-radius: 0;
}

[data-module-type*=jobform] .table-underline th,
[data-module-type*=jobform] .table-underline td {
  border-top: none;
}

/* コンテンツエリアの下余白 */
[data-module-type] {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="2"]&gt;div:not(:last-child),
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="3"]&gt;div:not(:last-child),
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="4"]&gt;div:not(:last-child),
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="2m0"]&gt;div:not(:last-child),
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="3m0"]&gt;div:not(:last-child),
  [data-module-type="image-editable"] :not([data-sp-layout="on"])[data-layout="4m0"]&gt;div:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* 画像＋文章エリア リストマーク調整 スマホ */
@media (max-width: 480px) {
  [data-module-type="pwithimg-editable"] :not([data-sp-layout="on"])[data-layout^="l"] img,
  [data-module-type="pwithimg-editable"] :not([data-sp-layout="on"])[data-layout^="r"] img {
    float: none;
    margin-left: 0;
  }
   [data-module-type="pwithimg-editable"] [data-sp-layout="off"] div{
    clear: both;
  } 
}
/* 画像＋文章エリア リストマーク調整 IE */
@media all and (-ms-high-contrast: none) {
  [data-module-type="pwithimg-editable"] ul,
  [data-module-type="pwithimg-editable"] ol {
    list-style-position: inside;
    text-indent: -15px;
  }
}
/* 画像＋文章エリア リストマーク調整 Edge（アットsupportハックは使用しないこと）*/
_:-ms-lang(x), _:-webkit-full-screen,
[data-module-type="pwithimg-editable"] ul,
[data-module-type="pwithimg-editable"] ol {
  list-style-position: inside;
  text-indent: -15px;
}

/* 水平線調整 */
[data-module-type=cell] &gt; div &gt; div &gt; div &gt; hr:only-child {
  margin-top: 0;
}

/* マップエリア */
[data-module-type="map"] {
  background-color: #fff;
  text-align: center;
}

/* お問合せボタン */
div.inquiry-btn-area .btn-confirm,
div.inquiry-btn-area .btn-send {
  font-weight: bold;
  text-shadow: none;
}

/* 注文ボタン */
div.payment-btn-area .btn-confirm,
div.payment-btn-area .btn-send {
  font-weight: bold;
  text-shadow: none;
}

/* 求人募集ページボタン */
div.joboffer-btn-area .btn-confirm,
div.joboffer-btn-area .btn-send {
  font-weight: bold;
  text-shadow: none;
}

/* 求人応募フォームボタン */
div.jobform-btn-area .btn-confirm,
div.jobform-btn-area .btn-send {
  font-weight: bold;
  text-shadow: none;
}

/* マルチプレビュー ナビ操作不可 */
.disable-preview {
  background-color: #a9a9a9;
  display: block;
  position: relative;
  line-height: 1em;
  padding: 0 10px;
}

.disable-preview p {
  margin: 0;
  padding: 0;
  background-color: #e0e0e0;
  color: #000;
  display: block;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.disable-preview .disable-preview-head,
.disable-preview .disable-preview-foot {
  min-width: 250px;
  width: auto;
  position: absolute;
  top: 50%;
  margin-top: -1em;
  vertical-align: middle;
}

.disable-preview .disable-preview-side {
  width: 100%;
  position: relative;
  top: 10px;
  vertical-align: top;
}

/*YouTubeスクリーンショット*/
[data-module-type="movie"] {
  background-color: #fff;
}

[data-module-type="movie"] img {
  padding-top: 50px;
}

/*フッター(リンク集以外)*/
footer {
  margin-top: 20px;
}
footer [data-module-type=footer-logo] {
  line-height: 1.2em;
  font-size: 1.8em;
  font-weight: bold;
}
footer [data-module-type=cell] {
  margin-bottom: 0;
}
footer [data-module-type=paragraph-editable],
footer [data-module-type=pwithimg-editable],
footer [data-module-type=gallery] {
  padding: 0 !important;
  background: none !important;
}

footer:before,
footer:after {
  display: table;
  content: "";
  line-height: 0;
}
footer:after {
  clear: both;
}

footer .footer-policy {
  width: 50%;
  float: left;
}

@media (max-width: 767px) {
  footer [class*="span"] {
    padding: 20px 0 0 0;
  }
}

/*IEスクロールバー対策*/
@-ms-viewport {
  width: auto;
  initial-scale: 1;
}

/*メインビジュアルmaxとsuperワイドのスクロールバー対策（スマホ表示以外）*/
@media (min-width: 768px) {
.layout-max-mainvisual,
  .container-size-superwide {
    overflow: hidden;
  }
}

#footer-copyright {
  width: 50%;
  float: right;
}
.policy-modal-link,
.policy-modal-link:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  footer [class*="span"] {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  footer .footer-policy {
    width: 100%;
    float: none;
    text-align: right;
  }
  #footer-copyright {
    width: 100%;
    float: none;
  }
}

/*Google翻訳*/
#g-translate-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 200;
}
#g-translate-wrap .container {
  background-color: transparent;
}
/*201612 既存container競合での編集画面への影響回避*/
#g-translate-wrap .g-container {
  background-color: transparent;
  padding: 0 1%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#g-translate {
  display: table;
  margin: 0 auto;
  padding: 4px 0;
}
#g-translate select {
  width: auto;
  height: auto;
  padding: 2px 3px;
  border-radius: 2px;
  line-height: 1;
}
#g-translate-title {
  display: table-cell;
  padding-right: 8px;
  font-size: 13px;
  line-height: 20px;
}
#google_translate_element {
  display: table-cell;
}
.g-translate-left {
  float: left;
  text-align: left;
}
.g-translate-center {
  float: none;
  text-align: center;
}
.g-translate-right {
  float: right;
  text-align: right;
}
.g-translate-right #google_translate_element {
  text-align: left;
}
@media (max-width: 480px) {
  .g-translate-horizontal #g-translate,
  .g-translate-horizontal #g-translate-title,
  .g-translate-horizontal #google_translate_element {
    display: block;
  }
  .g-translate-tab-tl #g-translate,
  .g-translate-tab-tl #g-translate-title,
  .g-translate-tab-tl #google_translate_element {
    display: block;
  }
  .g-translate-auto #g-translate,
  .g-translate-auto #g-translate-title,
  .g-translate-auto #google_translate_element {
    display: block;
  }
  #g-translate {
    padding: 4px 2px;
  }
}

/*リストマーク対応*/
[data-module-type=pwithimg-editable] ul {
  list-style-type: disc;
}
[data-module-type=pwithimg-editable] ol {
  list-style-type: decimal;
}
[data-module-type=pwithimg-editable] [data-layout^="l"] ul,
[data-module-type=pwithimg-editable] [data-layout^="l"] ol {
  list-style-position: inside;
  margin-left: 8px;
}

/*safariでのグロナビカラム落ち対応*/
_::-webkit-full-page-media, _:future,
:root nav.global-nav-upper-item7:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
 width: 14.1857142857% !important;
}
_::-webkit-full-page-media, _:future,
:root nav.global-nav-upper-item6:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
  width: 16.5666666666% !important;
}
_::-webkit-full-page-media, _:future,
:root nav.global-nav-upper-item5:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
  width: 19.9% !important;
}
_::-webkit-full-page-media, _:future,
:root nav.global-nav-upper-item4:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
  width: 24.9% !important;
}

/*safariでのグロナビカラム落ち対応(タブレット)*/
@media (min-width:768px) and (max-width:979px) {
  _::-webkit-full-page-media, _:future,
  :root nav.global-nav-upper-item7:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
   width: 14.0857142857% !important;
  }
  _::-webkit-full-page-media, _:future,
  :root nav.global-nav-upper-item6:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
    width: 16.4666666666% !important;
  }
  _::-webkit-full-page-media, _:future,
  :root nav.global-nav-upper-item5:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
    width: 19.8% !important;
  }
  _::-webkit-full-page-media, _:future,
  :root nav.global-nav-upper-item4:not([class*="F003"]):not([class*="F007"]):not([class*="G003"]):not([class*="G004"]):not([class*="G009"]):not([class*="G010"]) &gt; ul.global-nav-upper &gt; li {
    width: 24.8% !important;
  }
}

/*パンくず対応*/
.breadcrumb-wrap {
  position: relative;
  z-index: 1;
}

/*トップページ固定バナー*/
#fixed-bnr-wrap {
  position: relative;
  z-index: 10;
}

/*動画背景*/
.bg-color-pat, .bg-img, .sp-bg-img, .bg-movie, .sp-bg-movie {max-width: 100%; overflow: hidden;}

/*背景画像位置設定*/
.bg-position-left-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-position-center-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-position-right-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-position-left-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-position-center-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-position-right-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-position-left-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}
.bg-position-center-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}
.bg-position-right-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}

/*スマホ背景画像位置調整*/
.sp-bg-position-left {
  background-size: cover;
  background-position: left top;
}
.sp-bg-position-center {
  background-size: cover;
  background-position: center top;
}
.sp-bg-position-right {
  background-size: cover;
  background-position: right top;
}

.bg-tile .bg-img-color-pat,
.bg-full .bg-img-color-pat {width: 100% !important; height: 100% !important;}
.bg-scroll, .sp-bg-scroll { position: fixed !important; top: 0 !important;}

@media (max-width: 767px) {
  .bg-scroll, .sp-bg-scroll { height: 100vh !important;}
}

.bg-img-color-pat,
.sp-bg-img-color-pat {opacity: 0.5;}

.bg-movie {width: 100%; height:auto; overflow: hidden;}
.bg-movie &gt; div, .sp-bg-movie &gt; div {position: relative;}
.bg-movie-scroll {position: fixed !important; top: 0 !important;}
.sp-bg-movie-scroll {position: fixed !important; top: 0 !important;}
.bg-movie-video, .sp-bg-movie-video {vertical-align: bottom;}
.bg-movie-color-pat, .sp-bg-movie-color-pat { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5;}

/*スマホサイト用 動画・画像*/
@media screen and (max-width: 480px) {
  .sp-bg-movie,
  .sp-bg-img {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .sp-bg-movie &gt; div,
  .sp-bg-movie-video,
  .sp-bg-img &gt; div {
    height: 100vh;
  }
  /*youtube向け*/
  .sp-bg-youtube &gt; div,
  .sp-bg-youtube .sp-bg-movie-video {
    width: 365vw;
  }
}
@media (min-width:481px) and (max-width:767px) {
  .sp-bg-movie,
  .sp-bg-img {
    padding-bottom: 56.26%;
    width: 100vw;
    overflow: hidden;
  }
  .sp-bg-img &gt; div {
    padding-bottom: 156.26%;
  }
  .sp-bg-movie-video,
  .sp-bg-youtube &gt; div {
    width: 500vw;
    height: 300vh;
  }
}

/*タブレット用 動画・画像*/
@media (min-width:768px) and (max-width:979px) {
  .sp-bg-movie,
  .sp-bg-img {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .sp-bg-movie &gt; div,
  .sp-bg-movie-video,
  .sp-bg-img &gt; div {
    height: 100vh;
  }
  .sp-bg-youtube &gt; div,
  .sp-bg-youtube .sp-bg-movie-video {
    width: 237vw;
  }
}

/*背景動画位置設定*/
.bg-movie-position-left-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-movie-position-center-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-movie-position-right-top:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.bg-movie-position-left-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-movie-position-center-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-movie-position-right-center:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;/*中央*/
}
.bg-movie-position-left-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}
.bg-movie-position-center-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}
.bg-movie-position-right-bottom:not(.bg-tile):not(.bg-full) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;/*下*/
}

/*スマホ背景動画位置設定*/
.sp-bg-movie-position-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;/*左*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.sp-bg-movie-position-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;/*中央*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}
.sp-bg-movie-position-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;/*右*/
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;/*上*/
}

/* IE11対応 start */
/* 動画等倍 */
.bg-movie-position-left-top:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: start; -ms-flex-pack: start;}
.bg-movie-position-center-top:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: start;}
.bg-movie-position-right-top:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: end; -ms-flex-pack: start;}
.bg-movie-position-left-center:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: start; -ms-flex-pack: center;}
.bg-movie-position-center-center:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: center;}
.bg-movie-position-right-center:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: end; -ms-flex-pack: center;}
.bg-movie-position-left-bottom:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: start; -ms-flex-pack: end;}
.bg-movie-position-center-bottom:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: end;}
.bg-movie-position-right-bottom:not(.bg-movie-matchwidth):not(.bg-movie-matchheight) {-ms-flex-direction: column; -ms-flex-align: end; -ms-flex-pack: end;}
/* 動画横幅フィット */
.bg-movie-position-left-top.bg-movie-matchwidth {-ms-flex-align: start;}
.bg-movie-position-center-top.bg-movie-matchwidth {-ms-flex-align: start;}
.bg-movie-position-right-top.bg-movie-matchwidth {-ms-flex-align: start;}
.bg-movie-position-left-center.bg-movie-matchwidth {-ms-flex-align: center;}
.bg-movie-position-center-center.bg-movie-matchwidth {-ms-flex-align: center;}
.bg-movie-position-right-center.bg-movie-matchwidth {-ms-flex-align: center;}
.bg-movie-position-left-bottom.bg-movie-matchwidth {-ms-flex-align: end;}
.bg-movie-position-center-bottom.bg-movie-matchwidth {-ms-flex-align: end;}
.bg-movie-position-right-bottom.bg-movie-matchwidth {-ms-flex-align: end;}
/* 動画縦幅フィット */
.bg-movie-position-left-top.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: start !important;}
.bg-movie-position-center-top.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: center !important;}
.bg-movie-position-right-top.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: end !important;}
.bg-movie-position-left-center.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: start !important;}
.bg-movie-position-center-center.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: center !important;}
.bg-movie-position-right-center.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: end !important;}
.bg-movie-position-left-bottom.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: start !important;}
.bg-movie-position-center-bottom.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: center !important;}
.bg-movie-position-right-bottom.bg-movie-matchheight {-ms-flex-direction: column; -ms-flex-align: end !important;}

/* スマホ動画 */
.sp-bg-movie-position-left {-ms-flex-direction: column; -ms-flex-align: start; -ms-flex-pack: start;}
.sp-bg-movie-position-center {-ms-flex-direction: column; -ms-flex-align: center; -ms-flex-pack: start;}
.sp-bg-movie-position-right {-ms-flex-direction: column; -ms-flex-align: end; -ms-flex-pack: start;}
/* IE11対応 end */

.bg-movie-matchwidth &gt; div,
.bg-movie-matchwidth .bg-movie-video { width: 100%;}

.bg-movie-matchheight &gt; div,
.bg-movie-matchheight .bg-movie-video { height: 100%;}

/*YouTube動画背景*/
.bg-youtube.bg-movie-matchwidth &gt; div { padding-top: 56.25%;}
.bg-youtube.bg-movie-matchwidth iframe { position: absolute; top: 0; left: 0; height: 100% !important;}
.bg-youtube.bg-movie-matchwidth img { position: absolute; top: 0; left: 0; height: 100% !important;}

.bg-youtube.bg-movie-matchheight &gt; div { padding-left: 177.77%;}
.bg-youtube.bg-movie-matchheight iframe { position: absolute; top: 0; left: 0; width: 100% !important;}
.bg-youtube.bg-movie-matchheight img { position: absolute; top: 0; left: 0; width: 100% !important;}


/*背景動画が設置されている場合PC幅の背景画像を非表示*/
@media screen and (min-width: 980px) {
  .bg-hidden-pc.bg-img { display: none !important;}
}

/*PC用とタブレット＆スマホ用の表示分岐*/
@media screen and (min-width: 980px) {
  .bg-hidden-pc.sp-bg-img { display: none !important;}
}

@media screen and (min-width: 980px) {
  .bg-hidden-pc.sp-bg-movie { display: none !important;}
}

@media screen and (min-width: 980px) {
  .hidden-pc.sp-wrap-mvbg-movie { display: none !important;}
}

/*メインエリア背景*/
.wrap-mvbg { position: relative; margin-bottom: 20px;}

/*メインエリア背景画像*/
.wrap-mvbg-img { position: absolute; top: 0; left: 0; width: 100%;}
.mvbg-img-image{width: 100%;}
.mvbg-img-color-pat { position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5;}

/*メインエリア背景動画*/
.wrap-mvbg-movie { position: absolute; top: 0; left: 0; right: 0;}
.mvbg-movie-color-pat { position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5;}
.mvbg-movie-video { width: 100%;}

/*メインエリア背景Youtube動画*/
.wrap-mvbg-youtube.wrap-mvbg-movie { width: 100%; padding-bottom: 56.25%;}
.wrap-mvbg-youtube.wrap-mvbg-movie iframe { position: absolute; top: 0; left: 0; height: 100%;}

/*メインエリア一般コンテンツ*/
.wrap-mvbg [data-module-type="container"] { position: relative; top: 0; left: 0;}

/*スマホ用メインエリア背景動画*/
.sp-wrap-mvbg-movie { position: absolute; top: 0; left: 0;}
.sp-mvbg-movie-color-pat { position: absolute; top: 0; left: 0; width: 100%; opacity: 0.5;}
.sp-mvbg-movie-video { width: 100%;}

/*メインエリア背景Youtube動画*/
.sp-wrap-mvbg-youtube.sp-wrap-mvbg-movie { width: 100%; padding-bottom: 56.25%;}
.sp-wrap-mvbg-youtube.sp-wrap-mvbg-movie iframe { position: absolute; top: 0; left: 0; height: 100%;}

/*Google reCAPTCHA*/
.g-recaptcha &gt; div {
  margin: 30px auto 10px auto;
}
@media screen and (max-width: 480px) {
  .g-recaptcha {
    transform-origin: 0% 0%;
    transform: scale(0.9);
  }
}

/*採用情報ページとお問合せページのパンくず*/
.is-form ol#breadcrumb {
  margin-top: 0;
}

/*フォーム表組スマートフォン縦並び*/
@media (max-width:767px) {
  [data-module-type*=inquiry] .table-bordered,
  [data-module-type*=jobform] .table-bordered,
  [data-module-type*=payment] .table-bordered {
    border: none;
  }
  /* 採用情報ページ */
  [data-module-type*=joboffer] .table-bordered th,
  [data-module-type*=joboffer] .table-bordered td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  [data-module-type^=joboffer] td &gt; div {
    width: 100%;
    display: block;
  }
  [data-module-type*=joboffer] .table-bordered tbody td {
    border-top:0;
  }
  [data-module-type*=joboffer] .table-bordered tbody tr:nth-of-type(n+3) th {
    border-top: 0;
  }
  [data-module-type*=inquiry] .table-bordered,
  [data-module-type*=payment] .table-bordered,
  [data-module-type*=jobform] .table-bordered,
  [data-module-type*=joboffer] .table-bordered {
    table-layout: fixed;
  }

  /* お問合せフォーム・応募フォーム表組 */
  [data-module-type*=inquiry] .table-bordered tbody th,
  [data-module-type*=inquiry] .table-bordered tbody td,
  [data-module-type*=payment] .table-bordered tbody th,
  [data-module-type*=payment] .table-bordered tbody td,
  [data-module-type*=jobform] .table-bordered tbody th,
  [data-module-type*=jobform] .table-bordered tbody td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 50px;
  }
  [data-module-type*=inquiry] .table-bordered tbody th,
  [data-module-type*=payment] .table-bordered tbody th,
  [data-module-type*=jobform] .table-bordered tbody th {
    border-bottom:0;
  }
  [data-module-type^=inquiry] td &gt; div,
  [data-module-type^=payment] td &gt; div,
  [data-module-type^=jobform] td &gt; div {
    width: 100%;
    display: block;
    margin: 0;
  }
  [data-module-type*=inquiry] .table-bordered tbody tr:not(:last-of-type) td,
  [data-module-type*=payment] .table-bordered tbody tr:not(:last-of-type) td,
  [data-module-type*=jobform] .table-bordered tbody tr:not(:last-of-type) td {
    border-bottom:0;
  }

  /* フォーム共通 */
  body[data-timezone=ja] .fontTarget,
  body[data-timezone=en] .fontTarget,
  body[data-timezone=ja] .quantity,
  body[data-timezone=en] .quantity {
    font-size: 16px;
  }
  input.lastName, input.firstName {
    width: 80%;
    width: calc(100% - 46px);
    width: -webkit-calc(100% - 46px);
  }
  input.lastNameKana, input.firstNameKana {
    width: 75%;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
  }
  input.age {margin: 0 0 0 5px;}
  select.years, select.months, select.days {
    width: 90%;
    width: calc(100% - 23px);
    width: -webkit-calc(100% - 23px);
  }
  select.years, select.months {margin: 0 5px 5px 0;}
  select.days {margin-bottom: 0;}
  select.industries, select.occupations, select.occupations, select.states, select.userset-select {width:100%;}
  input[name^="tel"],input[name^="fax"]{width:23%}
  [data-template-type=presetGender] label, [data-template-type=userCheckbox] label, [data-template-type=userRadio] label {
    line-height: 1.8em;
  }
  [data-module-type*=inquiry] table textarea,
  [data-module-type*=payment] table textarea,
  [data-module-type*=jobform] table textarea {
    box-sizing: border-box;
    width: 100%;
  }
  [data-module-type*=inquiry] td &gt; div &gt; select.years,
  [data-module-type*=inquiry] td &gt; div &gt; select.months,
  [data-module-type*=payment] td &gt; div &gt; select.years,
  [data-module-type*=payment] td &gt; div &gt; select.months,
  [data-module-type*=jobform] td &gt; div &gt; select.years,
  [data-module-type*=jobform] td &gt; div &gt; select.months {margin: 0 5px 5px 0 !important;}

  [data-module-type^=inquiry] .inquiry-privacy .privacy-textarea,
  [data-module-type^=payment] .payment-privacy .privacy-textarea,
  [data-module-type^=payment] .order-law .law-textarea,
  [data-module-type^=jobform] .inquiry-privacy .privacy-textarea {
    border-right: 1px solid #ccc;
  }
  .site-fileinput-button {
    box-sizing: border-box;
    width: 100%;
  }
}

/* フォームのラジオボタンとチェックボックス */
[data-module-type*=inquiry] label,
[data-module-type*=jobform] label,
[data-module-type*=order] label,
[data-module-type*=payment] label {
  display: inline-block;
}

/* フォーム住所入力欄の幅調整 */
@media (min-width:768px) and (max-width:979px) {
 .input-xxlarge {
   width: 500px;
  }
}

/* 個人情報の取り扱いについて「同意する」のフォントサイズ */
[data-module-type*=inquiry] .privacy-agree-area label,
[data-module-type*=payment] .privacy-agree-area label {
  font-size: 15px;
}

/* 固定フッターバナーの表示位置*/
div#footer-banner-ad img {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
}

/* 固定フッターバナー スマホサイズでバナーを表示 */
@media screen and (max-width: 480px) {
  div#dummy-footer-banner-ad,
  div#footer-banner-ad {
    display: block;
  }
}

/* 固定フッターバナー スマホサイズ以外は非表示 */
@media screen and (min-width: 481px) {
  div#dummy-footer-banner-ad,
  div#footer-banner-ad {
    display: none;
  }
}

.area-fixed-bnr-pc {
  display: none !important;
  position: fixed;
  bottom: 0;
  right: 0;
  transition: transform 0.4s;
}
@media (min-width: 768px) {
  .area-fixed-bnr-pc {
    display: inline-block !important;
  }
}
.inner-fixed-bnr-pc {
  position: relative;
  width: 600px;
  height: 120px;
  text-align: right;
}
.inner-fixed-bnr-pc-1 {
  position: relative;
  width: 320px;
  height: 120px;
  text-align: right;
}

.area-fixed-bnr-sp-1 {
  display: none !important;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100x;
  transition: transform 0.4s;
}

@media (max-width: 767px) {
  .area-fixed-bnr-sp-1 {
    display: block !important;
    width: -webkit-calc(50% + 19.6px );
    width: calc(50% + 19.6px );
  }
}

 .fixed-bnr-sp-1 {
  display: inline-block;
} 

.fixed-bnr-pc {
  display: inline-block;
  margin-right: 40px;
}
.fixed-bnr-pc-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 120px;
}
.fixed-bnr-pc-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  height: 120px;
}
.close-fixed-bnr-pc {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #999999;
  width: 40px;
  cursor: pointer;
}
.close-fixed-bnr-pc img {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 8px;
}
.open-fixed-bnr-pc {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 40px;
  background-color: #999999;
  cursor: pointer;
}
@media (max-width: 767px) {
  .open-fixed-bnr-pc {
    display: none !important;
  }
}

/*スマホ トップページ固定バナー*/
.area-fixed-bnr-sp {
  display: none !important;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100x;
  transition: transform 0.4s;
}
@media (max-width: 767px) {
  .area-fixed-bnr-sp {
    display: block !important;
  }
}

.inner-fixed-bnr-sp {
  position: relative;
  text-align: right;
}

.fixed-bnr-sp {
  display: inline-block;
}

.inner-fixed-bnr-sp a:nth-last-of-type(2) {
 margin-right: 40px;
}

.fixed-bnr-sp img {
  width: 100%;
}
.close-fixed-bnr-sp {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #999999;
  width: 40px;
  cursor: pointer;
}
.close-fixed-bnr-sp img {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 8px;
}
.open-fixed-bnr-sp {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 40px;
  background-color: #999999;
  cursor: pointer;
}
.inner-fixed-bnr-sp {
  display: flex;
}
@media (min-width: 768px) {
  .open-fixed-bnr-sp {
    display: none !important;
  }
}

/* ウィジウィグ文字サイズと行の高さ調整 */
[data-module-type*=editable] font[size="1"] {
  font-size: 10px;
  line-height: 20px;
}
[data-module-type*=editable] font[size="2"] {
  font-size: 13px;
  line-height: 20px;
}
[data-module-type*=editable] font[size="3"] {
  font-size: 16px;
  line-height: 20px;
}
[data-module-type*=editable] font[size="4"] {
  font-size: 18px;
  line-height: 20px;
}
[data-module-type*=editable] font[size="5"],
[data-module-type*=editable] span[style="font-size: 24px;"] {
  font-size: 24px;
  line-height: 28px;
}
[data-module-type*=editable] font[size="6"],
[data-module-type*=editable] span[style="font-size: 32px;"] {
  font-size: 32px;
  line-height: 36px;
}
[data-module-type*=editable] font[size="7"],
[data-module-type*=editable] span[style="font-size: 48px;"] {
  font-size: 48px;
  line-height: 54px;
}

/* Shopifyボタン中央配置 */
.shopify-buy-frame {
  margin-right: auto;
  margin-left: auto;
}

/* Shopifyボタンプレビュー対応 */
.preview[data-module-type=shopify-buy-button] {
  position: relative;
}

.preview[data-module-type=shopify-buy-button]:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  z-index: 1000;
}

/* 編集画面の背景位置調整対応 */
body[data-editor=on] .bg-scroll, body[data-editor=on] .bg-movie-scroll {
  top: 70px !important;
}

@media (max-width: 1088px) {
  body[data-editor=on] .bg-scroll,
  body[data-editor=on] .bg-movie-scroll {
    top: 138px !important;
  }
}

/* 文字のマウスオーバーエフェクト */
a.hover-underline:hover {
  transition-duration: 0.3s;
  text-decoration: underline;
}

/* 画像のマウスオーバーエフェクト */
.image-pwithimg-hover a {
  cursor: pointer;
}

/*既存の角丸エフェクトの見切れ対応*/
.image-style-radius-hover.image-hover-expantion a,
.image-style-radius-hover.image-hover-color a,
.image-style-radius-hover.image-hover-color a:before {
  overflow: hidden;
  border-radius: 8px;
}
/*既存の丸型エフェクトの見切れ対応*/
.image-style-circle-hover.image-hover-expantion a,
.image-style-circle-hover.image-hover-color a,
.image-style-circle-hover.image-hover-color a:before {
  border-radius: 50%;
}
.image-mouseover.image-style-circle {
  margin: 0 !important;
  border-radius: none;
}
/*既存の額縁エフェクトを見切れなくする処理*/
.image-style-frame-hover a {
  display: inline-block;
  width: 100%;
  border: 5px solid #fff;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
  outline: 1px solid #eee;
  box-sizing: border-box;
}
.image-style-frame-hover a img {
  border: none;
  box-shadow: none;
  outline: none;
}
/*既存の影エフェクトの見切れ対応*/
.image-style-shadow-hover.image-hover-expantion,
.image-style-shadow-block.image-hover-color {
  box-shadow: 5px 5px 5px rgb(0 0 0 / 40%);
}

/*マウスオーバーエフェクトの変化時間*/
.image-hover-expantion img,
.image-hover-color img,
.image-hover-opacity img {
  transition-duration: 0.3s;
}
/*画像拡大エフェクト*/
.image-hover-expantion a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.image-hover-expantion  a:hover img {
  transform: scale(1.2,1.2);
}

/*画像色変更エフェクト*/
.image-hover-color a {
  display: inline-block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.image-hover-color a img {
  position: relative;
  z-index: 1;
}
.image-hover-color a:hover img {
  opacity: 0.6;
}
.image-hover-color a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.image-hover-color-red a:hover::before {
  background-color: #E60012;
}
.image-hover-color-orange a:hover::before {
  background-color: #F39800;
}
.image-hover-color-yellow a:hover::before {
  background-color: #FFEB3B;
}
.image-hover-color-yellowgreen a:hover::before {
  background-color: #8FC31F;
}
.image-hover-color-green a:hover::before {
  background-color: #009944;
}
.image-hover-color-aqua a:hover::before {
  background-color: #00A0E9;
}
.image-hover-color-blue a:hover::before {
  background-color: #0068B7;
}
.image-hover-color-brown a:hover::before {
  background-color: #A74800;
}
.image-hover-color-pink a:hover::before {
  background-color: #E4007F;
}
.image-hover-color-purple a:hover::before {
  background-color: #7A55BD;
}
.image-hover-color-black a:hover::before {
  background-color: #333333;
}
.image-hover-color-white a:hover::before {
  background-color: #FFFFFF;
}

/* 文章＋画像のマウスオーバーエフェクト */
[data-module-type=pwithimg-editable] [data-layout^=l] .image-pwithimg-hover{float:left;width:50%;margin-right:1em;margin-bottom:.5em}
[data-module-type=pwithimg-editable] [data-layout^=r] .image-pwithimg-hover{float:right;width:50%;margin-left:1em;margin-bottom:.5em}
[data-module-type=pwithimg-editable] [data-layout^=c] .image-pwithimg-hover{width:100%;margin-bottom:.5em}
[data-module-type=pwithimg-editable] .image-pwithimg-hover img{width:100%;}

/*スマホ時は画像＋文章のカラム落ち*/
@media screen and (max-width: 480px){
  [data-module-type=pwithimg-editable] :not([data-sp-layout="on"])[data-layout^=l] .image-pwithimg-hover,
  [data-module-type=pwithimg-editable] :not([data-sp-layout="on"])[data-layout^=r] .image-pwithimg-hover {
    float: none;
    width: 100%!important;
    margin-left: 0;
    margin-right: 0;
  }
}

/*アニメーション左右スライドインのスマホ表示対策*/
@media (max-width: 767px) {
.outer{
    overflow: hidden;
  }
}



/* ヘッダ－固定　関連*/

/* Header固定用class */
.headerfixed{
  position: fixed;
  /* topのみJSで設定 */
  z-index:10000;
  animation-name:fadeInAnim;
  animation-duration: 0.3s;
  animation-timing-function:ease-out;
  box-sizing: border-box;
}
/* Animation */
@keyframes fadeInAnim{
  0%{
    /* opacity: 0; */
    transform: translateY(-100%);
  }
  100%{
    /* opacity:1; */
    transform: translateY(0);
  }            
}

/* SP時固定用Class */
.sp-headerfixed{
  position: fixed;
  right: 20px;
  z-index: 1100000;
}

/* SP時固定用Class */
.sp-headerfixed-p2{
  position: fixed;
  right: 24px;
  z-index: 1100000;
}




/* メガメニュー関連 */

/* mm-ul-〇 class新規作成 */

/* mm-ul-　は共通 */
div[class^="mm-ul-"]{
  width: 100%;
  display: block;
  z-index: 10000;
}
/* 位置はJSで設定 */

/* 編集画面内で動作した時他のModalと被り補正 */
body[data-editor="on"] div[class^="mm-ul-"]{
  z-index: 1049 !important;
}

/* 黒版 mm-ul-　に bl がつく場合　背景色のみ指定*/
div[class^="mm-ul-black"]{
  background-color: #464646;
}
/* 黒版 mm-ul-　に wh がつく場合　背景色のみ指定*/
div[class^="mm-ul-white"]{
  background-color: white;
}

div[class^="mm-ul-"] ul{
  display:-webkit-box;
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 12px;
  padding-bottom: 12px;
  box-sizing: border-box;
}

/* 外影 */
div[class^="mm-ul-black"] ul li{
    box-shadow: none;
}
div[class^="mm-ul-white"] ul li{
  box-shadow: none;
}


@media (min-width: 980px) and (max-width: 1499px)  {
  div[class^="mm-ul-"] ul{
  padding-left: 3%;
  padding-right: 3%;
  }
}

@media (min-width: 768px) and (max-width: 979px)  {
  div[class^="mm-ul-"] ul{
  padding-left: 1%;
  padding-right: 1%;
  }
}

/* 以下　 mm-ul-　の中身 */

/* mm-ul-　は共通 */
div[class^="mm-ul-"] ul li{
  list-style: none;
  width: calc(100%/5);
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
  position: relative;
}
div[class^="mm-ul-"] ul li div:hover{
  opacity: 0.6;
}

div[class^="mm-ul-"] ul li a{
  margin: 0;
  padding: 0;
}

div[class^="mm-ul-"] ul li a span{
  display: block;
  width: 100%;
  text-align: center;
  color:#FFF;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  bottom: 8%;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 2;
}

/* 黒版 mm-ul-　に black がつく場合　中身文字のみ指定*/
div[class^="mm-ul-black"] ul li a span{
  color:white;
  text-shadow:
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646,
  0 0 2px #464646,0 0 2px #464646;
}

/* 白版 mm-ul-　に whitw がつく場合　中身文字のみ指定*/
div[class^="mm-ul-white"] ul li a span{
  color:black;
  text-shadow:
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF,
  0 0 2px #FFF,0 0 2px #FFF;
}


div.sub-menu-g{
  width: 100%;
  padding-bottom: 100%;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  z-index: 1;
}

/* カレンダー機能経由　表示用 */
/* Calendar module */


/* Calendar floart用　Clear Fix */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* Calendar 全体　中央配置 */
.calendar-wrap{
  width: 100%;
}

.calendar-wrap{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  margin: 0 auto !important;
  padding: 0;

  /* display: flex;
  display: -webkit-flex;
  justify-content: space-between; */
}
.calendar-wrap &gt; *{
  box-sizing: border-box;
}

/* 各カレンダーの凡例　All共通指定 [da[a-module-type="calendar"] 必須*/ 
[data-module-type="calendar"] .ex-column{
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 0 0 24px !important;
  background-color: #FFF;
  border: solid 1px #ddd !important;
  font-size: 14px;
  line-height: 21px;
  padding: 8px !important;
  white-space:pre-wrap;
  box-sizing: border-box;
  word-wrap:break-word;
}


/* カレンダーの全体の配置 */

/* span1 と　span2 は無し */
/* span3と4の他、　span5　6　7　8　9　10　11　12 下　でのcalender 幅 全共通　初期設定*/
/* Calendar　3つ　余白右2%　2つ */
.calendar-wrap[data-display-months="3"] table.calendar-table{
  width: 32%;
  padding: 0;
  margin: 0;
  margin-right: 2%;
  margin-bottom: 24px;
  float: left;
}
/* Calendar　2つ　余白右2%　1つ */
.calendar-wrap[data-display-months="2"] table.calendar-table{
  width: 49%;
  padding: 0;
  margin: 0;
  margin-right: 2%;
  margin-bottom: 24px;
  float: left;
}
/* Calendar　1つ　余白右なし */
.calendar-wrap[data-display-months="1"] table.calendar-table{
  width: 100%;
  padding: 0;
  margin: 0;
  margin-right: 0;
  margin-bottom: 24px;
  float: left;
}
/* Calendar個別最後　余白0 全共通*/
.calendar-wrap[data-display-months="1"] table.calendar-table:nth-child(1){
  margin-right: 0;
}
.calendar-wrap[data-display-months="2"] table.calendar-table:nth-child(2){
  margin-right: 0;
}
.calendar-wrap[data-display-months="3"] table.calendar-table:nth-child(3){
  margin-right: 0;
}


/* span3 span4 span5 Calendar3つ　でのcalendar 最初から100%幅 span4はCalendar3つの場合のみ左右100%幅*/

/* Sidebar Mainvisual　ContentsArea　FooterArea　全部同様指定 *
/* 左右幅100%　並列 */
.span5 .calendar-wrap[data-display-months="3"] table.calendar-table,
.span4 .calendar-wrap[data-display-months="3"] table.calendar-table,

.span3 .calendar-wrap[data-display-months="3"] table.calendar-table,
.span3 .calendar-wrap[data-display-months="2"] table.calendar-table,
.span3 .calendar-wrap[data-display-months="1"] table.calendar-table
{
  width: 100% ;
  padding: 0 ;
  margin: 0 auto 24px;
  float: left;
}
/* Tablet～SP時　*/
@media screen and (max-width:979px){
  .span5 .calendar-wrap[data-display-months="3"] table.calendar-table,
  .span4 .calendar-wrap[data-display-months="3"] table.calendar-table,

  .span3 .calendar-wrap[data-display-months="3"] table.calendar-table,
  .span3 .calendar-wrap[data-display-months="2"] table.calendar-table,
  .span3 .calendar-wrap[data-display-months="1"] table.calendar-table
  {
    float: none;
  }
}


/* Calendar個別　全部共通　Tablet～SP時　All左右100% */

/* 979px span4以上～span12 BreakPoint  全共通　初期指定 */
@media screen and (max-width:979px){
  .calendar-wrap[data-display-months="3"] table.calendar-table,
  .calendar-wrap[data-display-months="2"] table.calendar-table,
  .calendar-wrap[data-display-months="1"] table.calendar-table{
    width: 100%;
    margin: 0 auto 24px;
  }
}

/* span5 Calendar 食い込み除去用 */
/* span5 BreakPoint　1279px */
@media screen and (max-width:1279px){
  .span5 .calendar-wrap[data-display-months="3"] table.calendar-table,
  .span5 .calendar-wrap[data-display-months="2"] table.calendar-table,
  .span5 .calendar-wrap[data-display-months="1"] table.calendar-table{
    width: 100%;
    margin: 0 auto 24px;
  }
}



/* calendar　表内部 */

/* 年　月　+ 曜日 */
table.calendar-table thead{
  background-color: #5E5E5E;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  color:#FFF;
}
table.calendar-table thead tr th {
  height: 32px;
  display: table-cell;
  padding: 0 4px;
  width: calc(100%/7);
}

/* 年・月 */
table.calendar-table thead tr.calendar-head-year-month th{
  text-align: left;
  padding: 2px 10px;

}
/* 曜日 */
table.calendar-table thead tr.day-of-week th{
  border: 1px solid;
  border-color: #CCC #CCC transparent #CCC;
  padding: 2px 0;
}

/* 日付 + 状態 */
table.calendar-table tbody {
  background-color: #FFF;
  /* 格子　初期値 色は　デザイン設定で一括管理できるため未設定 */
  /* border 指定では既存に干渉するため　border-style border-width 指定
  にて　線幅　線種　設定*/
  border-style:solid;
  border-width: 1px;
  font-size: 14px;
  color:#333
}
/* 日付有り */
table.calendar-table tbody tr.cl-day-status td {
  height: 48px;
  display: table-cell;
  text-align: center;
  /* 日付上揃え */
  vertical-align: top;
  /* border 指定では既存に干渉するため　border-style  border-width　指定
  にて　線幅　線種　設定*/
  border-style:solid;
  border-width: 1px;
  width: calc(100%/7);
}

/* 日付無し */
table.calendar-table tbody tr.cl-day-status td.none-day{
  background-color: #eee;
}
table.calendar-table tbody tr.cl-day-status td.none-day &gt; div{
  /* 要素透明化 */
  visibility: hidden;
}


/* 日付 */
table.calendar-table tbody tr.cl-day-status td .cl-day{
  padding: 2px 0;
}
/* 日付　日曜 */
table.calendar-table tbody tr.cl-day-status td:first-child{
  color:#DC3545;
}
table.calendar-table tbody tr.cl-day-status td .cl-day.sunday{
  color:#DC3545;
}
table.calendar-table tbody tr.cl-day-status td .cl-day.holiday{
  color:#DC3545;
}

/* 日付状態 */
table.calendar-table tbody tr.cl-day-status td .date-status{
  padding: 2px 0;
  color:#333;
}


/* 下線のみあり　下線 */
/* th 2箇所*/
table.calendar-table thead tr.calendar-head-year-month th.cl-border-bottom{
  border:none;
  border-bottom:solid 1px;
  border-bottom-color:#ccc;
}
table.calendar-table thead tr.day-of-week th.cl-border-bottom{
  border:none;
  border-bottom:solid 1px;
  border-bottom-color:#ccc;
}

/* td */
table.calendar-table tbody tr.cl-day-status td.cl-border-bottom{
  border:none;
  border-bottom:1px solid;
  border-color:#ccc;
}


/* 線　なし */
/* th 3要素*/
table.calendar-table thead.cl-border-none{
  border:none;
}
table.calendar-table thead tr.calendar-head-year-month th.cl-border-none{
  border:none;
}
table.calendar-table thead tr.day-of-week th.cl-border-none{
  border:none;
}

/* td */
/* td 3要素*/
table.calendar-table tbody.cl-border-none{
  border:none;
}
table.calendar-table tbody tr.cl-day-status td.cl-border-none{
  border:none;
}

/* スマホのヘッダー固定・グロナビ固定時スクロール対応 */
@media (max-width:767px){
  ul#global-nav-s {
    max-height: 85vh;
    max-height: calc( 100vh - 100px );
    overflow-y: scroll;
  }
  div.outer:has(div.in) {
    overflow: visible;
  }
  div.outer:has(div.in) [data-role="main-visual"] [data-module-type="slider"] {
    overflow: hidden;
  }
}
@media (min-height: 590px) and (max-width: 767px) {
  ul#global-nav-s {
    max-height: 590px;
  }
}</pre></body></html>