@charset "utf-8";
body,img{
	background-color: #f9f9f9;
	background-image:
		linear-gradient(90deg, transparent 60px, #eee 60px, #eee 61px, transparent 61px),
		linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	margin-bottom: 4em;
}

/* ==================== レイアウト ==================== */
header{
	padding:16px 0 0 0;
}

#wrap {
	min-height: calc(-90px + 100vh);
	margin-bottom: 40px;
}
nav{}

main{
/*	background-color:#001e43; */
	margin:0 -15px;
}

#message{
	margin-bottom: 10px;
}

footer {
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 0;
}

/* ==================== Typography ==================== */
.content-title {
	font-weight: 600;
	font-size: 1.4rem;
}

.guide-message {
	font-weight: 400;
	margin-bottom: 4px;
}

.guide-message-alert::before{
	content: url('data:image/svg+xml,<svg width="1rem" height="1rem" style="color:red;" viewBox="0 0 12 12" class="bi bi-exclamation" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/></svg>');
	width: 1.5rem;
	height: 1rem;
	display: inline-block;
}
.guide-message-alert{
	color: #f66;
	margin-bottom: 4px;
}

.contents-subtitle{
	font-size: 1rem;
	font-weight: 400;
	
	margin-bottom: 8px;
	padding-left: 8px;
	border-left: solid 8px #225;
	/* border-radius: 16px 16px 16px 16px  / 16px 16px 16px 16px ; */
}

::placeholder {
	color: #ccc !important;
}

/* ==================== ログイン ==================== */
.login.contents{
	padding: 16px 24px;
/*	background-color:#fafdff; */
/*	background-image:
		linear-gradient(90deg, transparent 60px, #eee 60px, #eee 61px, transparent 61px),
		linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;*/

}

/* ==================== ヘッダー ==================== */

header{
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
}

h1.logo {
	
	font-family: 'Kosugi Maru';
	font-size: 2rem;
	font-weight: bold;
	color: #00427b;
}

h1.logo.small {
	padding-left: 15px;
	margin-bottom: 0px;
	
	font-size: 1.3rem;
	text-align: left;
}

div.logo{
	color: #fafdff;
	/* background-color: #2196f3; */
	background-image: linear-gradient( 135deg, #abdcff 10%, #2196f3 20%);
	
	font-family: 'M PLUS 1p', sans-serif; font-weight: 300;
	font-size: 1rem;
	font-weight: bold;
	
	padding: 2px 0px;
}

div.logo.small{
	font-size: 0.75rem;
	text-align: right;
	padding-right: 5px;
}


/* ==================== ナビゲーション ================== */
nav {
	background-color: #001e43;
	padding:0 15px;
}
.nav-content{
	background-color: #001e43;
	min-height: 42px;
}

/* ==================== コンテンツ ================== */
.main.contents{
	padding: 16px 12px;
	padding-bottom: 0;
	border-radius: 16px 16px 0 0 / 16px 16px 0 0;
/*	background-color:#fafaff; */
/*	background-image:
		linear-gradient(90deg, transparent 60px, #eee 60px, #eee 61px, transparent 61px),
		linear-gradient(#eee .1em, transparent .1em);
	background-size: 100% 1.2em;*/
}

.form-group {
	margin: 0 auto 18px auto;
}
.form-check {
	height: 2rem;
	padding-left: 40px;
}
input[type=checkbox]{
	margin: -4px 4px 0px -40px;
	height: 100%;
	width: 1.5rem;
}
.main_button {
	margin-bottom: 8px;
	text-align: center;
}

.confirm_list {
	padding-left: 0.7rem;
}

dl.confirm_list dd {
	margin-bottom: 0.3rem;
	margin-left: 5px;
}

dl.customer dt,
dl.reserve dt{
	min-width: 140px;
	float: left;
	clear: both;
}

dl.customer dd,
dl.reserve dd{
	min-width: 50px;
}

.conf_button {
//<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-gear" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
//  <path fill-rule="evenodd" d="M8.837 1.626c-.246-.835-1.428-.835-1.674 0l-.094.319A1.873 1.873 0 0 1 4.377 3.06l-.292-.16c-.764-.415-1.6.42-1.184 1.185l.159.292a1.873 1.873 0 0 1-1.115 2.692l-.319.094c-.835.246-.835 1.428 0 1.674l.319.094a1.873 1.873 0 0 1 1.115 2.693l-.16.291c-.415.764.42 1.6 1.185 1.184l.292-.159a1.873 1.873 0 0 1 2.692 1.116l.094.318c.246.835 1.428.835 1.674 0l.094-.319a1.873 1.873 0 0 1 2.693-1.115l.291.16c.764.415 1.6-.42 1.184-1.185l-.159-.291a1.873 1.873 0 0 1 1.116-2.693l.318-.094c.835-.246.835-1.428 0-1.674l-.319-.094a1.873 1.873 0 0 1-1.115-2.692l.16-.292c.415-.764-.42-1.6-1.185-1.184l-.291.159A1.873 1.873 0 0 1 8.93 1.945l-.094-.319zm-2.633-.283c.527-1.79 3.065-1.79 3.592 0l.094.319a.873.873 0 0 0 1.255.52l.292-.16c1.64-.892 3.434.901 2.54 2.541l-.159.292a.873.873 0 0 0 .52 1.255l.319.094c1.79.527 1.79 3.065 0 3.592l-.319.094a.873.873 0 0 0-.52 1.255l.16.292c.893 1.64-.902 3.434-2.541 2.54l-.292-.159a.873.873 0 0 0-1.255.52l-.094.319c-.527 1.79-3.065 1.79-3.592 0l-.094-.319a.873.873 0 0 0-1.255-.52l-.292.16c-1.64.893-3.433-.902-2.54-2.541l.159-.292a.873.873 0 0 0-.52-1.255l-.319-.094c-1.79-.527-1.79-3.065 0-3.592l.319-.094a.873.873 0 0 0 .52-1.255l-.16-.292c-.892-1.64.902-3.433 2.541-2.54l.292.159a.873.873 0 0 0 1.255-.52l.094-.319z"/>
//  <path fill-rule="evenodd" d="M8 5.754a2.246 2.246 0 1 0 0 4.492 2.246 2.246 0 0 0 0-4.492zM4.754 8a3.246 3.246 0 1 1 6.492 0 3.246 3.246 0 0 1-6.492 0z"/>
//</svg>
}

/* ==================== カレンダー ================== */


/* ==================== フッター ==================== */
p.copyright{
	margin: 3px;
	padding: 0;
	color: #ccc;
	word-break: keep-all;
	font-size: 0.8rem;
	line-height: 1;
	letter-spacing: -0.5px;
}


#footer{
	padding-top: 10px;
	text-align: center;
}