/* CSS Document */

main.tenpo .inner{
	width:var(--size-inner-W);
	margin: 0 auto;
}

main.tenpo .tenpo_area{gap:15px calc(1% * 15 / 8.25); display:flex; flex-wrap:wrap; align-items:center;}
main.tenpo .tenpo_area a{
	width:calc(1% * 195 / 8.25);
	height:calc(1em * 38 / 16);
	border:solid 1px var(--color-dark50);
	display:flex; justify-content:center; align-items:center;
}
@media screen and (max-width: 870px){
	main.tenpo .tenpo_area{gap:10px;}
	main.tenpo .tenpo_area a{width:calc((100% - 10px) / 2);}
}

main.tenpo .tenpo_list{
	width:var(--size-inner-W900);	
	margin-top: min(45px,max(30px,calc(1vw * 30 / 3.75)));
}
main.tenpo .tenpo_list .title{
	font-size: var(--font-27-24);
	border-left: solid calc(1em * 10 / 27) var(--color-R);
	padding-left: calc(1em * 10 / 27);
	display: flex; align-items: baseline;
}
main.tenpo .tenpo_list .title > *{}
main.tenpo .tenpo_list .title h3{font-size: 1em;}
main.tenpo .tenpo_list .title h3 + *{font-size: 0.75em; margin-left: 0.5em;}
main.tenpo .tenpo_list .tbl_overflow{width:100%; max-width: 100%; overflow-x: auto;}
main.tenpo .tenpo_list table,
main.tenpo.dt .tenpo_dt_set table{
	margin-top:min(20px,max(15px,calc(1vw * 15 / 3.75)));
	width:100%;
	border-collapse:collapse; font-size:14px;
}
main.tenpo .tenpo_list table{min-width:900px;}
main.tenpo.dt .tenpo_dt_set table,
main.tenpo.dt .tenpo_dt_set table tr > *{border:solid 1px var(--color-dark30);}
main.tenpo .tenpo_list table tr > *{padding: 0.5em 0.75em;}
main.tenpo .tenpo_list table tr > *:nth-of-type(n+2){border-left: solid 1px var(--color-dark30);}
main.tenpo .tenpo_list table thead tr > *,
main.tenpo.dt .tenpo_dt_set table th{
	background-color: var(--color-gold);
	color:#FFF;
	text-align: center;
	vertical-align: middle;
	box-sizing: content-box;
}
main.tenpo .tenpo_list table thead tr > *[t]::before{content:attr(t);}
main.tenpo .tenpo_list table thead tr > *[t*="店舗"]{min-width:3em;width:9.5em;}
main.tenpo .tenpo_list table thead tr > *[t*="住所"]{min-width:2em;width:9em;}
main.tenpo .tenpo_list table thead tr > *[t*="時間"]{min-width:4em;width:7.5em;}
main.tenpo .tenpo_list table thead tr > *[t*="電話"]{min-width:6em;width:6em;}
main.tenpo .tenpo_list table thead tr > *[t*="席数"]{min-width:2em;width:7em;}
main.tenpo .tenpo_list table thead tr > *[t*="個室"]{min-width:2em;width:8em;}
main.tenpo .tenpo_list table thead tr > *[t*="駐車"]{min-width:3em;width:5em;}
main.tenpo .tenpo_list table tbody tr > *{
	word-break: break-all;
	vertical-align: top;
	border-top: solid 1px var(--color-dark30);
}
main.tenpo .tenpo_list table tbody tr > * .col_B{color:var(--color-B); font-size:16px;}
main.tenpo .tenpo_list table tbody tr > * span[kakko]{margin: 0 -0.5em;}
main.tenpo .tenpo_list table .ovalbtn_box{margin-top:0.5em;}
main.tenpo .tenpo_list table .ovalbtn_box a{width:100%;}


main.tenpo .tenpo_tennai{margin-top:85px;}
main.tenpo .tenpo_tennai .title{
	border-top:solid 1px var(--color-K);
	border-bottom:solid 1px var(--color-K);
	padding: 0.125em 0;
	font-size: var(--font-21-20);
	gap:0 var(--font-16-12); display: flex; flex-wrap: wrap; align-items: center;
}
main.tenpo .tenpo_tennai .title font{font-size: var(--font-16-12);}
main.tenpo .tenpo_tennai .title + *{
	text-align: justify;
	margin-top: 1em;
}
main.tenpo .tenpo_tennai dl{
	margin-top:1em;
	gap:22px 0; display:flex; flex-wrap:wrap; justify-content:space-between;
}
main.tenpo .tenpo_tennai dl dd{width:calc(1% * 402 / 8.25);}
main.tenpo .tenpo_tennai dl dd img{
	border-radius: var(--radius-10);
	margin-bottom: 0.5em;
}
main.tenpo .tenpo_tennai dl dd h4{font-size: 1em; gap:0.25em; display: flex; align-items: center;}
main.tenpo .tenpo_tennai dl dd h4::before{content:"□";}
@media screen and (max-width: 870px){
	main.tenpo .tenpo_tennai .title,
	main.tenpo .tenpo_tennai dl{flex-direction: column;}
	main.tenpo .tenpo_tennai .title font{display: flex; flex-direction: column; align-items: center;}
	main.tenpo .tenpo_tennai dl dd{width: 100%;}
}

main.tenpo.dt{}
main.tenpo.dt .catch{font-size:var(--font-18-15);}
main.tenpo.dt .tenpo_dt_set table{font-size: var(--font-17-16);}
main.tenpo.dt .tenpo_dt_set table tr > *{padding: 0.5em 1em;}
main.tenpo.dt .tenpo_dt_set table th{min-width:4em;width:5em;}
main.tenpo.dt .tenpo_dt_set table th div{
	min-height:calc(1.5em * 2);
	display: flex; justify-content: center; align-items: center;
}
main.tenpo.dt .tenpo_dt_set table td div[set]{display: flex;}
main.tenpo.dt .tenpo_dt_set table td div[set*="席数"]{gap:0 1em; flex-wrap: wrap;}
main.tenpo.dt .tenpo_dt_set table td div[set*="個室"]{gap:0 0.5em; flex-wrap: wrap;}
main.tenpo.dt .tenpo_dt_set table td div[set*="予約"]{padding: 0.5em 0; gap:1.5em 0; flex-wrap: wrap; justify-content: space-evenly;}
main.tenpo.dt .tenpo_dt_set table td div[set*="予約"] > div{gap:0.5em; display: flex; flex-direction: column; align-items: center;}
main.tenpo.dt .tenpo_dt_set table td span[kakko]{margin-left: -0.5em;}
main.tenpo.dt .map{
	margin-top: min(45px,max(30px,calc(1vw * 30 / 3.75)));
	border: solid 1px var(--color-dark30);
}
main.tenpo.dt .map iframe{
	display: block;
	width:100%;
	height:min(440px,max(290px,calc(1vw * 290 / 3.75)));
}
@media screen and (min-width: 871px){
	main.tenpo.dt .tenpo_dt_set table td div[tel]{font-size: calc(1em * 18 / 17);}
	main.tenpo.dt .tenpo_dt_set table td div[fax]{font-size: calc(1em * 16 / 17);}
}
@media screen and (max-width: 870px){
	main.tenpo.dt .tenpo_dt_set table,
	main.tenpo.dt .tenpo_dt_set table th,
	main.tenpo.dt .tenpo_dt_set table td{border:none;}
	main.tenpo.dt .tenpo_dt_set table th{box-sizing:border-box; width:100%;}
	main.tenpo.dt .tenpo_dt_set table tbody{gap:1em;}
	main.tenpo.dt .tenpo_dt_set table tr > *{padding: 0.5em 0;}
	main.tenpo.dt .tenpo_dt_set table th div{min-height: 0;}
	main.tenpo.dt .tenpo_dt_set table td div[tel],
	main.tenpo.dt .tenpo_dt_set table td div[fax]{display: inline-block;}
	main.tenpo.dt .tenpo_dt_set table td div[fax]::before{content:'（';}
	main.tenpo.dt .tenpo_dt_set table td div[fax]::after{content:'）';}
	
}