@charset "utf-8";


/* reservation ================================================================ */



  /* ---- Page Title ---- */

		@media print, screen and (min-width: 768px) {
			.p-pageReservation .c-pageTitle {
				background: url(../img/page/bg_reservation.jpg) no-repeat top center;
				}
		}
		@media (max-width: 767px) {
			.p-pageReservation .c-pageTitle {
				background: url(../img/page/bg_reservation-sp.jpg) no-repeat top center;
				}
		}




  /* ----  p-tel ---- */

	.p-reservationTelBase {
		position: relative;
		}
	.p-reservationTel {
		border-color: #90835b #fcfbfa #90835b #fcfbfa;
		border-style: solid;
		border-width: 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		padding: 1px;
		}
		.p-reservationTel::before,
		.p-reservationTel::after {
			content: '';
			position: absolute;
			z-index: 2;
			width: 5px;
			height: 100%;
			background: #fcfbfa;
			}
		.p-reservationTel::before {
			bottom: 0px;
			left: 0px;
			background: -webkit-gradient(linear, left top, left bottom, from(#90835b), color-stop(30%, #faf4e7), color-stop(40%, #fcfbfa), color-stop(50%, #faf4e7), to(#90835b));
			background: -webkit-linear-gradient(top, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			background: -o-linear-gradient(top, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			background: linear-gradient(to bottom, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			}
		.p-reservationTel::after {
			top: 0px;
			right: 0px;
			background: -webkit-gradient(linear, left top, left bottom, from(#90835b), color-stop(30%, #faf4e7), color-stop(40%, #fcfbfa), color-stop(50%, #faf4e7), to(#90835b));
			background: -webkit-linear-gradient(top, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			background: -o-linear-gradient(top, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			background: linear-gradient(to bottom, #90835b 0%, #faf4e7 30%, #fcfbfa 40%, #faf4e7 50%, #90835b 100%);
			}

		.p-reservationTel > * {
			background: -webkit-gradient(linear, left top, left bottom, from(#e9e6e2), color-stop(30%, #fdfdfc), color-stop(40%, #fcfbfa), color-stop(50%, #fdfdfc), to(#e9e6e2));
			background: -webkit-linear-gradient(top, #e9e6e2 0%, #fdfdfc 30%, #fcfbfa 40%, #fdfdfc 50%, #e9e6e2 100%);
			background: -o-linear-gradient(top, #e9e6e2 0%, #fdfdfc 30%, #fcfbfa 40%, #fdfdfc 60%, #e9e6e2 100%);
			background: linear-gradient(to bottom, #e9e6e2 0%, #fdfdfc 30%, #fcfbfa 40%, #fdfdfc 50%, #e9e6e2 100%);
			padding: 15px;
			}
		





  /* ----  p-howto ---- */

	.p-howto {
		}
	@media print, screen and (min-width: 768px) {
		.p-howto > h2 {
			width: 251px;
			}
		.p-howto > figure {
			width: 266px;
			}
		.p-howto > p {
			width: 380px;
			}
	}
	@media (max-width: 767px) {
		.p-howto > h2 {
			max-width: 301px;
			width: 100%;
			}
		.p-howto > figure {
			display: none;
			}
		.p-howto > p {
			max-width: 301px;
			width: 100%;
			margin-top: -30px;
			}
	}