@charset "UTF-8";

/* layout
++--------------------------------------------++*/
@media (min-width: 1025px) {
	.page-inner{
		min-width: var(--width-min);
		max-width: var(--width-max);
		margin: 0px auto;}

	.page-wrapper{
		padding: 1em 4em}
}

@media (max-width: 1024px) {
	.page-inner{
		max-width: 95%;
		margin: 0px auto;}

	.page-wrapper{
		padding: 1em 1em}
}

.page-inner{
	background: #FFF;
	border: 1px solid #ddd;}

.page-bk{
	background: var(--color-bk5);}

/* 店舗情報
++--------------------------------------------++*/
.sec1{
	padding: 0 0 2em;}

.bl_flex{
	display: flex;
	flex-direction: row-reverse;}

.sec1-p{
	flex: 1;
	text-align: center;}


.col1{width: 30%;}
.col2{width: 70%;}


.sec1 table{
	flex: 2;
	/*width: 100%;*/
	margin: 0 0 2em 1em;
	border: solid 1px #333;}

.sec1 table th{
	text-align: left;
	vertical-align: top;
	background: var(--color-bk3);}

table tbody th, table tbody td{
	padding: 0.5em 0.5em;
	border: solid 1px #DEBEAD;}

@media (min-width: 1025px){
	.sec1:after{
		content:"";
		display: block;
		clear: both;}

/*	.sec1-p {
		float: right;
		width: 30%;
		margin: 0 0 0 2em }
*/
/*	.sec1 table{
		width: 65%;
		margin: 0 0 2em 1em;
		border: solid 1px #333;}*/
}

@media (max-width: 1024px){
	.bl_flex{
		display: block;
		margin:  0 auto;}

	.sec1-p img{
		width: 50%;}

/*	.sec1-p {
		width: 70%;
		height: auto;
		margin: 0 auto 1em}

	.sec1 table{
		width: 95%;
		margin: 0 0 2em 1em;
		border: solid 1px #333;}*/
}

/* アクセス
++--------------------------------------------++*/
.sec2-div1{
	padding: 0em 0 3em;}

.dl-1{
	padding: 0 0 1em;}

.dt-h{
	/*padding: 2em 0 0;*/
	color: var(--color-main);}

dd{padding: 0 0 0 1em;}

.dt-h:before{
	color: #999999;
	font-family: "FontAwesome";
	content: "\f138";
	padding-right: 0.5em;}

.dt-h dd{
	padding: 1em 0 0;}

.dt-h2{
	padding: 1em 0 0;}

.ggmap{padding: 0 0 2em;}
.ggmap iframe{ width: 100%;}

/* アクセス周辺写真
++--------------------------------------------++*/
.sec3{
	text-align: center;}

@media (min-width: 1025px){
	.sec3-p{
		min-width: 600px;
		width: 85%;
		height: auto;
		margin: 0 auto;
		padding: 0em 0em 2em;}
}

@media (max-width: 1024px){
	.sec3-p{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0em 0em 2em;}
}