/* 削除予定 ↓ここから　※レイアウト調整後削除します */
.header_color {
    background-color: #ffffff;
}

.label_common {
    background-color: #f05858 !important;
    border-color: #dddddd;
    color: #ffffff !important;
}
/* 削除予定 ↑ここまで */

body {
  background-color: #ffffff;
}

/* リンク */
.link_text {
    color: #8e8e8e !important;
    text-decoration: none !important;
    font-weight: 500;
}

.link_text.color_off {
    color: inherit !important;
}

.link_text.back {
    font-weight: 600;
}
.link_text_header.back {
    float: left;
    line-height: 50px;
}

.link_text.back:hover {
    opacity: 0.4;
}


/* 金額 */
.price_text {
    color: #d9534f !important;
    font-weight: bold;
}

/* ボタン共通↓----- */

.reverseBtn {
    font-weight: 600;
}
  
.reverseBtn
, .reverseBtn.noHover.ui-btn:hover {
    border: 1px solid;
}
.reverseBtn.ui-btn:hover {
    border: 1px solid;
}
.reverseBtn.ui-btn:disabled {
    border: 1px solid;
    opacity: 0.5;
}
.reverseBtnNoColor
,.reverseBtnNoColor.ui-btn:hover {
  color:#bdbfc1 !important /*{a-bup-color}*/;
  background: none;
}
 
.theme-button {
    border: 1px solid;
}
.theme-button.ui-btn:hover {
    border: 1px solid;
}
.theme-button.ui-btn:disabled {
    border: 1px solid;
    opacity: 0.5;
}

/* ボタン↑----- */

/* チェックボックス↓----- */

/* 元々のチェックボックス（非表示） */
.chk_theme input[type="checkbox"]{
    display: none;
}
/* チェックボックス領域 */
.chk_theme input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 3px;
    margin-bottom: 0;
}
/* チェックボックス枠 */
.chk_theme input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 2px solid #cccccc;

    opacity: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.chk_theme input[type="checkbox"]:checked+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: none;

    opacity: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
/* チェックボックスレ点 */
.chk_theme input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 14px;
    height: 8px;
    margin-top: -8px;
    top: 60%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color: #ffffff;
}

.chk_theme_rev input[type="checkbox"]{
    display: none;
}
/* チェックボックス領域 */
.chk_theme_rev input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 3px;
    margin-bottom: 0;
}
/* チェックボックス枠 */
.chk_theme_rev input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 2px solid #cccccc;

    opacity: 1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
/* チェックボックスレ点 */
.chk_theme_rev input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 7px;
    margin-top: -9px;
    top: 60%;
    left: 4px;
    transform: rotate(-45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #ffffff;
}

/* チェックボックス↑----- */

/* ダイアログ↓----- */

.reserve_dialog {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 6px;
    top: 50%;
    overflow: hidden;
    z-index: 9999;

    background-color: #333333 !important;
    color: #ffffff !important;
}

.overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #000000;
    opacity: 0.1;
    display: none;
    z-index: 9999;
}

/* ダイアログ↑----- */





/* TODO:20200804add 既存から大体流用 */

/* Page and overlay */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    background-color: #ffffff  /*{a-page-background-color}*/;
    border-color: #bbbbbb /*{a-page-border}*/;
    color: #333333 /*{a-page-color}*/;
    text-shadow: none !important;
}

.custom_icon {
    color: #f05858;
    border-color: #f05858 !important;
}

.custom_icon a {
    color: #f05858 !important;
}

.custom_icon + .label_div {
    color: #f05858 !important;
}

.custom_icon svg path {
    fill: #f05858 !important;
}

.header_content svg.char_icon  path {
    fill: #f05858 !important;
}

.header_content button svg.char_icon  path {
    fill: #f05858 !important;
}

.header_content .line_icon.active .linePicture {
    border-color: #503b32 !important;
}
  
.stepbar .select_num {
    background: rgba(240,88,88,1) !important;
}

.bg_cm {
    background-color: #f05858 !important;
}

/* テーマ用パネル */
.theme-panel {
    background: #f05858;
}

.theme-panel-text {
    color: #ffffff !important;
}

.theme-panel-svg {
    fill: #ffffff;
}

.theme-panel a:link, .theme-panel a:visited, .theme-panel a:hover, .theme-panel a:active {
    color: #ffffff !important;
}

.theme_select_div_hover {
    background-color: #f9f9f9;
}

.socialIcon
, .socialIconMin {
    color: #f05858 !important;
    text-decoration: none;
}

.socialIcon:hover
, .socialIconMin:hover {
    color: #f05858 !important;
    text-decoration: none;
}

svg.socialIcon path {
    fill: #f05858 !important;
}

svg.socialIcon path.base {
    fill: #f05858 !important;
}

svg.socialIcon path.icon {
    fill: #ffffff !important;
}

a {
    color: #4a4a4a;
    text-decoration: underline;
    background-color: transparent;
}

/* ローディング表示 */
.loader-content {
    background: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes load-anim {
    0%,
    100% {
      box-shadow: 0em -2.6em 0em 0em #4a4a4a, 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.5), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.7);
    }
    12.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.7), 1.8em -1.8em 0 0em #4a4a4a, 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.5);
    }
    25% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.5), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.7), 2.5em 0em 0 0em #4a4a4a, 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    37.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.5), 2.5em 0em 0 0em rgba(74, 74, 74, 0.7), 1.75em 1.75em 0 0em #4a4a4a, 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    50% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.5), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.7), 0em 2.5em 0 0em #4a4a4a, -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    62.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.5), 0em 2.5em 0 0em rgba(74, 74, 74, 0.7), -1.8em 1.8em 0 0em #4a4a4a, -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    75% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.5), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.7), -2.6em 0em 0 0em #4a4a4a, -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    87.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.5), -2.6em 0em 0 0em rgba(74, 74, 74, 0.7), -1.8em -1.8em 0 0em #4a4a4a;
    }
}
@keyframes load-anim {
    0%,
    100% {
      box-shadow: 0em -2.6em 0em 0em #4a4a4a, 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.5), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.7);
    }
    12.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.7), 1.8em -1.8em 0 0em #4a4a4a, 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.5);
    }
    25% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.5), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.7), 2.5em 0em 0 0em #4a4a4a, 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    37.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.5), 2.5em 0em 0 0em rgba(74, 74, 74, 0.7), 1.75em 1.75em 0 0em #4a4a4a, 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    50% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.5), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.7), 0em 2.5em 0 0em #4a4a4a, -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.2), -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    62.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.5), 0em 2.5em 0 0em rgba(74, 74, 74, 0.7), -1.8em 1.8em 0 0em #4a4a4a, -2.6em 0em 0 0em rgba(74, 74, 74, 0.2), -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    75% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.5), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.7), -2.6em 0em 0 0em #4a4a4a, -1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2);
    }
    87.5% {
      box-shadow: 0em -2.6em 0em 0em rgba(74, 74, 74, 0.2), 1.8em -1.8em 0 0em rgba(74, 74, 74, 0.2), 2.5em 0em 0 0em rgba(74, 74, 74, 0.2), 1.75em 1.75em 0 0em rgba(74, 74, 74, 0.2), 0em 2.5em 0 0em rgba(74, 74, 74, 0.2), -1.8em 1.8em 0 0em rgba(74, 74, 74, 0.5), -2.6em 0em 0 0em rgba(74, 74, 74, 0.7), -1.8em -1.8em 0 0em #4a4a4a;
    }
}