/*

    489アプリ　アプリ専用ページ

------------------------------------------------------ */

/* --------------------------------------------------- */
/* common
/* --------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
    height: 100vh;
}
body {
    background: #f5f6f8;
    color: #515c6f;
    font-size: 13px;
    font-family: "Noto Sans Japanese", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.fSize20 { font-size: 20px; }
.fSize19 { font-size: 19px; }
.fSize18 { font-size: 18px; }
.fSize17 { font-size: 17px; }
.fSize16 { font-size: 16px; }
.fSize15 { font-size: 15px; }
.fSize14 { font-size: 14px; }
.fSize13 { font-size: 13px; }
.fSize12 { font-size: 12px; }
.fSize11 { font-size: 11px; }
.fSize10 { font-size: 10px; }
.fSize9 { transform: scale(0.9); display: inline-block; }
.fSize8 { transform: scale(0.8); display: inline-block; }
.bold { font-weight: bold; }
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.under { text-decoration: underline; }
.flexBetween {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flexAround {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flexEvenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flexStart {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flexEnd {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.maxWidth {
    /* max-width: 400px; */
    max-width: 480px;
    margin: 0 auto;
}

/* --------------------------------------------------- */
/* color
/* --------------------------------------------------- */
.coDefault { color: #515c6f; }
.coPink { color: #cf3581; }
.coPink2 { color: #DF536D; }
.coGreen { color: #00a960; }
.coBlue { color: #28648d; }
.coLightBlue { color: #0068B7; }
.coWhite { color: #fefefe; }
.bgWhite { background: #fefefe; }
.bgPink { background: #cf3581; color: #fefefe; }

/* --------------------------------------------------- */
/* form
/* --------------------------------------------------- */
.btn,
.btnMini {
    width: calc(100% - 2em);
    padding: 0.75em 1em;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    border-radius: 6px;
    text-align: center;
}
.btnMini {
    padding: 0.5em 1em;
    font-weight: normal;
    font-size: 13px;
}
.btnPink {
    background: #cf3581;
    color: #fefefe;
}
.btnPink2 {
    background: #ec88b9;
    color: #fefefe;
}
.btnOrange {
    background: #f5a500;
    color: #fefefe;
}
.btnBlue {
    background: #2CA9E1;
    color: #fefefe;
}
.btnBdrPink {
    border: 2px solid #cf3581;
    width: calc(100% - 2em - 4px);
}
.btnBdrBlue {
    border: 2px solid #28648d;
    width: calc(100% - 2em - 4px);
}
.btnBdrWhite {
    border: 1px solid #fefefe;
    width: calc(100% - 2em - 2px);
}
.btnDouble {
    line-height: 16px;
    padding-top: 9.8px;
    padding-bottom: 7px;
}
.btnDouble > span {
    font-size: 13px;
    font-weight: normal;
}
input[type=text],
input[type=password] {
    border-radius: 6px;
    border: 1px solid #a6adb4;
    width: calc(100% - 2em - 2px);
    padding: 0.75em 1em;
    color: #515c6f;
    background: #fefefe;
}
input[type=date] {
    border-radius: 6px;
    border: 1px solid #a6adb4;
    width: calc(100% - 2.5em - 2px);
    padding: 0.75em 1.25em;
    color: #515c6f;
    background: #fefefe;
}
input[type=password] {
    border-radius: 6px;
    border: 1px solid #a6adb4;
    width: calc(100% - 2em - 2px);
    padding: 0.75em 1em;
    color: #515c6f;
    background: #fefefe;
}
label.radio {
    background: #f5f6f8;
    padding: 0.75em 1em;
    display: block;
    margin-top: 5px;
}
label.radio input {
    margin-right: 15px;
    vertical-align: -2px;
}
select {
    border-radius: 6px;
    border: 1px solid #a6adb4;
    width: 100%;
    padding: 0.75em 1em;
    color: #515c6f;
    background: #fefefe;
}

/* -------------------------------------------------- */
/*  +-ボタン
/* -------------------------------------------------- */
.plusMinusGroup {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid #a6adb4;
    border-radius: 8px;
    background: #fefefe;
    margin: 4px 0;
}
.plusMinusGroup button,
.plusMinusGroup input {
    padding: 0.175em 0.5em;
    outline: none;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background: #fff;
    font-size: 20px;
    text-align: center;
    color: #28648d;
}
.plusMinusGroup input {
    width: 100%;
    color: #515c6f;
}





/*

    489アプリと通常スマホの共用ページ

------------------------------------------------------ */

/* --------------------------------------------------- */
/* スマホだけ調整
/* --------------------------------------------------- */
form[name="InputForm"] > div.navi {
    margin-top: 10px;
}

/* --------------------------------------------------- */
/* 言語選択のデフォルトが出てしまうページがあるので対策
/* --------------------------------------------------- */
div.floating-menu.shadow {
    display: none;
}

/* --------------------------------------------------- */
/* cssのバッティング調整
/* --------------------------------------------------- */
.content div {
    padding: 0;
}
#search {
    padding: 0;
    background: #f5f6f8;
}
#wrapper {
    background: #f5f6f8;
}
.errMsg, .exeMsg {
    /* margin-top: 8px; */
    margin-top: 20px;
}

/* --------------------------------------------------- */
/* kensaku.php
/* --------------------------------------------------- */
/* 最安値カレンダー */
#share .kensaku {
    margin: 20px 15px 0;
}
#share .kensaku_tbl {
    margin: 0;
    width: 100%;
}
#share .kensaku_tbl th,
#share .kensaku_tbl td {
    padding: 0.25em;
    border-color: #a6adb4;
}
#share .kensaku_tbl tr:first-of-type th {
    background: #fefefe;
}
#share .kensaku_tbl tr:first-of-type th img {
    vertical-align: -1px;
}
#share .kensaku_tbl .calenderTitle {
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border-left: 0;
    border-right: 0;
}
#share .kensaku_tbl tr:first-of-type th.back {
    border-right: 0;
}
#share .kensaku_tbl tr:first-of-type th.go {
    border-left: 0;
}
/* 検索結果件数・絞り込み */
#share .kensaku .caution {
    width: 100%;
    margin: 5px 0;
    padding: 5px 0;
    color: #CF3581;
}
#share .kensaku .result {
    width: 100%;
    gap: 5px;
}
#share .kensaku .result div {
    height: 45px;
}
#share .kensaku .result div:nth-of-type(1),/*ソート*/
#share .kensaku .result div:nth-of-type(3) {/*フィルター*/
    flex-grow: 2;
}
#share .kensaku .result div:nth-of-type(2) {/*ヒット*/
    width: 85px;
}
#share .kensaku .result details {/*ソートとフィルターのデフォ*/
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #515C6F;
}
#share .kensaku .result details summary {/*ソートとフィルターのsummaryのデフォ*/
    display: block;
    height: calc(100% - 12px);
    padding-top: 12px;
}
/* Safariの対策 */
#share .kensaku .result details summary::-webkit-details-marker {
    display: none;
}
#share .kensaku .result details.sort {/*ソートのバッティングクラスの打消し*/
    margin: 0;
    padding: 0;
    border: 0;
}
#share .kensaku .result details.sort[open] summary {/*ソートのオープン（非選択）*/
    background: #EAF4FC;
    height: calc(100% - 11px);
    padding-top: 12px;
}
#share .kensaku .result details.sort summary.sortClear {/*ソートのデフォ（選択中）*/
    background: #EAF4FC;
    outline: 1px solid #2CA9E1;
    height: calc(100% - 12px);
    padding-top: 12px;
}
#share .kensaku .result details.sort[open] summary.sortClear {/*ソートのオープン（選択中）*/
    background: #EAF4FC;
    outline: none;
    height: calc(100% - 12px);
    padding-top: 12px;
}
#share .kensaku .result details.sort div {/*ソートの中身*/
    width: calc(200% + 95px);
    height: auto;
    padding: 15px;
    background: #EAF4FC;
    position: absolute;
    top: 45px;
    left: -15px;
}
#share .kensaku .result details.sort ul {/*ソートの中身のボタン*/
    flex-wrap: wrap;
    gap: 0 15px;
}
#share .kensaku .result details.sort ul li {/*ソートの中身のボタン*/
    display: block;
    width: calc(50% - 8px);
    margin-bottom: 8px;
}
#share .kensaku .result details.sort ul li:last-of-type {/*ソートの中身のボタン*/
    margin-bottom: 15px;
}
#share .kensaku .result details.sort ul label {/*ソートの中身のボタン*/
    display: inline-block;
    width: calc(100% - 2px);
    padding: 0.25em 0;
    font-size: 13px;
    background: #fefefe;
    color: #0068B7;
    border: 1px solid #0068B7;
}
#share .kensaku .result details.sort ul input {/*ソートの中身のボタン*/
    display: none;
}
#share .kensaku .result details.sort ul input:checked+label {/*ソートの中身のボタン*/
    background: #2CA9E1;
    color: #fefefe;
}
#share .kensaku .result details.filter[open] summary {/*フィルターのオープン（非選択）*/
    background: #FFEAFF;
    height: calc(100% - 11px);
    padding-top: 12px;
}
#share .kensaku .result details.filter summary.filterClear {/*フィルターのデフォ（選択中）*/
    background: #FFEAFF;
    outline: 1px solid #EC88B9;
    height: calc(100% - 12px);
    padding-top: 12px;
}
#share .kensaku .result details.filter[open] summary.filterClear {/*フィルターのオープン（選択中）*/
    background: #FFEAFF;
    outline: none;
    height: calc(100% - 12px);
    padding-top: 12px;
}
#share .kensaku .result details.filter div {/*フィルターの中身*/
    width: calc(200% + 85px);
    height: auto;
    padding: 20px;
    background: #FFEAFF;
    position: absolute;
    top: 45px;
    right: -15px;
}
#share .kensaku .result details.filter ul {/*フィルターの中身のボタン*/
    flex-wrap: wrap;
    gap: 0 5px;
}
#share .kensaku .result details.filter ul li {/*フィルターの中身のボタン*/
    display: block;
    width: calc(25% - 4px);
    margin-bottom: 20px;
}
#share .kensaku .result details.filter ul label {/*フィルターの中身のボタン*/
    display: inline-block;
    width: calc(100% - 2px);
    padding: 0.5em 0;
    font-size: 13px;
    background: #fefefe;
    color: #CF3581;
    border: 1px solid #CF3581;
}
#share .kensaku .result details.filter ul input {/*フィルターの中身のボタン*/
    display: none;
}
#share .kensaku .result details.filter ul input:checked+label {/*フィルターの中身のボタン*/
    background: #EC88B9;
    color: #fefefe;
}
/* 検索結果一覧 */
#share .knskResult .knskResBin {
    background: #fefefe;
    padding: 10px 15px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#share .knskResult .knskResBin.jisya {
    border-color: #FFBCDD;
}
#share .knskResult .knskResBin.omakase {
    border-color: #228b22;
}
#share .knskResult .knskResBin.tasya {
    border-color: #0068b7;
}
#share .knskResult .knskResBin .title {
    margin: 0;
    font-size: 14px;
}
/* オプション・価格 */
#share .knskResult .optionPrice {
    margin: 10px 0;
    align-items: flex-start;
}
#share .knskResult .optionPrice .option {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(55px, 55px));
    column-gap: 5px;
    row-gap: 5px;
    width: calc(100% - 150px);
    margin-right: 10px;
}
#share .knskResult .optionPrice .option li {
    width: 55px;
    height: 20px;
    color: #fefefe;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
#share .knskResult .optionPrice .option .blue {
    background: #2CA9E1;
}
#share .knskResult .optionPrice .option .green {
    background: #00AC9A;
}
#share .knskResult .optionPrice .option .pink {
    background: #ec88b9;
}
#share .knskResult .optionPrice .option .orange {
    background: #f5a500;
}
#share .knskResult .optionPrice .option li span {
    display: inline-block;
    transform: scale(0.9);
    white-space: nowrap;
}
#share .knskResult .optionPrice .option li .f8px {
    transform: scale(0.8);
}
#share .knskResult .optionPrice .option li .f7px {
    transform: scale(0.7);
}
#share .knskResult .optionPrice .price {
    margin-top: -5px;
}
#share .knskResult .optionPrice .price,
#share .knskResult .optionPrice .price label {
    width: 140px;
}
#share .knskResult .optionPrice .price label {
    font-size: 15px;
    padding: 0.25em 0;
}
#share .knskResult .optionPrice .price label input {
    display: none;
}
/* 乗降地情報 */
#share .knskResult .place {
    width: 100%;
}
#share .knskResult .place ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(61px, 61px));
    column-gap: 9px;
    row-gap: 9px;
}
#share .knskResult .place ul.arr {
    margin-top: 9px;
}
#share .knskResult .place ul .label {
    background: #f5f6f8;
    width: 59px;
    height: 46px;
}
#share .knskResult .place ul li .text {
    display: flex;
    flex-direction: column;
    width: 59px;
    border: 1px solid #D3D3D3;
}
#share .knskResult .place ul li .text p {
    width: 59px;
    height: 22px;
}
#share .knskResult .place ul li .text p:nth-of-type(1) {
    background: #f5f6f8;
}
#share .knskResult .place ul li .text p span {
    display: block;
}
#share .knskResult .place ul li.arrow {
    position: relative;
}
#share .knskResult .place ul li.arrow::before {
    display: block;
    content: "";
    background: url(../images/svg/next_on.svg) no-repeat;
    width: 4px;
    height: 7px;
    left: -6px;
    position: absolute;
}
/* 各プラン */
#share .knskResult a.plan {
    margin-top: 5px;
    width: calc(100% - 2px);
    border: 1px solid #D3D3D3;
}
#share .knskResult a.plan:first-of-type {
    margin-top: 8px;
}
#share .knskResult a.plan p {
    padding: 0.5em;
}
#share .knskResult a.plan p:not(.name) {
    white-space: nowrap;
}
#share .knskResult a.plan p.name {
    flex-grow: 2;
    padding-right: 0;
}
#share .knskResult a.plan p.price {
    width: 65px;
}
#share .knskResult a.plan p.zaiko {
    width: 50px;
}
#share .knskResult a.plan p.action > span {
    font-size: 10px;
    padding: 5px 0;
    width: 80px;
}
/* 気になる便機能 */
#share .kininaru {
    padding: 10px 0;
    margin-top: 10px;
    width: calc(100% - 2px);
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}
#share .kininaru.dead {
    background: #fff;
    color: #0068B7;
    border: 1px solid #2CA9E1;
}
#share .kininaru.active {
    background: #FFF9FF;
    color: #CF3581;
    border: 1px solid #CF3581;
}
#share .kininaru > span::before {
    display: inline-block;
    content: " ";
    width: 20px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../images/svg/heart_on.svg);
}
#share .kininaru.dead > span::before {
    background-image: url(../images/svg/heart_blue.svg);
}
#share .kininaru.active > span::before {
    background-image: url(../images/svg/heart_on.svg);
}

/* --------------------------------------------------- */
/* bin_detail.php
/* --------------------------------------------------- */
/*バス情報*/
#share .detailInfo {
    line-height: 1.3;
}
#share .detailInfo .title {
    font-size: 16px !important;
}
#share .detailInfo .thumb img {
    width: 100%;
    max-width: 300px;
}
#share .detailInfo .option {
    width: 100% !important;
}
#share .detailInfo .option.safety {
    margin-top: 5px;
}
#share .detailInfo .overview {
    margin-bottom: 10px;
}
#share .detailInfo .place {
    margin-bottom: 5px;
}
/*各種入力*/
#share .naviTitle {
    padding: 10px 0 10px;
    margin-top: 20px;
}
#share select[name="planSelect"] {
    color: #cf3581;
    border: 2px solid #cf3581;
    border-radius: 0;
    margin-top: 10px;
}
#share select[name="ouro_s_s_id"],
#share select[name="ouro_a_s_id"] {
    border-radius: 0;
}
#share .numForm {
    flex-wrap: wrap;
}
#share .numForm > div {
    width: calc(50% - 12.5px);
}
/*基本情報*/
#share .detailInfo .busBasicInfo {
    margin-top: 20px;
    border-top: 1px solid #cf3581;
}
#share .detailInfo .busBasicInfo .title {
    padding: 8px 0;
    border-bottom: 1px solid #cf3581;
}
#share .detailInfo .busBasicInfo dl {
    padding: 12px 10px 3px;
    border: 0;
}
#share .detailInfo .busBasicInfo dl dd {
    text-indent: 1em;
    margin: 7px 0;
    display: inline-block;
}

/* --------------------------------------------------- */
/* search_confirm.php
/* --------------------------------------------------- */
#share .knskResult .knskResBin.jisya.srcCfmDetail {
    padding: 10px 0;
}
#share .knskResult .knskResBin.jisya.srcCfmDetail .repeat {
    margin: 0 15px;
}
#share .knskResult .knskResBin.jisya.srcCfmDetail .info .title {
    background: #ec88b9;
    color: #fefefe;
    font-size: 13px !important;
    padding: 5px 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#share .knskResult .knskResBin.jisya.srcCfmDetail .info:first-of-type .title {
    margin-top: 0;
}
#share .knskResult .knskResBin.jisya.srcCfmDetail .info .text {
    padding: 8px 20px;
    color: #28648D;
}
#share .knskResult .knskResBin.jisya.srcCfmDetail .info .text a {
    color: #28648D;
}
#share label.radio {
    background: #fff;
    padding: 1em;
}
#share label.radio input {
    width: auto;
    height: auto;
    vertical-align: -3px;
}
#share label.coulabel {
    border: 2px solid #fefefe;
    padding: 10px;
}

/* --------------------------------------------------- */
/* reserve_login.php
/* --------------------------------------------------- */
#share .login {
    padding: 20px 45px;
    margin-top: 10px;
}

/* --------------------------------------------------- */
/* reserve1.php
/* --------------------------------------------------- */
#share .resForm {
    margin-top: 20px;
}
#share .resForm .label {
    margin-top: 10px;
}
#share .resForm .res1age {
    position: relative;
}
#share .resForm .res1age:after {
    position: absolute;
    right: -1.5em;
    top: 1.25em;
    display: inline-block;
    content: "歳";
}
#share .resPayway {
    margin-top: 7px;
}
#share .resPayway input[name="payway"] {
    display: none;
}
#share .resPayway input[name="payway"] + label {
    display: block;
    border: 2px solid #fefefe;
    padding: 10px;
}
#share .resPayway input[name="payway"]:checked + label {
    border-color: #0068b7;
}
#share .resPayway input[name="payway"] + label > img:nth-of-type(1) {
    display: inline;
}
#share .resPayway input[name="payway"] + label > img:nth-of-type(2) {
    display: none;
}
#share .resPayway input[name="payway"]:checked + label > img:nth-of-type(1) {
    display: none;
}
#share .resPayway input[name="payway"]:checked + label > img:nth-of-type(2) {
    display: inline;
}
#share .ccTable {
    width: 100%;
    margin-top: 10px;
}
#share .ccTable th,
#share .ccTable td {
    padding: 6px;
    border: 2px solid #f5f6f8;
}
#share .ccTable th {
    background: #d3d3d3;
}
#share .ccTable td {
    background: #fefefe;
}

/* --------------------------------------------------- */
/* reserve_fin.php
/* --------------------------------------------------- */
#share .resFinBdr1,
#share .resFinBdr2 {
    padding: 20px 15px;
    border: 3px solid #cf3581;
    border-radius: 15px;
    background: #FFF9FF;
}
#share .resFinBdr2 {
    background: #fefefe;
    margin-top: 10px;
}
#share .resFinBdr1 .text,
#share .resFinBdr2 .text {
    margin-bottom: 10px;
    line-height: 1.4;
}

/* --------------------------------------------------- */
/* ride_list.php
/* --------------------------------------------------- */
#share .rideList h3.sttl {
    background: #ec88b9;
    color: #fefefe;
    font-size: 13px !important;
    padding: 5px 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    box-shadow: none;
    font-weight: normal;
}
#share .rideList div[style="padding: 0 20px;"] > dl.data {
    margin: 1em;
}
#share .rideList p.pagetop {
    padding-top: 15px;
}
#share .rideList p.pagetop a {
    text-decoration: underline;
}

/* --------------------------------------------------- */
/* user.php
/* --------------------------------------------------- */
#share .user {
    padding: 20px;
    margin-top: 25px;
}
#share .user .form {
    margin-top: 18px;
}
#share .user .form .parts:not(:first-of-type) {
    margin-top: 10px;
}
.form .parts > div {
    font-size: 12px;
    color: #28648D;
}
#share .user .form .parts > div > p {
    margin-bottom: 8px;
}
#share .user .form .parts.flex {
    display: flex;
    justify-content: space-between;
    gap: 0 15px;
}
#share .user .form .parts.flex > div {
    width: calc(100% - 7.5px);
}
#share .user .form input[type="text"],
#share .user .form input[type="password"],
#share .user .form select {
    font-size: 14px;
    border: #A6ADB4 solid 2px;
    border-radius: 0;
    width: calc(100% - 20px - 4px);
    padding: 0.75em 10px;
}
#share .user .form label {
    font-size: 14px;
    padding: 10px 20px 10px 15px;
    display: inline-block;
}
#share .user .form input[type="radio"],
#share .user .form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 0;
    margin-right: 15px;
}
#share .user .form .cfm .title {
    background: #EC88B9;
    color: #fff;
    font-size: 13px;
    padding: 3px 20px;
}
#share .user .form .cfm .text {
    color: #28648D;
    font-size: 15px;
    padding: 13px 30px;
}
#share .user .fin {
    border: 2px solid #CF3581;
    border-radius: 7px;
    background: #FFF9FF;
    padding: 75px 0;
}

/* --------------------------------------------------- */
/* mywaiting.php
/* --------------------------------------------------- */
#share .waiting {
    padding: 20px;
    margin-top: 25px;
}
#share .waiting .topText {
    margin: 12px 20px 24px 30px;
    font-size: 14px;
    line-height: calc(19 / 14);
}
#share .waiting .form {
    margin-top: 18px;
}
#share .waiting .form .cfm .title {
    background: #EC88B9;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px 6px;
}
#share .waiting .form .cfm .content {
    border: 2px solid #CF3581;
    border-radius: 7px;
    margin: 10px 10px 15px;
    padding: 20px 10px 35px;
    font-size: 15px;
    color: #28648D;
}
#share .waiting .form .cfm .content dl dt {
    color: #CF3581;
}
#share .waiting .form .cfm .content dl dt:not(:first-of-type) {
    margin-top: 9px;
}
#share .waiting .form .cfm .content dl dd {
    padding: 0 10px 0 20px;
}
#share .waiting .form .cfm .content .delBtn {
    margin-top: 44px;
    padding: 0 75px;
}

/* --------------------------------------------------- */
/* myreserve.php
/* --------------------------------------------------- */
#share .myres {
    padding: 20px;
    margin-top: 25px;
}
#share .myres .form {
    margin-top: 18px;
}
#share .myres .form .cfm .title {
    background: #EC88B9;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px 6px;
}
#share .myres .form .cfm .content {
    border: 2px solid #CF3581;
    border-radius: 7px;
    margin: 10px 10px 15px;
    padding: 15px 10px 20px;
    font-size: 15px;
    color: #28648D;
}
#share .myres .form .cfm .content dl dt {
    color: #CF3581;
}
#share .myres .form .cfm .content dl dt:not(:first-of-type) {
    margin-top: 9px;
}
#share .myres .form .cfm .content dl dd {
    padding: 0 10px 0 20px;
}
#share .myres .form .cfm .content .delBtn {
    margin-top: 20px;
    padding: 0 75px;
}
/* ソート機能・ページャー機能 */
#share .myres .navi {
    margin: 15px 25px 10px;
}
#share .myres .navi select {
    margin-top: 2px;
}
#share .myres .page a {
    display: inline;
    text-decoration: underline;
    color: #0068B7;
}

/* --------------------------------------------------- */
/* myreserve.php
/* --------------------------------------------------- */
#share .myresDtl {
    padding: 20px;
    margin-top: 25px;
}
#share .myresDtl .topText {
    margin: 15px 20px 0 25px;
    font-size: 14px;
    line-height: calc(19 / 14);
}
#share .myresDtl .form {
    margin-top: 15px;
}
#share .myresDtl .form .cfm .content {
    border: 2px solid #CF3581;
    border-radius: 7px;
    margin: 10px;
    padding: 15px 10px 25px;
    font-size: 15px;
    color: #28648D;
}
#share .myresDtl .form .cfm .content dl dt {
    color: #CF3581;
}
#share .myresDtl .form .cfm .content dl dt:not(:first-of-type) {
    margin-top: 9px;
}
#share .myresDtl .form .cfm .content dl dd {
    padding: 4px 10px 0 20px;
    line-height: calc(19 / 14);
}
#share .myresDtl .form .thisSelect {
    border: 1px solid #A6ADB4;
    color: #28648D;
    border-radius: 0;
    padding: 12px 10px;
}
#share .myresDtl .footMenuBtn {
    margin: 20px 20px 10px 20px;
    gap: 10px 15px;
    flex-wrap: wrap;
}
#share .myresDtl .footMenuBtn a {
    width: calc(50% - 7.5px);
    color: #fff;
    font-size: 13.5px;
    padding: 12px 0;
    font-weight: normal;
}
#share .myresDtl .footMenuBtn .thisPink1 {
    background: #EC88B9;
}
#share .myresDtl .footMenuBtn .thisPink2 {
    background: #DF536D;
}
#share .myresDtl .footMenuBtn .thisOrange {
    background: #F5A500;
}
#share .myresDtl .footMenuBtn .thisBlue {
    background: #89C3EB;
}
#share .myresDtl .footMenuBtn .thisGreen {
    background: #66CDAA;
}

/* --------------------------------------------------- */
/* myreserveCancel.php
/* --------------------------------------------------- */
#share .myresCxl {
    padding: 20px;
    margin-top: 25px;
}
#share .myresCxl .title:not(:first-of-type) {
    margin-top: 20px !important;
}
#share .myresCxl .form {
    margin-top: 15px;
}
#share .myresCxl .form .cfm .content {
    border: 2px solid #CF3581;
    border-radius: 7px;
    margin: 10px;
    padding: 15px 10px 25px;
    font-size: 15px;
    color: #28648D;
}
#share .myresCxl .form .cfm .content dl dt {
    color: #CF3581;
}
#share .myresCxl .form .cfm .content dl dt:not(:first-of-type) {
    margin-top: 9px;
}
#share .myresCxl .form .cfm .content dl dd {
    padding: 4px 10px 0 20px;
    line-height: calc(19 / 14);
}
#share .myresCxl .form .thisSelect {
    border: 1px solid #A6ADB4;
    color: #28648D;
    border-radius: 0;
    padding: 12px 10px;
}
#share .myresCxl .form input.thisSelect {
    width: calc(100% - 20px);
}
#share .myresCxl .footMenuBtn {
    margin: 20px 20px 10px 20px;
    gap: 10px 15px;
    flex-wrap: wrap;
}
#share .myresCxl .footMenuBtn a {
    width: calc(50% - 7.5px);
    color: #fff;
    font-size: 13.5px;
    padding: 12px 0;
    font-weight: normal;
}
#share .myresCxl .footMenuBtn .thisPink1 {
    background: #EC88B9;
}
#share .myresCxl .footMenuBtn .thisPink2 {
    background: #DF536D;
}
#share .myresCxl .footMenuBtn .thisOrange {
    background: #F5A500;
}

/* --------------------------------------------------- */
/* myreserveCancelFin.php
/* --------------------------------------------------- */
#share .rescxlfin {
    padding: 20px;
    margin-top: 25px;
}
#share .rescxlfin .fin {
    border: 2px solid #CF3581;
    border-radius: 7px;
    background: #FFF9FF;
    padding: 30px 0 60px;
}
#share .rescxlfin .fin .text {
    color: #28648D;
    font-size: 15px;
    margin-top: 25px !important;
    text-align: left;
    margin: 0 35px;
}