table, td, th {
    border: 2px solid grey;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.bnone{
    border: none;
}
.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}

.box {
    display: flex;
}
.box .box-item{
	width: calc(220px + 100px);
}
.box .box-item:last-of-type{
	width: 220px;
}
.container + hr {
    align-self: center;
    background: black;
    width: 100px;
    height: 1px
}
.container {
    border: 2px solid;
    width: 220px;
    padding: 10px;
    text-align: center;
}

.button {
    background: transparent;
    border: 2px solid;
    padding: 10px 40px;
    font-size: 15px;
    text-align: center;
    margin: 20px 10px 10px 0;
    font-weight: bold;
    display: inline-block;
}

.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}
.paddlr {
    padding-left: 10px;
    padding-right: 10px;
}
.btnconfirm {
    border: none;
    background-color: #f27b3f;
    color: white;
    padding: 12px 60px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}
.btngrey {
    border: none;
    background-color: gray;
    color: white;
    padding: 12px 60px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

#croom_pform {
    max-width: inherit;
}
.croom_bgcolor1 {
    background-color: #1b5199;
}
.week_sel_button {
    cursor:pointer;
    text-align:center;
    width: 20%;
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
}

#croom_calender_table {
    border: 1px solid #ccc;
}
#croom_calender_table tbody{
    background: #fff;
}
#croom_calender_table th, #croom_calender_table td {
    border: 1px solid #ccc;
    font-size: 14px;
    display: table-cell;
    width: 12%;
}
#croom_calender_table th {
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    padding: 4px 0;
    font-size: 14px;
}

.totaldiv {
    width: 100%;
    margin-top: 20px;
}
#totaldiv2 {
    display: none;
}
#totaldiv2 #privacypolicy-label {
    font-size: 13px;
    color: #333;
}
#totaldiv2 #privacypolicy {
    appearance: auto;
    /*display: inline-block;*/
}
#totaldiv2 dl dt.required:after {
    content: "必須";
    display: inline-block;
    margin-right: 30px;
    float: right;
}
#totaldiv2 dl dd div {
    letter-spacing: normal;
}
#totaldiv2 dl dd div input,#totaldiv2 dl dd div textarea {
    padding: 2px 8px;
    border: 1px solid #aaa;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: 32px;
    color: #333;
    font-size: 13px;
}
#totaldiv2-div1 {
    text-align: center;
    width:80%;
    margin-right: auto;
    margin-left: auto;
	background: #eee;
    border-radius: 15px;
    padding: 40px;
}
#croom-input-privacypolicy {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #707070;
    background-color:white;
    font-size: 13px;
    padding: 8px 50px;
}
#croom-input-privacypolicy p {
    margin-bottom: 20px;
}
#totaldiv2 .btn {
    color: #fff;
    height: 50px;
    line-height: 50px;
    width: 240px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
}
#totaldiv2 .btn1 {
    background-color: #aaa;
}
#totaldiv2 .btn2 {
    background-color: #C37960;
}
#totaldiv2 .confirm {
    display: none;
}
#totaldiv2.is-confirm .register {
    display: none;
}
#totaldiv2.is-confirm .confirm {
    display: inherit;
}
.fs15 {
    font-size: 15px;
}
.fs18 {
    font-size: 18px;
}
.fs20 {
    font-size: 20px;
}
.fbold {
    font-weight: bold;
}
.w80per {
    width: 80%;
}
.mhauto {
    margin-left: auto;
    margin-right: auto;
}
.totaldiv2-labelwrap {
    display: inline-block;
    width: 200px;
}
.totaldiv2-inputwrap {
    display: inline-block;
}
.totaldiv2-require {
    float: right;
    margin-right: 15px;
}

.err-text {
    font-size: 93%;
    color: #B70000;
}

/*.btn:hover {background: #eee;}*/

#totaldiv2-div2,#totaldiv2-div3,.h-line{
    margin-top: 40px;
	margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.btn_flex{
    display: flex;
    justify-content: space-around;
}

#calendar-reserve-div {
    --color-main: #d2653a;
    --color-light: #ea5514;
    --color-back: #fff9f1;
    --color-sub: #1b5199;
    --color-gray: #f4f4f4;
    --color-line: #eee;
}
#calendar-reserve-div {
    background-color: #fff;
}
#calendar-reserve-div .showprocessdiv{
	margin-bottom: 40px;
}
#calendar-reserve-div .showprocessdiv .container.active {
    background-color: #3c3c3c;
    color: white;
}
#calendar-reserve-table-div {
    width: 100%;
	margin-top: 20px;
}
#calendar-reserve-form-div {
    padding: 0 20px 10px;
}
#calendar-reserve-div .calendar-reserve-btn {
    display: block;
    text-align: center;
    letter-spacing: .05em;
    transition: .5s;
    border-radius: 35px;
    width: 300px;
    font-weight: 500;
}
#calendar-reserve-div .calendar-reserve-btn1 {
    border: 2px solid var(--color-main);
    color: var(--color-main);
    background: #fff;
}
#calendar-reserve-div .calendar-reserve-btn1:hover {
    background: var(--color-main);
    color: #fff;
}
#calendar-reserve-div .calendar-reserve-btn2{
	background: #ddd;
	border:2px solid #ddd;
}
#calendar-reserve-div .calendar-reserve-btn2:hover{
	background: #fff;
}
@media screen and (max-width:599px){
	#sec-calendar tr{
		padding: 0;
		display: table-row
	}
	#sec-calendar .l-inner{
		padding: 0;
	}
    #totaldiv .fs18{
        font-size: 16px;
    }
    #croom_calender_table td {
        font-size: 12px;
		padding: 5px 0;
    }
    #totaldiv2-div1{
        width: 100%;
    }
    #totaldiv2-div2,#totaldiv2-div3{
        margin: 40px 0 20px;
        width: 100%;
    }
    .btn_flex{
        display: block;
    }
    #totaldiv2 .btn1{
        margin-bottom: 20px;
    }
	.box .box-item{
		width: calc(90px + 30px);
	}
	.box .box-item:last-of-type{
		width: 90px;
	}
	.container + hr {
		width: 30px;
	}
	.container {
		width: 90px;
	}
	#calendar-reserve-form-div{
		padding: 0 0 10px;
	}
	#calendar-reserve-table-div {
    padding:2px 0;
	}
	#totaldiv2-div1{
		padding: 30px 20px;
	}
}
@media screen and (min-width: 768px) {
    #calendar-reserve-div .calendar-reserve-btn {
        font-size: 17px;
        line-height: 57px;
    }
}
@media screen and (max-width: 767px) {
    #calendar-reserve-div .calendar-reserve-btn {
        font-size: 15px;
        line-height: 50px;
    }
}