@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.9.0/css/all.css");


/*==============================================
global
==============================================*/
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none;
  font-size: 62.5%;
  margin: 0;
  padding: 0;
	
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.7;
  color: #000;
  font-size: 1.5rem;
	/* font-family: 'Zen Kaku Gothic New',"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  /* font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body::after {
  content:"";
	background: url(../_img/yoyaku_bg.jpg) no-repeat top center;
  background-size: cover;
  position: fixed;
  z-index:-1;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
}



* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, button, figure, figcaption {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

img {
  border: none;
  vertical-align: top!important;
  max-width: 100%;
}



._pc {
  display: inline!important;
}

._sp {
  display: none!important;
}

._inner {
	width: 85%;
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1400px;
	display: block;
	position: relative;
}

._indent {
  text-indent:-1em;
  padding-left:1em;
}

._strong {
	color: #bd392f;
}


/*table*/
._table {
  border-spacing: 0;
  border-top: 2px solid #dadac5;
  border-bottom: 2px solid #dadac5;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 20px;
}

._table__th {
  border-bottom: 1px solid #dadac5;
  padding: 1.5em;
  text-align: left;
  vertical-align: text-top;
  white-space: nowrap;
  font-weight: bold;
  /* background: #f5f5f0; */
	color: #463814;
  background-color   : #f5f5f0;
  background-image   : radial-gradient(#dadac5 13%, transparent 16%),
                       radial-gradient(#dadac5 13%, transparent 16%);
  background-position: 0 0, 3px 3px;
  background-size    : 6px 6px;
}

._table__td {
	border-bottom: 1px solid #dadac5;
  background: #fff;
  padding: 1.5em;
	vertical-align: middle;
	text-align: left;
}

._table__th__required {
	font-size: 85%;
	color: #cc0000;
	margin-left: .5em;
}

/*==============================================
a
==============================================*/
a, a img {
	color: #000;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover img {
  opacity: 0.8;
  text-decoration: none;
}

a:visited {
	color: #bd392f;
  text-decoration: none;
}

a:hover {
	color: #9c2f27;
  text-decoration: none;
}

a:active {
	color: #9c2f27;
}

._btn, ._btn:visited {
	display: inline-block;
	color: #fff!important;
	background: #997d33;
	padding: .6em 1.5em;
	font-weight: 700;
	border-radius: 100px;
	border: none;
	border:3px solid #fff;
}

._btn:hover {
	background: #9c2c24;
}


button {
	font-size: 1.6rem;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}


.yoyaku {
	background: #fff;
	border-radius: 2px;
	width: 80%;
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1100px;
	display: block;
	position: relative;
	padding: 50px;
	min-height: 80vh;
}

.yoyaku--thanks {
	/* display: flex;
	justify-content: center; */
	/* align-items: center; */
}

.yoyaku__tit {
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 2em;
	letter-spacing: 0.07em;
	line-height: 1.4;
}


.yoyaku__lead {
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.7rem;
}

/*info*/
.yoyaku__info {
	padding: 1.5em 1.5em 1em;
	margin-bottom: 2em;
	background:rgb(255, 255, 224);
	border-radius: 2px;
}

.yoyaku__info--confirm {
	text-align: center;
}

.yoyaku__info__tit {
	color: #997d33;
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: .75em;
}

.yoyaku__info__noticetit {
	font-size: 1.6rem;
	margin-bottom: .5em;
	color: #bd392f;
	font-weight: bold;
}

.yoyaku__info__notice__item {
	list-style-type: disc;
	margin-left: 1.5em;
	margin-bottom: .3em;
}

/*form*/
.yoyaku__form__day {
	margin-bottom: .5em;
}

.yoyaku__form__time {
	margin-bottom: 2em;
	padding-bottom:2em;
	border-bottom: 1px solid #ccc;
}

.yoyaku__form__cal__lead {
	margin-bottom: .5em;
}

.yoyaku__form__cal__notice {
	margin-bottom: 1em;
}

.yoyaku__form__menu {
	padding: 1em 1em .3em;
	border-radius: 2px;
	margin-bottom: 1em;
}

.yoyaku__form__menu__tit {
	text-align: center;
	margin-bottom: .5em;
}

.yoyaku__form__menu--sk {
	background: #eef5ea
}

.yoyaku__form__menu--sh {
	background: #fff7f6
}

.yoyaku__form__menu--st {
	background: #fcf5ed
}

.yoyaku__form__menu__subtit--sk {
	color: #456f27
}

.yoyaku__form__menu__subtit--sh {
	color:#dd502f;
}

.yoyaku__form__menu__subtit--st {
	color:#9f6a2a;
}

.yoyaku__form__menu__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px dotted #aaa;
}

.yoyaku__form__menu__box:last-child {
	border-bottom: none;
}

.yoyaku__form__menu__subtit {
	margin-bottom: .75em;
	padding-top: 1em;
}

.yoyaku__form__menu__name {
	font-weight: bold;
}

.yoyaku__form__menu__name__span {
	font-size: 80%;
}

.yoyaku__form__sum {
	/* background: #fcffe0; */
	border:4px solid #eee;
	border-radius: 3px;;
	padding: 1em 1.5em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.yoyaku__form__sum__price__before {
	text-decoration:line-through;
}

.yoyaku__form__sum__price__after {
	font-size: 2.2rem;
	font-weight: bold;
}

.yoyaku__form__sum__price__off {
	color: #bd392f;
	margin-left: .5em;
}

.yoyaku__form__btn {
	text-align: center;
}


/*footer*/
.yoyaku__footer {
	color: #fff;
	padding: 3em 5%;
	font-size: 1.4rem;
	text-align: center;
	width: 100%;
}

.yoyaku__footer__tit {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: .5em;
}

/*form_parts*/
.yoyaku__form__radio {
	display: flex;
	font-size: 110%;
}

.yoyaku__form__radio p {
	margin-right: 1em;
}

.yoyaku__form__req {
	color: #bd392f;
}

.yoyaku__form__input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
	background: none;
	width:100%;
	padding:.5em;
	box-sizing:border-box;
	border:1px solid #aaa;
	font-size: 16px!important;
	height: auto!important;
}

.yoyaku__form__input--mini {
	width: 20%!important;
}

.yoyaku__form__menu__select {
  font-size: 16px;
  padding: .3em .6em;
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0;
	border:1px solid #aaa;
	color: #000;
	background: #fff;
}

.yoyaku__form__textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
	background: none;
	width:100%;
	padding:7px;
	box-sizing:border-box;
	font-size:12px;
	border:1px solid #aaa;
	height: 12em;
	font-size: 1.5rem;
}

.yoyaku__form__input--radio {
	display: none;
}

.radio-fontas {
  vertical-align: middle;
  font-size: 2.4rem;
	margin-right: .2em;
}
.yoyaku__form__input--radio + .radio-fontas:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #ddd;
  content: '\f192';
}
.yoyaku__form__input--radio:checked + .radio-fontas:before {
	color: #997d33;
}
select::-ms-expand {
	display: none;
}

/*Fullcalendar調整*/
.fc .fc-toolbar.fc-header-toolbar {margin-bottom: 1em;}
.fc .fc-toolbar-title { font-size: 1.5em;}









@media only screen and (max-width:768px) {

  html {
  	font-size: 55%!important;
  }

  body {
    display: block;
  }

  ._pc {
    display: none!important;
  }

  ._sp {
    display: inline!important;
  }

  ._inner {
	  width: 100%;
	  min-width: 0;
  }

	._table__th {
	  width:100%;
	  display: block;
		padding: 1em;
	}

	._table__td {
	  display: block;
		padding: 1em 0;
		position: relative;
	}

	.yoyaku {
		width: 92%;
		margin: 0 auto;
		min-width: 1px;
		padding: 5%;
		margin-bottom: 0;
	}

	.yoyaku__tit {
		font-size: 2.2rem;
		padding: 2em;
	}

	.yoyaku__lead {
		text-align: left;
	}

	.yoyaku__form__menu__tit img {
		width: 150px;
	}

	.yoyaku__form__menu__box {
		display: block;
		padding-bottom: 1em;
		margin-bottom: 1em;
		font-size: 1.6rem;
	}

	.yoyaku__form__menu__name {
		margin-bottom: .5em;
	}

	.yoyaku__form__menu__num {
		text-align: right;
	}

	.yoyaku__form__sum {
		display: block;
		padding: 1em;
	}

	.yoyaku__form__sum__price__off {
		display: block;
	}

	/*form_parts*/
	.yoyaku__form__radio {
		display: block;
	}








}