@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/*@import url(../../node_modules/flatpickr/dist/flatpickr.min.css);*/

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}


iframe {
    border: none;
}


/*$color_default_background_hover: #dde4e6;*/
/*
 * ======================================================================
 * アイコンフォント
 * ======================================================================
 */
@font-face {
    font-family: 'fontello';
    src: url("../font/fontello.eot?28912415");
    src: url("../font/fontello.eot?28912415#iefix") format("embedded-opentype"), url("../font/fontello.woff2?28912415") format("woff2"), url("../font/fontello.woff?28912415") format("woff"), url("../font/fontello.ttf?28912415") format("truetype"), url("../font/fontello.svg?28912415#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?28912415#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, .menu.menu-global-nav > .menu-item.open .arrow:before, .menu.menu-global-nav > .menu-item a > .arrow:before, .menu.menu-global-nav > .menu-item form > .arrow:before, [class*=" icon-"]:before, .menu.menu-global-nav > .menu-item.open .arrow:before, .menu.menu-global-nav > .menu-item a > .arrow:before, .menu.menu-global-nav > .menu-item form > .arrow:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok:before {
    content: '\e800';
}

/* '' */
.icon-user:before {
    content: '\e801';
}

/* '' */
.icon-lock:before {
    content: '\e802';
}

/* '' */
.icon-mail:before {
    content: '\e803';
}

/* '' */
.icon-basket:before {
    content: '\e804';
}

/* '' */
.icon-down-open:before, .menu.menu-global-nav > .menu-item.open .arrow:before {
    content: '\e805';
}

/* '' */
.icon-left-open:before {
    content: '\e806';
}

/* '' */
.icon-right-open:before, .menu.menu-global-nav > .menu-item a > .arrow:before, .menu.menu-global-nav > .menu-item form > .arrow:before {
    content: '\e807';
}

/* '' */
.icon-up-open:before {
    content: '\e808';
}

/* '' */
.icon-cw-1:before {
    content: '\e809';
}

/* '' */
.icon-indent-left:before {
    content: '\e80a';
}

/* '' */
.icon-indent-right:before {
    content: '\e80b';
}

/* '' */
.icon-logout:before {
    content: '\e80c';
}

/* '' */
.icon-list:before {
    content: '\e80d';
}

/* '' */
.icon-pencil:before {
    content: '\e80e';
}

/* '' */
.icon-key:before {
    content: '\e80f';
}

/* '' */
.icon-minus:before {
    content: '\e810';
}

/* '' */
.icon-star-empty:before {
    content: '\e811';
}

/* '' */
.icon-emo-happy:before {
    content: '\e812';
}

/* '' */
.icon-heart-empty:before {
    content: '\e813';
}

/* '' */
.icon-heart:before {
    content: '\e814';
}

/* '' */
.icon-cog:before {
    content: '\e815';
}

/* '' */
.icon-help-circled:before {
    content: '\e816';
}

/* '' */
.icon-cancel-circled:before {
    content: '\e817';
}

/* '' */
.icon-triangle:before {
    content: '\e818';
}

/* '' */
.icon-cancel-1:before {
    content: '\e819';
}

/* '' */
.icon-cross:before {
    content: '\e81a';
}

/* '' */
.icon-circle:before {
    content: '\e81b';
}

/* '' */
.icon-plus:before {
    content: '\e81c';
}

/* '' */
.icon-link:before {
    content: '\e81d';
}

/* '' */
.icon-new:before {
    content: '\e81e';
}

/* '' */
.icon-trash:before {
    content: '\e81f';
}

/* '' */
.icon-truck:before {
    content: '\e820';
}

/* '' */
.icon-search:before {
    content: '\e821';
}

/* '' */
.icon-star:before {
    content: '\e822';
}

/* '' */
.icon-phone:before {
    content: '\e823';
}

/* '' */
.icon-q:before {
    content: '\e824';
}

/* '' */
.icon-a:before {
    content: '\e825';
}

/* '' */
.icon-help-circled-alt:before {
    content: '\e826';
}

/* '' */
.icon-table:before {
    content: '\f0ce';
}

/* '' */
.icon-mail-alt:before {
    content: '\f0e0';
}

/* '' */
.icon-angle-double-left:before {
    content: '\f100';
}

/* '' */
.icon-angle-double-right:before {
    content: '\f101';
}

/* '' */
.icon-angle-double-up:before {
    content: '\f102';
}

/* '' */
.icon-angle-double-down:before {
    content: '\f103';
}

/* '' */
.icon-angle-left:before {
    content: '\f104';
}

/* '' */
.icon-angle-right:before {
    content: '\f105';
}

/* '' */
.icon-angle-up:before {
    content: '\f106';
}

/* '' */
.icon-angle-down:before {
    content: '\f107';
}

/* '' */
.icon-circle-empty:before {
    content: '\f10c';
}

/* '' */
.icon-smile:before {
    content: '\f118';
}

/* '' */
.icon-pencil-squared:before {
    content: '\f14b';
}

/* '' */
.icon-dot-circled:before {
    content: '\f192';
}

/* '' */
.icon-file-pdf:before {
    content: '\f1c1';
}

/* '' */
.icon-hand-paper-o:before {
    content: '\f256';
}

/* '' */
.icon-wpforms:before {
    content: '\f298';
}

/* '' */
/*
 * ======================================================================
 * Webフォント
 * ======================================================================
 */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: normal;
    src: local("Noto Sans CJK JP Regular"), url("/font/NotoSans_Regular.woff2") format("woff2"), url("/font/NotoSans_regular.woff") format("woff"), url("/font/NotoSans_regular.otf") format("opentype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: bold;
    src: local("Noto Sans CJK JP Bold"), url("/font/NotoSans_Bold.woff2") format("woff2"), url("/font/NotoSans_bold.woff") format("woff"), url("/font/NotoSans_bold.otf") format("opentype");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: normal;
    src: url("/font/YakuHanJP-Regular.woff2") format("woff2"), url("/font/YakuHanJP-Regular.woff") format("woff");
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: bold;
    src: url("/font/YakuHanJP-Bold.woff2") format("woff2"), url("/font/YakuHanJP-Bold.woff") format("woff");
}

/*
 * ======================================================================
 * アラート
 * ======================================================================
 */
.alert {
    padding: 13px 10px 12px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    position: relative;
}

.alert .close {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    position: absolute;
    right: 2px;
    top: 9px;
}

.alert .close:focus, .alert .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    transition-duration: 0.2s;
}

.alert.alert-info {
    color: #16879d;
    background-color: #e9f9fc;
    border-color: #d3f3f9;
}

.alert.alert-warning {
    color: #d44a15;
    background-color: #fdf0eb;
    border-color: #f8cdbd;
}

.alert.alert-warning.alert-visible {
    display: block;
}

.alert.alert-success {
    color: #4e7325;
    background-color: #e6f2d8;
    border-color: #cde6b1;
}

.alert.alert-success.alert-visible {
    display: block;
}

.alert.alert-visible {
    display: block;
}

/*
 * ======================================================================
 * パネル
 * ======================================================================
 */
.panel {
    position: relative;
    border-radius: 3px;
    border-right: 1px solid #cfd9db;
    border-left: 1px solid #cfd9db;
    border-bottom: 2px solid #c0cdd1;
    margin-bottom: 30px;
}

.panel.panel-overflow-hidden {
    overflow: hidden;
}

.panel .panel-header {
    color: #444444;
    background-color: #f1f1f1;
    padding: 0 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top: 1px solid #cfd9db;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: table;
    width: 100%;
}

.panel .panel-header > .heading {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 800;
    width: 100%;
}

.panel .panel-header > .panel-header-toolbar {
    display: table-cell;
    vertical-align: middle;
}

.panel .panel-header > .panel-header-toolbar > .container {
    display: flex;
    align-items: center;
}

.panel .panel-header > .panel-header-toolbar > .container > .tool {
    display: table-cell;
}

.panel .panel-header > .panel-header-toolbar > .container > .tool > .container {
    display: table;
}

.panel .panel-header > .panel-header-toolbar > .container > .tool > .container > .btn {
    padding-left: 5px;
    padding-right: 0;
    height: 100%;
    background-color: #f1f1f1;
}

.panel .panel-header > .panel-header-toolbar .btn-unread .icon-star {
    display: none;
}

.panel .panel-header > .panel-header-toolbar .btn-unread.btn-enabled .icon-star {
    display: inline;
    color: #007fa1;
}

.panel .panel-header > .panel-header-toolbar .btn-unread.btn-enabled .icon-star-empty {
    display: none;
}

.panel .panel-header > .panel-header-toolbar .btn-toggle .icon-down-open {
    display: none;
}

.panel .panel-body {
    background-color: white;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #cfd9db;
}

.panel .panel-body:not(.panel-body-inside-table) {
    padding: 15px;
}

.panel .panel-body::after {
    content: "";
    display: block;
    clear: both;
}

.panel .panel-body > .alert {
    margin-top: 0;
}

.panel .panel-body .description {
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem;
}

.panel .panel-body .menu-item {
    line-height: 1.8;
}

.panel .panel-body > .description {
    margin-bottom: 20px;
}

.panel .panel-body .container-meta {
    margin-top: 20px;
}

.panel .panel-body .container-meta .description {
    text-align: right;
    margin-bottom: 0;
}

.panel .panel-description {
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: white;
    /*margin-top: 0;
    margin-bottom: 0;*/
    border-top: 1px solid #cfd9db;
}

.panel .panel-toolbar,
.panel .panel-toolbar-inner {
    background-color: #fbfbfb;
    border-top: 1px solid #cfd9db;
    overflow: hidden;
}

.panel .panel-toolbar .form > .container,
.panel .panel-toolbar-inner .form > .container {
    margin-bottom: 20px;
}

.panel .panel-toolbar > .container,
.panel .panel-toolbar-inner > .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel .panel-toolbar > .container .description,
.panel .panel-toolbar-inner > .container .description {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

.panel .panel-toolbar > .container .tool,
.panel .panel-toolbar-inner > .container .tool {
    padding-left: 15px;
    padding-right: 15px;
}

.panel .panel-toolbar > .container .tool .form-group .control-label,
.panel .panel-toolbar-inner > .container .tool .form-group .control-label {
    font-size: 14px;
    font-size: 1.4rem;
}

.panel .panel-toolbar > .container .tool .heading,
.panel .panel-toolbar-inner > .container .tool .heading {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #c0cdd1;
}

.panel .panel-toolbar > .container .tool .tool-search .heading,
.panel .panel-toolbar-inner > .container .tool .tool-search .heading {
    cursor: pointer;
}

.panel .panel-toolbar > .container .tool .btn, .panel .panel-toolbar-inner > .container .tool .btn {
    margin: 0 auto;
    width: 100%;
}

.panel .panel-toolbar > .container .tool.tool-keyword .form,
.panel .panel-toolbar-inner > .container .tool.tool-keyword .form {
    width: 100%;
    height: 36px;
}

.panel .panel-toolbar > .container .tool.tool-keyword .form::after,
.panel .panel-toolbar-inner > .container .tool.tool-keyword .form::after {
    content: "";
    display: block;
    clear: both;
}

.panel .panel-toolbar > .container .tool.tool-keyword .form-group,
.panel .panel-toolbar-inner > .container .tool.tool-keyword .form-group {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    position: relative;
    float: right;
}

.panel .panel-toolbar > .container .tool.tool-keyword .form-group .form-control-input,
.panel .panel-toolbar-inner > .container .tool.tool-keyword .form-group .form-control-input {
    width: 230px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    right: 40px;
}

@media only screen and (max-width: 500px) {
    .panel .panel-toolbar > .container .tool.tool-keyword .form-group .form-control-input,
    .panel .panel-toolbar-inner > .container .tool.tool-keyword .form-group .form-control-input {
        width: 215px;
    }
}

.panel .panel-toolbar > .container .tool.tool-keyword .form-group .btn-search,
.panel .panel-toolbar-inner > .container .tool.tool-keyword .form-group .btn-search {
    width: 40px;
    position: absolute;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.panel .panel-toolbar-btn > .container {
    display: table;
    width: 100%;
}

.panel .panel-toolbar-btn .description {
    display: table-cell;
    vertical-align: middle;
}

.panel .panel-toolbar-btn .tool {
    display: table-cell;
    float: right;
}

.panel .panel-toolbar-sort {
    display: none;
    height: auto;
}

@media only screen and (max-width: 1100px) {
    .panel .panel-toolbar-sort {
        display: block;
        /*background-color: $color_panel_toolbar_background_mobile;*/
    }

    .panel .panel-toolbar-sort .tool .form > .container {
        margin-bottom: 20px;
    }
}

.panel .panel-footer {
    /*overflow: auto;*/
    background-color: #f8f8f8;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #cfd9db;
    padding: 10px 15px;
    width: 100%;
    min-height: 52px;
}

.panel .panel-body tfoot.panel-footer .panel-footer {
    border-top: none;
}

.panel .panel-footer .page-nav {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.panel .panel-footer .page-nav .pagination {
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
}

.panel .panel-footer .form-group {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-top-color: #e0e7e8 !important;
}

.panel .panel-footer .form-group > .container {
    width: 75%;
    float: right;
}

.panel .panel-footer .form-group > .container.single-btn {
    width: 100%;
    float: none;
}

.panel .panel-footer .form-group > .container.dual-btn {
    width: 100%;
    float: none;
    text-align: center;
}

.panel .panel-footer .form-group > .container.dual-btn .btn-primary {
    display: inline-block;
}

.panel .panel-footer .form-group > .container.dual-btn .btn-danger {
    display: inline-block;
    margin-right: 20px;
}

.panel .panel-footer .form-group > form {
    width: 100%;
    text-align: center;
}

.panel .panel-footer .form-group > form::after {
    content: "";
    display: block;
    clear: both;
}

.panel .panel-footer .form-group > form .btn {
    margin: 0 auto;
    float: none;
}

.panel.panel-product .panel-toolbar .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel.panel-product .panel-toolbar .container .tool-search:first-of-type {
    padding-top: 10px;
}

.panel.panel-product .panel-toolbar .container .tool-search .container {
    padding-top: 0;
    padding-bottom: 0;
}

.panel.panel-product .tool-sort {
    padding-top: 20px;
    display: none;
}

@media only screen and (max-width: 1100px) {
    .panel.panel-product .tool-sort {
        display: block;
    }
}

.panel.panel-product .tool-search > .container > .heading {
    display: table;
    width: 100%;
}

.panel.panel-product .tool-search > .container > .heading .icon-down-open {
    display: none;
}

.panel.panel-product .tool-search > .container > .heading .icon-up-open {
    display: inline;
}

.panel.panel-product .tool-search > .container > .heading > .text,
.panel.panel-product .tool-search > .container > .heading > .btn {
    display: table-cell;
}

.panel.panel-product .tool-search > .container > .heading > .text {
    font-weight: normal;
    width: 100%;
}

.panel.panel-product .tool-search > .container > .heading .btn-toggle {
    background-color: transparent;
    text-align: right;
    padding: 0;
}

.panel.panel-product .tool-search > .container > .form .form-group .control-label {
    font-weight: bold;
}

.panel.panel-product .tool-search > .container > .form .form-group .btn {
    width: 300px;
}

@media only screen and (max-width: 1100px) {
    .panel.panel-product .tool-search > .container > .form .form-group .btn {
        width: 100%;
    }
}

.panel.panel-product .tool-search.closed > .container .heading .icon-down-open {
    display: inline;
}

.panel.panel-product .tool-search.closed > .container .heading .icon-up-open {
    display: none;
}

.panel.panel-product .tool-search.closed > .container .form {
    display: none;
}

.panel.panel-product .tool-search .container-product-category > .container-47:first-of-type {
    float: left;
}

.panel.panel-product .tool-search .container-product-category > .container-47:last-of-type {
    float: right;
}

.panel.panel-product .tool-search .container-product-category .product-genre-select {
    display: none;
}

.panel.panel-product .tool-search .container-product-category .product-genre-select[data-active='true'] {
    display: block;
}

@media only screen and (max-width: 700px) {
    .panel.panel-product .tool-search .container-product-category > .container-47 {
        width: 100%;
    }

    .panel.panel-product .tool-search .container-product-category > .container-47:last-of-type {
        margin-top: 20px;
    }
}

.panel.panel-product .tool-search .container-checkbox > .control-label {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

.panel.panel-product .tool-search .container-checkbox .form-group {
    margin-top: 5px;
}

.panel.panel-product .tool-search .container-checkbox .form-group > .custom-checkbox {
    float: left;
    margin-right: 60px;
    margin-bottom: 10px;
}

.panel.panel-product .tool-search .container-checkbox .form-group > .custom-checkbox > .control-label .icon {
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (max-width: 700px) {
    .panel.panel-product .tool-search .container-checkbox .form-group > .custom-checkbox {
        margin-top: 15px;
        width: 100%;
    }
}

.panel.panel-product .tool-search-no > .container .btn {
    width: 300px;
}

.panel.panel-product .tool-search-no > .container .btnClear {
    /*width: 200px;*/
    width: 110px;
    float: right;
    margin-top: -10px;
}

.panel.panel-product .table-functional thead th.photo {
    width: 180px;
    max-width: 180px;
}

/*.panel.panel-product .table-functional thead th.product-number {
    width: 95px; }*/
.panel.panel-product .table-functional thead th.stock-status {
    width: 85px;
    text-align: center;
}

/*.panel.panel-product .table-functional tbody tr:not([data-has-related]) .menu-item-related {
    visibility: hidden;
  }*/
/*
  .panel.panel-product .table-functional tbody tr:not([data-related-parent-id]):hover td.photo .enlarge {
    position: relative; }
    .panel.panel-product .table-functional tbody tr:not([data-related-parent-id]):hover td.photo .enlarge::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .panel.panel-product .table-functional tbody tr[data-related-parent-id] td.photo .enlarge {
    position: relative; }
    .panel.panel-product .table-functional tbody tr[data-related-parent-id] td.photo .enlarge::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }*/
.panel.panel-product .table-functional tbody tr td {
    padding-right: 10px;
    padding-left: 10px;
    height: 180px;
    max-height: 180px;
}

.panel.panel-product .table-functional tbody tr td.product-number {
    text-align: center;
}

.panel.panel-product .table-functional tbody tr td > .label.for-mobile {
    display: none;
}

.panel.panel-product .table-functional tbody tr td.photo {
    background-color: white;
    padding: 0;
}

.panel.panel-product .table-functional tbody tr td.photo > .enlarge {
    display: block;
    width: 99%;
    height: 99%;
    position: relative;
}

.panel.panel-product .table-functional tbody tr td.photo > .enlarge .text {
    display: none;
}

.panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    cursor: pointer;
}

/*.panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-icon {
          position: absolute;
          display: none; }
          .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-icon.img-new {
            left: 5px;
            top: 5px;
            width: 20px;
            height: 20px; }
          .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-icon.img-favorite {
            right: 5px;
            bottom: 5px;
            width: 10px;
            height: 10px; }*/
.panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product .img-product-nophoto {
    cursor: default;
}

.panel.panel-product .table-functional tbody tr td.product-detail {
    vertical-align: top;
    padding: 10px 10px 0;
    font-size: 0px;
    font-size: 0.0rem;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container {
    position: relative;
    width: 100%;
    height: 100%;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .related-number {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    color: red;
    font-size: 12px;
    font-size: 1.2rem;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .related-number::after {
    content: " 関連商品";
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-number,
.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-tais {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    font-weight: bold;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-number {
    margin-right: 15px;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-number::before {
    content: "商品番号: ";
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-tais::before {
    content: "TAIS: ";
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-vendor {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    /*float: left;*/
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-name {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 5px;
    margin-bottom: -1px;
    width: 100%;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-name.focus {
    font-weight: bold;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-description {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 0;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .product-category {
    margin-top: 0;
    margin-bottom: 0;
    padding: 4px 4px 2px 4px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 3px;
    float: right;
    border: 1px solid #007fa1;
    color: #007fa1;
    background-color: white;
}

@media only screen and (max-width: 1100px) {
    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-category {
        position: absolute;
        left: 0;
        top: -150px;
    }
}

@media only screen and (max-width: 1000px) {
    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-category {
        position: absolute;
        left: 0;
        top: -150px;
    }
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
    width: 100%;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link {
    /*width: 100%;*/
    font-size: 0;
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item {
    font-size: 12px;
    font-size: 1.2rem;
    /*
              display: table-cell;
              cursor: crosshair;*/
    cursor: pointer;
    display: inline-block;
    /* 2つの場合 */
}

/* .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item:first-child:nth-last-child(2), .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item:first-child:nth-last-child(2) ~ .menu-item {
                width: 33%; } */
.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item:not(:last-of-type) {
    padding-right: 7px;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item a {
    display: inline;
    width: auto;
    cursor: pointer;
}

.text
.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item a:focus {
    color: black;
}

/*
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item a .icon {
                  color: #ed5466; }*/
.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item a .text {
    color: #444444;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item a .text:hover {
    color: #007fa1;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite {
    font-weight: normal;
    /*cursor: pointer;*/
}

/*
              .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite .favorite-add {
                display: inline; }
              .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite .favorite-remove {
                display: none; }
              */
.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite .icon {
    padding-right: 0;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite .icon.icon-heart {
    color: red;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite .icon.icon-heart-empty {
    color: black;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related {
    text-align: center;
    /*
                clear: both;
                text-align: left;
                */
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related .icon {
    padding-right: 2px;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-reason {
    text-align: center;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-reason .icon {
    padding-right: 2px;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-manual {
    text-align: right;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-manual .icon {
    padding-right: 2px;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-pdf {
    /* width: 20%; */
    text-align: left;
}

.panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-pdf .icon {
    padding-right: 2px;
}

/*.panel.panel-product .table-functional tbody tr[data-related-visible='true'] td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related .icon {
        color: $color_icon_favorite;
}*/

/*
        tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-remove
    .panel.panel-product .table-functional tbody tr td.product-detail > .container .menu-item-related .icon {
        color: $color_icon_favorite;
    }*/
@media only screen and (max-width: 1100px) {
    .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link {
        text-align: center;
    }
}

@media only screen and (max-width: 1000px) {
    .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link {
        text-align: center;
    }
}

.panel.panel-product .table-functional tbody tr td.stock-status {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
}

.panel.panel-product .table-functional tbody tr td.action .btn {
    padding-left: 5px;
    padding-right: 10px;
}

/*
      .panel.panel-product .table-functional tbody tr td.action .btn.btn-added {
      cursor: default; }
      */
.panel.panel-product .table-functional tbody tr td.action .btn .icon {
    padding-right: 5px;
}

.panel.panel-product .table-functional tbody tr td.action .btn .for-mobile {
    display: none;
}

.panel.panel-product .table-functional tbody tr td.action .cart-scroller {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.panel.panel-product .table-functional tbody tr[data-related-parent-id]:not(.visible) {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-related-parent-id] td:not(.photo) {
    background-color: #e9f9fc;
    /*border: 1px solid #e9f9fc;*/
}

/*.panel.panel-product .table-functional tbody tr[data-related-visible='true'] td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related .icon {
    color: $color_icon_favorite; }*/
.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .icon.icon-heart {
    display: inline;
}

.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .icon.icon-heart-empty {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-add {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-remove {
    display: inline;
}

.panel.panel-product .table-functional tbody tr[data-favorite='false'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-add {
    display: inline;
}

.panel.panel-product .table-functional tbody tr[data-favorite='false'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-remove {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-favorite='false'] td.product-detail .container-link .menu-item.menu-item-favorite .icon.icon-heart {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-favorite='false'] td.product-detail .container-link .menu-item.menu-item-favorite .icon.icon-heart-empty {
    display: inline;
}

/*
  .panel.panel-product .table-functional tbody tr[data-favorite='true'] td.photo .img-favorite {
    display: inline; }
  .panel.panel-product .table-functional tbody tr[data-new='true'] td.photo .img-new {
    display: inline; }
*/
.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-add {
    display: none !important;
}

.panel.panel-product .table-functional tbody tr[data-favorite='true'] td.product-detail .container-link .menu-item.menu-item-favorite .favorite-remove {
    display: inline !important;
}

.panel.panel-product .table-functional tbody tr:not([data-has-related]) td.product-detail > .container .container-link .menu-item.menu-item-related,
.panel.panel-product .table-functional tbody tr[data-has-related='false'] td.product-detail > .container .container-link .menu-item.menu-item-related {
    display: none;
}

.panel.panel-product .table-functional tbody tr:not([data-reason-visible]) td.product-detail > .container .container-link .menu-item.menu-item-reason,
.panel.panel-product .table-functional tbody tr[data-reason-visible='false'] td.product-detail > .container .container-link .menu-item.menu-item-reason {
    display: none;
}

.panel.panel-product .table-functional tbody tr:not([data-manual-visible]) td.product-detail > .container .container-link .menu-item.menu-item-manual,
.panel.panel-product .table-functional tbody tr[data-manual-visible='false'] td.product-detail > .container .container-link .menu-item.menu-item-manual {
    display: none;
}

.panel.panel-product .table-functional tbody tr:not([data-pdf-visible]) td.product-detail > .container .container-link .menu-item.menu-item-pdf,
.panel.panel-product .table-functional tbody tr[data-pdf-visible='false'] td.product-detail > .container .container-link .menu-item.menu-item-pdf {
    display: none;
}

.panel.panel-product .table-functional tbody tr:not([data-related-number]) td.product-detail > .container .related-number,
.panel.panel-product .table-functional tbody tr[data-related-number=''] td.product-detail > .container .related-number {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-new='true'] td.product-detail > .container .product-name::before {
    content: "";
    background-image: url("/image/product/common/new.svg");
    width: 38px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 5px;
}

.panel.panel-product .table-functional tbody tr[data-stock-status='large'] td.stock-status .icon:not(.large) {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-stock-status='limited'] td.stock-status .icon:not(.limited) {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-stock-status='none'] td.stock-status .icon:not(.none) {
    display: none;
}

/*.panel.panel-product .table-functional tbody tr[data-stock-status='none'] td.action .btn {
    display: none; }*/
.panel.panel-product .table-functional tbody tr[data-cart-added='true'] td.action .btn-add {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-cart-added='true'] td.action .cart-scroller {
    display: table;
}

.panel.panel-product .table-functional tbody tr[data-cart-added='false'] td.action .btn-added {
    display: none;
}

.panel.panel-product .table-functional tbody tr[data-cart-added='false'] td.action .cart-scroller {
    display: none;
}

@media only screen and (max-width: 1100px) {
    .panel.panel-product .table-functional thead {
        display: none;
    }

    .panel.panel-product .table-functional tbody tr {
        /*border-top: 0;*/
        display: block;
        width: 100%;
    }

    .panel.panel-product .table-functional tbody tr[data-related-parent-id] td.photo {
        background: linear-gradient(to bottom, white, $ color_product_related_background 1%, white);
    }

    .panel.panel-product .table-functional tbody tr:not([data-related-parent-id]) td.photo {
        background: linear-gradient(to bottom, white, darken($ color_default_background, 3%) 1%, white);
    }

    .panel.panel-product .table-functional tbody tr:not([data-related-parent-id]) td.photo {
        background: linear-gradient(to bottom, white, darken($ color_default_background, 3%) 1%, white);
    }

    .panel.panel-product .table-functional tbody tr:hover td {
        background-color: white;
    }

    .panel.panel-product .table-functional tbody tr td {
        display: block;
        width: 100%;
    }

    .panel.panel-product .table-functional tbody tr td.photo {
        width: 100%;
        height: 150px;
        margin: 0 auto;
        border-right: 0;
        padding: 10px;
        text-align: center;
        padding-top: 40px;
    }


    .panel.panel-product .table-functional tbody tr td.photo > .enlarge {
        width: 100px;
        height: 100px;
        border: 1px solid #444444;
        filter: drop-shadow(4px 5px 3px $ color_default_background);
        display: inline-block;
    }

    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
        width: 100%;
        height: 100%;
    }


    .panel.panel-product .table-functional tbody tr td.product-detail {
        height: auto;
        border-right: 0;
    }


    .panel.panel-product .table-functional tbody tr td.product-detail > .container {
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-name {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-description {
        margin-top: 5px;
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link {
        position: static;
        margin-top: 10px;
    }


    .panel.panel-product .table-functional tbody tr td.stock-status {
        padding-top: 60px;
        padding-bottom: 20px;
        border-right: 0;
        height: auto;
        font-size: 20px;
        font-size: 2.0rem;
    }

    .panel.panel-product .table-functional tbody tr td.stock-status::before {
        content: "在庫";
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
    }

    .panel.panel-product .table-functional tbody tr td.action {
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }


    .panel.panel-product .table-functional tbody tr td.action .btn {
        width: 100%;
    }

    .panel.panel-product .table-functional tbody tr td.action .btn .for-mobile {
        display: inline;
    }
}

@media only screen and (max-width: 1000px) {
    .panel.panel-product .table-functional tbody tr td.photo {
        height: 150px;
        padding-top: 40px;
    }


    .panel.panel-product .table-functional tbody tr td.photo > .enlarge {
        width: 100px;
        height: 100px;
        border: 1px solid #444444;
        filter: drop-shadow(4px 5px 3px $ color_default_background);
        display: inline-block;
    }

    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
        width: 100%;
        height: 100%;
    }


    .panel.panel-product .table-functional tbody tr td.product-detail {
        height: auto;
        border-right: 0;
    }


    .panel.panel-product .table-functional tbody tr td.product-detail > .container {
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-name {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .product-description {
        margin-top: 5px;
    }

    .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link {
        position: static;
        margin-top: 10px;
    }


    .panel.panel-product .table-functional tbody tr td.stock-status {
        padding-top: 60px;
        padding-bottom: 20px;
        border-right: 0;
        height: auto;
        font-size: 20px;
        font-size: 2.0rem;
    }

    .panel.panel-product .table-functional tbody tr td.stock-status::before {
        content: "在庫";
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
    }

    .panel.panel-product .table-functional tbody tr td.action {
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }


    .panel.panel-product .table-functional tbody tr td.action .btn {
        width: 100%;
    }

    .panel.panel-product .table-functional tbody tr td.action .btn .for-mobile {
        display: inline;
    }
}

.panel.panel-footer {
    display: table;
}

.panel.panel-wizard .panel-description {
    margin-top: 0;
    margin-bottom: 0;
}

/*  .panel.panel-product .table-functional tbody tr:not(:first-of-type) td.photo > .enlarge {
          border-top: 1px solid #cfd9db; }
        .panel.panel-product .table-functional tbody tr td {
          height: auto; }
        .panel.panel-product .table-functional tbody tr td > .label.for-mobile {
          display: block;
          color: #444444;
          font-weight: bold;
          font-size: 14px;
          font-size: 1.4rem;
          margin-top: 10px;
          margin-left: 15px;
          margin-bottom: 5px;
          width: 100%;
          text-align: left; }
        .panel.panel-product .table-functional tbody tr td.action > .label.for-mobile {
          margin-left: 0;
          margin-bottom: 10px; }
        .panel.panel-product .table-functional tbody tr td.action > .form-group {
          width: auto;
          margin: 0 auto; }
        .panel.panel-product .table-functional tbody tr td.action .btn {
          width: 100%; }
          .panel.panel-product .table-functional tbody tr td.action .btn .for-mobile {
            display: inline; }
        .panel.panel-product .table-functional tbody tr td.photo {
          display: inline; }
          .panel.panel-product .table-functional tbody tr td.photo::before {
            display: none; }
          .panel.panel-product .table-functional tbody tr td.photo > .enlarge {
            text-align: center;
            cursor: default; }
            .panel.panel-product .table-functional tbody tr td.photo > .enlarge:hover {
              color: #444444; }
            .panel.panel-product .table-functional tbody tr td.photo > .enlarge .text {
              display: inline-block;
              padding-top: 20px;
              padding-right: 15px;
              width: 100%;
              text-align: right; }
            .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
              cursor: default;
              width: 100%;
              height: 100%;
              margin: 0 auto; }
            .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-icon.img-new {
              width: 40px;
              height: 40px;
              right: 15px;
              top: 10px; }
            .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-icon.img-favorite {
              width: 20px;
              height: 20px;
              left: 15px;
              bottom: 10px; }
        .panel.panel-product .table-functional tbody tr td.product-detail {
          display: table; }
          .panel.panel-product .table-functional tbody tr td.product-detail::before {
            display: none; }
          .panel.panel-product .table-functional tbody tr td.product-detail::before {
            position: absolute;
            top: 15px;
            left: 15px; }
          .panel.panel-product .table-functional tbody tr td.product-detail > .container {
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 10px; }
            .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-product-meta {
              position: relative; }
              .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-product-meta .product-vendor {
                width: 100%;
                font-size: 12px;
                font-size: 1.2rem; }
              .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-product-meta .product-category {
                position: absolute;
                top: -23px;
                right: 0;
                background-color: white; }
            .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-product-info {
              padding-top: 5px; }
            .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-link {
              position: static;
              margin-top: 10px; }
              .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-link .menu-link {
                display: block; }
                .panel.panel-product .table-functional tbody tr td.product-detail > .container > .container-link .menu-link .menu-item {
                  display: block;
                  text-align: left;
                  padding-top: 5px; }
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-reason,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-manual,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-pdf {
                  width: 200px; }
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-favorite a,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-related a,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-reason a,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-manual a,
                .panel.panel-product .table-functional tbody tr td.product-detail > .container .container-link .menu-link .menu-item.menu-item-pdf a {
                  display: block; }
.panel.panel-product .table-functional tbody tr td.stock-status {
          padding-left: 15px;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold; }
      .panel.panel-product .table-functional tbody tr[data-stock-status='out-of-stock'] td.action {
        display: none; } }
  @media only screen and (max-width: 1000px) {
    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
      width: 55%;
      height: 55%; } }
  @media only screen and (max-width: 900px) {
    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
      width: 60%;
      height: 60%; } }
  @media only screen and (max-width: 800px) {
    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
      width: 70%;
      height: 70%; } }
  @media only screen and (max-width: 700px) {
    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
      width: 80%;
      height: 80%; } }
  @media only screen and (max-width: 600px) {
    .panel.panel-product .table-functional tbody tr td.photo > .enlarge .img-product {
      width: 100%;
      height: 100%; } }
*/
/*
 * ======================================================================
 * お知らせなどの記事のパネル
 * ======================================================================
 */
article.panel .panel-body {
    position: relative;
}

article.panel .panel-body .container.container-text p {
    font-size: 14px;
    font-size: 1.4rem;
}

article.panel .panel-body .container.container-text img {
    max-width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

article.panel .panel-body .post-meta {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

article.panel .panel-body .post-meta::after {
    content: "";
    display: block;
    clear: both;
}

article.panel .panel-body .post-meta .post-datetime {
    float: right;
}

/*
 * ======================================================================
 * 閉じた状態のパネル
 * ======================================================================
 */
.panel.panel-closed {
    border-bottom-width: 1px;
}

.panel.panel-closed > .panel-header .btn-toggle .icon-down-open {
    display: block;
}

.panel.panel-closed > .panel-header .btn-toggle .icon-up-open {
    display: none;
}

.panel.panel-closed > .panel-body,
.panel.panel-closed > .panel-toolbar,
.panel.panel-closed > .panel-footer {
    display: none;
}

/*
 * ======================================================================
 * レスポンシブウェブデザイン（フッターは別場所）
 * ======================================================================
 */
@media only screen and (max-width: 500px) {
    .panel > .panel-header > .heading .text:first-of-type:not(:last-of-type) {
        display: inline-block;
        width: 100%;
    }

    .panel > .panel-header > .heading .icon {
        display: none;
    }
}

/*
 * ======================================================================
 * ボタン
 * ======================================================================
 */
.btn {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 7px 12px;
    line-height: 1.6;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    color: #6f6f6f;
    border-radius: 3px;
    outline: none;
}

.btn:focus {
    outline: none;
}

.btn .semibold {
    font-weight: 600;
}

.btn.btn-default, .btn.btn-action, .btn.btn-dropdown-toggle, .btn.btn-selection {
    border-radius: 4px;
    background-color: #ecf0f1;
    border-color: #cfd9db;
}

.btn.btn-default:hover, .btn.btn-action:hover, .btn.btn-dropdown-toggle:hover, .btn.btn-selection:hover, .btn.btn-default:focus, .btn.btn-action:focus, .btn.btn-dropdown-toggle:focus, .btn.btn-selection:focus {
    background-color: #dde4e6;
    border-color: #c0cdd1;
}

.btn.btn-selection {
    padding-left: 20px;
    padding-right: 20px;
}

.btn.btn-success {
    color: white;
    background-color: #91c854;
    border-color: #8ac448;
}

.btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #85c241;
    border-color: #7db83b;
}

.btn.btn-primary {
    color: white;
    background-color: #00b1e1;
    border-color: #00a5d2;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #009dc8;
    border-color: #0091b8;
}

.btn.btn-warning {
    color: #444444;
    background-color: #fdf0eb;
    border-color: #f8cdbd;
}

.btn.btn-warning:hover, .btn.btn-warning:focus {
    background-color: #fce6dd;
}

.btn.btn-danger {
    color: white;
    background-color: #ed5466;
    border-color: #ec465a;
}

.btn.btn-danger:hover, .btn.btn-danger:focus {
    background-color: #eb3d51;
    border-color: #e92f45;
}

.btn.btn-semibold {
    font-weight: 700;
}

.btn.btn-wizard {
    width: 100px;
}

.btn.btn-wizard.btn-next {
    float: right;
}

.btn.btn-wizard.btn-prev {
    float: left;
}

.btn.btn-disabled, .btn.disabled, .btn[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn.btn-formcontrol-clear {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #444444;
}

.btn.btn-formcontrol-clear:hover {
    color: #007fa1;
}

.btn.btn-small {
    height: 36px;
}

.btn-group {
    display: table;
    padding-right: 15px;
}

.btn-group::after {
    content: "";
    display: block;
    clear: both;
}

.btn-group:last-child {
    padding-right: 0;
}

.btn-group > .btn {
    font-size: 11px;
    font-size: 1.1rem;
    position: relative;
    margin: 0;
    padding: 6px 8px;
    display: table-cell;
    border-width: 1px 1px 1px 0;
}

.btn-group > .btn:not(:first-of-type):not(:last-of-type) {
    border-radius: 0;
}

.btn-group > .btn:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left-width: 1px;
}

.btn-group > .btn:last-of-type {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn:only-child {
    border-radius: 3px;
}

.input-group {
    display: table;
}

@media only screen and (max-width: 1100px) {
    .input-group {
        width: 100%;
        display: block;
        height: 40px;
        position: relative;
    }
}

.input-group .btn {
    color: #444444;
    background-color: #ecf0f1;
    border-color: #cfd9db;
}

.input-group .btn:hover, .input-group .btn:focus {
    background-color: #dde4e6;
    border-color: #c0cdd1;
    transition-duration: 0.5s;
}

.input-group > .btn-touchspin-down.for-mobile {
    display: none;
    border-radius: 4px 0 0 4px;
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 1100px) {
    .input-group > .btn-touchspin-down.for-mobile {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .input-group > .btn-touchspin-down.for-mobile:hover, .input-group > .btn-touchspin-down.for-mobile:focus {
        background-color: #dde4e6;
        border-color: #c0cdd1;
        transition-duration: 0.5s;
    }
}

.input-group > .form-control {
    margin-top: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 40px;
    color: #444444;
}

@media only screen and (max-width: 1100px) {
    .input-group > .form-control {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        border-radius: 4px;
        text-align: center;
    }
}

.input-group > .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    height: 40px;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn {
        display: block;
        width: 40px;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin::after {
        content: "";
        display: block;
        clear: both;
    }
}

.input-group > .input-group-btn.touch-spin > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: -1px;
    padding-right: 11px;
    padding-left: 11px;
    position: relative;
    height: 20px;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin > .btn {
        height: 40px;
    }
}

.input-group > .input-group-btn.touch-spin > .btn > .icon {
    position: absolute;
    top: 0;
    left: 5px;
    font-weight: normal;
    padding-top: 2px;
    font-size: 9px;
    font-size: 0.9rem;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin > .btn > .icon {
        font-size: 15px;
        font-size: 1.5rem;
        padding-top: 7px;
        left: 8px;
    }
}

.input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up {
    border-radius: 0 4px 0 0;
    border-bottom: none;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up {
        border-radius: 0 4px 4px 0;
        border-bottom: 1px solid #cfd9db;
        float: right;
        margin-left: 0;
    }
}

.input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up > .icon.icon-up-open {
    display: block;
}

.input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up > .icon.icon-plus {
    display: none;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up > .icon.icon-up-open {
        display: none;
    }

    .input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-up > .icon.icon-plus {
        display: block;
    }
}

.input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-down {
    border-radius: 0 0 4px 0;
}

@media only screen and (max-width: 1100px) {
    .input-group > .input-group-btn.touch-spin > .btn.btn-touchspin-down {
        display: none;
    }
}

.page-nav .prev-next {
    width: 100%;
    display: table-cell;
}

.page-nav .prev-next::after {
    content: "";
    display: block;
    clear: both;
}

.page-nav .prev-next .btn-prev {
    float: left;
}

.page-nav .prev-next .btn-next {
    float: right;
}

.page-nav .prev-next .btn {
    width: 50px;
}

.page-nav .prev-next .btn > a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
 * ======================================================================
 * フォーム
 * ======================================================================
 */
.form {
    overflow: hidden;
}

.form .form-description {
    font-size: 14px;
    font-size: 1.4rem;
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.form.form-selection .form-group .container-radio > .control-label {
    width: 50%;
}

.form.panel-body::after {
    content: "";
    display: block;
    clear: both;
}

.form.panel-body .btn {
    margin: 0 auto;
}

.form.panel-body.panel-body-inside-table > .form-description {
    padding-left: 15px;
}

.form .form-group-container::after {
    content: "";
    display: block;
    clear: both;
}

.form .form-group-container .form-group-description {
    font-size: 14px;
    font-size: 1.4rem;
}

.form .form-group-container > .form-group:first-of-type {
    margin-top: 0;
}

.form .form-control-description {
    color: #16879d;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0.5em;
}

.form .form-group {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.form .form-group:last-of-type {
    margin-bottom: 0;
}

.form .form-group.form-group-heading {
    border-top: 1px solid #cfd9db;
    padding-top: 5px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.form .form-group.form-group-heading .heading {
    color: #444444;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 0;
}

.form .form-group.form-group-btn {
    padding-bottom: 20px;
}

.form .form-group.form-group-btn:not(.form-group-btn-multi) {
    padding-top: 20px;
}

.form .form-group.form-group-btn.form-group-btn-multi .btn:not(:first-child) {
    margin-top: 20px;
}

.form .form-group > .btn {
    /* 2つの場合 */
}

.form .form-group > .btn:only-child {
    width: 100%;
}

.form .form-group > .btn:first-child:nth-last-child(2)[type="reset"] {
    width: 100px;
}

.form .form-group > .btn:first-child:nth-last-child(2) ~ .btn[type="submit"] {
    width: 100%;
    margin-top: 20px;
}

.form .form-group .clear-wrapper {
    position: relative;
}

.form .form-group .form-control-value {
    font-size: 14px;
    font-size: 1.4rem;
}

.form .form-group .container-radio,
.form .form-group .container-checkbox {
    width: 100%;
    margin-top: 5px;
    padding: 15px;
    border: 1px solid #cfd9db;
    border-radius: 3px;
}

.form .form-group .container-radio > .control-label,
.form .form-group .container-checkbox > .control-label {
    text-align: left;
    min-width: 250px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
}

.form .form-group .container-radio > .control-label:not(:last-of-type),
.form .form-group .container-checkbox > .control-label:not(:last-of-type) {
    padding-right: 10px;
}

.form .form-group .container-radio > .control-label > *,
.form .form-group .container-checkbox > .control-label > * {
    display: inline;
}

.form .form-group .container-radio > .control-label > *.form-control-radio,
.form .form-group .container-checkbox > .control-label > *.form-control-radio {
    margin-right: 10px;
}

.form .form-group .container-radio .control-label {
    width: 100%;
}

.form .form-group .container-radio .control-label:not(:first-of-type) {
    margin-top: 15px;
}

.form .form-group .container-radio.container-radio-disabled .control-label,
.form .form-group .container-radio.container-radio-disabled .text {
    cursor: not-allowed;
}

.form .form-group .container-radio.container-radio-disabled .form-control-radio {
    color: #000;
}

.form .form-group .container-checkbox .checkbox:not(:first-of-type) {
    margin-top: 15px;
}

.form .form-group.has-error .form-control {
    border: 1px solid #ed5466;
}

.form .form-group .checkbox {
    min-height: 18px;
    margin-bottom: 0;
    /*
      margin-top: 5px;
      */
    font-weight: normal;
}

.form .form-group .checkbox.custom-checkbox:hover label::before {
    border-color: #00b1e1;
}

.form .form-group .checkbox.custom-checkbox > input[type="checkbox"] {
    display: none;
}

.form .form-group .checkbox.custom-checkbox > input[type="checkbox"]:checked ~ label::after {
    color: white;
}

.form .form-group .checkbox.custom-checkbox > input[type="checkbox"]:checked ~ label::before {
    border-color: #00b1e1;
    background-color: #00b1e1;
}

.form .form-group .checkbox.custom-checkbox > label {
    position: relative;
    padding-left: 18px;
    padding-top: 1px;
    cursor: pointer;
    font-weight: normal;
    margin: 0;
    min-height: 18px;
    line-height: 18px;
    text-indent: 0.5em;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
}

.form .form-group .checkbox.custom-checkbox > label::after, .form .form-group .checkbox.custom-checkbox > label::before {
    font-family: "fontello";
    font-weight: normal;
    text-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
}

.form .form-group .checkbox.custom-checkbox > label::after {
    float: left;
    content: '\e800';
    overflow: hidden;
    color: transparent;
    font-size: 10px;
    line-height: 10px;
    left: -3px;
    top: 4px;
    transition: max-width ease 0.1s;
}

.form .form-group .checkbox.custom-checkbox > label::before {
    background-color: white;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
}

.form .form-group .has-icon {
    position: relative;
}

.form .form-group .has-icon .form-control {
    padding-left: 34px;
    padding-right: 0;
}

.form .form-group .has-icon .form-control-icon {
    position: absolute;
    z-index: 5;
    top: 0;
    right: auto;
    left: 0;
    width: 34px;
    line-height: 45px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #777777;
}

.form .form-group > .control-label {
    width: 100%;
    padding-left: 2px;
    font-size: 14px;
    font-size: 1.4rem;
}

.form .form-group .form-control-value {
    padding: 8px 5px;
    font-weight: 700;
}

.form .form-group .form-stack.has-icon .form-control {
    padding-left: 34px;
    padding-right: 0;
}

.form .form-group .form-stack:first-child .form-control {
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.form .form-group .form-stack:last-child .form-control {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form .form-group .form-stack .form-control {
    position: relative;
    border-radius: 0;
    margin-top: -1px;
    z-index: 1;
}

.form .form-group .form-stack .form-control:focus {
    z-index: 2;
}

.form .required {
    color: #ed5466;
}

.form-control {
    display: block;
    width: 100%;
    background-color: white;
    box-shadow: none;
    border: 1px solid #cfd9db;
    line-height: normal;
    border-radius: 4px;
    padding: 8px 10px;
    height: 46px;
    font-size: 15px;
    font-size: 1.5rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:not([type=radio]) {
    appearance: none;
    -webkit-appearance: none;
}

.form-control[type=text], .form-control[type=password], .form-control[type=email], .form-control[type=date] {
    line-height: 2;
}

.form-control.form-control-select {
    height: 46px;
}

.form-control.form-control-select optgroup {
    font-style: normal;
}

.form-control.form-control-radio {
    width: 17px;
    height: 17px;
    margin-top: 0;
    margin-bottom: 0;
    color: #007fa1;
    vertical-align: middle;
}

.form-control.form-control-radio + .text {
    vertical-align: middle;
}

.form-control.form-control-textarea.form-control-textarea-middle {
    min-height: 100px;
}

.form-control.form-control-textarea.form-control-textarea-large {
    min-height: 200px;
}

.form-control.form-control-middle {
    padding: 6px 10px;
    height: 40px !important;
    line-height: 1.2;
}

.form-control.form-control-small {
    padding: 7px 8px 4px 8px;
    height: 36px !important;
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
}

.form-control.form-control-disabled, .form .form-group .container-radio.container-radio-disabled, .form-control.form-control-readonly {
    background-color: #f8f8f8;
    -webkit-text-fill-color: #444444;
    opacity: 1;
    cursor: not-allowed;
    outline: none;
}

.form-control.focus, .form-control:not([readonly]):focus {
    border-color: #00b1e1;
    outline: none;
}

.form-control.form-control-error {
    border: 1px solid #ed5466;
}

.form-control.with-suggest-active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-control:invalid {
    outline: none;
}

.form-control.date {
    width: 160px;
}

/*
 * ======================================================================
 * フォーム入力案内・警告
 * ======================================================================
 */
.help-block {
    color: #6f6f6f;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
    padding-left: 0.5em;
}

.help-block.help-warning {
    color: #d44a15;
}

.help-block.help-info {
    color: #16879d;
}

.menu,
.submenu {
    padding-left: 0;
    list-style: none;
}

.menu.menu-global-nav {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}

.menu.menu-global-nav > .menu-item {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600;
    border-top: 1px solid #2a2a2a;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px;
}

.menu.menu-global-nav > .menu-item .submenu {
    overflow: hidden;
}

.menu.menu-global-nav > .menu-item .submenu > .menu-item {
    padding-left: 13px;
    overflow: hidden;
    height: 0;
    border-top-width: 0;
    transition: none;
}

.menu.menu-global-nav > .menu-item .submenu > .menu-item.current > a {
    color: #08cbff;
}

.menu.menu-global-nav > .menu-item .submenu > .menu-item.current > a > .accent {
    display: table-cell;
}

.menu.menu-global-nav > .menu-item.current > a {
    color: #08cbff;
}

.menu.menu-global-nav > .menu-item.open:not(.load-open) .submenu > .menu-item {
    transition: height .1s;
}

.menu.menu-global-nav > .menu-item.open .submenu > .menu-item {
    height: 46px;
    border-top: 1px solid #2a2a2a;
}

.menu.menu-global-nav > .menu-item .text {
    padding-top: 15px;
    padding-bottom: 15px;
    display: inline-block;
}

.menu.menu-global-nav > .menu-item a, .menu.menu-global-nav > .menu-item form {
    color: rgba(255, 255, 255, 0.8);
    display: table;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.menu.menu-global-nav > .menu-item a:not(.open-submenu):hover, .menu.menu-global-nav > .menu-item form:not(.open-submenu):hover {
    color: #08cbff;
}

.menu.menu-global-nav > .menu-item a > .text, .menu.menu-global-nav > .menu-item form > .text {
    display: table-cell;
    width: 85%;
}

.menu.menu-global-nav > .menu-item a > .accent, .menu.menu-global-nav > .menu-item form > .accent {
    display: none;
    padding-right: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
    width: 15%;
}

.menu.menu-global-nav > .menu-item a > .arrow, .menu.menu-global-nav > .menu-item form > .arrow {
    width: 15%;
    text-align: right;
}

.menu.menu-global-nav > .menu-item form .btn {
    display: table-cell;
    padding: 0;
    border: 0;
    font-weight: 600;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
}

.menu.menu-global-nav > .menu-item form .btn:hover {
    color: #08cbff;
}

.menu.menu-news .menu-item {
    line-height: 1.8;
    margin-bottom: 8px;
    overflow: hidden;
}

.menu.menu-news .menu-item::after {
    content: "";
    display: block;
    clear: both;
}

.menu.menu-news .menu-item.new a {
    color: #007fa1;
    font-weight: 600;
}

.menu.menu-news .menu-item a {
    display: block;
}

.menu.menu-news .menu-item a .post-meta {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 1px dotted #c0cdd1;
    width: 100%;
    display: block;
}

.menu.menu-news .menu-item a .post-meta::after {
    content: "";
    display: block;
    clear: both;
}

.menu.menu-news .menu-item a .post-meta.expanded .post-date {
    display: none;
}

.menu.menu-news .menu-item a .post-meta .post-date {
    display: block;
    padding-right: 10px;
    float: left;
}

.menu.menu-news .menu-item a .post-meta .post-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu.menu-footer {
    margin-top: 0;
    font-size: 0;
    width: 100%;
}

.menu.menu-footer .menu-item {
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
    list-style: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}
.menu.menu-footer .menu-item:not(.menu-item-empty):not(:first-of-type)::before {
    content: "｜";
    padding-left: 5px;
    padding-right: 5px;
    color: #444444;
}
body:not(.page-simple):not(.page-policy) .menu.menu-footer .menu-item:not(.menu-item-empty):not(:first-of-type)::before {
    color: white;
}
.menu.menu-footer .menu-item a {
    color: white;
    transition: color .5s;
}
.menu.menu-footer .menu-item a:hover {
    color: #08cbff;
}
.menu.menu-footer .menu-item .text.text-parent-menu {
    display: none;
}

.menu.menu-footer .menu-item form .btn {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: white;
    line-height: 1;
}

.menu.menu-footer .menu-item form .btn:hover {
    color: #08cbff;
}

.menu.menu-footer .submenu {
    margin-top: 8px;
}

.menu.menu-contact {
    border: 1px solid #cfd9db;
    padding: 10px;
    width: auto;
}

.menu.menu-contact .menu-item {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.2;
}

.menu.menu-contact .menu-item .contact-key {
    width: 100%;
    padding-right: 10px;
}

.menu.menu-contact .menu-item.menu-item-tel .contact-key {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    display: inline;
}

.menu.menu-contact .menu-item.menu-item-tel .contact-value {
    font-size: 25px;
    font-size: 2.5rem;
    vertical-align: middle;
    display: inline;
}

.menu.dropdown-menu {
    position: absolute;
    background-color: white;
    border: 1px solid #cfd9db;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    z-index: 2000;
    font-size: 13px;
    font-size: 1.3rem;
    display: none;
    left: -20px;
    top: 62px;
    width: 124px;
}

.menu.dropdown-menu .menu-item {
    line-height: 20px;
    padding: 2px;
}

.menu.dropdown-menu .menu-item a,
.menu.dropdown-menu .menu-item form {
    color: #5e5e5e;
    padding: 6px 20px 6px 10px;
    display: block;
    clear: both;
    font-weight: normal;
    white-space: nowrap;
}

.menu.dropdown-menu .menu-item a .text,
.menu.dropdown-menu .menu-item form .text {
    padding-left: 5px;
}

.menu.dropdown-menu .menu-item a:hover,
.menu.dropdown-menu .menu-item form:hover {
    outline: 0;
    background-color: #f8f8f8;
    color: #444444;
}

.menu.dropdown-menu .menu-item button {
    border: 0;
    padding-left: 0;
    background-color: transparent;
}

.menu.dropdown-menu .divider {
    margin: 1px 0;
    background-color: #ecf0f1;
    height: 1px;
    overflow: hidden;
}

.dropdowned .menu.dropdown-menu {
    display: block;
}

/* tab
   ========================================================================== */
.menu-tabs {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #dde4e6;
    border-bottom: 1px solid #c0cdd1;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: table;
    content: " ";
    transition: transform 0.2s ease;
}

.menu-tabs > .tab {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.menu-tabs > .tab a {
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 2px;
    display: block;
    padding: 14px 15px 10px;
    color: #f1f1f1;
}

.menu-tabs > .tab a:focus, .menu-tabs > .tab a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #777777;
}

.menu-tabs > .tab.active {
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 1px;
    padding: 14px 15px 10px;
    border: 1px solid #cfd9db;
    border-bottom-color: white;
    cursor: default;
    background-color: white;
    font-weight: 600;
}

.menu-tabs > .tab.active a {
    cursor: default;
    background-color: white;
}

.tab-content {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 1000;
    border-left: 1px solid #cfd9db;
    border-right: 1px solid #cfd9db;
    border-bottom: 2px solid #c0cdd1;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes slideRight {
    0% {
        left: -500px;
    }
    100% {
        left: 0;
    }
}

@keyframes RightToLeft {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    50% {
        opacity: 0.5;
        transform: translateX(-5px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideshow {
    0% {
        opacity: 1;
        transform: translateX(10000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.pagination {
    list-style: none;
    font-size: 15px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
}

.pagination::after {
    content: "";
    display: block;
    clear: both;
}

.pagination > .paging {
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #cfd9db;
    border-top: 1px solid #cfd9db;
    border-bottom: 1px solid #c0cdd1;
    height: 100%;
    min-width: 35px;
}

.pagination > .paging:first-of-type {
    border-left: 1px solid #cfd9db;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination > .paging:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination > .paging > a {
    color: #007fa1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.pagination > .paging > a:hover {
    color: #08cbff;
}

.pagination > .paging.current {
    color: #007fa1;
    background-color: #dde4e6;
    cursor: default;
}

.pagination > .paging.paging-disabled, .pagination > .paging.paging-ratio {
    color: #444444;
}

.pagination > .paging.page-number.page-start {
    display: block;
}

@media only screen and (min-width: 501px) {
    .pagination > .paging.page-number {
        display: flex;
    }

    .pagination > .paging.paging-ratio {
        display: none;
    }
}

@media only screen and (max-width: 500px) {
    .pagination > .paging.page-number {
        display: none;
    }

    .pagination > .paging.paging-ratio {
        display: flex;
        padding-left: 8px;
        padding-right: 8px;
    }
}

#slides {
    margin-bottom: 30px;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#slides > .loader {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

#slides > .loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
}

#slides > .container-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    width: 100%;
}

#slides > .container-pagination > .slide-pagination {
    margin: 0 auto;
}

#slides > .slide-prevnext-controller {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    margin-top: -30px;
    margin-bottom: 0;
    cursor: pointer;
    padding-top: 10px;
    transition: all 0.5s;
}

#slides > .slide-prevnext-controller:hover {
    background: rgba(255, 255, 255, 0.5);
}

#slides > .slide-prevnext-controller > .icon {
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    width: 40px;
    height: 100%;
}

#slides > .slide-prevnext-controller > .icon:before {
    margin-left: 0;
    margin-right: 0;
}

#slides > .slide-prevnext-controller > .icon:hover {
    color: #007fa1;
}

#slides > .slide-prevnext-controller.prev-slide {
    left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#slides > .slide-prevnext-controller.next-slide {
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#slides .slide-pagination {
    display: inline-block;
    padding: 10px 15px 5px 15px;
    text-align: center;
    border-radius: 5px;
    transition: all .3s;
}

#slides .slide-pagination:hover {
    background: rgba(255, 255, 255, 0.5);
}

#slides .slide-pagination > .paging {
    cursor: pointer;
    border-radius: 6px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: white;
    transition: all 0.3s;
}

#slides .slide-pagination > .paging:not(:last-of-type) {
    margin-right: 10px;
}

#slides .slide-pagination > .paging:hover {
    background-color: #007fa1;
}

#slides .slide-pagination > .paging.current {
    background-color: #007fa1;
}

#slides > .container {
    overflow: hidden;
    border-radius: 3px;
}

#slides > .container > .slide-component > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

#slides > .container > .slide-component > a img {
    display: inline;
    vertical-align: bottom;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 2px solid #dfdfdf;
}

#slides > .container > .slide-component > a > .description {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-size: 1.4rem;
}

#slides > .container > .slide-component.current {
    animation: fadeIn 2s;
    animation-fill-mode: both;
}

#slides > .container > .slide-component:not(.current) {
    display: none;
}

#slides > .container img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.table {
    width: 100%;
    max-width: 100%;
    background-color: white;
    border-collapse: collapse;
    overflow-y: scroll;
}

.table th,
.table td {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

.table th:first-of-type,
.table td:first-of-type {
    border-left: 0;
}

.table th:last-of-type,
.table td:last-of-type {
    border-right: 0;
}

.table thead tr {
    border-bottom: 1px solid #c0cdd1;
}

.table thead th {
    border-bottom: 2px solid #cfd9db;
    color: #5e5e5e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: 600;
    background-color: #F9F9F9;
    padding: 15px 10px;
}

.table tbody tr:not(:first-of-type) {
    border-top: 1px solid #dde4e6;
}

.table tbody tr:first-of-type td {
    border-top: 0;
}

.table tbody tr td {
    border-right: 1px solid #dde4e6;
    padding: 10px;
}

.table tbody tr:hover td {
    background-color: #f8f8f8;
}

.table tbody td:not(.action),
.table thead td:not(.action) {
    padding: 10px;
}

.table.table-functional {
    border-top: 1px solid #cfd9db;
}

.table.table-functional .no-data {
    /*            padding: 15px;
                  height: 60px;*/
}

.table.table-functional .no-data:hover td {
    background-color: transparent;
}

.table.table-functional th.action {
    width: 110px;
    max-width: 110px;
}

.table.table-functional td.action > .btn {
    margin: 0 auto;
}

.table.table-functional th.selection {
    width: 20px;
}

.table.table-functional .type,
.table.table-functional .status {
    width: 80px;
    text-align: center;
}

.table.table-functional th.sortable {
    cursor: pointer;
}

.table.table-functional th.sortable::after {
    content: '';
    margin-left: 5px;
}

.table.table-functional td.cell-warning {
    color: #d44a15;
}

.table.table-functional td.cell-info {
    color: #16879d;
}

.table.table-functional td.cell-success {
    color: #4e7325;
}

.table.table-functional .created-at,
.table.table-functional .modified-at {
    width: 145px;
    text-align: center;
}

.table.table-functional th.selection {
    padding: 6px 15px;
}

.table.table-functional .selection {
    width: 40px;
}

.table.table-functional .selection input[type='checkbox'] {
    width: 18px;
    height: 18px;
}

.table.table-functional div.checkbox {
    margin: 0 auto;
}

.table.table-functional .custom-checkbox {
    width: 15px;
    height: 15px;
}

.table.table-functional .custom-checkbox > label {
    padding-left: 15px;
    min-height: 15px;
    line-height: 15px;
}

.table.table-functional .custom-checkbox > label::after {
    left: -3px;
    top: 3px;
    font-size: 9px;
    font-size: 0.9rem;
}

.table.table-functional .custom-checkbox > label::before {
    width: 15px;
    height: 15px;
}

.table.table-functional tfoot tr td {
    border-top: 1px solid #dde4e6;
    background-color: #F9F9F9;
}

.table.table-functional tfoot tr.spacer.spacer-80 td {
    height: 80px;
}

.table.table-functional tfoot tr.spacer.spacer-90 td {
    height: 90px;
}

.table.table-functional tfoot tr.spacer.spacer-100 td {
    height: 100px;
}

.table.table-functional tfoot tr.spacer.spacer-110 tr {
    height: 110px;
}

.table.table-functional tfoot tr.spacer.spacer-120 tr {
    height: 120px;
}

@media only screen and (max-width: 1100px) {
    .table.table-functional tfoot {
        display: none;
    }
}

th.active,
td.active,
tr.active td,
tr.active.ht {
    background-color: #ecf0f1;
    border-color: #cfd9db;
}

@media only screen and (max-width: 1100px) {
    .table.table-functional thead {
        display: none;
    }

    .table.table-functional tbody {
        display: block;
        width: 100%;
    }

    .table.table-functional tbody tr {
        width: 100%;
        border-bottom: none;
    }

    .table.table-functional tbody tr:not(.invisible) {
        display: block;
    }

    .table.table-functional tbody tr.no-data td {
        padding-bottom: 20px;
    }

    .table.table-functional tbody tr th {
        text-align: left !important;
    }

    .table.table-functional tbody tr th:first-of-type {
        border-top: 0;
    }

    .table.table-functional tbody tr td {
        padding-left: 15px;
        display: block;
        width: 100% !important;
        border-bottom: 0;
        border-right: 0;
        border-left: 0;
        padding-bottom: 0;
        text-align: left !important;
    }

    .table.table-functional tbody tr td:before {
        content: attr(data-label);
        padding-right: 15px;
        display: block;
        float: left;
        min-width: 90px;
        font-weight: bold;
        color: #444444;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .table.table-functional tbody tr td:first-of-type {
        border-top: 0;
        padding-top: 20px;
    }

    .table.table-functional tbody tr td.action {
        padding-bottom: 15px;
        text-align: center;
    }

    .table.table-functional tbody tr td.action > .btn, .table.table-functional tbody tr td.action > .btn-group {
        margin: 15px auto;
    }

    .table.table-functional tbody tr td.action > .btn-group > .btn.btn-action {
        width: 200px;
    }

    .table.table-functional tbody tr td.action > .btn-group > .btn.btn-dropdown-toggle {
        width: auto;
    }

    .table.table-functional tbody tr td.action > .btn.btn-selection {
        width: 200px;
    }

    .table.table-functional tbody tr td.action .dropdown-menu {
        left: 0;
    }
}

.panel-body-inside-table .table.table-functional {
    border-top: 0;
    border-bottom: 0 !important;
}

/*
 * ======================================================================
 * アクション in table
 * ======================================================================
 */
.action > .btn-group {
    position: relative;
    margin: 0 auto;
}

.action > .btn-group > .btn {
    font-size: 13px;
    font-size: 1.3rem;
}

.action .dropdown-menu {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 1px 1px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 35px;
    min-width: 160px;
    background-clip: padding-box;
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
}

.action .dropdown-menu > .menu-item {
    margin: 0;
    text-align: left;
}

.action .dropdown-menu > .menu-item.menu-item-divider {
    margin: 4px 0;
    background-color: #ecf0f1;
    height: 1px;
    overflow: hidden;
}

.action .dropdown-menu > .menu-item > a,
.action .dropdown-menu > .menu-item > form {
    display: block;
    clear: both;
    font-weight: normal;
    font-style: normal;
    white-space: nowrap;
    line-height: 20px;
    color: #444444;
    padding: 8px 15px;
}

.action .dropdown-menu > .menu-item > a:hover,
.action .dropdown-menu > .menu-item > form:hover {
    outline: 0;
    background-color: rgba(255, 255, 255, 0.8);
    color: #007fa1;
}

.action .dropdown-menu > .menu-item > a button,
.action .dropdown-menu > .menu-item > form button {
    cursor: pointer;
}

.action .dropdown-menu > .menu-item > a button[disabled],
.action .dropdown-menu > .menu-item > form button[disabled] {
    cursor: not-allowed;
}

.action .dropdown-menu > .menu-item > a .icon,
.action .dropdown-menu > .menu-item > form .icon {
    padding-right: 5px;
}

.action .dropdown-menu > .menu-item > form button {
    padding: 0;
    text-align: left;
    background-color: transparent;
    border: 0px;
    width: 100%;
    height: 100%;
}

.action.active .dropdown-menu {
    display: block;
}

/*
 * ======================================================================
 * デートピッカー（カレンダー）
 * ======================================================================
 */
.datepicker {
    display: inline-block;
    background-color: white;
    position: absolute;
    border-radius: 3px;
    border-top: 1px solid #cfd9db;
    border-left: 1px solid #cfd9db;
    border-right: 1px solid #cfd9db;
    border-bottom: 2px solid #c0cdd1;
    padding: 10px;
    transition: all .5s;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    z-index: 50000;
    /*    animation: fadeIn 0.2s;
      animation-fill-mode: both;*/
}

.datepicker::after {
    content: "";
    display: block;
    clear: both;
}

.datepicker > .container-datepicker-tool {
    width: 100%;
    display: table;
}

.datepicker > .container-datepicker-tool > .year-month {
    display: table-cell;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
}

.datepicker > .container-datepicker-tool > .prev-next {
    display: table-cell;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
}

.datepicker > .container-datepicker-tool > .prev-next.invisible {
    visibility: hidden;
}

.datepicker > .container-datepicker-tool > .prev-next.prev {
    text-align: left;
}

.datepicker > .container-datepicker-tool > .prev-next.next {
    text-align: right;
}

.calendar-table.invisible {
    display: none;
}

.calendar-table th, .calendar-table td {
    font-size: 14px;
    font-size: 1.4rem;
}

.calendar-table > thead tr.weeks th {
    padding: 6px 8px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.calendar-table > tbody tr.week td {
    text-align: right;
    font-weight: normal;
    border: 1px solid #cfd9db;
    background-color: #fbfcfc;
}

.calendar-table > tbody tr.week td > .date {
    display: block;
    padding: 6px 6px;
}

.calendar-table > tbody tr.week td.sun, .calendar-table > tbody tr.week td.holiday {
    background-color: #fbdfd4;
}

.calendar-table > tbody tr.week td.sat {
    background-color: #d3f3f9;
}

.calendar-table > tbody tr.week td.today {
    background-color: #c0e09e;
}

.calendar-table > tbody tr.week td.prev-month {
    visibility: hidden;
}

.calendar-table > tbody tr.week td.next-month {
    visibility: hidden;
}

.calendar-table > tbody tr.week td.this-month {
    cursor: pointer;
}

.calendar-table > tbody tr.week td.selected {
    background-color: #08cbff;
}

.calendar-table > tbody tr.week td.selected a {
    color: white;
}

.container-step-list .step-list {
    list-style: none;
    display: table;
    width: 100%;
    padding-left: 0;
    font-size: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.container-step-list .step-list .list-item {
    display: table-cell;
    width: auto;
    vertical-align: top;
    text-align: center;
}

.container-step-list .step-list .list-item .link {
    display: block;
    position: relative;
    z-index: 0;
}

.container-step-list .step-list .list-item .link::after {
    content: "";
    background-color: #c0cdd1;
    display: block;
    height: 2px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: -1;
}

.container-step-list .step-list .list-item:first-of-type .link::after {
    width: 50%;
    left: 50%;
}

.container-step-list .step-list .list-item:not(:first-of-type):not(:last-of-type) .link::after {
    width: 100%;
    left: 0;
}

.container-step-list .step-list .list-item:last-of-type .link::after {
    width: 50%;
    left: 0;
}

.container-step-list .step-list .list-item.current .number, .container-step-list .step-list .list-item.done .number {
    position: relative;
}

.container-step-list .step-list .list-item.current .icon, .container-step-list .step-list .list-item.done .icon {
    position: absolute;
    left: 0;
    top: 0;
}

.container-step-list .step-list .list-item.current .step,
.container-step-list .step-list .list-item.current .text {
    color: #6f6f6f;
}

.container-step-list .step-list .list-item.current .link .icon-pencil {
    display: block;
}

.container-step-list .step-list .list-item.current .link .icon-ok {
    display: none;
}

.container-step-list .step-list .list-item.current:first-of-type .link::after {
    background-image: linear-gradient(to right, #00b1e1 0%, #c0cdd1 96%, #c0cdd1 100%);
}

.container-step-list .step-list .list-item.current:not(:first-of-type):not(:last-of-type) .link::after {
    background-image: linear-gradient(to right, #c0cdd1 0%, #c0cdd1 2%, #00b1e1 48%, #00b1e1 52%, #c0cdd1 98%, #c0cdd1 100%);
    background-size: 100%;
    left: 0;
}

.container-step-list .step-list .list-item.current:last-of-type .link::after {
    background-image: linear-gradient(to right, #c0cdd1 0%, #00b1e1 96%, #00b1e1 100%);
}

.container-step-list .step-list .list-item.done .link .icon {
    background-color: #91c854;
}

.container-step-list .step-list .list-item.done .link .icon.icon-pencil {
    display: none;
}

.container-step-list .step-list .list-item.done .link .icon.icon-ok {
    display: block;
}

.container-step-list .step-list .list-item.done:first-of-type .link::after {
    background-image: linear-gradient(to right, #91c854 0%, #c0cdd1 96%, #c0cdd1 100%);
}

.container-step-list .step-list .list-item.done:not(:first-of-type):not(:last-of-type) .link::after {
    background-image: linear-gradient(to right, #c0cdd1 0%, #c0cdd1 2%, #91c854 48%, #91c854 52%, #c0cdd1 98%, #c0cdd1 100%);
    background-size: 100%;
    left: 0;
}

.container-step-list .step-list .list-item.done:last-of-type .link::after {
    background-image: linear-gradient(to right, #c0cdd1 0%, #91c854 96%, #91c854 100%);
}

.container-step-list .step-list .list-item .number {
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: block;
    border-radius: 50%;
    background-color: #dde4e6;
    margin: 0 auto;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 1px;
    padding-left: 4px;
    color: #c0cdd1;
}

.container-step-list .step-list .list-item .step,
.container-step-list .step-list .list-item .text {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}

.container-step-list .step-list .list-item .step {
    padding-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #dde4e6;
}

.container-step-list .step-list .list-item .text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    padding-top: 5px;
    color: #dde4e6;
}

.container-step-list .step-list .list-item .icon {
    width: 42px;
    height: 42px;
    line-height: 42px;
    display: none;
    border-radius: 50%;
    background-color: #00b1e1;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.faq-group:first-of-type {
    margin-top: 30px;
}

.faq-group:not(:first-of-type) {
    margin-top: 15px;
}

.faq-group .heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
}

.faq {
    padding-top: 15px;
}

.faq:not(:last-of-type) {
    border-bottom: 1px solid #cfd9db;
}

.faq .icon {
    font-size: 25px;
    font-size: 2.5rem;
    vertical-align: baseline;
    margin-right: 10px;
    color: #007fa1;
}

.faq .icon.icon-a {
    font-size: 22px;
    font-size: 2.2rem;
}

.faq .container-icon {
    height: 100%;
    text-align: left;
    padding-right: 5px;
    display: table-cell;
}

.faq .question .heading {
    margin-top: 0;
    margin-bottom: 0;
}

.faq .question .heading a {
    display: table;
    padding-bottom: 10px;
}

.faq .question .heading a::after {
    content: "";
    display: block;
    clear: both;
}

.faq .question .heading a:hover {
    color: #007fa1;
}

.faq .question .heading a:focus {
    color: #007fa1;
}

.faq .text {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    font-weight: normal;
    width: 100%;
    height: 100%;
    display: table-cell;
}

.faq .answer {
    margin-top: 15px;
    display: none;
    padding-bottom: 30px;
    transition: opacity 1s;
    font-size: 14px;
    font-size: 1.4rem;
}

.faq .answer.open, .faq .answer[data-open="true"] {
    display: block;
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

.faq .answer[data-open="false"] {
    display: none;
    animation: fadeOut 0.5s;
    animation-fill-mode: both;
}

/*
 * ======================================================================
 * 個別ページのスタイル
 * ======================================================================
 */
/*
 * ======================================================================
 * ログイン・ユーザー登録など
 * ======================================================================
 */
body.page-simple.page-login #layout > #content .hgroup {
    margin-bottom: 50px;
}

body.page-simple.page-login #layout > #content .hgroup .description {
    text-align: center;
}

body.page-simple #layout {
    padding: 15px 15px 0;
    background-color: #ecf0f1;
}

body.page-simple #layout .form-group .help-block {
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-simple #layout > #content {
    margin: 0 auto;
}

body.page-policy #global-footer,
body.page-simple #global-footer {
    background-color: transparent;
    margin-top: 60px;
    color: #444444;
    height: 75px;
}
body.page-policy #global-footer > .content,
body.page-simple #global-footer > .content {
    height: auto;
}
body.page-policy #global-footer .menu.menu-footer,
body.page-simple #global-footer .menu.menu-footer {
    width: 100%;
    display: flex;
    justify-content: center;
}
body.page-policy #global-footer .menu.menu-footer .menu-item,
body.page-simple #global-footer .menu.menu-footer .menu-item {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
body.page-policy #global-footer .menu.menu-footer .menu-item::after,
body.page-simple #global-footer .menu.menu-footer .menu-item::after {
    color: #444444;
}
body.page-policy #global-footer .menu.menu-footer .menu-item a,
body.page-simple #global-footer .menu.menu-footer .menu-item a {
    color: #444444;
    font-size: 1.4rem;
    transition: color 0.5s;
}
body.page-policy #global-footer .menu.menu-footer .menu-item a:hover,
body.page-simple #global-footer .menu.menu-footer .menu-item a:hover {
    color: #08cbff;
}
@media screen and (max-width: 579px) {
    body.page-policy #global-footer .menu.menu-footer,
    body.page-simple #global-footer .menu.menu-footer {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    body.page-policy #global-footer .menu.menu-footer .menu-item,
    body.page-simple #global-footer .menu.menu-footer .menu-item {
        padding-left: 0;
        width: 45%;
    }
    body.page-policy #global-footer .menu.menu-footer .menu-item,
    body.page-simple #global-footer .menu.menu-footer .menu-item {
        border-bottom: 1px solid #cfd9db;
    }
}
body.page-policy #global-footer .container.container-copyright,
body.page-simple #global-footer .container.container-copyright {
    background-color: transparent;
}
body.page-policy #global-footer .container.container-copyright .copyright,
body.page-simple #global-footer .container.container-copyright .copyright {
    font-size: 1.4rem;
    text-align: center;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 579px) {
    body.page-policy #global-footer .container.container-copyright .copyright .text.all-rights-reserved,
    body.page-simple #global-footer .container.container-copyright .copyright .text.all-rights-reserved {
        display: none;
    }
}

@media only screen and (min-width: 500px) {
    body.page-simple #layout > #content {
        width: 470px;
    }

    body.page-simple #layout > #content > .hgroup {
        margin-top: 120px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 499px) {
    body.page-simple #layout > #content {
        width: 100%;
    }

    body.page-simple #layout > #content > .hgroup {
        margin-top: 50px;
    }

    body.page-simple #layout > #content > .hgroup > .logo img {
        max-width: 90%;
    }
}

body.page-simple #layout > #content .panel {
    margin-bottom: 8px;
}

body.page-simple #layout > #content .description {
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-simple #layout > #content > .hgroup > .logo {
    text-align: center;
    margin-bottom: 0;
}

body.page-simple #layout > #content > .hgroup > .description {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    /*text-align: left;*/
    text-align: center;
}

body.page-simple #layout > #content > .hgroup > .heading {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
    text-align: center;
}

body.page-simple #layout > #content > .hgroup > .page-name {
    font-size: 15.5px;
    font-size: 1.55rem;
    text-align: center;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
}

body.page-simple #layout > #content > .hgroup > .page-name + .description {
    text-align: left;
}

body.page-simple #global-footer {
    background-color: transparent;
    margin-top: 80px;
}

body.page-simple #global-footer .container-copyright {
    border-top: none;
}

body.page-simple #global-footer .container-copyright .copyright {
    color: #444444;
}

body.page-simple #global-footer .container-copyright .copyright .text {
    font-weight: 400;
}

body.page-simple #global-footer .container-copyright .copyright .image {
    color: black;
}

body.page-simple .btn {
    width: 100%;
}

body.page-simple .copyright {
    text-align: center;
}

/*
 * ======================================================================
 * 利用規約など
 * ======================================================================
 */
body.page-term.terms #layout > #content .hgroup {
    margin-bottom: 30px;
}

body.page-term.terms #layout > #content .hgroup .description {
    text-align: center;
    font-size: 1.4em;
}

body.page-term #layout {
    padding: 15px 15px 0;
    background-color: #ecf0f1;
}

body.page-term #layout .form-group .help-block {
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-term #layout > #content {
    margin: 0 auto;
}

@media only screen and (min-width: 500px) {
    body.page-term #layout > #content {
        width: 70%;
    }

    body.page-term #layout > #content > .hgroup {
        margin-top: 30px;
        margin-bottom: 0;
    }

    body.page-term .frame {
        height: 400px;
        width: 100%;
    }
}

@media only screen and (max-width: 499px) {
    body.page-term #layout > #content {
        width: 100%;
    }

    body.page-term #layout > #content > .hgroup {
        margin-top: 30px;
    }

    body.page-term #layout > #content > .hgroup > .logo img {
        max-width: 90%;
    }

    body.page-term .frame {
        height: 300px;
        width: 100%;
    }
}

body.page-term #layout > #content .panel {
    margin-bottom: 8px;
}

body.page-term #layout > #content .description {
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-term #layout > #content > .hgroup > .logo {
    text-align: center;
    margin-bottom: 0;
}

body.page-term #layout > #content > .hgroup > .description {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
    text-align: left;
}

body.page-term #layout > #content > .hgroup > .page-name {
    font-size: 15.5px;
    font-size: 1.55rem;
    text-align: center;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
}

body.page-term #layout > #content > .hgroup > .page-name + .description {
    text-align: left;
}

body.page-term #global-footer {
    background-color: transparent;
    margin-top: 80px;
}

body.page-term #global-footer .container-copyright {
    border-top: none;
}

body.page-term #global-footer .container-copyright .copyright {
    color: #444444;
}

body.page-term #global-footer .container-copyright .copyright .text {
    font-weight: 400;
}

body.page-term #global-footer .container-copyright .copyright .image {
    color: black;
}

body.page-term .btn {
    width: 100%;
}

body.page-term .copyright {
    text-align: center;
}

/*
 * ======================================================================
 * ダッシュボード
 * ======================================================================
 */
body.page-dashboard #main-content > .content {
    padding-top: 30px;
}

body.page-dashboard #main-content > .content .container-widget {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

body.page-dashboard #main-content > .content .container-widget.container-widget-2 {
    justify-content: space-between;
}

body.page-dashboard #main-content > .content .container-widget.container-widget-2 > * {
    width: 50%;
}


body.page-dashboard #main-content > .content .container-widget.container-widget-2 > *:first-child {
    margin-right: 7.5px;
}

body.page-dashboard #main-content > .content .container-widget.container-widget-2 > *:last-child {
    margin-left: 7.5px;
}

/*body.page-dashboard #main-content > .content .container-widget::after {
    content: "";
    display: block;
    clear: both;
}*/

body.page-dashboard #main-content > .content .panel {
    width: 100%;
    margin-bottom: 15px;
}

/*body.page-dashboard #main-content > .content .panel:first-of-type {
    margin-right: 15px;
    float: left;
}

body.page-dashboard #main-content > .content .panel:last-of-type {
    float: right;
}*/

@media only screen and (max-width: 1099px) {
    /*body.page-dashboard #main-content > .content .panel:not(#slides) {
        width: 49%;
    }*/
    body.page-dashboard #main-content > .content .container-widget.container-widget-2 {
        flex-direction: column;
    }
    body.page-dashboard #main-content > .content .container-widget.container-widget-2 > * {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

body.page-dashboard #main-content > .content .panel > .panel-toolbar .tool-unreaded-only {
    float: right;
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-dashboard #main-content > .content .panel > .panel-body {
    min-height: 250px;
}

body.page-dashboard #main-content > .content .panel .menu.menu-news .menu-item {
    margin-bottom: 5px;
}

body.page-dashboard #main-content > .content .panel .menu.menu-news .menu-item .post-date {
    width: 100%;
}

body.page-dashboard #main-content > .content .panel .menu.menu-news .menu-item .post-title {
    width: 100%;
}

/*
 * ======================================================================
 * お知らせ一覧
 * ======================================================================
 */
body.page-news #main-content > .content .menu.menu-news,
body.pane-safety #main-content > .content .menu.menu-news {
    margin-top: 30px;
}

@media only screen and (max-width: 850px) {
    body.page-news #main-content > .content .menu-news .menu-item,
    body.pane-safety #main-content > .content .menu-news .menu-item {
        margin-bottom: 5px;
    }

    body.page-news #main-content > .content .menu-news .menu-item .post-date,
    body.pane-safety #main-content > .content .menu-news .menu-item .post-date {
        width: 100%;
    }

    body.page-news #main-content > .content .menu-news .menu-item .post-title,
    body.pane-safety #main-content > .content .menu-news .menu-item .post-title {
        width: 100%;
    }
}

/* 詳細ページ */
/*
 * ======================================================================
 * お問い合わせ
 * ======================================================================
 */
body.page-help .panel.panel-contact-address .container.container-contact-info {
    width: 100%;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info {
    padding: 15px 15px 15px 0;
    font-size: 25px;
    font-size: 2.5rem;
    border-top: 1px solid #cfd9db;
    border-right: 1px solid #cfd9db;
    border-left: 1px solid #cfd9db;
    margin-top: 0;
    margin-bottom: 0;
    display: table;
    width: 100%;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info a:hover {
    color: #007fa1;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info:first-of-type {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info:last-of-type {
    border-bottom: 1px solid #cfd9db;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-icon {
    height: 100%;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-icon .icon {
    color: #007fa1;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .contact {
    margin-top: 0;
    margin-bottom: 5px;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .contact-title {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .contact-value {
    display: inline;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .contact-value.contact-value-form {
    font-size: 22px;
    font-size: 2.2rem;
}

body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info .description {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 5px;
}

@media only screen and (max-width: 400px) {
    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .contact-value.contact-value-mail {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 850px) {
    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info {
        display: block;
        padding-top: 0;
        padding-left: 15px;
        text-align: center;
    }

    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-icon,
    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info {
        width: 100%;
    }

    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-info {
        display: table;
    }

    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-icon {
        display: table;
    }

    body.page-help .panel.panel-contact-address .container.container-contact-info .contact-info .container-icon .icon {
        padding-top: 30px;
        padding-bottom: 30px;
        display: table-cell;
        vertical-align: middle;
        font-size: 50px;
        font-size: 5rem;
    }
}

/*
 * ======================================================================
 * 申込状況確認
 * ======================================================================
 */
body.page-status .panel-toolbar {
    padding-top: 20px;
}

body.page-status .panel-toolbar .tool .btn {
    margin: 0 auto;
    min-width: 200px;
}

@media only screen and (max-width: 1100px) {
    body.page-status .panel-toolbar .tool .btn {
        width: 50%;
    }
}

@media only screen and (max-width: 850px) {
    body.page-status .panel-toolbar .tool .btn {
        width: 100%;
    }
}

body.page-status .panel-toolbar .tool-search > .container {
    width: 100%;
    display: table;
}

body.page-status .panel-toolbar .tool-search > .container > .container-search {
    /*border-right: 1px solid #cfd9db;
    padding-right: 15px;*/
    display: table-cell;
}

body.page-status .panel-toolbar .tool-search > .container > .container-search .container-error {
    margin-top: -15px;
}

body.page-status .panel-toolbar .tool-search > .container > .container-search .container-error .help-block {
    font-size: 13px;
    font-size: 1.3rem;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary {
    vertical-align: top;
    padding-left: 15px;
    display: table-cell;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary > .heading {
    text-align: left;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c0cdd1;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-title {
    font-weight: normal;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-description {
    margin-left: 0;
}

body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-description::after {
    content: "件";
}

body.page-status .panel-toolbar .tool-sort.tool-for-mobile {
    display: none;
}

body.page-status .panel-toolbar .container-wavy {
    text-align: center;
    vertical-align: middle;
    padding-top: 25px;
    padding-right: 5px;
    padding-left: 5px;
}

body.page-status .panel-toolbar .container-wavy .wavy {
    font-size: 18px;
    font-size: 1.8rem;
}

body.page-status .panel-toolbar .container-checkbox > .control-label {
    font-size: 15px;
    font-size: 1.5rem;
}

body.page-status .panel-toolbar .container-checkbox .form-group {
    margin-top: 5px;
}

body.page-status .panel-toolbar .container-checkbox .form-group > .custom-checkbox {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

body.page-status .table-functional .app-date,
body.page-status .table-functional .wish-date {
    width: 100px;
    text-align: center;
}

body.page-status .table-functional .type {
    width: 120px;
}

body.page-status .table-functional .status {
    width: 120px;
}

body.page-status .table-functional .cancel {
    text-align: center;
    width: 110px;
}

@media only screen and (max-width: 700px) {
    body.page-status .panel-toolbar .tool-search > .container {
        display: block;
        width: 100%;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-search,
    body.page-status .panel-toolbar .tool-search > .container > .container-summary {
        display: table;
        width: 100%;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-search {
        border-right: 0;
        padding-right: 0;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-summary {
        padding-left: 0;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary {
        margin-top: 50px;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary .definition {
        display: table-cell;
        width: 1%;
        border-bottom: 0;
    }

    body.page-status .panel-toolbar .tool-search > .container > .container-summary .status-summary .definition:not(:first-of-type) {
        padding-left: 15px;
        border-left: 1px solid #cfd9db;
    }

    body.page-status .panel-toolbar .container-checkbox .form-group > .checkbox {
        margin-top: 15px;
        width: 100%;
    }

    body.page-status .container.container-percent > .container.container-47 {
        width: 35%;
    }
}

@media only screen and (max-width: 1100px) {
    body.page-status .panel-toolbar {
        display: block;
        background-color: #f8f8f8;
    }

    body.page-status .panel-toolbar .tool-sort.tool-for-mobile {
        display: block;
    }
}

/*
 * ======================================================================
 * ユーザー管理
 * ======================================================================
 */
body.page-users .panel-header .heading .company {
    width: 100%;
    float: left;
}

body.page-users .panel-header .heading .company-code {
    width: 100%;
    float: left;
    vertical-align: middle;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 3px;
}

body.page-users .panel-header .heading .company-code::before {
    content: "得意先コード：";
}

body.page-users .table-functional th.user-id {
    width: 120px;
}

body.page-users .table-functional td.status {
    text-align: center;
}

body.page-users .table-functional td.status.enabled-false {
    color: #ed5466;
}

body.page-users .panel-toolbar {
    display: none;
    height: auto;
}

@media only screen and (max-width: 1100px) {
    body.page-users .panel-toolbar {
        display: block;
        background-color: #f8f8f8;
    }

    body.page-users .panel-toolbar .tool .form > .container {
        margin-bottom: 20px;
    }
}

/*
 * ======================================================================
 * レンタルメニュー　レンタル発注
 * ======================================================================
 */
body.page-step1 #main-content [data-step],
body.page-step3 #main-content [data-step] {
    height: 100%;
}

body.page-step1 #main-content .form-group .control-label,
body.page-step3 #main-content .form-group .control-label {
    width: 100%;
}

body.page-step1 #main-content .form-wizard,
body.page-step3 #main-content .form-wizard {
    padding-top: 15px;
}

body.page-step1 #main-content .active,
body.page-step1 #main-content [data-active=true],
body.page-step3 #main-content .active,
body.page-step3 #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-step1 #main-content [data-active=false],
body.page-step3 #main-content [data-active=false] {
    display: none;
}

body.page-step1 #main-content .btn-next,
body.page-step3 #main-content .btn-next {
    width: 100%;
}

body.page-step1 #main-content .btn-next.btn-success,
body.page-step3 #main-content .btn-next.btn-success {
    color: white;
}

body.page-step1 #main-content .btn-next.btn-success .icon-up-open,
body.page-step3 #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-step1 #main-content .btn-next.btn-success .icon-down-open,
body.page-step3 #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-step1 #main-content .btn-next.btn-warning,
body.page-step3 #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-step1 #main-content .btn-next.btn-warning .icon-up-open,
body.page-step3 #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-step1 #main-content .btn-next.btn-warning .icon-down-open,
body.page-step3 #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-step1 #main-content .form-group-heading:first-of-type,
body.page-step3 #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-step1 #main-content .datalist .fullname::before,
body.page-step3 #main-content .datalist .fullname::before {
    content: "　";
}

body.page-step1 #main-content .datalist .fullname::after,
body.page-step3 #main-content .datalist .fullname::after {
    content: "　";
}

body.page-step1 .menu-rental .menu-item,
body.page-step3 .menu-rental .menu-item {
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
}

body.page-step1 .menu-rental .menu-item a,
body.page-step3 .menu-rental .menu-item a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    cursor: pointer;
    text-align: left;
    background-color: #ecf0f1;
    border-color: #cfd9db;
}

body.page-step1 .menu-rental .menu-item a:first-of-type,
body.page-step3 .menu-rental .menu-item a:first-of-type {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

body.page-step1 .menu-rental .menu-item a:last-of-type,
body.page-step3 .menu-rental .menu-item a:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

body.page-step1 .menu-rental .menu-item a:hover, body.page-step1 .menu-rental .menu-item a:focus,
body.page-step3 .menu-rental .menu-item a:hover,
body.page-step3 .menu-rental .menu-item a:focus {
    background-color: #dde4e6;
    border-color: #c0cdd1;
}

@media only screen and (max-width: 850px) {
    body.page-step2 > .scroller,
    body.page-step3 > .scroller {
        display: none;
    }
}

body.page-step2 #table-cart[data-cart-empty=true] + .panel-footer button[type=button],
body.page-step3 #table-cart[data-cart-empty=true] + .panel-footer button[type=button] {
    display: block;
}

body.page-step2 #table-cart[data-cart-empty=true] + .panel-footer button[type=submit],
body.page-step3 #table-cart[data-cart-empty=true] + .panel-footer button[type=submit] {
    display: none;
}

body.page-step2 #table-cart[data-cart-empty=false] + .panel-footer button[type=button],
body.page-step3 #table-cart[data-cart-empty=false] + .panel-footer button[type=button] {
    display: none;
}

body.page-step2 #table-cart[data-cart-empty=false] + .panel-footer button[type=submit],
body.page-step3 #table-cart[data-cart-empty=false] + .panel-footer button[type=submit] {
    display: block;
}

body.page-step2 #table-cart thead th.product-number,
body.page-step3 #table-cart thead th.product-number {
    width: 95px;
}

body.page-step2 #table-cart thead th.product-category,
body.page-step3 #table-cart thead th.product-category {
    width: 160px;
}

body.page-step2 #table-cart thead th.product-related,
body.page-step3 #table-cart thead th.product-related {
    width: 100px;
}

body.page-step2 #table-cart thead th.action,
body.page-step3 #table-cart thead th.action {
    text-align: right;
}

body.page-step2 #table-cart thead th.product-delete,
body.page-step3 #table-cart thead th.product-delete {
    width: 65px;
}

body.page-step2 #table-cart tbody td.product-number,
body.page-step3 #table-cart tbody td.product-number {
    text-align: center;
}

body.page-step2 #table-cart tbody td.product-category,
body.page-step3 #table-cart tbody td.product-category {
    text-align: center;
}

body.page-step2 #table-cart tbody td.product-related a,
body.page-step3 #table-cart tbody td.product-related a {
    color: #007fa1;
    transition: all .5s;
    display: block;
    width: 100%;
    height: 100%;
}

body.page-step2 #table-cart tbody tr:not([data-related-visible]) td.product-related .menu-item-related,
body.page-step2 #table-cart tbody tr[data-related-visible='false'] td.product-related .menu-item-related {
    display: none;
}

body.page-step2 #table-cart tbody td.action,
body.page-step3 #table-cart tbody td.action {
    border-right: 0;
}

body.page-step2 #table-cart tbody td.product-delete,
body.page-step3 #table-cart tbody td.product-delete {
    width: 45px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

body.page-step2 #table-cart tbody td.product-delete .text.for-mobile,
body.page-step3 #table-cart tbody td.product-delete .text.for-mobile {
    display: none;
}

body.page-step2 #table-cart[data-cart-empty=true] tbody tr.no-data,
body.page-step3 #table-cart[data-cart-empty=true] tbody tr.no-data {
    display: table-row;
}

body.page-step2 #table-cart[data-cart-empty=true] tbody tr.no-data td,
body.page-step3 #table-cart[data-cart-empty=true] tbody tr.no-data td {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media only screen and (max-width: 1100px) {
    body.page-step2 #table-cart[data-cart-empty=true] tbody tr.no-data,
    body.page-step3 #table-cart[data-cart-empty=true] tbody tr.no-data {
        display: block;
    }
}

body.page-step2 #table-cart[data-cart-empty=false] tbody tr.no-data,
body.page-step3 #table-cart[data-cart-empty=false] tbody tr.no-data {
    display: none;
}

@media only screen and (max-width: 1100px) {
    body.page-step2 #table-cart tbody td.product-name::before,
    body.page-step3 #table-cart tbody td.product-name::before {
        width: 100%;
        margin-bottom: 3px;
    }

    body.page-step2 #table-cart tbody td.product-name .icon,
    body.page-step3 #table-cart tbody td.product-name .icon {
        display: none;
    }

    body.page-step2 #table-cart tbody td.action::after,
    body.page-step3 #table-cart tbody td.action::after {
        content: "";
        display: block;
        clear: both;
    }

    body.page-step2 #table-cart tbody td.action .form-group,
    body.page-step3 #table-cart tbody td.action .form-group {
        margin-top: 10px;
    }

    body.page-step2 #table-cart tbody td.product-delete,
    body.page-step3 #table-cart tbody td.product-delete {
        padding: 0 15px 15px 15px;
    }

    body.page-step2 #table-cart tbody td.product-delete .btn,
    body.page-step3 #table-cart tbody td.product-delete .btn {
        width: 100%;
        border-radius: 4px;
        text-align: center;
    }

    body.page-step2 #table-cart tbody td.product-delete .btn .icon,
    body.page-step3 #table-cart tbody td.product-delete .btn .icon {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body.page-step2 #table-cart tbody td.product-delete .btn .text.for-mobile,
    body.page-step3 #table-cart tbody td.product-delete .btn .text.for-mobile {
        display: inline;
    }
}

body.page-step3 #main-content .btn-back {
    display: inline-block;
}

body.page-step3 #main-content .btn-back:hover {
    color: #444444;
}

body.page-step3 #main-content #table-cart {
    border-right: 1px solid #cfd9db;
    border-left: 1px solid #cfd9db;
    border-bottom: 1px solid #cfd9db;
}

@media only screen and (max-width: 1100px) {
    body.page-step3 #main-content #table-cart {
        border-top: none;
    }
}

body.page-step3 #main-content .form-group-container:last-of-type > .form-group:last-child {
    margin-top: 50px;
}

body.page-catalog .panel.panel-product .table-functional tbody tr[data-stock-status="none"] td.action .btn,
body.page-favorite .panel.panel-product .table-functional tbody tr[data-stock-status="none"] td.action .btn {
    display: table-cell;
}

/*
 * ======================================================================
 * レンタルメニュー　預け稼働　
 * ======================================================================
 */
body.page-rental-start #main-content [data-step] {
    height: 100%;
}

body.page-rental-start #main-content .form-group .control-label {
    width: 100%;
}

body.page-rental-start #main-content .form-wizard {
    padding-top: 15px;
}

body.page-rental-start #main-content .active,
body.page-rental-start #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-rental-start #main-content [data-active=false] {
    display: none;
}

body.page-rental-start #main-content .btn-next {
    width: 100%;
}

body.page-rental-start #main-content .btn-next.btn-success {
    color: white;
}

body.page-rental-start #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-rental-start #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-rental-start #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-rental-start #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-rental-start #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-rental-start #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-rental-start #main-content .datalist .fullname::before {
    content: "　";
}

body.page-rental-start #main-content .datalist .fullname::after {
    content: "　";
}

/*
 * ======================================================================
 * レンタルメニュー　返却連絡　
 * ======================================================================
 */
body.page-rental-return #main-content [data-step] {
    height: 100%;
}

body.page-rental-return #main-content .form-group .control-label {
    width: 100%;
}

body.page-rental-return #main-content .form-wizard {
    padding-top: 15px;
}

body.page-rental-return #main-content .active,
body.page-rental-return #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-rental-return #main-content [data-active=false] {
    display: none;
}

body.page-rental-return #main-content .btn-next {
    width: 100%;
}

body.page-rental-return #main-content .btn-next.btn-success {
    color: white;
}

body.page-rental-return #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-rental-return #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-rental-return #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-rental-return #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-rental-return #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-rental-return #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-rental-return #main-content .datalist .fullname::before {
    content: "　";
}

body.page-rental-return #main-content .datalist .fullname::after {
    content: "　";
}

/*
 * ======================================================================
 * レンタルメニュー　キャンセル　
 * ======================================================================
 */
body.page-rental-cancel #main-content [data-step] {
    height: 100%;
}

body.page-rental-cancel #main-content .form-group .control-label {
    width: 100%;
}

body.page-rental-cancel #main-content .form-wizard {
    padding-top: 15px;
}

body.page-rental-cancel #main-content .active,
body.page-rental-cancel #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-rental-cancel #main-content [data-active=false] {
    display: none;
}

body.page-rental-cancel #main-content .btn-next {
    width: 100%;
}

body.page-rental-cancel #main-content .btn-next.btn-success {
    color: white;
}

body.page-rental-cancel #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-rental-cancel #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-rental-cancel #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-rental-cancel #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-rental-cancel #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-rental-cancel #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-rental-cancel #main-content .datalist .fullname::before {
    content: "　";
}

body.page-rental-cancel #main-content .datalist .fullname::after {
    content: "　";
}

/*
 * ======================================================================
 * レンタルメニュー　保留開始　
 * ======================================================================
 */
body.page-rental-suspend #main-content [data-step] {
    height: 100%;
}

body.page-rental-suspend #main-content .form-group .control-label {
    width: 100%;
}

body.page-rental-suspend #main-content .form-wizard {
    padding-top: 15px;
}

body.page-rental-suspend #main-content .active,
body.page-rental-suspend #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-rental-suspend #main-content [data-active=false] {
    display: none;
}

body.page-rental-suspend #main-content .btn-next {
    width: 100%;
}

body.page-rental-suspend #main-content .btn-next.btn-success {
    color: white;
}

body.page-rental-suspend #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-rental-suspend #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-rental-suspend #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-rental-suspend #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-rental-suspend #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-rental-suspend #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-rental-suspend #main-content .datalist .fullname::before {
    content: "　";
}

body.page-rental-suspend #main-content .datalist .fullname::after {
    content: "　";
}

/*
 * ======================================================================
 * レンタルメニュー　保留終了　
 * ======================================================================
 */
body.page-rental-resume #main-content [data-step] {
    height: 100%;
}

body.page-rental-resume #main-content .form-group .control-label {
    width: 100%;
}

body.page-rental-resume #main-content .form-wizard {
    padding-top: 15px;
}

body.page-rental-resume #main-content .active,
body.page-rental-resume #main-content [data-active=true] {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
}

body.page-rental-resume #main-content [data-active=false] {
    display: none;
}

body.page-rental-resume #main-content .btn-next {
    width: 100%;
}

body.page-rental-resume #main-content .btn-next.btn-success {
    color: white;
}

body.page-rental-resume #main-content .btn-next.btn-success .icon-up-open {
    display: none;
}

body.page-rental-resume #main-content .btn-next.btn-success .icon-down-open {
    display: inline;
}

body.page-rental-resume #main-content .btn-next.btn-warning {
    color: #444444;
}

body.page-rental-resume #main-content .btn-next.btn-warning .icon-up-open {
    display: inline;
}

body.page-rental-resume #main-content .btn-next.btn-warning .icon-down-open {
    display: none;
}

body.page-rental-resume #main-content .form-group-heading:first-of-type {
    border-top: 0;
}

body.page-rental-resume #main-content .datalist .fullname::before {
    content: "　";
}

body.page-rental-resume #main-content .datalist .fullname::after {
    content: "　";
}

/*
* =====================================================================
* KISC専用
* ======================================================================
*/
/*ボタン青*/
.btn-flat-border {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #ffffff;
    background: #007fa1;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    line-height: 20px;
}

.btn-flat-border_fat {
    display: inline-block;
    padding: 1.5em 2em;
    text-decoration: none;
    color: #ffffff;
    background: #007fa1;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    line-height: 20px;
}

.btn-flat-border:hover {
    background: #006f91;
}

/*ボタン赤*/
.btn-flat-border_r {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #ffffff;
    background: #c20000;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    line-height: 20px;
}

.btn-flat-border_r:hover {
    background: #a50000;
}

/*ボタン緑*/
.btn-flat-border_g {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #ffffff;
    background: #91c854;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    line-height: 20px;
}

/*ボタングレー*/
.btn-flat-border_gy {
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #6f6f6f;
    background: #f0f0f0;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    line-height: 20px;
}

.btn-flat-border_g:hover {
    background: #609a2e;
}

/*テキスト*/
.text-1 {
    font-size: 1.5rem;
    color: #000000;
    text-indent: 1em;
    word-wrap: break-word;
}

.text-2 {
    font-size: 1.5rem;
    color: #000000;
    padding-bottom: 0.5em;
    word-wrap: break-word;
}

/*テーブル 画面サイズで縦横切替*/
@media only screen and (min-width: 800px) {
    table.s-tbl1 tr td, table tr th {
        padding-right: 2em;
    }
}

@media only screen and (max-width: 800px) {
    table.s-tbl1 {
        width: 100%;
    }

    table.s-tbl1 tr {
        display: block;
        float: left;
    }

    table.s-tbl1 tr td, table tr th {
        display: block;
        padding-right: 2em;
    }

    table.s-tbl1 thead {
        display: block;
        float: left;
    }

    table.s-tbl1 tbody {
        display: block;
        float: left;
    }
}

/*余白*/
.margin-top1 {
    margin-top: 0.5em;
}

.margin-left1 {
    margin-left: 0.5em;
}

.margin-right1 {
    margin-right: 0.5em;
}

.margin-bottom1 {
    margin-bottom: 1.5em;
}

.margin-top2 {
    margin-top: 1.5em;
}

.margin-left2 {
    margin-left: 1.5em;
}

.margin-right2 {
    margin-right: 1.5em;
}

.margin-bottom2 {
    margin-bottom: 1.5em;
}

.margin-bottom3 {
    margin-bottom: 2em;
}

/*フォントヘッダーサイズ*/
.fonthead {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
}

/*ラベルON*/
.label-1 {
    background: #ff0000;
    border-radius: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    padding: 5px 8px;
    white-space: nowrap;
}

/*ラベルOFF*/
.label-0 {
    background: #ffffff;
    border-radius: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #ffffff;
    padding: 5px 8px;
    white-space: nowrap;
}

.form-control_kisc {
    display: block;
    width: 100%;
    background-color: white;
    box-shadow: none;
    border: 1px solid #cfd9db;
    line-height: normal;
    border-radius: 4px;
    padding: 8px 10px;
    height: 46px;
    font-size: 15px;
    font-size: 1.5rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:not([type=radio]) {
    appearance: none;
    -webkit-appearance: none;
}

.form-control[type=text], .form-control[type=password], .form-control[type=email], .form-control[type=date] {
    line-height: 2;
}

.form-control.form-control-select {
    height: 46px;
}

.form-control.form-control-select optgroup {
    font-style: normal;
}

.form-control.form-control-radio {
    width: 17px;
    height: 17px;
    margin-top: 0;
    margin-bottom: 0;
    color: #007fa1;
    vertical-align: middle;
}

.form-control.form-control-radio + .text {
    vertical-align: middle;
}

.form-control.form-control-textarea.form-control-textarea-middle {
    min-height: 100px;
}

.form-control.form-control-textarea.form-control-textarea-large {
    min-height: 200px;
}

.form-control.form-control-middle {
    padding: 6px 10px;
    height: 40px !important;
    line-height: 1.2;
}

.form-control.form-control-small {
    padding: 7px 8px 4px 8px;
    height: 36px !important;
    line-height: 1.4;
    font-size: 14px;
    font-size: 1.4rem;
}

.form-control.form-control-disabled, .form .form-group .container-radio.container-radio-disabled, .form .form-group .container-radio.container-radio-disabled, .form-control.form-control-readonly {
    background-color: #f8f8f8;
    -webkit-text-fill-color: #444444;
    opacity: 1;
    cursor: not-allowed;
}

.form-control.focus, .form-control:not([readonly]):focus {
    border-color: #00b1e1;
    outline: none;
}

.form-control.form-control-error {
    border: 1px solid #ed5466;
}

.form-control.with-suggest-active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-control:invalid {
    outline: none;
}

/*
 * ======================================================================
 * メニューなし画面用
 * ======================================================================
 */
body.non-menu {
    margin: 20px auto;
    padding: 0px;
    max-width: 800px;
    min-width: 200px;
}

body.non-menu .content .panel .panel-footer .logo {
    text-align: center;
}

@media screen and (max-width: 579px) {
    body.non-menu .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.border-top_1 {
    /*border-top: solid #cfd9db;
    border-width: 1px;*/
}

/*グローバルフッター*/
#global-footer-non-menu {
    width: 100%;
    height: 130px;
    background-color: #007fa1;
    color: white;
    position: relative;
}

#global-footer-non-menu .container-copyright {
    width: 100%;
    border-top: 0.5px solid white;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
}

#global-footer-non-menu .container-copyright .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    display: table;
    margin: 0 auto;
}

#global-footer-non-menu .container-copyright .copyright > * {
    display: table-cell;
    vertical-align: middle;
}

#global-footer-non-menu .container-copyright .copyright > .text {
    font-weight: 600;
}

#global-footer-non-menu .container-copyright .copyright > .link {
    padding-right: 3px;
    padding-left: 3px;
}

#global-footer-non-menu .container-copyright .copyright .year {
    padding-left: 5px;
}

#global-footer-non-menu > .content {
    display: table;
    width: 100%;
    padding: 25px 15px 25px 0;
}

#global-footer-non-menu > .content a {
    color: white;
}

#global-footer-non-menu > .content a:hover, #global-footer-non-menu > .content a:focus, #global-footer-non-menu > .content a:active {
    color: #08cbff;
    outline: 0;
    text-decoration: none;
}

@media only screen and (min-width: 851px) {
    #global-footer-non-menu .content .container-logo {
        width: 240px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    #global-footer-non-menu .content .container-logo > .logo {
        margin: 0 auto;
        display: inline-block;
    }

    #global-footer-non-menu .content .container-logo > .logo > .description {
        margin-top: 3px;
        display: inline-block;
    }

    #global-footer-non-menu .content .container-menus {
        display: table-cell;
    }

    #global-footer-non-menu .content .container-menus > .container-menu {
        float: left;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 12px;
        border-left: 1px solid white;
        width: 33%;
    }
}

@media only screen and (min-width: 621px) and (max-width: 850px) {
    #global-footer-non-menu {
        height: auto;
    }

    #global-footer-non-menu .content {
        display: block;
        padding-left: 15px;
    }

    #global-footer-non-menu .content .container-logo,
    #global-footer-non-menu .content .container-menus {
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    #global-footer-non-menu .content .container-logo > .container-menu,
    #global-footer-non-menu .content .container-menus > .container-menu {
        float: left;
        padding-top: 5px;
        padding-left: 12px;
        border-left: 1px solid white;
        width: 33%;
    }

    #global-footer-non-menu .content .container-logo > .container-menu:first-of-type,
    #global-footer-non-menu .content .container-menus > .container-menu:first-of-type {
        padding-left: 0;
        border-left: 0;
    }

    #global-footer-non-menu .content .container-logo {
        padding-bottom: 10px;
    }

    #global-footer-non-menu .content .container-logo > .logo {
        float: left;
        padding-left: 5px;
    }

    #global-footer-non-menu .content .container-logo > .logo > .description {
        margin-top: 3px;
    }

    #global-footer-non-menu .content .container-menus {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 620px) {
    #global-footer-non-menu {
        height: auto;
    }

    #global-footer-non-menu .content {
        padding-left: 15px;
        padding-bottom: 0;
    }

    #global-footer-non-menu .content .container-logo {
        width: 100%;
        display: block;
        text-align: center;
    }

    #global-footer-non-menu .content .container-logo > .logo > .description {
        margin-top: 3px;
    }

    #global-footer-non-menu .content .container-menus {
        width: 100%;
        display: block;
        padding-top: 20px;
    }

    #global-footer-non-menu .content .container-menus .container-menu {
        width: 100%;
        display: block;
        border-left: 0;
        padding-left: 0;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu-item .text.text-parent-menu {
        display: block;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu-item a {
        border-bottom: 0.5px dotted white;
        display: block;
        padding-top: 4px;
        padding-bottom: 10px;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu-item form {
        border-bottom: 0.5px dotted white;
        display: block;
        padding-top: 5px;
        padding-bottom: 4px;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu-item form .btn {
        font-weight: bold;
    }

    #global-footer-non-menu .content .container-menus .container-menu .menu .menu-item {
        font-weight: 800;
    }

    #global-footer-non-menu .content .container-menus .container-menu .submenu {
        margin-left: 10px;
    }

    #global-footer-non-menu .content .container-menus .container-menu .submenu .menu-item {
        font-weight: 500;
    }

    #global-footer-non-menu .container-copyright {
        padding: 15px 15px 20px;
        border-top: 0;
    }
}

@media only screen and (max-width: 400px) {
    #global-footer-non-menu .container-copyright .copyright .all-rights-reserved {
        display: none;
    }
}

/*
 * ======================================================================
 * 申込状況確認(KISC調整)
 * ======================================================================
 */
body.page-status_n .panel-toolbar {
    padding-top: 20px;
}

body.page-status_n .panel-toolbar .tool .btn {
    margin: 0 auto;
    min-width: 200px;
}

@media only screen and (max-width: 1100px) {
    body.page-status_n .panel-toolbar .tool .btn {
        width: 50%;
    }
}

@media only screen and (max-width: 850px) {
    body.page-status_n .panel-toolbar .tool .btn {
        width: 100%;
    }
}

body.page-status_n .panel-toolbar .tool-search > .container {
    width: 100%;
    display: table;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-search {
    border-right: 1px solid #cfd9db;
    padding-right: 15px;
    display: table-cell;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-search .container-error {
    margin-top: -15px;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-search .container-error .help-block {
    font-size: 13px;
    font-size: 1.3rem;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary {
    vertical-align: top;
    padding-left: 15px;
    display: table-cell;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary > .heading {
    text-align: left;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c0cdd1;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-title {
    font-weight: normal;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-description {
    margin-left: 0;
}

body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary > .definition .definition-description::after {
    content: "件";
}

body.page-status_n .panel-toolbar .tool-sort.tool-for-mobile {
    display: none;
}

body.page-status_n .panel-toolbar .container-wavy {
    text-align: center;
    vertical-align: middle;
    padding-top: 25px;
    padding-right: 5px;
    padding-left: 5px;
}

body.page-status_n .panel-toolbar .container-wavy .wavy {
    font-size: 18px;
    font-size: 1.8rem;
}

body.page-status_n .panel-toolbar .container-checkbox > .control-label {
    font-size: 15px;
    font-size: 1.5rem;
}

body.page-status_n .panel-toolbar .container-checkbox .form-group {
    margin-top: 5px;
}

body.page-status_n .panel-toolbar .container-checkbox .form-group > .custom-checkbox {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

body.page-status_n .table-functional .app-date,
body.page-status_n .table-functional .wish-date {
    width: 100px;
    text-align: center;
}

body.page-status_n .table-functional .type {
    width: 120px;
}

body.page-status_n .table-functional .status {
    width: 120px;
}

body.page-status_n .table-functional .cancel {
    text-align: center;
    width: 110px;
}

@media only screen and (max-width: 700px) {
    body.page-status_n .panel-toolbar .tool-search > .container {
        display: block;
        width: 100%;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-search,
    body.page-status_n .panel-toolbar .tool-search > .container > .container-summary {
        display: table;
        width: 100%;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-search {
        border-right: 0;
        padding-right: 0;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-summary {
        padding-left: 0;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary {
        margin-top: 50px;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary .definition {
        display: table-cell;
        width: 1%;
        border-bottom: 0;
    }

    body.page-status_n .panel-toolbar .tool-search > .container > .container-summary .status-summary .definition:not(:first-of-type) {
        padding-left: 15px;
        border-left: 1px solid #cfd9db;
    }

    body.page-status_n .panel-toolbar .container-checkbox .form-group > .checkbox {
        margin-top: 15px;
        width: 100%;
    }

    body.page-status_n .container.container-percent > .container.container-47 {
        width: 35%;
    }
}

@media only screen and (max-width: 1100px) {
    body.page-status_n .panel-toolbar {
        display: block;
        background-color: #f8f8f8;
    }

    body.page-status_n .panel-toolbar .tool-sort.tool-for-mobile {
        display: block;
    }
}

/*
 * ======================================================================
 * datepicker
 * ======================================================================
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #77d5f7;
}

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: #2191c0 url("images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;
    color: #eaf5f7;
    font-weight: bold;
}

.ui-widget-header a {
    color: #eaf5f7;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #77d5f7;
    background: #0078ae url("images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #448dae;
    background: #79c9ec url("images/ui-bg_glass_75_79c9ec_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #026890;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #026890;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #acdd4a;
    background: #6eac2c url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #acdd4a;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcd113;
    background: #f8da4e url("images/ui-bg_glass_55_f8da4e_1x400.png") 50% 50% repeat-x;
    color: #915608;
}

.ui-state-checked {
    border: 1px solid #fcd113;
    background: #f8da4e;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #915608;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #e14f1c url("images/ui-bg_gloss-wave_45_e14f1c_500x100.png") 50% top repeat-x;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_0078ae_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_d8e7f3_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_056b93_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_f5e175_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_f7a50d_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_fcd113_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_e0fdff_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 5px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 5px 5px 0px #999999;
    box-shadow: 5px 5px 0px #999999;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    background-color: #ecf0f1;
    padding: 0;
    margin: 0;
    font-family: Helvetica, Arial, Noto Sans JP, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    color: #444444;
    min-height: 100%;
    height: 100%;
    height: auto !important;
    position: relative;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

body.mobile-sidebar #layout {
    overflow: hidden;
}

body.mobile-sidebar #global-footer {
    display: none;
}

body:not(.mobile-sidebar) {
    scroll-behavior: smooth;
}

html {
    font-size: 62.5%;
    letter-spacing: 0.1px;
    height: auto;
}

html.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

html.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

#layout {
    animation: fadeIn 0.5s;
    animation-fill-mode: both;
    min-height: 100%;
    height: 100%;
}

#layout::after {
    content: "";
    display: block;
    clear: both;
}

#layout > .container {
    height: 100%;
}

ul {
    padding-left: 0;
    list-style: none;
}

.text-muted, #global-header .container.container-profile .profile .user-id, #global-header .container.container-profile .profile .user-id .link {
    color: #a2a2a2;
}

a {
    color: #444444;
    text-decoration: none;
    outline: none;
}

a:not([disabled]):hover, a:not([disabled]):focus, a:not([disabled]):active {
    color: #08cbff;
    outline: 0;
    text-decoration: none;
}

.link {
    color: #007fa1;
}

.text-danger {
    color: #ed5466;
}

.container::after {
    content: "";
    display: block;
    clear: both;
}

.container.container-percent {
    display: table;
    width: 100%;
}

.container.container-percent .container.container-1 {
    display: table-cell;
    width: 1%;
}

.container.container-percent .container.container-2 {
    display: table-cell;
    width: 2%;
}

.container.container-percent .container.container-3 {
    display: table-cell;
    width: 3%;
}

.container.container-percent .container.container-4 {
    display: table-cell;
    width: 4%;
}

.container.container-percent .container.container-5 {
    display: table-cell;
    width: 5%;
}

.container.container-percent .container.container-6 {
    display: table-cell;
    width: 6%;
}

.container.container-percent .container.container-7 {
    display: table-cell;
    width: 7%;
}

.container.container-percent .container.container-8 {
    display: table-cell;
    width: 8%;
}

.container.container-percent .container.container-9 {
    display: table-cell;
    width: 9%;
}

.container.container-percent .container.container-10 {
    display: table-cell;
    width: 10%;
}

.container.container-percent .container.container-11 {
    display: table-cell;
    width: 11%;
}

.container.container-percent .container.container-12 {
    display: table-cell;
    width: 12%;
}

.container.container-percent .container.container-13 {
    display: table-cell;
    width: 13%;
}

.container.container-percent .container.container-14 {
    display: table-cell;
    width: 14%;
}

.container.container-percent .container.container-15 {
    display: table-cell;
    width: 15%;
}

.container.container-percent .container.container-16 {
    display: table-cell;
    width: 16%;
}

.container.container-percent .container.container-17 {
    display: table-cell;
    width: 17%;
}

.container.container-percent .container.container-18 {
    display: table-cell;
    width: 18%;
}

.container.container-percent .container.container-19 {
    display: table-cell;
    width: 19%;
}

.container.container-percent .container.container-20 {
    display: table-cell;
    width: 20%;
}

.container.container-percent .container.container-21 {
    display: table-cell;
    width: 21%;
}

.container.container-percent .container.container-22 {
    display: table-cell;
    width: 22%;
}

.container.container-percent .container.container-23 {
    display: table-cell;
    width: 23%;
}

.container.container-percent .container.container-24 {
    display: table-cell;
    width: 24%;
}

.container.container-percent .container.container-25 {
    display: table-cell;
    width: 25%;
}

.container.container-percent .container.container-26 {
    display: table-cell;
    width: 26%;
}

.container.container-percent .container.container-27 {
    display: table-cell;
    width: 27%;
}

.container.container-percent .container.container-28 {
    display: table-cell;
    width: 28%;
}

.container.container-percent .container.container-29 {
    display: table-cell;
    width: 29%;
}

.container.container-percent .container.container-30 {
    display: table-cell;
    width: 30%;
}

.container.container-percent .container.container-31 {
    display: table-cell;
    width: 31%;
}

.container.container-percent .container.container-32 {
    display: table-cell;
    width: 32%;
}

.container.container-percent .container.container-33 {
    display: table-cell;
    width: 33%;
}

.container.container-percent .container.container-34 {
    display: table-cell;
    width: 34%;
}

.container.container-percent .container.container-35 {
    display: table-cell;
    width: 35%;
}

.container.container-percent .container.container-36 {
    display: table-cell;
    width: 36%;
}

.container.container-percent .container.container-37 {
    display: table-cell;
    width: 37%;
}

.container.container-percent .container.container-38 {
    display: table-cell;
    width: 38%;
}

.container.container-percent .container.container-39 {
    display: table-cell;
    width: 39%;
}

.container.container-percent .container.container-40 {
    display: table-cell;
    width: 40%;
}

.container.container-percent .container.container-41 {
    display: table-cell;
    width: 41%;
}

.container.container-percent .container.container-42 {
    display: table-cell;
    width: 42%;
}

.container.container-percent .container.container-43 {
    display: table-cell;
    width: 43%;
}

.container.container-percent .container.container-44 {
    display: table-cell;
    width: 44%;
}

.container.container-percent .container.container-45 {
    display: table-cell;
    width: 45%;
}

.container.container-percent .container.container-46 {
    display: table-cell;
    width: 46%;
}

.container.container-percent .container.container-47 {
    display: table-cell;
    width: 47%;
}

.container.container-percent .container.container-48 {
    display: table-cell;
    width: 48%;
}

.container.container-percent .container.container-49 {
    display: table-cell;
    width: 49%;
}

.container.container-percent .container.container-50 {
    display: table-cell;
    width: 50%;
}

.container.container-percent .container.container-51 {
    display: table-cell;
    width: 51%;
}

.container.container-percent .container.container-52 {
    display: table-cell;
    width: 52%;
}

.container.container-percent .container.container-53 {
    display: table-cell;
    width: 53%;
}

.container.container-percent .container.container-54 {
    display: table-cell;
    width: 54%;
}

.container.container-percent .container.container-55 {
    display: table-cell;
    width: 55%;
}

.container.container-percent .container.container-56 {
    display: table-cell;
    width: 56%;
}

.container.container-percent .container.container-57 {
    display: table-cell;
    width: 57%;
}

.container.container-percent .container.container-58 {
    display: table-cell;
    width: 58%;
}

.container.container-percent .container.container-59 {
    display: table-cell;
    width: 59%;
}

.container.container-percent .container.container-60 {
    display: table-cell;
    width: 60%;
}

.container.container-percent .container.container-61 {
    display: table-cell;
    width: 61%;
}

.container.container-percent .container.container-62 {
    display: table-cell;
    width: 62%;
}

.container.container-percent .container.container-63 {
    display: table-cell;
    width: 63%;
}

.container.container-percent .container.container-64 {
    display: table-cell;
    width: 64%;
}

.container.container-percent .container.container-65 {
    display: table-cell;
    width: 65%;
}

.container.container-percent .container.container-66 {
    display: table-cell;
    width: 66%;
}

.container.container-percent .container.container-67 {
    display: table-cell;
    width: 67%;
}

.container.container-percent .container.container-68 {
    display: table-cell;
    width: 68%;
}

.container.container-percent .container.container-69 {
    display: table-cell;
    width: 69%;
}

.container.container-percent .container.container-70 {
    display: table-cell;
    width: 70%;
}

.container.container-percent .container.container-71 {
    display: table-cell;
    width: 71%;
}

.container.container-percent .container.container-72 {
    display: table-cell;
    width: 72%;
}

.container.container-percent .container.container-73 {
    display: table-cell;
    width: 73%;
}

.container.container-percent .container.container-74 {
    display: table-cell;
    width: 74%;
}

.container.container-percent .container.container-75 {
    display: table-cell;
    width: 75%;
}

.container.container-percent .container.container-76 {
    display: table-cell;
    width: 76%;
}

.container.container-percent .container.container-77 {
    display: table-cell;
    width: 77%;
}

.container.container-percent .container.container-78 {
    display: table-cell;
    width: 78%;
}

.container.container-percent .container.container-79 {
    display: table-cell;
    width: 79%;
}

.container.container-percent .container.container-80 {
    display: table-cell;
    width: 80%;
}

.container.container-percent .container.container-81 {
    display: table-cell;
    width: 81%;
}

.container.container-percent .container.container-82 {
    display: table-cell;
    width: 82%;
}

.container.container-percent .container.container-83 {
    display: table-cell;
    width: 83%;
}

.container.container-percent .container.container-84 {
    display: table-cell;
    width: 84%;
}

.container.container-percent .container.container-85 {
    display: table-cell;
    width: 85%;
}

.container.container-percent .container.container-86 {
    display: table-cell;
    width: 86%;
}

.container.container-percent .container.container-87 {
    display: table-cell;
    width: 87%;
}

.container.container-percent .container.container-88 {
    display: table-cell;
    width: 88%;
}

.container.container-percent .container.container-89 {
    display: table-cell;
    width: 89%;
}

.container.container-percent .container.container-90 {
    display: table-cell;
    width: 90%;
}

.container.container-percent .container.container-91 {
    display: table-cell;
    width: 91%;
}

.container.container-percent .container.container-92 {
    display: table-cell;
    width: 92%;
}

.container.container-percent .container.container-93 {
    display: table-cell;
    width: 93%;
}

.container.container-percent .container.container-94 {
    display: table-cell;
    width: 94%;
}

.container.container-percent .container.container-95 {
    display: table-cell;
    width: 95%;
}

.container.container-percent .container.container-96 {
    display: table-cell;
    width: 96%;
}

.container.container-percent .container.container-97 {
    display: table-cell;
    width: 97%;
}

.container.container-percent .container.container-98 {
    display: table-cell;
    width: 98%;
}

.container.container-percent .container.container-99 {
    display: table-cell;
    width: 99%;
}

.container.container-percent .container.container-100 {
    display: table-cell;
    width: 100%;
}

.description {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
}

.description .scroller {
    color: #007fa1;
}

.required-text {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.heading {
    animation-duration: 0.5s;
    animation-name: RightToLeft;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.invisible {
    display: none;
}

.fadein {
    animation: fadeIn 1s;
    animation-fill-mode: both;
}

.fadeout {
    animation: fadeOut 1s;
    animation-fill-mode: both;
}

/*
 * ======================================================================
 * カスタムアラート
 * ======================================================================
 */
.swal-modal.cart-added .swal-title {
    font-size: 20px;
    font-size: 2rem;
}

.swal-modal.cart-upperlimit .swal-title {
    font-size: 15px;
    font-size: 1.5rem;
}

.swal-modal .swal-button--confirm {
    background-color: #007fa1;
}

/*
 * ======================================================================
 * サイン、アイコン類
 * ======================================================================
 */
i.required:after {
    content: "*";
    color: #ed5466;
    padding-right: 5px;
    padding-left: 5px;
}

i.accent:after {
    content: "●";
    font-style: normal;
}

.caret, .table.table-functional th.sortable::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.table.table-functional th.sortable.sort-enabled::after, .active .caret, .active .table.table-functional th.sortable::after, .table.table-functional .active th.sortable::after, #global-header .container.container-profile .profile.dropdowned .caret, #global-header .container.container-profile .profile.dropdowned .table.table-functional th.sortable::after, .table.table-functional #global-header .container.container-profile .profile.dropdowned th.sortable::after {
    border-top: none;
    border-bottom: 4px dashed;
}

.wavy::after {
    content: "〜";
}

body > .scroller {
    opacity: 0.5;
    position: fixed;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    bottom: 3%;
    right: 15px;
    cursor: pointer;
    transition: opacity .3s;
    color: white;
    display: block;
}

body > .scroller:hover, body > .scroller:focus {
    opacity: 1;
}

body > .scroller.active {
    opacity: 1;
}

body > .scroller:not(.scroller-cart) {
    padding-top: 11px;
    background-color: #007fa1;
}

body > .scroller.scroller-cart {
    background-color: #e57373;
}

body > .scroller.scroller-cart > .icon {
    padding-top: 13px;
}

body > .scroller > .icon {
    opacity: 1;
    width: inherit;
    font-size: 20px;
    font-size: 2rem;
    display: block;
    text-align: center;
    color: white;
}

body > .scroller.invisible {
    opacity: 0;
}

body.mobile-sidebar > .scroller {
    display: none;
}

/*
 * ======================================================================
 * グローバルヘッダー
 * ======================================================================
 */
#global-header {
    width: 100%;
    height: 75px;
    position: relative;
    background-color: white;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
}

#global-header .container {
    height: 100%;
}

#global-header .container .logo {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

#global-header .container .logo .image {
    display: block;
    margin: 0 auto;
}

#global-header .container .logo .description {
    padding-top: 5px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal;
}

#global-header .container.container-for-pc {
    width: 240px;
    background-color: #007fa1;
    float: left;
    padding: 17px 15px 0 15px;
}

#global-header .container.container-for-pc .logo .description {
    color: white;
    display: block;
}

#global-header .container.container-for-mobile {
    display: none;
    padding-left: 15px;
    float: left;
}

#global-header .container.container-for-mobile .logo {
    overflow: hidden;
    width: 95px;
    height: 75px;
    padding-top: 21px;
    float: left;
}

#global-header .container.container-for-mobile .logo .image {
    margin-left: 0;
    margin-right: 0;
}

#global-header .container.container-for-mobile .logo .description {
    color: #007fa1;
    display: inline;
}

#global-header .container.container-profile {
    float: right;
    padding-right: 10px;
}

#global-header .container.container-profile .profile {
    height: 100%;
    position: relative;
}

#global-header .container.container-profile .profile .user-id {
    display: table;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
    width: 100%;
    height: 100%;
}

#global-header .container.container-profile .profile .user-id .link {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#global-header .container.container-profile .profile .user-id .link .icon {
    display: none;
}

#global-header .container.container-profile .profile .user-id .link .text::before {
    content: "ID:";
    padding-right: 5px;
    font-size: 12px;
    font-size: 1.2rem;
}

#global-header .container.container-profile .profile .user-id .link .caret, #global-header .container.container-profile .profile .user-id .link .table.table-functional th.sortable::after, .table.table-functional #global-header .container.container-profile .profile .user-id .link th.sortable::after {
    margin-left: 5px;
}

#global-header .container.container-profile .profile.dropdowned .user-id .link .icon {
    color: #007fa1;
}

#global-header .container.container-icon {
    float: left;
}

#global-header .container.container-icon .component {
    height: 75px;
    width: 48px;
    float: left;
    display: table;
}

#global-header .container.container-icon .component.component-cart {
    display: none;
}

#global-header .container.container-icon .component.component-cart.visible {
    display: table;
}

#global-header .container.container-icon .component.component-cart.not-empty .icon {
    color: #e57373;
}

#global-header .container.container-icon .component a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #444444;
    text-align: center;
}

#global-header .container.container-icon .component a:hover {
    color: #007fa1;
}

#global-header .container.container-icon .component a .icon {
    margin: 0 auto;
}

/*
 * ======================================================================
 * グローバルサイドバー
 * ======================================================================
 */
#global-sidebar {
    width: 240px;
    color: rgba(255, 255, 255, 0.8);
    background-color: #2a2a2a;
    position: absolute;
    top: 75px;
    left: 0;
    bottom: 180px;
}

#global-sidebar > .content {
    background-color: #2a2a2a;
    height: 100%;
}

#global-sidebar .heading {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px 25px 13px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 10px;
    text-align: center;
    text-shadow: none;
}

#global-sidebar #global-nav {
    background-color: #2F2F2F;
}

#global-sidebar .container.container-btn {
    display: none;
}

/*
 * ======================================================================
 * グローバルフッター
 * ======================================================================
 */

#global-footer {
    width: 100%;
    height: 180px;
    background-color: #007fa1;
    color: white;
}
#global-footer > .content {
    height: 130px;
}
#global-footer > .content > .container {
    width: 100%;
    display: flex;
    justify-content: center;
}
#global-footer > .content > .container.container-logo {
    padding: 25px 15px 25px 0;
}
#global-footer > .content > .container.container-menus {
    padding: 0;
}
#global-footer > .content > .container.container-menus .container-menu {
    width: 100%;
    text-align: center;
}
#global-footer > .container.container-copyright {
    display: flex;
    justify-content: center;
    height: 50px;
    background-color: white;
}
#global-footer > .container.container-copyright .copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #444444;
}
#global-footer > .container.container-copyright .copyright .link {
    padding-left: 5px;
    padding-right: 5px;
    color: #444444;
}
@media screen and (max-width: 579px) {
    #global-footer {
        height: auto;
    }
    #global-footer > .content {
        height: auto;
    }
    #global-footer > .content > .container.container-menus > .container.container-menu {
        width: 100%;
    }
    #global-footer .menu.menu-footer {
        padding-bottom: 15px;
    }
    #global-footer .menu.menu-footer .menu-item {
        display: block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #global-footer .menu.menu-footer .menu-item:not(:last-of-type) {
        padding-bottom: 15px;
        border-bottom: 1px solid white;
    }
    #global-footer .menu.menu-footer .menu-item:not(:last-of-type)::after {
        content: "";
    }
    #global-footer .menu.menu-footer .menu-item:not(.menu-item-empty):not(:first-of-type)::before {
        display: none;
    }
}


/*#global-footer {
    width: 100%;
    height: 300px;
    background-color: #007fa1;
    color: white;
    position: relative;
}

#global-footer .container-copyright {
    width: 100%;
    border-top: 0.5px solid white;
    margin-top: 0;
    margin-bottom: 0;
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
}

#global-footer .container-copyright .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    display: table;
    margin: 0 auto;
}

#global-footer .container-copyright .copyright > * {
    display: table-cell;
    vertical-align: middle;
}

#global-footer .container-copyright .copyright > .text {
    font-weight: 600;
}

#global-footer .container-copyright .copyright > .link {
    padding-right: 3px;
    padding-left: 3px;
}

#global-footer .container-copyright .copyright .year {
    padding-left: 5px;
}

#global-footer > .content {
    display: table;
    width: 100%;
    padding: 25px 15px 25px 0;
}

#global-footer > .content a {
    color: white;
}

#global-footer > .content a:hover, #global-footer > .content a:focus, #global-footer > .content a:active {
    color: #08cbff;
    outline: 0;
    text-decoration: none;
}

@media only screen and (min-width: 851px) {
    #global-footer .content .container-logo {
        width: 240px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    #global-footer .content .container-logo > .logo {
        margin: 0 auto;
        display: inline-block;
    }

    #global-footer .content .container-logo > .logo > .description {
        margin-top: 3px;
        display: inline-block;
    }

    #global-footer .content .container-menus {
        display: table-cell;
    }

    #global-footer .content .container-menus > .container-menu {
        float: left;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 12px;
        border-left: 1px solid white;
        width: 33%;
    }
}

@media only screen and (min-width: 621px) and (max-width: 850px) {
    #global-footer {
        height: auto;
    }

    #global-footer .content {
        display: block;
        padding-left: 15px;
    }

    #global-footer .content .container-logo,
    #global-footer .content .container-menus {
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    #global-footer .content .container-logo > .container-menu,
    #global-footer .content .container-menus > .container-menu {
        float: left;
        padding-top: 5px;
        padding-left: 12px;
        border-left: 1px solid white;
        width: 33%;
    }

    #global-footer .content .container-logo > .container-menu:first-of-type,
    #global-footer .content .container-menus > .container-menu:first-of-type {
        padding-left: 0;
        border-left: 0;
    }

    #global-footer .content .container-logo {
        padding-bottom: 10px;
    }

    #global-footer .content .container-logo > .logo {
        float: left;
        padding-left: 5px;
    }

    #global-footer .content .container-logo > .logo > .description {
        margin-top: 3px;
    }

    #global-footer .content .container-menus {
        padding-left: 5px;
    }
}

@media only screen and (max-width: 620px) {
    #global-footer {
        height: auto;
    }

    #global-footer .content {
        padding-left: 15px;
        padding-bottom: 0;
    }

    #global-footer .content .container-logo {
        width: 100%;
        display: block;
        text-align: center;
    }

    #global-footer .content .container-logo > .logo > .description {
        margin-top: 3px;
    }

    #global-footer .content .container-menus {
        width: 100%;
        display: block;
        padding-top: 20px;
    }

    #global-footer .content .container-menus .container-menu {
        width: 100%;
        display: block;
        border-left: 0;
        padding-left: 0;
    }

    #global-footer .content .container-menus .container-menu .menu-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    #global-footer .content .container-menus .container-menu .menu-item .text.text-parent-menu {
        display: block;
    }

    #global-footer .content .container-menus .container-menu .menu-item a {
        border-bottom: 0.5px dotted white;
        display: block;
        padding-top: 4px;
        padding-bottom: 10px;
    }

    #global-footer .content .container-menus .container-menu .menu-item form {
        border-bottom: 0.5px dotted white;
        display: block;
        padding-top: 5px;
        padding-bottom: 4px;
    }

    #global-footer .content .container-menus .container-menu .menu-item form .btn {
        font-weight: bold;
    }

    #global-footer .content .container-menus .container-menu .menu .menu-item {
        font-weight: 800;
    }

    #global-footer .content .container-menus .container-menu .submenu {
        margin-left: 10px;
    }

    #global-footer .content .container-menus .container-menu .submenu .menu-item {
        font-weight: 500;
    }

    #global-footer .container-copyright {
        padding: 15px 15px 20px;
        border-top: 0;
    }
}

@media only screen and (max-width: 400px) {
    #global-footer .container-copyright .copyright .all-rights-reserved {
        display: none;
    }
}*/

/*
 * ======================================================================
 * バナー
 * ======================================================================
 */
.banners {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 240px;
    padding-left: 15px;
    padding-right: 15px;
}

.banners .banner-list > .banner .link {
    display: block;
    background-color: #2a2a2a;
    width: 205px;
    transition: all .3s;
}

.banners .banner-list > .banner .link.web-bill {
    height: 50px;
}

.banners .banner-list > .banner .link:hover {
    opacity: 0.8;
}

/*
 * ======================================================================
 * メインコンテンツ
 * ======================================================================
 */
#main-content {
    height: 100%;
    width: 100%;
    min-height: 1000px;
    padding-left: 240px;
    padding-bottom: 0;
}

#main-content > .content {
    padding: 15px 15px 30px 15px;
    width: 100%;
    background-color: #ecf0f1;
}

#main-content > .content::after {
    content: "";
    display: block;
    clear: both;
}

#page-header {
    border-top: 1px solid #eeefef;
    background-color: #fbfcfc;
    display: table;
    width: 100%;
}

#page-header .heading {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    display: table-cell;
    clear: both;
}

#page-header .breadcrumbs {
    display: table-cell;
    text-align: right;
    padding-right: 15px;
}

#page-header .breadcrumbs > .breadcrumb-list {
    display: inline;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
}

#page-header .breadcrumbs > .breadcrumb-list > a {
    color: #007fa1;
}

#page-header .breadcrumbs > .breadcrumb-list:not(:last-of-type)::after {
    content: '/';
    padding-right: 5px;
    padding-left: 5px;
}

/*
 * ======================================================================
 * レスポンシブウェブデザイン（フッターは別場所）
 * ======================================================================
 */
@media only screen and (max-width: 470px) {
    #global-header .container.container-profile {
        float: left;
    }

    #global-header .container.container-profile .profile {
        border-right: 1px solid #cfd9db;
        transition: all .3s;
        width: 48px;
    }

    #global-header .container.container-profile .profile:hover {
        background-color: #f8f8f8;
    }

    #global-header .container.container-profile .profile .user-id .link .icon {
        color: #444444;
        display: block;
    }

    #global-header .container.container-profile .profile .user-id .link .text,
    #global-header .container.container-profile .profile .user-id .link .caret,
    #global-header .container.container-profile .profile .user-id .link .table.table-functional th.sortable::after,
    .table.table-functional #global-header .container.container-profile .profile .user-id .link th.sortable::after {
        display: none;
    }

    #global-header .container.container-profile .profile.dropdowned .dropdown-menu {
        width: 165px;
        left: auto;
        right: -1px;
    }
}

@media only screen and (max-width: 850px) {
    #layout #global-header {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
        position: fixed;
        z-index: 50000;
    }

    #layout #global-header .container.container-for-pc {
        display: none;
    }

    #layout #global-header .container.container-for-mobile {
        display: block;
    }

    #layout #global-header .container.container-for-common .container.container-icon .component {
        transition: all .3s;
    }

    #layout #global-header .container.container-for-common .container.container-icon .component:hover {
        background-color: #f8f8f8;
    }

    #layout #global-header .container.container-icon .component {
        border-right: 1px solid #cfd9db;
    }

    #layout #global-sidebar.mobile {
        width: 100%;
        display: block;
        position: absolute;
        z-index: 10000;
        padding-bottom: 0;
        border-right: 1px solid #cfd9db;
        border-bottom: 1px solid #c0cdd1;
        height: auto;
        top: 75px;
        background-color: #cfd9db;
    }

    #layout #global-sidebar.mobile > .content {
        background-color: #cfd9db;
    }

    #layout #global-sidebar.mobile > .content .heading {
        color: #444444;
        padding-left: 0;
        padding-right: 0;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    #layout #global-sidebar.mobile > .content #global-nav {
        background-color: white;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item {
        border-top: 0.3px solid #c0cdd1;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item a,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item form .btn {
        color: #444444;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item a:hover, #layout #global-sidebar.mobile > .content #global-nav .menu-item a:focus, #layout #global-sidebar.mobile > .content #global-nav .menu-item a:active,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item form .btn:hover,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item form .btn:focus,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item form .btn:active {
        color: #007fa1;
        outline: 0;
        text-decoration: none;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item a .arrow,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item form .btn .arrow {
        display: none;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item.current {
        color: #007fa1;
    }

    #layout #global-sidebar.mobile > .content #global-nav .menu-item.current > a,
    #layout #global-sidebar.mobile > .content #global-nav .menu-item.current > form {
        color: #007fa1;
    }

    #layout #global-sidebar.mobile > .content #global-nav .submenu .menu-item {
        height: auto;
    }

    #layout #global-sidebar.mobile > .content .banners {
        display: none;
    }

    #layout #global-sidebar.mobile > .content .container.container-btn {
        display: block;
    }

    #layout #global-sidebar.mobile > .content .container.container-btn .btn.btn-sidebar-close {
        margin: 0 auto;
        background-color: transparent;
        padding: 0;
        margin-top: 15px;
    }

    #layout #global-sidebar.mobile > .content .container.container-btn .btn.btn-sidebar-close > .icon {
        background-color: inherit;
        font-size: 50px;
        font-size: 5rem;
    }

    #layout #global-sidebar.mobile > .content .container.container-btn .btn.btn-sidebar-close > .icon:hover {
        color: #007fa1;
    }

    #layout #global-sidebar.mobile > .content .container.container-btn .btn .description {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        color: #444444;
    }

    #layout #global-sidebar:not(.mobile) {
        display: none;
    }

    #layout #main-content {
        padding-top: 75px;
        padding-left: 0;
    }

    #layout #main-content > .content {
        margin-right: 0;
    }

    #layout #page-header {
        margin-right: 0;
        display: block;
    }

    #layout #page-header .heading {
        display: block;
        width: 100%;
    }

    #layout #page-header .breadcrumbs {
        display: none;
    }
}



@charset "UTF-8";
.clause-wrapper:not(:first-of-type), .policy-wrapper:not(:first-of-type) {
    margin-top: 30px;
}
.clause-wrapper > .heading, .policy-wrapper > .heading {
    font-size: 1.6rem;
    border-bottom: 1px solid #cfd9db;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.clause-wrapper > .heading + .list, .policy-wrapper > .heading + .list {
    margin-top: 15px;
}
.clause-wrapper > .description, .policy-wrapper > .description {
    font-size: 1.5rem !important;
}
.clause-wrapper > .link.link-dotted, .policy-wrapper > .link.link-dotted {
    padding-left: 10px;
}
.clause-wrapper > .link.link-dotted:before, .policy-wrapper > .link.link-dotted:before {
    content: "・";
}
.clause-wrapper > .list > .list-item, .policy-wrapper > .list > .list-item {
    margin-bottom: 15px;
}
.clause-wrapper > .list > .list-item .container.container-query, .policy-wrapper > .list > .list-item .container.container-query {
    padding: 10px;
    border: 1px solid #cfd9db;
}
.clause-wrapper > .list > .list-item .container .contact, .policy-wrapper > .list > .list-item .container .contact {
    float: left;
}
.clause-wrapper > .list > .list-item .container .contact:not(:last-of-type), .policy-wrapper > .list > .list-item .container .contact:not(:last-of-type) {
    padding-right: 15px;
}
.clause-wrapper > .list > .list-item .container .contact-branch, .policy-wrapper > .list > .list-item .container .contact-branch {
    width: 100%;
}
.clause-wrapper > .list > .list-item .container .contact-phone::before, .policy-wrapper > .list > .list-item .container .contact-phone::before {
    content: "TEL: ";
}
.clause-wrapper > .list > .list-item .container .contact-hour::before, .policy-wrapper > .list > .list-item .container .contact-hour::before {
    content: "受付時間: ";
}
.clause-wrapper > .list > .list-item .container .contact-email::before, .policy-wrapper > .list > .list-item .container .contact-email::before {
    content: "E-mail: ";
}
.clause-wrapper > .description, .policy-wrapper > .description {
    margin-top: 10px;
    text-indent: 1em;
}
.clause-wrapper > .description + .description, .policy-wrapper > .description + .description {
    margin-top: -10px;
}

ol.list-clause {
    counter-reset: number;
    list-style: none;
    padding-left: 0;
}
ol.list-clause > .list-item .clause-wrapper .heading::before, ol.list-clause > .list-item .policy-wrapper .heading::before {
    counter-increment: number;
    content: "第" counter(number) "条（";
}
ol.list-clause > .list-item .clause-wrapper .heading::after, ol.list-clause > .list-item .policy-wrapper .heading::after {
    content: "）";
}

.list {
    counter-reset: number;
    list-style-type: none;
    padding-left: 0;
}
.list > .list-item {
    font-size: 1.6rem;
    line-height: 1.5;
    width: 100%;
    display: table;
}
.list > .list-item:not(:last-of-type) {
    margin-bottom: 10px;
}
.list > .list-item::before {
    display: table-cell;
    counter-increment: number;
}
.list > .list-item .definition {
    width: 100%;
}
.list > .list-item .definition .definition-term {
    width: 100%;
    font-weight: bold;
}
.list > .list-item .definition .definition-description {
    width: 100%;
    margin-top: 5px;
    margin-left: 0;
}
.list > .list-item .definition .definition-description + .definition-description {
    margin-top: 10px;
}
.list > .list-item img {
    vertical-align: middle;
    margin-right: 5px;
}
.list > .list-item > .list {
    margin-top: 10px;
    margin-left: -5px;
}
.list > .list-item > .list > .list-item {
    line-height: 1.2;
}

ol.list-guide {
    counter-reset: number;
}
ol.list-guide > .list-item .clause-wrapper .heading::before {
    counter-increment: number;
    content: counter(number) ". ";
}

ol.list-policy {
    counter-reset: number;
}
ol.list-policy > .list-item .clause-wrapper .heading::before {
    counter-increment: number;
    content: counter(number) ". ";
}

ol.list.list-bracket > .list-item::before {
    content: "［" counter(number) "］";
}
ol.list.list-rounded > .list-item::before {
    counter-increment: number;
    content: "（" counter(number) "）";
    width: 35px;
}
ol.list.list-dotted > .list-item::before {
    counter-increment: number;
    content: counter(number) ".";
    padding-left: 10px;
    padding-right: 10px;
    width: 35px;
}

ul.list.list-dotted > .list-item::before {
    content: "・";
    width: 20px;
}
ul.list.list-kome > .list-item::before {
    content: "※";
    font-size: 2rem;
    padding-right: 2px;
}

.definition-description > .list.list-dotted > .list-item::before {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 25px;
}
.definition-description > .list.list-rounded {
    margin-left: -12px;
}

@font-face {
    font-family: "fontello";
    src: url(/font/terms.eot?12915564);
    src: url(/font/terms.eot?12915564#iefix) format("embedded-opentype"), url(/font/terms.woff2?12915564) format("woff2"), url(/font/terms.woff?12915564) format("woff"), url(/font/terms.ttf?12915564) format("truetype"), url(/font/terms.svg?12915564#terms) format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'terms';
    src: url('../font/terms.svg?12915564#terms') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-link-ext:before {
    content: "\f08e";
}

/* '' */
.icon-safari:before {
    content: "\f267";
}

/* '' */
.icon-chrome:before {
    content: "\f268";
}

/* '' */
.icon-firefox:before {
    content: "\f269";
}

/* '' */
.icon-opera:before {
    content: "\f26a";
}

/* '' */
.icon-internet-explorer:before {
    content: "\f26b";
}

/* '' */
.icon-edge:before {
    content: "\f282";
}

/* '' */

body.page-admin-policy #policy-reader {
    width: 100%;
    max-width: 100%;
}

body.page-admin-policy .panel.panel-policy:not(:first-of-type) {
    margin-top: 30px;
}
body.page-admin-policy .panel.panel-policy *:first-child {
    margin-top: 0;
}
body.page-admin-policy .panel.panel-policy .container.container-meta {
    text-align: right;
}
body.page-admin-policy .panel.panel-policy .list.list-rounded {
    margin-top: 15px;
    margin-bottom: 5px;
}
@media screen and (max-width: 579px) {
    body.page-admin-policy .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
body.page-admin-policy .hgroup * {
    text-align: center;
}
body.page-admin-policy.page-cookie .policy-wrapper > .heading {
    font-size: 1.5rem;
}
body.page-admin-policy.page-cookie .table.table-list .type {
    width: 150px;
    padding-right: 0;
}
body.page-admin-policy.page-cookie .table.table-list tr:hover td {
    background-color: transparent;
}
@media screen and (max-width: 579px) {
    body.page-admin-policy.page-cookie .table.table-list tr .type {
        width: 100%;
        display: block;
        padding-top: 15px;
    }
    body.page-admin-policy.page-cookie .table.table-list tr .desc {
        width: 100%;
        display: block;
        padding-left: 0;
    }
}
body.page-admin-policy.page-requirement .list.list-requirement .list-item .link.link-ext {
    color: #444444;
}
body.page-admin-policy.page-requirement .list.list-requirement .list-item .link.link-ext:hover {
    color: #08cbff;
}


.change-color-btn {
    text-decoration: none;
    position: relative;
    border: 1px solid #007fa1;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    line-height: 1.4;
    display: flex;
    text-align: center;
    background: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

.change-color-btn-text {
    width: 100%;
    height: 100%;
    color: #007fa1;
    z-index: 10;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}
.change-color-btn-text::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #007fa1;
    z-index: -1;
    transition: 0.2s;
}
.change-color-btn-text:hover {
    color: white;
}
.change-color-btn-text:hover::before {
    width: 100%;
}

.panel.panel-error .panel-header {
    position: relative;
    padding: 0;
}

.panel.panel-error .panel-header > .error-status {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #ed5466;
}

.panel.panel-error .panel-header > .heading {
    font-size: 100px;
    font-size: 10rem;
    text-align: center;
    background-color: white;
    border-radius: 125px;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border: 1px solid #cfd9db;
    display: table;
    color: #ed5466;
}

.panel.panel-error .panel-header > .heading > .error-code {
    display: table-cell;
    vertical-align: middle;
}
.panel.panel-error .panel-header.panel-header-inverse > .error-status {
    color: white;
}

.panel.panel-error .panel-header.panel-header-inverse > .heading {
    background-color: #ed5466;
    color: white;
}

.panel.panel-error > .panel-body {
    padding-top: 30px;
    text-align: center;
}
.panel.panel-error > .panel-body > .error-message {
    margin-top: 30px;
    margin-bottom: 60px;
    color: #444444;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
}

.panel.panel-error > .panel-body > .description {
    margin-bottom: 50px;
}

.page-simple.page-error .panel.panel-error {
    border: none;
    background-color: transparent;
}
.page-simple.page-error .panel.panel-error .panel-header {
    border-top: 0;
    background-color: transparent;
}
.page-simple.page-error .panel.panel-error .panel-body {
    border-top: 0;
    background-color: transparent;
}
.content-body {
    display: flex;
    justify-content: center;
}
.content-body #policy-reader {
    width: 1000px;
    max-width: 100%;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
.content-body #policy-reader::-webkit-scrollbar {
    display: none;
}

/* iframe内 */
body:not(.page-term) body.page-iframe {
    overflow: hidden;
}
body:not(.page-term) body.page-iframe.page-policy .panel.panel-policy,
body:not(.page-admin-poclicy).page-policy .panel.panel-policy {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
body.page-term .frame {
    border: 1px solid #c0cdd1;
}
body.page-iframe.page-terms-iframe.page-policy {
    padding: 15px;
}
body.page-iframe.page-terms-iframe.page-policy .panel.panel-policy {
    width: 100%;
    max-width: 100%;
}

.panel.panel-inquiry > .panel-body {
    min-height: auto !important;
    padding-bottom: 0;
}

.list.list-situation {
    display: flex;
    justify-content: space-around;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.list.list-situation::after {
    content: none;
}
.list.list-situation .list-item {
    text-align: center;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    flex-basis: 25%;
}
.list.list-situation .list-item .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;
    height: 70px;
    margin-left: 15px;
}
.list.list-situation .list-item .heading {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #007fa1;
    text-shadow: none;
    flex-grow: 0;
    flex-shrink: 0;
}
.list.list-situation .list-item .heading .text {
    font-size: 1.4rem;
    color: white;
}
.list.list-situation .list-item .data {
    font-size: 0;
    line-height: 1;
    text-align: left;
}
.list.list-situation .list-item .number {
    font-size: 3rem;
}
.list.list-situation .list-item .number-unit {
    font-size: 1.4rem;
}
.list.list-situation .list-item .link {
    color: #444444;
    transition: color .5s;
    font-size: 1.4rem;
    text-align: left;
}
.list.list-situation .list-item .link:hover {
    color: #08cbff;
}
.list.list-situation .list-item .icon {
    color: #08cbff;
}

.panel .panel-header-toolbar .tool .btn {
    padding-right: 0;
}

.list.list-situation.list-situation-medium {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.list.list-situation.list-situation-medium .list-item {
    flex-basis: 50%;
}
.list.list-situation.list-situation-small {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.list.list-situation.list-situation-small .list-item {
    flex-basis: 50%;
}
.list.list-situation.list-situation-micro {
    flex-wrap: wrap;
}
.list.list-situation.list-situation-micro .list-item {
    flex-basis: 100%;
}
.list.list-situation.list-situation-ornament .list-item .link {
    color: #444444;
    transition: color .5s;
    font-size: 1.4rem;
    text-align: left;
    margin-left: 15px;
    border-bottom: 1px solid yellowgreen;
    border-top: 1px solid yellowgreen;
    padding-top: 6px;
    padding-bottom: 3px;
}
.list.list-situation.list-situation-ornament .list-item .link .icon {
}
.list.list-situation.list-situation-ornament .list-item .link {
}
.list.list-situation.list-situation-ornament .list-item .container {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
}
.list.list-situation.list-situation-ornament.list-situation-ornament-absolute .list-item .container {
    position: relative;
}
.list.list-situation.list-situation-ornament.list-situation-ornament-absolute .list-item .container .link {
    position: absolute;
    left: 110px;
}
.swal-footer {
    display: flex;
    justify-content: space-around;
}
#cart {
    cursor: pointer;
}
.btn-pair {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
}
.btn-single {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.btn-single .btn-sub {
    width: 120px;
}
.btn-pair .btn-reset {
    width: 80px;
    position: absolute;
    left: 0;
}
.btn-pair .btn-sub {
    width: 120px;
    position: absolute;
    left: 0;
}
.btn-pair .btn-submit {
    width: 250px;
}
.btn-pair .btn-main {
    width: 250px;
}

@media screen and (max-width: 599px) {
    .btn-pair {
        justify-content: space-between;
    }
    .btn-pair .btn-reset,
    .btn-pair .btn-sub {
        position: static;
        flex-shrink: 0;
        margin-right: 7.5px;
    }
    .btn-pair .btn-submit,
    .btn-pair .btn-main {
        flex-shrink: 2;
        margin-left: 7.5px;
    }
}

.list.list-btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.list.list-btn .list-item {
    width: auto;
    margin-bottom: 0;
    width: 25%;
}

.list.list-btn .list-item:not(:last-of-type) {
    margin-right: 30px;
}

.list.list-btn .list-item .btn {
    width: 100%;
}

@media screen and (max-width: 699px) {
    .list.list-btn {
        flex-direction: column;
    }
    .list.list-btn .list-item {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }
}

body.page-status-detail #formMain #step1 {
    border-top: none;
}

body.page-use-start .hgroup .heading {
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
}
body.page-use-start .important {
    color: #d44a15;
}
body.page-use-start .btn-pair {
    display: flex;
    justify-content: center;
}
body.page-use-start .btn-pair .btn-judge {
    width: 250px;
}
body.page-use-start .btn-pair .btn-judge:first-of-type {
    margin-right: 15px;
}
body.page-use-start .btn-pair .btn-judge:last-of-type {
    margin-left: 15px;
}