@charset "UTF-8";

.reserve_container .page_container {
	width: 100vw;
}

.reserve_container .instructions {
	margin-bottom: 15vw;
}

.reserve_modal {
}

.reserve_modal img {
    height: auto;
    width: 100%;
}

.reserve_list {
	display: flex;
	flex-flow: column;
	justify-content: center;
	row-gap: 3vw;
	width: 70vw;
	margin: 0 auto;
}

.reserve_list li {
    background: #fff;
    border: 1px solid #C69F15;
	padding: 3vw;
}

.reserve_telButton,
.reserve_tabelogButton {
    align-items: center;
	background-repeat: no-repeat;
    display: flex;
    height: 100%;
    width: 100%;
    background-position: right 0 center;
    background-size: 7vw;
}

.reserve_telButton {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='bi bi-telephone' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3Eframe%3C/title%3E%3Cg%3E%3Cpath fill='%23C69F15' d='M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z' /%3E%3C/g%3E%3C/svg%3E");
}

.reserve_tabelogButton {
    -webkit-align-items: center;
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='bi bi-clipboard2-check' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3Eframe%3C/title%3E%3Cg%3E%3Cpath fill='%23C69F15' d='M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3Z' /%3E%3C/g%3E%3C/svg%3E");
}

.reserve_telImg{
    display: block;
    height: 8vw;
    width: 8vw;
}

.reserve_telImg img {
    height: 100%;
    width: 100%;
}

.reserve_telText {
	font-size: 4.2vw;
    letter-spacing: 0.4vw;
    margin-left: 2.8vw;
}

.reserve_tabelogButton picture{
    width: 32vw;
}

/*********************************************************/
/*********************************************************/
/* min-width: 768px */
/*********************************************************/
/*********************************************************/
@media screen and (min-width: 768px) {
	
	.reserve_container .page_container {
		width: 50vw;
	}
	
	.reserve_container .instructions {
		width: 50vw;
		margin: 0 auto 5.5vw;
		padding: 1vw 2vw;
		font-size: 1.2vw;
		text-align: center;
	}
	
	.reserve_list {
        flex-flow: row;
		justify-content: space-between;
		width: 40vw;
	}
	
	.reserve_list li {
		padding: 1vw;
		 -webkit-flex-grow: 1;
		flex-grow: 1;
		margin-left: 1vw;
	}
	
	.reserve_list li:first-child {
		margin-left: 0;
	}
	
	.reserve_telButton,
	.reserve_tabelogButton {
        background-position: right 0 center;
        background-size: 2vw;
      }
	
	.reserve_telImg{
		height: 3vw;
		width: 3vw;
      }
	
	.reserve_telText{
		font-size: 1.4vw;
		margin-left: 1.25vw;
		letter-spacing: 0.2vw;
	}
	
	.reserve_tabelogButton picture{
		width: 11vw;
	}
	
}