@charset "UTF-8";

/* ▼▼▼ プライバシーポリシー
=====================================*/
/* 共通 */
section{
    max-width: 1000px;
    margin: 0 auto;
	padding: 0 20px 50px;
    }
.bg_title{
	margin: 0 0 50px;
	}
p.kome{
	margin: 15px 0 0;
	}
.line{
	border-bottom: 1px dotted #ccc;
	padding: 0 0 40px;
	margin: 0 0 40px;
	}
	.line dl.contact_info.mb0,
	.line table.floor_info,
	.line table.hours_info{
		margin: 0;
		}


.kome02{
	color: #A25E5E;
	margin: 0 0 40px;
	}

dl.contact_info{
	border: 1px solid #ccc;
	margin: 0 0 40px;
	}
	dl.contact_info dt,
	dl.contact_info dd{
		padding: 15px 0;
		text-align: center;
		}
	dl.contact_info dt{
		background: #B1A9A9;
		color: #fff;
		}
	dl.contact_info dd{
		color: #A25E5E;
		font-weight: bold;
		}
	dl.contact_info dd span{
		font-size: 18px;
		}
		#main dl.contact_info dd .tel-moji a{
			color: #A25E5E;
			}
	dl.contact_info dd p{
		color: #000;
		font-weight: normal;
		text-align: center;
		}

.info_list {
	margin: 0 0 40px;
	}
	.info_list li{
		border-bottom: 1px dotted #ccc;
		margin: 0 0 30px;
		padding: 0 0 30px;
		}
	.info_list li:last-child{
		margin: 0;
		}
	.info_list li p{
		margin: 5px 0 0;
		}
				
table.floor_info{
	border: 1px solid #ccc;
	border-bottom: 0 none;
	width: 100%;
	margin: 0 0 40px;
	}
	table.floor_info tr th,
	table.floor_info tr td{
		border-bottom: 1px solid #ccc;
	    padding: 15px 0;
	    }
	table.floor_info tr th{
		background: #F7F7F7;
		border-right: 1px solid #ccc;
		width: 30%;
		padding-left: 5%;
		font-weight: normal;
		vertical-align: middle;
		}
	table.floor_info tr td{
		padding-left: 5%;
		}

h3.title_square span{
	display: block;
	font-weight: normal;
	}
.hour{
	font-weight: bold;
	margin: 0 0 15px;
	}


table.hours_info{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
	margin: 0 0 40px;
	}
	table.hours_info tr th,
	table.hours_info tr td{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		width: 33.33%;
		height: 55px;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		}
	table.hours_info tr th{
		background: #F5F5F5;
		}
#scroll {
	margin: 40px auto 0;
	}
	#scroll table.hours_info tr th,
	#scroll table.hours_info tr td{
		width: 20%;
		}
.more_btn {
	width: 100%;
	max-width: 350px;
	margin: 40px auto 0;
	}
 
/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

/* 共通 */
section{
	padding: 0 20px 30px;
    }
.bg_title{
	margin: 0 0 30px;
	}
.kome{
	margin: 15px 0 0;
	}
.line{
	padding: 0 0 30px;
	margin: 0 0 30px;
	}
.accordion_area{
	display: none;
	}

.bg_title{
	margin-bottom: 30px;
	}
.kome02{
	margin: 0 0 30px;
	}
	
dl.contact_info{
	margin: 0 0 30px;
	}
	dl.contact_info dd span{
		font-size: 18px;
		}
		
.info_list {
	margin: 0 0 30px;
	}
	.info_list li{
		border-bottom: 1px dotted #ccc;
		margin: 0 0 20px;
		padding: 0 0 20px;
		}
	.info_list li p{
		margin: 5px 0 0;
		}
				
table.floor_info{
	margin: 0 0 30px;
	}
	table.floor_info tr th,
	table.floor_info tr td{
		display: block;
		width: 100%;
	    padding: 15px 25px;
		}
	table.floor_info tr th{
		border-right: 0 none;
		text-align: center;
		}
	table.floor_info tr td{
		text-align: center;
		}
	table.floor_info tr td p{
		display: inline-block;
		}
		
table.hours_info{
	margin: 0 0 30px;
	}
	table.hours_info tr th,
	table.hours_info tr td{
		height: 50px;
		}
		
#scroll {
	margin: 30px auto 0;
	overflow: auto;
	white-space: nowrap;
	}
	#scroll table.hours_info{
		table-layout: fixed;
		width: 650px;
		margin: 0 0 20px;
		}
/*スクロールバーカスタム*/
#scroll::-webkit-scrollbar {
	height: 15px;
	}
	#scroll::-webkit-scrollbar-track {
		border-radius: 10px;
		background: #ccc;
		}
	#scroll::-webkit-scrollbar-thumb {
		background-color: #A09696;
		border-radius: 10px;
		}
.more_btn {
	margin: 30px auto 0;
	}
#other_info table.floor_info tr td{
	text-align: left;
	}
}