/* bootstrap3.x系バグ 対応 */

@media screen and (min-width:768px) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }
}

_::-webkit-full-page-media,
_:future,
:root .col-xs-1,
 :root .col-sm-1,
 :root .col-md-1,
 :root .col-lg-1,
 :root .col-xs-2,
 :root .col-sm-2,
 :root .col-md-2,
 :root .col-lg-2,
 :root .col-xs-3,
 :root .col-sm-3,
 :root .col-md-3,
 :root .col-lg-3,
 :root .col-xs-4,
 :root .col-sm-4,
 :root .col-md-4,
 :root .col-lg-4,
 :root .col-xs-5,
 :root .col-sm-5,
 :root .col-md-5,
 :root .col-lg-5,
 :root .col-xs-6,
 :root .col-sm-6,
 :root .col-md-6,
 :root .col-lg-6,
 :root .col-xs-7,
 :root .col-sm-7,
 :root .col-md-7,
 :root .col-lg-7,
 :root .col-xs-8,
 :root .col-sm-8,
 :root .col-md-8,
 :root .col-lg-8,
 :root .col-xs-9,
 :root .col-sm-9,
 :root .col-md-9,
 :root .col-lg-9,
 :root .col-xs-10,
 :root .col-sm-10,
 :root .col-md-10,
 :root .col-lg-10,
 :root .col-xs-11,
 :root .col-sm-11,
 :root .col-md-11,
 :root .col-lg-11,
 :root .col-xs-12,
 :root .col-sm-12,
 :root .col-md-12,
 :root .col-lg-12 {
    margin: 0 -1px;
}

.width720 {
    display: block;
}

.width720.flex {
    display: flex;
}


/*コンタクトフォーム------------------------------------*/

.pageReserve .calender_head_text span.calender_head_alert {
    color: #A12125;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.pageHeader.reserveH {
    padding-bottom: 0px;
}

.pageReserve .Request_text {
    background-color: #F1F1F1;
    padding-top: 30px;
}

.pageReserve.op_notice .Request_text{
    background-color: transparent;
}

.pageReserve.op_notice .form-wrap{
    background-color: #F1F1F1;
}

.pageReserve .text_box {
    display: block;
    border: solid 2px #A12125;
    padding: 20px 18px;
}

.pageReserve .text_box .title {
    font-weight: bold;
    font-size: 20px;
    color: #A12125;
    text-align: center;
}

.pageReserve .text_box p {
    color: #A12125;
}

.pageReserve .text_box ul {
    margin-top: 15px;
    color: #A12125;
}

.pageReserve .text_box ul li {
    margin-left: 15px;
}

.pageReserve .text_box ul li span {
    margin-left: -15px;
}

.pageRegist h3,
.pageReserve h3 {
    display: block;
    background-color: #F1F1F1;
    padding: 60px 0 1px;
}

.pageRegist h3 span,
.pageReserve h3 span {
    width: 720px;
    height: 73px;
    display: block;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    font-size: 22px;
    font-weight: 700;
}

.pageReserve h3 span a.confirm-plan-text {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .6em;
    font-weight: normal;
    color: #2C9AB3;
}

.pageReserve h3 span.amount span.total {
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: 0;
    height: 40px;
}

_::-webkit-full-page-media, _:future, :root .pageReserve h3 span.amount span.total {
    top: 10px;
}

.pageRegist h3 span img,
.pageReserve h3 span img {
    width: 794px;
    max-width: 794px;
    top: 0;
}

.pageReserve h3 span.amount img {
    position: absolute;
    height: 73px;
}

.pageRegist form dt span.cards img {
    width: 38px;
    display: inline-block;
}

.pageRegist form dl,
.pageReserve form dl,
.pageEventForm form dl {
    padding: 35px 0 0;
    margin: 0;
}

.pageRegist form dl:nth-last-of-type(1),
.pageReserve form dl:nth-last-of-type(1),
.pageEventForm form dl:nth-last-of-type(1) {
    padding-bottom: 35px;
}

.pageRegist form dt,
.pageReserve form dt,
.pageEventForm form dt {
    margin-bottom: 10px;
}

.pageRegist form div.required dl,
.pageReserve form div.required dl,
.pageReserve form div.app_id,
.pageReserve form div.facility dl {
    background-color: #F1F1F1;
    padding-top: 10px;
}

.pageRegist form div.required dt::before,
.pageReserve form div.required dt::before,
.pageEventForm form div.required dt::before,
.pageReserve form div.facility dt::before {
    content: "\5FC5\9808";
    width: auto;
    height: 22px;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 13px 3px 14px;
    background-color: #FFFF00;
    border: solid 1px #323333;
    border-radius: 6px;
    margin-right: 10px;
}

.pageRegist form input[type="text"],
.pageRegist form input[type="number"],
.pageRegist form textarea,
.pageReserve form input[type="text"],
.pageReserve form input[type="number"],
.pageReserve form textarea {
    width: 100%;
    height: 42px;
    background-color: #fff;
    border: solid 2px #323333;
    padding: 10px;
}

.pageRegist form textarea,
.pageReserve form textarea {
    height: 126px;
}

.pageReserve .facility dt {
    margin-bottom: 20px;
}

.pageReserve .facility button {
    width: 50%;
    padding: 99px 0;
    display: block;
    color: #fff;
    font-size: 24px;
    background-size: cover;
}

.pageReserve .facility button:hover {
    opacity: 0.8;
}

@media screen and (max-width:767px) {
    .pageReserve .facility .flex {
        display: block;
    }

    .pageReserve .facility button {
        width: 100%;
        font-size: 16px;
        padding: 94px 0;
    }

    .pageReserve .facility button:first-of-type{
        margin-bottom: 10px;
    }

    
}


.pageRegist form dd > p.annotation {
    color: red;
    margin-top: 10px;
    line-height: 1.5;
    font-weight: 700;
}

 /* フォームエラー */

 main form input.parsley-error.error{
    border: solid 2px #A12125;
}

main form .parsley-custom-error-message {
    color: #A12125;
    margin-top: 10px;
    margin-bottom: 3px;
    letter-spacing: 1px;
    font-size: 12px;
    list-style-type: none;
}

/*--file アップロードボタン--*/

.pageRegist form dd.file,
.pageRegist form dd.file label,
.pageReserve form dd.file,
.pageReserve form dd.file label {
    width: 100%;
    height: 36px;
    position: relative;
}

.pageRegist form dl dd.pre-block,
.pageReserve form dl dd.pre-block {
    height: auto;
}

.pageReserve form dt.thumbnailInput~dd.file {
    height: auto;
}

.pageRegist form input[type="file"],
.pageReserve form input[type="file"] {
    display: none;
}

.pageRegist form dd.file label::before,
.pageReserve form dd.file label::before {
    content: "\753B\50CF\3092\30A2\30C3\30D7\30ED\30FC\30C9";
    min-width: 156px;
    height: 36px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 0 0 1px #808080 inset;
    background: #808080;
    padding: 8px 15px;
    position: absolute;
    margin: 0 auto;
    cursor: pointer;
}

.pageRegist form dd.file .pre-block:hover label::before,
.pageReserve form dd.file .pre-block:hover label::before {
    color: #323333;
    background-color: #FFFF00;
    box-shadow: 0 0 0 1px #FFFF00 inset;
    background: #FFFF00;
}

.pageRegist form dd.nowfile {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 2px solid #ccc;
}

.pageRegist form dd.file span,
.pageReserve form dd.file span {
    display: flex;
    align-items: center;
    color: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 200px;
    margin: auto;
}

.pageRegist form dd.file img.pre-image,
.pageReserve form dd.file img.pre-image {
    margin-top: 20px;
}

.pageRegist form button,
.pageReserve form button {
    min-width: 146px;
}

@media screen and (max-width:767px) {
    .pageReserve .Request_text .width720 {
        width: 89.21875%;
        max-width: inherit;
    }
    .pageReserve .text_box .title {
        font-size: 18px;
    }
    .pageReserve .text_box {
        padding: 15px;
    }
    .pageReserve form button.plus-time,
    .pageReserve form button.minus-time {
        min-width: auto;
        padding: 0.3rem 1.2rem;
        margin: 0 0.5rem;
    }
}


/*--required以外で背景が#f1f1f1--*/

.pageRegist form div.questionnaire dl,
.pageReserve form div.questionnaire dl {
    background-color: #f1f1f1;
    padding-bottom: 25px;
    margin-bottom: 35px;
}


/*--checkbox 装飾--*/

.pageReserve form ul.check li,
.pageRegist form div.questionnaire ul.check li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}

.pageReserve form dd.people ul.check {
    margin-top: 5px;
}

.pageEventForm ul.check input[type="checkbox"],
.pageEventForm form div.check input[type="checkbox"],
.pageRegist form ul.check input[type="checkbox"],
.pageRegist form div.check input[type="checkbox"],
.pageReserve form ul.check input[type="checkbox"],
.pageReserve form div.check input[type="checkbox"] {
    display: none;
}

.pageEventForm form ul.check span.checkboxSpan,
.pageEventForm form div.check span.checkboxSpan,
.pageRegist form ul.check span.checkboxSpan,
.pageRegist form div.check span.checkboxSpan,
.pageReserve form div.check span.checkboxSpan,
.pageReserve form ul.check span.checkboxSpan {
    padding: 6px 10px 6px 30px;
    position: relative;
    cursor: pointer;
}

.pageReserve form ul.check span.checkboxSpan {
    font-size: 0.8em;
    padding-right: 0px;
}

.pageEventForm form div.check.consent span.checkboxSpan,
.pageRegist form div.check.consent span.checkboxSpan,
.pageReserve form div.check.consent span.checkboxSpan {
    padding-left: 40px;
}

.pageRegist form .required ul.check dd,
.pageReserve form .required ul.check dd {
    margin-bottom: 10px;
}

.pageEventForm form ul.check span.checkboxSpan::before,
.pageEventForm form div.check span.checkboxSpan::before,
.pageRegist form ul.check span.checkboxSpan::before,
.pageRegist form div.check span.checkboxSpan::before,
.pageReserve form div.check span.checkboxSpan::before,
.pageReserve form ul.check span.checkboxSpan::before {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    border: solid 1px #323333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}

@media screen and (max-width:767px) {
    .pageEventForm form ul.check span.checkboxSpan::before,
    .pageEventForm form div.check span.checkboxSpan::before,
    .pageRegist form ul.check span.checkboxSpan::before,
    .pageRegist form div.check span.checkboxSpan::before,
    .pageReserve form div.check span.checkboxSpan::before,
    .pageReserve form ul.check span.checkboxSpan::before {
        top: 12px;
        margin: 0;
    }
}

.checkboxInput:checked+.checkboxSpan {
    border-bottom: solid 2px #71c6d5;
}

.checkboxInput:checked+.checkboxSpan::after {
    content: "";
    width: 8px;
    height: 12px;
    display: block;
    border-right: solid 2px #71c6d5;
    border-bottom: solid 2px #71c6d5;
    transform: rotate(40deg);
    position: absolute;
    top: 6px;
    left: 11px;
    margin: auto;
}

.check a {
    color: #71c6d5;
    text-decoration: underline;
}

.checkboxLabel input[type="radio"] {
    display: none;
}


/*--人数--*/

dd.people {
    display: flex;
}

dd.people>label {
    margin-left: 2rem;
}

dd.people label,
dd.people label span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: center;
}

dd.people label span:nth-of-type(1) {
    min-width: 75px;
}

dd.people label input[type="number"] {
    margin: 0 10px;
}

dd.people:not(:nth-last-of-type(1)) label {
    margin-bottom: 10px;
}

dd.people label input[type="number"] {
    width: 10rem;
}


/*-- select --*/

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

form div.select div select {
    width: 100%;
    height: 42px;
    border: solid 1px transparent;
    border-radius: 0px;
    background-color: transparent;
    padding: 0 10px;
    cursor: pointer;
}

form div.select div {
    width: 100%;
    position: relative;
    border: solid 2px #323232;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
}

form div.select div::before {
    content: "";
    width: 8px;
    height: 5px;
    display: block;
    border-top: solid 8px #000;
    border-right: solid 4px transparent;
    border-left: solid 4px transparent;
    position: absolute;
    margin: auto;
    top: 18px;
    right: calc(2% + 10px);
}

.minus-time,
.plus-time {
    padding: 0.3rem 4rem;
    color: white;
    min-width: auto;
    margin-right: 1rem;
    margin-left: 1rem;
}

ul.equip-ul li {
    margin-bottom: 1rem;
}

span.equip-sep {
    padding-left: 1rem;
    font-size: 1rem;
}

ul.equip-ul li select,
select.reserve-time-select {
    height: 42px;
    border: solid 2px #323232;
    border-radius: 3px;
    background-color: white;
    padding: 0 10px;
    cursor: pointer;
}

.pageReserve .description .caution {
    margin-top: 15px;
}

.pageReserve .description .caution li {
    margin-bottom: 5px;
    font-size: 14px;
    margin-left: 15px;
}

.pageReserve .description .caution li span {
    margin-left: -15px;
}

.pageReserve .event-preview-button {
    padding: 0.3rem 0.3rem;
    width: 100%;
    max-width: 140px;
    display: block;
}


/*-- term --*/

form dd.term {
    display: flex;
    align-items: center;
}

form dd.term input[type="text"] {
    margin-right: 2%;
}

form dd.term input[type="text"]:nth-last-of-type(1) {
    margin-left: 2%;
    margin-right: 0;
}

@media screen and (max-width:767px) {
    form dd.term {
        text-align: center;
    }
    form dd.term input[type="text"],
    form dd.term input[type="text"]:nth-last-of-type(1) {
        margin: 0;
    }
    form dd.term span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: rotate(90deg);
        z-index: -1;
    }
}


/*-- reserve description --*/

.pageRegist div.description dt,
.pageReserve div.description dt {
    display: flex;
    align-items: center;
}

.pageReserve div.description dt.reserve-time-title {
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .pageReserve div.description dt.reserve-time-title>div {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.pageRegist div.required dt.cord {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.pageRegist div.required dt.cord .balloon {
    display: none;
}

.pageRegist div.description dt span,
.pageReserve div.description dt span,
.pageRegist div.required dt.cord span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    color: #fff;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    background-color: #323333;
    border-radius: 20px;
    padding-left: 2.5px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}

.pageRegist div.required dt.cord span:hover+.balloon {
    display: block;
    position: absolute;
    top: -300px;
    right: 15px;
    font-size: 14px;
}

.pageRegist div.required dt.cord span:hover+.balloon .card_box {
    display: flex;
    justify-content: flex-start;
}

.pageRegist div.required dt.cord span:hover+.balloon .card_box>div>p {
    margin-bottom: 5px;
}

.pageRegist div.required dt.cord span:hover+.balloon .card_box:first-of-type {
    margin-bottom: 10px;
}

.pageRegist div.required dt.cord span:hover+.balloon .card_box .company {
    margin-left: 10px;
    margin-top: 25px;
}

.pageRegist div.required dt.cord span:hover+.balloon p {
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

.pageRegist div.description dt span:hover::before,
.pageReserve div.description dt.use span:hover::before,
.pageReserve div.description dt.usedetail span:hover::before,
.pageRegist div.required dt.cord span:hover::before {
    content: "";
    width: 300px;
    height: 130px;
    display: block;
    color: #323333;
    font-size: 12px;
    text-align: center;
    background-color: #f1f1f1;
    background-size: 170px auto;
    background-repeat: no-repeat;
    background-position: center bottom 8px;
    border: solid 2px #323333;
    padding: 5px 15px;
    position: absolute;
    top: -138px;
    right: -5px;
    margin: auto;
}

.pageRegist div.description dt span:hover::after,
.pageReserve div.description dt.use span:hover::after,
.pageReserve div.description dt.usedetail span:hover::after,
.pageRegist div.required dt.cord span:hover::after {
    content: "";
    width: 10px;
    height: auto;
    display: block;
    border-top: solid 8px #323333;
    border-right: solid 5px transparent;
    border-left: solid 5px transparent;
    position: absolute;
    top: -8px;
    right: 5.5px;
    margin: auto;
}

.pageReserve div.description dt.footerHtml span:hover::before {
    content: "追記事項を入力しましょう";
    background-image: url(../img/pageReserveFooterHtml.jpg);
}

.pageReserve div.description dt.use span:hover::before {
    content: "（例）\A・ママ友ごはん会 \A・絵画教室\A・会議";
    height: 100px;
    top: -106px;
    white-space: pre;
    text-align: left;
}

.pageRegist div.description dt.usefulness span:hover::before {
    content: "（例）\A・ママ友ごはん会 \A・絵画教室\A・会議";
    height: 100px;
    top: -106px;
    white-space: pre;
    text-align: left;
}

.pageReserve div.description dt.usedetail span:hover::before {
    content: "（例）\A・食材を持ち込んで料理をして、\Aみんなで食べます\A・こども向けの絵画教室を開催します\A・食材を持ち込んで料理します";
    height: 130px;
    top: -136px;
    white-space: pre;
    text-align: left;
}

.pageRegist div.description dt.usefulnessDetail span:hover::before {
    content: "（例）\A・食材を持ち込んで料理をして、\Aみんなで食べます\A・こども向けの絵画教室を開催します\A・食材を持ち込んで料理します";
    height: 130px;
    top: -136px;
    white-space: pre;
    text-align: left;
}

.pageRegist div.required dt.cord span:hover::before {
    width: 345px;
    height: 310px;
    top: -317px;
    white-space: pre;
    text-align: left;
}


/*--確認画面--*/

.pageReserve.conf h3 {
    padding-bottom: 35px;
}

span.total {
    width: auto;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: center;
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: 11px;
    left: 141px;
    margin: auto;
}

span.total i {
    font-style: normal;
}

span.total i:nth-of-type(1) {
    color: #AC2328;
    border-bottom: solid 1px #323333;
    padding-bottom: 7px;
    margin-right: 10px;
}

div.totalDiv span.total {
    position: inherit;
    margin: 0;
}

div.totalDiv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: center;
}

div.totalDiv span:not(.total) {
    font-size: 18px;
    font-weight: 600;
    border-right: solid 3px #323333;
    padding-right: 14.5px;
    margin-right: 14.5px;
}

.pageRegist.conf p,
.pageReserve.conf p,
.pageEventForm.conf p {
    background-color: #f1f1f1;
    margin-bottom: 0;
}

.pageRegist.conf p span,
.pageReserve.conf p span,
.pageEventForm.conf p span {
    display: block;
}

.pageRegist.conf dl dd,
.pageReserve.conf dl dd,
.pageEventForm.conf dl dd {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #545454;
}

.pageEventForm.conf dl dd {
    word-break: break-all;
}

.pageRegist.conf dl dd.errorText,
.pageReserve.conf dl dd.errorText,
.pageEventForm.conf dl dd.errorText {
    border-bottom: none;
}

.pageReserve.conf span.bold.unit {
    margin-left: 10px;
}

.pageReserve.conf ul.people,
.pageReserve.conf ul.people li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: center;
}

.pageReserve.conf ul.people li span:not(.bold) {
    margin: 0 10px 0 15px;
}

.pageReserve.conf ul.people li:nth-of-type(even) {
    margin: 0 20px;
}

.pageReserve.conf ul.buttons,
.pageReserve ul.buttons,
.pageRegist ul.buttons,
.pageEventForm.conf ul.buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
}

.pageRegist ul.buttons li:first-of-type,
.pageRegist.conf ul.buttons li:first-of-type,
.pageReserve.conf ul.buttons li:first-of-type,
.pageReserve ul.buttons li:first-of-type,
.pageEventForm.conf ul.buttons li:first-of-type {
    margin-right: 8%;
}

.pageReserve dl dd.width720.calender_text {
    margin-bottom: 20px;
}

.pageReserve dl dd p span.under_line {
    text-decoration: underline;
}

.pageReserve .help_text {
    background-color: #F1F1F1;
    padding-bottom: 10px;
}

.pageReserve .help_text p {
    max-width: 720px;
    margin: 0 auto;
    font-size: 14px;
}

.pageReserve.conf .totalDiv.width720.mb70 {
    align-items: baseline;
}

@media screen and (max-width:767px) {
    .pageRegist h3 span,
    .pageRegist form dt.width720,
    .pageRegist form span.width720,
    .pageRegist form dd.width720,
    .pageReserve h3 span,
    .pageReserve form dt.width720,
    .pageReserve form dd.width720,
    .pageReserve .help_text p {
        width: 89.21875%;
    }
    .pageRegist div.required dt.cord span:hover+.balloon {
        right: 15px;
    }
    .pageRegist div.required dt.cord span:hover+.balloon .card_box .company {
        margin-left: 15px;
    }
    .pageRegist div.required dt.cord span:hover::before {
        width: 345px;
    }
    .pageReserve form dd.width720.calender_text {
        margin-bottom: 20px;
    }
    .pageReserve div.spaceIntroduction div.width720 {
        padding-bottom: 10px;
        flex-wrap: wrap;
    }

    div.spaceIntroduction div.width720 dl.bekkann_space {
        width: 48%!important;
        padding: 10px 7px 8px!important;
    }

    div.spaceIntroduction div.width720 dl dd ul {
        padding-left: 0!important;
    }
}


/*コンタクトフォーム エラー------------------------------------*/

div.errorDiv {
    background-color: #F1F1F1;
    padding-top: 5px;
}

div.errorDiv ul,
div.errorActive ul li {
    display: none;
}

div.errorDiv ul.errorActive {
    display: block;
    border: solid 2px #A12125;
    padding: 13px 13px 13px;
    color: #A12125;
}

div.errorDiv ul li.errorText {
    display: block;
    color: #A12125;
    padding-left: 16px;
    position: relative;
}

div.errorDiv ul li p {
    margin: 0;
}

div.errorDiv ul li p::before {
    content: "";
    width: 3px;
    height: 3px;
    display: block;
    background-color: #A12125;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6.5px;
    margin: auto;
}

span.error_box_name dd.errorText p {
    display: block;
    color: #a12125;
    font-weight: 600;
}

.pageRegist form dt p.red_text {
    color: #a12125;
}

.pageRegist form input[type="text"].errorInput,
.pageRegist form input[type="number"].errorInput,
.pageRegist form textarea.errorInput,
.pageReserve form input[type="text"].errorInput,
.pageReserve form input[type="number"].errorInput,
.pageReserve form textarea.errorInput {
    border: solid 2px #a12125;
}

@media screen and (max-width:767px) {
    div.errorActive ul {
        width: 89.21875%;
    }
}


/*-- eventDital --*/

section.eventDetail {
    background-color: #f1f1f1;
    padding-top: 40px;
}

section.eventDetail div {
    font-size: 16px;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 15px;
}

section.eventDetail h4 {
    font-size: 18px;
    font-weight: 600;
}


/*-- buttons --*/

div.buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}


/*-- organizer --*/

section.organizerEventlist div.buttons {
    margin: 0 -1.3%;
}

section.organizerEventlist a.button {
    font-weight: 400;
    padding: .2rem 1.8rem;
    margin: 0 1.3%;
}


/*-- organizerParticipantlist --*/

section.organizerParticipantlist section h4 {
    font-size: 12px;
    padding: 0 0 10px 10px;
    display: inline-block;
}

section.organizerParticipantlist section p {
    font-size: 14px;
    padding: 0 0 0px 10px;
    display: inline-block;
    width: auto;
    font-weight: normal;
}

section.organizerParticipantlist ul:not(.pagenationUl) {
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
}

section.organizerParticipantlist ul:not(.pagenationUl) li {
    min-height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    cursor: pointer;
}

section.organizerParticipantlist ul:not(.pagenationUl) li:not(:nth-last-of-type(1)) {
    border-bottom: dashed 1px #c1c1c1;
}

section.organizerParticipantlist ul li.participant::before {
    content: "";
    width: 0px;
    height: 0px;
    display: block;
    border-top: solid 6px #333;
    border-right: solid 6px transparent;
    border-left: solid 6px transparent;
    border-bottom: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

section.organizerParticipantlist p,
section.organizerParticipantlist span {
    display: inline-block;
    /*color: #999;*/
    font-size: 14px;
    padding: 10px 0;
    margin: 0 2%;
}

section.organizerParticipantlist p {
    width: 20%;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

section.organizerParticipantlist span:nth-of-type(1) {
    width: 20%;
}

section.organizerParticipantlist span:nth-of-type(2) {
    width: calc(48% - 32px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

section.organizerParticipantlist span:nth-last-of-type(2),
section.organizerParticipantlist span:nth-last-of-type(1) {
    display: none;
}

section.organizerParticipantlist li.active span:nth-last-of-type(3),
section.organizerParticipantlist li.active span:nth-last-of-type(2),
section.organizerParticipantlist li.active span:nth-last-of-type(1) {
    width: calc(100% - 32px);
    display: block;
    color: #333;
    padding: 6px 0;
    word-break: break-all;
}

section.organizerParticipantlist ul li.participant.active::before {
    border-bottom: solid 6px #333;
    border-top: none;
}

section.organizerParticipantlist ul li.active span:nth-of-type(2) {
    overflow: inherit;
    white-space: inherit;
    text-overflow: inherit;
}

section.organizerParticipantlist section.marginPagination {
    margin: 5vw auto;
}

section.organizerParticipantlist li.active span button.delete {
    color: #fff;
    border: solid .1rem #C1272D;
    background-color: #C1272D;
    box-shadow: none;
    margin: 0;
}

section.organizerParticipantlist li.active span button.delete:hover {
    color: #333;
    border: solid .1rem #ffff00;
    background-color: #ffff00;
}

@media screen and (max-width:640px) {
    section.organizerParticipantlist span:nth-last-of-type(2) {
        display: none;
    }
    section.organizerParticipantlist p {
        width: auto;
    }
    section.organizerParticipantlist span:nth-of-type(1) {
        width: calc(44% - 16px);
    }
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb140 {
    margin-bottom: 140px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt100 {
    margin-top: 100px !important;
}


/*-- deadline --*/

p.deadline {
    color: #C1272D;
    margin-bottom: 2rem;
}

.buttonBgBlue.deadline {
    display: none;
}

.regist-before-info {
    text-align: left;
}

.topPickupCateUl li {
    margin-right: 0.4rem;
}

section.pageReserve .fc-prev-button,
section.pageReserve .fc-next-button {
    top: 0;
}


/*-- マイページ　イベント内容 --*/

.buttons.event-list {
    position: relative;
}

.buttons.event-list .event-list-edit-btn {
    margin-left: 0;
    width: 40%;
}

.buttons.event-list .event-list-entry-btn {
    max-width: 60%;
    margin-right: 0;
}

.buttons.event-list-lock a {
    margin-top: 1rem;
    width: 100%;
    position: relative;
}

.buttons.event-list-lock {
    position: relative;
}

.pageRegist.member .buttons.event-list-lock i.fa-key {
    position: absolute;
    top: 47%;
    color: #fff;
    padding-left: 22%;
}


/*-- マイページ　鍵発行情報 --*/

section.lock_use section h5,
section.lock_use section p {
    font-size: 12px;
    padding: 0 0 10px 20px;
    display: inline-block;
    width: auto;
    font-weight: normal;
}

lock_use_list span {
    display: inline-block;
    color: #999;
    font-size: 14px;
    padding: 10px 0;
    margin: 0 2%;
}

.lock_use_list>p,
.lock_use_list>div {
    font-weight: normal;
    padding-left: 2rem;
    margin: 0;
}

.lock_use_list p.lock_list_no {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2rem;
}

.lock_use_list p.lock_list_no .lock_user_no {
    font-size: 16px;
    font-weight: 600;
    color: #444;
}

.lock_use_list .lock_list_time {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2rem;
}

.lock_use_list .lock_list_time .lock_start_end {
    font-weight: 600;
    display: block;
    margin-top: 1rem;
    width: 100%;
    color: #444;
}

.lock_use_list .lock_start_end {
    font-size: 16px;
}

.lock_use_list .lock_list_result h5 {
    font-weight: normal;
    font-size: 14px;
}

.lock_use_list .lock_list_result p {
    font-weight: normal;
    font-size: 14px;
}

.lock_use_list .lock_list_result .lock_result_title p {
    margin-bottom: 2rem;
}

.lock_use_list .lock_list_result .lock_trader_detail p,
.lock_use_list .lock_list_result .lock_user_detail p,
.lock_use_list .lock_list_result .lock_door_detail p {
    font-weight: 600;
}

.lock_use_list .lock_list_result .lock_door_detail p.tenki {
    font-size: 18px;
    color: #AC2328;
}

main .lock_use section.lock_use_list {
    border-bottom: 1px solid #808080;
    margin-bottom: 3rem;
}

.lock_use_list .lock_user_no {
    display: block;
    margin-top: 1rem;
    width: 100%;
    color: #000;
}

.lock_list_result .row>* {
    margin-bottom: 0;
}

.error_unti_css{
    position: static !important;
    display: block !important;
}

@media screen and (max-width:640px){
	.button.mypage_credit{
		margin-top: 20px;
	}
    li.mypage_request{
        margin-left: auto;
        margin-right: auto !important;
    }
}