@charset "utf-8";

/* ----- ログインボタン ----- */

.log p {
  padding: 10px 30px;
  color: #fff;
  text-indent: 1.1em;
}

.log p:hover {
  color: #FFA166;
}

.log {
  background-color: #FFA166;
  background-image: url(../img/icon_01_w.gif);
  background-repeat: no-repeat;
  background-position: 20px 7px;
}

.log:hover {
	background-color: #fff;
  background-image: url(../img/icon_01.gif);
  background-repeat: no-repeat;
  background-position: 20px 7px;
}

/* ------ mypage ------ */

.my-page {
	padding: 30px 100px 0;
}

.my-page p {
	text-indent: 1em;
	letter-spacing: 0.1em;
}

.my-page p span {
	letter-spacing: 0;
	font-weight: bold;
	padding-right: 0.3em;
}

.btn-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
	padding: 60px 20px 40px;
}

.menu-btn {
	border: solid 1px #777;
	border-radius: 13px;
	width: 200px;
	height: 90px;
	text-align: center;
	margin: 0 7px 14px;
}

.menu-btn p {
	font-size: 1.5em;
	color: #333;
	line-height: 90px;
	padding-right: 1em;
}


/* ----- 注文履歴の表 ----- */

.history {
	width: fit-content;
	padding: 40px 0;
	margin: 0 auto;
}

.head th {
	text-align: left;
	font-size: 1.5em;
	text-indent: 0.5em;
	letter-spacing: 0.1em;
	color: #222;;
}

.table {
	border-collapse: separate;
	border-spacing: 10px 15px;
	padding-bottom: 30px;
}

.line td {
	width: fit-content;
	text-align: center;
	border: 1px solid #595959;
	padding: 25px 40px;
	font-size: 1.4em;
	border-radius: 13px;
	cursor: pointer;
}

td.date {
	padding: 25px 120px;
}

.progress {
	background-color: aquamarine;
}

.preparation {
	background-color: rgb(255, 244, 127);
}

.no {
	background-color: #ccc;
}

/* ----- 注文履歴一覧ボタン ----- */

.history .btn {
	margin: 0 auto;
	padding: 0.5em 5em;
	font-size: 0.9em;
	letter-spacing: 0.2em;
	border-radius: 7px;
}

/* ----- よくある質問 ----- */

form {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

input[type=search] {
	width: 400px;
	height: 38px;
	border-radius: 20px;
	border: solid 2px #aaa;
	padding: 0 2em;
	text-indent: 0;
}

input[type=search]:focus {
  outline: 0; /*デフォルトのアウトラインを削除*/
  border: solid 2px #FFA166;
}

.inquiry {
	width: 930px;
	margin: 0 auto;
}

.question {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	justify-items: space-around;
}

.question  div {
	border: solid 1px #333;
	width: 300px;
	height: 80px;
	text-align: center;
	margin: 5px auto;
}

.question p {
	color: #222;
	padding-top: 20px;
}

.others {
	margin-top: 10px;
}

.question .small {
	font-size: 1.4em;
	color: #777;
	padding-top: 10px;
	letter-spacing: 0.05em;
}


/* ----- お問い合わせ案内 ----- */
.contact-guidance {
	width: 920px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 70px;
}

.contact-guidance div {
	border: solid 1px #222;
	width: 450px;
	height: 200px;
	text-align: center;
}

.bold {
	font-size: 2em;
	font-weight: bold;
	color: #333;
	line-height: 3em;
	letter-spacing: 0.1em;
	border-bottom: solid 1px #222;
}

.tel {
	font-size: 2.5em;
	padding-top: 40px;
	color: #333;
}

.small-one {
	font-size: 1.4em;
	color: #555;
	padding-top: 20px;
	letter-spacing: 0.05em;
}

.chat {
	font-size: 2.5em;
	padding-top: 22px;
	line-height: 33px;
	color: #333;
}

.small-two {
	font-size: 1.4em;
	color: #555;
	padding-top: 10px;
	letter-spacing: 0.05em;
}