@charset "utf-8";
/**************************************************
 * Main CSS
 **************************************************/

/*

1.モニターサイズ共通
  1-01.共通
  1-02.header
  1-03.navigation
  1-04.footer
  1-05.index
  1-06.下層ページ共通
  1-07.ログイン
  1-08.リマインダー
  1-09.パスワード変更
  1-10.帳票

2.1280px以上
  2-01.共通
  2-02.header
  2-03.navigation
  2-04.footer
  2-05.index
  2-06.下層ページ共通
  2-07.ログイン
  2-08.リマインダー
  2-09.パスワード変更
  2-10.帳票

3.960px以上1279px以下
  3-01.共通
  3-02.header
  3-03.navigation
  3-04.footer
  3-05.index
  3-06.下層ページ共通
  3-07.ログイン
  3-08.リマインダー
  3-09.パスワード変更
  3-10.帳票

4.768px以上959px以下
  4-01.共通
  4-02.header
  4-03.navigation
  4-04.footer
  4-05.mainColumn
  4-05.index
  4-06.下層ページ共通
  4-07.ログイン
  4-08.リマインダー
  4-09.パスワード変更
  4-10.帳票

5.767px以下と印刷
  5-01.共通
  5-02.header
  5-03.navigation
  5-04.footer
  5-05.mainColumn
  5-05.index
  5-06.下層ページ共通
  5-07.ログイン
  5-08.リマインダー
  5-09.パスワード変更
  5-10.帳票

*/

/**************************************************
 * 共通
 **************************************************/

/*** 1-01.共通 *************************************/
body{}
#page{ text-align:left; }
header, footer, article, section{ box-sizing:border-box; width:100%; }
article > section:nth-of-type(even){ background:#f8f8f8; }
h2, h3, h4, h5, h6{ font-weight:bold; }
section h2{ position:relative; text-align:center; }
section h2:after{
    background:#090;
    bottom:0;
    content:'';
    height:3px;
    left:30%;
    position:absolute;
    width:40%;
    z-index:2;
}
section h3{ position:relative; text-align:center; }
section h3:after{
    background:#090;
    bottom:0;
    content:'';
    height:3px;
    left:40%;
    position:absolute;
    width:20%;
    z-index:2;
}
section h4{ border-bottom:1px solid #063; box-sizing:border-box; padding:0 .6em; }
#logo{}
.telNumber a{}
.telNumber a i, .telNumber i{ color:#090; margin-right:3px; }
.formLayout{ margin-bottom:1em; }
.formLayout dd{ margin-bottom:1em; }
.attList{ list-style-type:disc; padding-left:2em; }
.attList li{ margin-bottom:.6em; }
.attList li:last-child{ margin-bottom:0; }
.infoFormBox{ margin:0 auto; width:72%; }
.infoFormAtt{ margin-top:1.6em; }
.linkMore{ margin-top:1em; text-align:center; }
.userList li{ margin-bottom:.6em; }
.userList li:last-child{ margin-bottom:0; }
.linkMore a, .tabs li, .panels td a, .userList a, .btnCtrSubLink{
  background:#093;
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
  text-align:center;
}
.panels .tblColor02 td a{ background:#009; }
.panels .tblColor03 td a{ background:#099; }
.btnRevEdit, .btnRevEditRow{ margin-top:1em; }
.btnRevEdit li, .btnRevEditRow li{ float:left; margin-right:.5%; width:49.5%; }
.btnRevEdit li:nth-child(even), .btnRevEditRow li:nth-child(even){ margin-right:0; }
.btnRevEdit li a, .btnRevEditRow li a{
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
	color:#fff;
	display:block;
  height:2.6em;
  line-height:2.6em;
	text-align:center;
}
.btnRevEdit li:first-child a, .btnRevEditRow li a{ background:#093; }
.btnRevEdit li:last-child a{ background:#666; }
.btnRevEditRow li .noBtn{
	background-color:#e8e8e8;
  border-radius:.6em;
  box-sizing:border-box;
	color:#aaa;
	display:block;
  height:2.6em;
  line-height:2.6em;
	text-align:center;
}
.btnCtrSubLink{ display:block; margin-top:.6em; text-align:center; }
.linkMore a{ display:inline-block; margin:0 1em; padding:.6em 1em; }
.userList a{ display:inline-block; margin-right:.6em; padding:0 .6em; }
.btnLoginList input, #btnSbmtList input, .btnUserNav, #btnAd10, #btnAd20, #btnAd30, #btnAd40, #calcOldYear, .btnCopy{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#093;
  border:none;
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
  height:2.6em;
  line-height:2.6em;
  text-align:center;
  width:100%;
}
#calcOldYear:disabled
{
	background-color:#ccc !important;
	box-shadow:none;
	cursor:default;
}
.btnUserNav{ display:inline-block; height:42px; line-height:42px; padding:0 1em; width:auto; }
#btnAd10, #btnAd20, #btnAd30, #btnAd40, #calcOldYear{ min-width:6em; width:16%; }
.btnCopy{ min-width:10em; width:16%; }
.detailTable, detailListTable{ margin:0 auto; width:100%; }
/*.detailTable tr:nth-of-type(odd), .detailListTable tr:nth-of-type(odd){ background:#f8f8f8; }*/
.detailTable th, .detailTable td, .detailListTable th, .detailListTable td{ border:1px solid #ccc; }
.detailTable th, .detailListTable th{ background:#eefff2; }
.detailListTable th, .detailListTable td{ text-align:center; }
.detailListTable .btn a{
  border:1px solid #ccc;
  border-radius:.6em;
  box-sizing:border-box;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  color:#fff;
  display:block;
}
.wdM, input[type='text'].wdM, input[type='number'].wdM, input[type='email'].wdM, input[type='tel'].wdM{ width:50%; }
.wdS, input[type='text'].wdS, input[type='number'].wdS, input[type='email'].wdS, input[type='tel'].wdS{ width:30%; }
.wdSS, input[type='text'].wdSS, input[type='number'].wdSS{ width:20%; }
.wdXS, input[type='text'].wdXS, input[type='number'].wdXS{ width:10%; }
.wd3em, input[type='text'].wd3em, input[type='number'].wd3em, input[type='email'].wd3em, input[type='tel'].wd3em{width:3em;}
.wd4em, input[type='text'].wd4em, input[type='number'].wd4em, input[type='email'].wd4em, input[type='tel'].wd4em{width:4em;}
.wd5em, input[type='text'].wd5em, input[type='number'].wd5em, input[type='email'].wd5em, input[type='tel'].wd5em{width:5em;}
.wd6em, input[type='text'].wd6em, input[type='number'].wd6em, input[type='email'].wd6em, input[type='tel'].wd6em{width:6em;}
.wd8em, input[type='text'].wd8em, input[type='number'].wd8em, input[type='email'].wd8em, input[type='tel'].wd8em{width:8em;}
input.wd100m5em{width:calc(100% - 5em);}

form .detailTable td li{ margin-bottom:.6em; }
form .detailTable td li:last-child{ margin-bottom:0; }
#btnSbmtList input{ margin-top:1em; }
.sts01{ color:#090; }
.sts02{ color:#f6f; }
.sts03{ color:#66f; }
.sts04{ color:#333; }
.btn .st01{ background:#090; }
.btn .st02{ background:#f6f; }
.btn .st03{ background:#66f; }
.btn .st04{ background:#333; }
.btn .btnAtFile{ background:#39c; }
.listTableLt{ float:left; text-align:left; width:auto; }
.listTableRt{ float:right; text-align:right; width:auto; }
.listTableLt li{ display:inline; }
#userPnav li{ display:inline; }
.req, .opt{
	border-radius:6px;
	box-sizing:border-box; color:#fff;
	display:inline-block;
	font-size:.875em;
	margin-right:.6em;
	padding:1px 3px;
}
.req{ background:#c00; }
.opt{ background:#093; }

/*** 1-02.header **********************************/
header{}
#underHeader{ box-sizing:border-box; padding:10px; }
h1{ font-weight:bold; letter-spacing:.08em; }

/*** 1-03.navigation ******************************/
#gNav{ background:#063; }
#gNav a{ box-sizing:border-box; color:#fff; display:block; }

/*** 1-04.footer **********************************/
.btnPageTop{ bottom:36px; position:fixed; right:10px; }
.btnPageTop a{ color:#000; display:block; }
footer{ background:#000; }
footer p{ color:#fff; text-align:center; height:2.6em; line-height:2.6em; }

/*** 1-05.index ***********************************/
#indexHeader{ background-position:center center; background-size:cover; height:30vh; min-height:300px; position:relative; }
#indexHeaderContent{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  background:rgba( 255, 255, 255, .8 );
  border-radius:1em;
  box-sizing:border-box;
}
/* #topicsList dt{ color:#c93; } */
.tabs{ text-align:center; }
.tabs li{ display:inline-block; margin:0 1em; }
.tabs li a{ color:#fff; display:block; padding:.6em 1em; }
.panels .panel{ display:block; }
.panels table tr:nth-of-type(even){ background:#fff; }
.panels table th, .panels table td{ border:1px solid #ccc; }
.panels th{ background:#eefff2; }
.panels .tblColor02 th{ background:#e1e1fa; }
.panels .tblColor03 th{ background:#dbf6f5; }
.panels td a{ display:block; }
.panels th.shikijoName{ text-align:left; }
.panels th.shikijoName dt{ clear:left; float:left; width:4em; }
#topicsList .item{ border-top:1px dashed #ccc; margin-top:1em; padding-top:1em; }
#topicsList .item:first-of-type{ border-top:0; margin-top:0; padding-top:0; }
.attachmentLink{margin-top:1em;}
.attachmentLink li{display:inline-block;}
.attachmentLink li a{
	background:#093;
	border-radius:.6em;
  box-sizing:border-box;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  color:#fff;
  display:block;
	height:2em;
	line-height:2em;
	padding:0 .5em;
	text-align:center;
}
.attachmentLink li a:hover{background:#c00;box-shadow:none;}

/*** 1-06.下層ページ共通 ****************************/
.hp{ display:none; }
.revNumber{ font-size:2em; }
.btnLink{ margin-top:1.6em; }
.btnLink li{ text-align:center; }
.btnLink li a
{
	background:#063;
	border-radius:.6em;
	color:#fff;
	display:inline-block;
	height:2em;
	line-height:2em;
	margin:0 auto;
	padding:0 .6em;
}
.btnLink li a:hover{ background:#c00; }

/*** 1-07.ログイン *********************************/
#gyoshaSelected li{ margin-bottom:1em; }
#gyoshaSelected li:lastchild{ margin-bottom:0; }
#gyoshaSelected li label{ font-size:1.6rem; }

/*** 1-08.リマインダー ******************************/

/*** 1-09.パスワード変更 ****************************/
#pm-indicator{
  margin:10px 0;
  padding:1.5em 1em;
  color:#2c3e50;
  font-size:12px;
  text-align:center;
  border:1px solid #ccc;
  border-radius:2px;
  background:#e4e4e4;
  text-shadow:1px 1px 0 rgba(255,255,255,.8);
  -webkit-transition:all .2s ease-in-out;
          transition:all .2s ease-in-out;
}
#pm-indicator.very-weak,
#pm-indicator.not-match {
  border-color:#be1d30;
  background-color:#ffc3cf;
}
#pm-indicator.weak {
  border-color:#ff787d;
  background-color:#ffe6e5;
}
#pm-indicator.strong {
  border-color:#78bc42;
  background-color:#bceea6;
}
#pm-indicator.very-strong {
  border-color:#4f85a7;
  background-color:#68c6d7;
}

/*** 1-10.帳票 ************************************/
.noteBox{
  border:1px solid #ccc;
  border-radius:1em;
  box-sizing:border-box;
  margin:1em 0;
  padding:1em;
}
.noteBox ul{ list-style-type:disc;  margin-left:5.2em; }
.noteAgree{ margin:1em 0; }
.noteAgree li label{
  background:#093;
  border:none;
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
  display:block;
  height:2.6em;
  line-height:2.6em;
  text-align:center;
  width:100%;
}
#printList{ margin-top:2.6em; }
#printList li{ margin-bottom:.6em; }
#printList li:last-child{ margin-bottom:0; }
#printList li input, #printList li a{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#093;
  border:none;
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
	display:inline-block;
  height:2.6em;
  line-height:2.6em;
  text-align:center;
  width:40%;
}
#printList li select{ width:40%; }
#printList li input:disabled{ background:#ccc; }

/*** 1-11.予約一覧 *********************************/
.sListTbl th, .sListTbl td{ font-size:1.4rem; padding:6px; }

/*** 1-12.予約詳細 *********************************/
#nssUnit{ height:40px; line-height:40px; }
#btnPermit,#btnRsvConfirmed
{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#093;
  border:none;
  border-radius:.6em;
  box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
	display:inline-block;
	font-size:1.4rem;
  height:2.6em;
  line-height:2.6em;
  text-align:center;
	width:100%;
}
#btnPermit:disabled,#btnRsvConfirmed:disabled
{
  background:#ccc !important;
  box-shadow:none !important;
	color:#999 !important;
	cursor:default !important;
}

/*** 1-13.仮予約 ***********************************/
.addKubunWrap
{
	display:flex;
	gap:1em;
	justify-content:flex-start;
}
.addKubunWrap ul.item{width:5em;}
.addKubunWrap div.item{width:9em;}
.entryAttAliginRight{text-align:right;}

/*** 1-20.過去の検索 ******************************/
#searchBox
{
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:2em;
}
.pageNav{margin-top:2em;}
.pageNav li a,.pageNav li span
{
	box-sizing:border-box;
	display:block;
	height:2em;
	line-height:2em;
	text-align:center;
}
.pageNav li a
{
	border:1px solid #ccc;
	color:#333;
}
.pageNav li span
{
	border:1px solid #eee;
	color:#ccc;
}
.pageNav li a:hover
{
	background-color:#c00;
	color:#fff;
}


/**************************************************
 * 1280px以上
 **************************************************/
@media screen and (min-width:1280px){

/*** 2-01.共通 *************************************/
  body{ font-size:1.4rem; }
  .pcNone{ display:none; }
  .tbNone{}
  .spNone{}
  .fix{ margin:0 auto; max-width:1228px; width:100%; }
  .contentsFix{ margin:0 auto; width:68%; }
  .txtBlock{ display:block; }
  article > section{ padding:68px 0; }
  section h2{ font-size:3.6rem; margin-bottom:42px; padding-bottom:42px; }
  section h3{ font-size:2.6rem; margin-bottom:1.6em;; padding-bottom:26px; }
  section h4{ font-size:2rem; margin:4.2em 0 1.6em; }
  .formLayout dt{ font-size:1.8rem; }
	#btnPermit:hover,
	#btnRsvConfirmed:hover,
	.btnRevEdit li a:hover,
	.btnRevEditRow li a:hover,
	.btnCtrSubLink:hover,
  #btnAd10:hover, #btnAd20:hover, #btnAd30:hover, #btnAd40:hover, .btnCopy:hover,
	#calcOldYear:hover,
  #printList li input:enabled:hover,
	#printList li a:hover,
  .noteAgree li label:hover,
  .userList a:hover,
  .btnUserNav:hover,
  .detailListTable .btn a:hover,
  .btnLoginList input:hover,
  #btnSbmtList input:enabled:hover,
  .linkMore a:hover,
  .tabs li:hover,
  .panels td a:hover{ background:#f63; box-shadow:none; color:#fff; }
  .detailTable tr:first-of-type th{ width:13em; }
  .listLine li{ float:left; margin-right:.6em; }
  .listLine li label{ line-height:40px; }
  .listLine li select{ width:auto; }
  .listLine li .wdM{ width:100%; }

/*** 2-02.header **********************************/
  #underHeaderLt{ float:left; width:70%; }
  #underHeaderRt{ float:right; width:30%; }
  .loginName{ border-bottom:1px dashed #093; padding-bottom:.6em; }

/*** 2-03.navigation ******************************/
  #gNav .gNavLt{ float:left; width:auto; }
  #gNav .gNavRt{ float:right; width:auto; }
  #gNav .gNavLt li{ float:left; }
  #gNav .gNavRt li{ float:right; }
  #gNav li a{ height:4.2rem; line-height:4.2rem; padding:0 1em; text-align:center; }
  #gNav li a:hover{ background:#f63; }

/*** 2-04.footer **********************************/

/*** 2-05.index ***********************************/
  #indexHeaderContent{
    height:8.2em;
    padding:1em;
    text-align:center;
    width:50%;
  }
  #indexHeaderContent h1{ margin-bottom:.6em; }
  #indexHeaderContent ul li{ text-align:center; }
  #indexHeaderContent .telNumber{ font-size:1.8rem; }
/*  #topicsList ul li{ border-top:1px dashed #ccc; margin-top:1em; padding-top:1em; } */
  .tabs{ margin:0 0 2.6em; }
  .panels table th, .panels table td{ text-align:center; }
	.panels table th{ width:9em; }

/*** 2-06.ログイン *********************************/

/*** 2-07.リマインダー ******************************/

/*** 2-20.過去の検索 ******************************/
	#searchBox
	{
		margin:0 auto;
		width:600px;
	}
	.searchTable th, .searchTable td{vertical-align:middle;}
	.searchTable th{width:6em;}
	.searchTable .dateInputList{display:flex;justify-content:space-between;gap:1em;}
	.searchTable .nameInputList{display:flex;justify-content:space-between;gap:1em;}
	.pageNav
	{
		display:flex;
		gap:.125em;
		justify-content:center;
	}
	.pageNav li a, .pageNav li span{width:2em;}
	.pageNav li.prev a, .pageNav li.prev span,.pageNav li.next a, .pageNav li.next span{width:3em;}

}


/**************************************************
 * 960px以上1279px以下
 **************************************************/
@media screen and (min-width:960px) and (max-width:1279px){

/*** 3-01.共通 *************************************/
  body{ font-size:1.4rem; }
  .pcNone{}
  .tbNone{ display:none; }
  .spNone{}
  .fix{ margin:0 auto; max-width:940px; width:100%; }
  .contentsFix{ margin:0 auto; width:78%; }
  .txtBlock{ display:block; }
  article > section{ padding:68px 0; }
  section h2{ font-size:3.6rem; margin-bottom:42px; padding-bottom:42px; }
  section h3{ font-size:2.6rem; margin-bottom:1.6em;; padding-bottom:26px; }
  section h4{ font-size:2rem; margin:4.2em 0 1.6em; }
  .formLayout dt{ font-size:1.8rem; }
  #outer{ overflow-x:scroll; width:100%; }
  #outer table.detailListTable{ width:1228px; }
  .detailTable tr:first-of-type th{ width:13em; }
  .listLine li{ float:left; margin-right:.6em; }
  .listLine li label{ line-height:40px; }
  .listLine li select{ width:auto; }
  .listLine li .wdM{ width:100%; }

/*** 3-02.header **********************************/
  #underHeaderLt{ float:left; width:70%; }
  #underHeaderRt{ float:right; width:30%; }
  .loginName{ border-bottom:1px dashed #093; padding-bottom:.6em; }

/*** 3-03.navigation ******************************/
  #gNav .gNavLt{ float:left; width:auto; }
  #gNav .gNavRt{ float:right; width:auto; }
  #gNav .gNavLt li{ float:left; }
  #gNav .gNavRt li{ float:right; }
  #gNav li a{ height:4.2rem; line-height:4.2rem; padding:0 1em; text-align:center; }

/*** 3-04.footer **********************************/

/*** 3-05.index ***********************************/
  #indexHeaderContent{
    height:8.2em;
    padding:1em;
    text-align:center;
    width:68%;
  }
  #indexHeaderContent h1{ margin-bottom:.6em; }
  #indexHeaderContent ul li{ text-align:center; }
  #indexHeaderContent .telNumber{ font-size:1.8rem; }
  #topicsList dd{ border-bottom:1px dashed #ccc; margin-bottom:.6em; padding-bottom:.6em; }
  .tabs{ margin:0 0 2.6em; }
  .panels table th, .panels table td{ text-align:center; }

/*** 3-06.下層ページ共通 ****************************/

/*** 3-06.ログイン *********************************/

/*** 3-07.リマインダー ******************************/

/*** 3-20.過去の検索 ******************************/
	#searchBox
	{
		margin:0 auto;
		width:600px;
	}
	.searchTable th, .searchTable td{vertical-align:middle;}
	.searchTable th{width:6em;}
	.searchTable .dateInputList{display:flex;justify-content:space-between;gap:1em;}
	.searchTable .nameInputList{display:flex;justify-content:space-between;gap:1em;}
	.pageNav
	{
		display:flex;
		gap:.125em;
		justify-content:center;
	}
	.pageNav li a, .pageNav li span{width:2em;}
	.pageNav li.prev a, .pageNav li.prev span,.pageNav li.next a, .pageNav li.next span{width:3em;}

}


/**************************************************
 * 768px以上959px以下
 **************************************************/
@media screen and (min-width:768px) and (max-width:959px){

/*** 4-01.共通 *************************************/
  body{ font-size:1.6rem; }
  .pcNone{}
  .tbNone{ display:none; }
  .spNone{}
  .fix{ margin:0 auto; max-width:748px; width:100%; }
  .contentsFix{ margin:0 auto; width:84%; }
  .txtBlock{ display:block; }
  article > section{ padding:68px 0; }
  section h2{ font-size:3.6rem; margin-bottom:42px; padding-bottom:42px; }
  section h3{ font-size:2.6rem; margin-bottom:1.6em;; padding-bottom:26px; }
  section h4{ font-size:2rem; margin:4.2em 0 1.6em; }
  .formLayout dt{ font-size:1.8rem; }
  #outer{ overflow-x:scroll; width:100%; }
  #outer table.detailListTable{ width:1328px; }
  .detailTable tr:first-of-type th{ width:13em; }
  .listLine li{ float:left; margin-right:.6em; }
  .listLine li label{ line-height:40px; }
  .listLine li select{ width:auto; }
  .listLine li .wdM{ width:100%; }

/*** 4-02.header **********************************/
  #underHeaderLt{ float:left; width:70%; }
  #underHeaderRt{ float:right; width:30%; }
  .loginName{ border-bottom:1px dashed #093; padding-bottom:.6em; }

/*** 4-03.navigation ******************************/
  #gNav .gNavLt{ float:left; width:auto; }
  #gNav .gNavRt{ float:right; width:auto; }
  #gNav .gNavLt li{ float:left; }
  #gNav .gNavRt li{ float:right; }
  #gNav li a{ font-size:.75em; height:4.2rem; line-height:4.2rem; padding:0 1em; text-align:center; }

/*** 4-04.footer **********************************/

/*** 4-05.index ***********************************/
  #indexHeaderContent{
    height:12.2em;
    padding:1em;
    text-align:center;
    width:68%;
  }
  #indexHeaderContent h1{ margin-bottom:.6em; }
  #indexHeaderContent h1 span{ display:block; line-height:1.5em; }
  #indexHeaderContent ul li{ text-align:center; }
  #indexHeaderContent .telNumber{ font-size:1.8rem; }
  #topicsList dd{ border-bottom:1px dashed #ccc; margin-bottom:.6em; padding-bottom:.6em; }
  .tabs{ margin:0 0 2.6em; }
  .panels table th, .panels table td{ text-align:center; }

/*** 4-06.下層ページ共通 ****************************/

/*** 4-06.ログイン *********************************/

/*** 4-07.リマインダー ******************************/

/*** 4-10.帳票 ************************************/
	#printList li input{ width:100%; }
	#printList li select{ display:block; margin-top:.6em; width:100%; }

/*** 4-20.過去の検索 ******************************/
	#searchBox
	{
		margin:0 auto;
		width:600px;
	}
	.searchTable th, .searchTable td{vertical-align:middle;}
	.searchTable th{width:6em;}
	.searchTable .dateInputList{display:flex;justify-content:space-between;gap:1em;}
	.searchTable .nameInputList{display:flex;justify-content:space-between;gap:1em;}
	.pageNav
	{
		display:flex;
		gap:.125em;
		justify-content:center;
	}
	.pageNav li a, .pageNav li span{width:2em;}
	.pageNav li.prev a, .pageNav li.prev span,.pageNav li.next a, .pageNav li.next span{width:3em;}

}


/**************************************************
 * 767px以下と印刷
 **************************************************/
@media print, screen and (max-width:767px){

/*** 5-01.共通 *************************************/
  body{ font-size:1.6rem; }
  .pcNone  {}
  .tbNone  {}
  .spNone  { display:none; }
  .fix     { margin:0 auto; width:96%; }
  .contentsFix{ margin:0 auto; width:98%; }
  .txtBlock{ display:block; }
  article > section{ padding:42px 0; }
  section h2{ font-size:3rem; margin-bottom:42px; padding-bottom:42px; }
  section h3{ font-size:2rem; margin-bottom:1.6em;; padding-bottom:26px; }
  section h4{ font-size:1.8rem; margin:4.2em 0 1.6em; }
  .formLayout dt{ font-size:1.8rem; }
  #outer, .outerIndex{ overflow-x:scroll; width:100%; }
  #outer table.detailListTable{ width:1328px; }
  .infoFormBox{ margin:0 auto; width:92%; }
  .detailTable th, .detailTable td{ display:block; width:auto; }
  .detailTable th.subTh{ background:#eee; }
  .listTableLt li{ display:block; }
  .listLine:nth-of-type(n+2){ margin-top:1em; }
  .listLine li label{ line-height:40px; }
  .listLine li select{ margin-right:.6em; width:calc( 100% - 3.6em ); }
  .listLine li .wdM{ width:100%; }

/*** 5-02.header **********************************/
  #underHeader, #underHeader li{ text-align:center; }
  #underHeaderLt{}
  #underHeaderRt{}
  h1{font-size:2.4rem;}
	header h1 span{display:block;line-height:1.5em;}
	header .addInfo{font-size:.75em;margin-bottom:.5em;}
  #underHeaderLt .telNumber a{
    background:#093;
    border-radius:.6em;
    box-shadow:0px 6px 3px -3px rgba( 0, 0, 0, .6 );
    box-sizing:border-box;
    color:#fff;
    display:block;
    font-size:2rem;
    height:2.6em;
    margin:1em auto;
    line-height:2.6em;
  }
  #underHeaderLt .telNumber a i{ color:#fff; }
  .loginName{ border-bottom:1px dashed #093; padding-bottom:.6em; }

/*** 5-03.navigation ******************************/
  #gNav .gNavLt{ float:left; width:auto; }
  #gNav .gNavRt{ float:right; width:auto; }
  #gNav .gNavLt li{ float:left; }
  #gNav .gNavRt li{ float:right; }
  #gNav li a{ height:4.2rem; line-height:4.2rem; padding:0 1em; text-align:center; }

/*** 5-04.footer **********************************/

/*** 5-05.index ***********************************/
  #indexHeader{ height:50vh; }
  #indexHeaderContent{
    height:11.6em;
    padding:1em;
    text-align:center;
    width:82%;
  }
  /*#indexHeaderContent h1{ margin-bottom:.6em; }*/
  #indexHeaderContent ul li{ text-align:center; }
  #indexHeaderContent ul li a{ display:block; font-size:2rem; }
  #indexHeaderContent .addInfo span{ display:block; }
  #topicsList dd{ border-bottom:1px dashed #ccc; margin-bottom:.6em; padding-bottom:.6em; }
  .tabs{ margin:0 0 2.6em; }
  .tabs li{ margin:0; }
  .panels table th, .panels table td{ text-align:center; }
  .outerIndex table{ width:960px; }

/*** 5-06.下層ページ共通 ****************************/

/*** 5-06.ログイン *********************************/

/*** 5-07.リマインダー ******************************/

/*** 5-10.帳票 ************************************/
	.noteBox ul{margin-left:2em;}
	#printList li input{ width:100%; }
	#printList li select{ display:block; margin-top:.6em; width:100%; }
	#printList li a{display:block;width:100%;}

/*** 5-13.仮予約 ************************************/
	.entryAttAliginRight{text-align:left;}

/*** 5-20.過去の検索 ******************************/
	#searchBox{border:0; margin:0 auto;padding:0;}
	.searchTable{border:1px solid #ccc;}
	.searchTable th, .searchTable td{box-sizing:border-box; display:block; width:auto;}
	.searchTable th{background-color:#f8f8f8;}
	.searchTable .dateInputList{display:flex;flex-wrap:wrap;gap:3px;justify-content:space-between;}
	.searchTable .dateInputList li:first-child, .searchTable .dateInputList li:last-child{width:44%;}
	.searchTable .nameInputList li:nth-child(n+2){margin-top:.25em;}
	.pageNav
	{
		display:flex;
		justify-content:space-between;
	}
	.pageNav li.prev a, .pageNav li.prev span,.pageNav li.next a, .pageNav li.next span{width:3em;}

}