@charset "UTF-8";

@media screen and (min-width: 768px){
div#gaiyo{
	width:750px;
	margin: 0 auto;
}
}

div#mainimage{
	text-align: center;
	margin: 0 0 1em 0;
}

div#mainimage img{
	width: 90%;
	}

div#floorMap{
	text-align: center;
}

div#floorMap img{
	width: 90%;
	}

div#gaiyo table{
	margin: 0 1.5em;
}

div#gaiyo th{
	text-align: left;
	vertical-align: top;
	padding: 0.5em;
	width: 5em;
}

div#gaiyo td{
	vertical-align: top;
	padding: 0.5em;
}

@media screen and (min-width: 768px){
div#gaiyo td{
	padding-left: 3em;
}
}

/* 文章：画像＝4：6の割合で横並びに配置 */
div#gaiyoImg ul {
	margin-bottom: 4em;
	padding: 0;
	list-style: none;
}

div#gaiyoImg ul li {
	list-style: none;
	margin-bottom: 2em;
}

@media screen and (min-width: 768px) {
	div#gaiyoImg ul li {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

	div#gaiyoImg .text {
	flex: 4;
	padding-right: 20px;
}

  div#gaiyoImg .image {
	flex: 6;
	width: 300px;
	flex-shrink: 0;
}

  div#gaiyoImg .image img {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 20px;
}
}

@media screen and (max-width: 767px) {
  div#gaiyoImg ul li {
  	display: block;
}

  div#gaiyoImg img {
	width: 90%;
	padding-top: 1em;
	display: block;
	margin: 0 auto;
}
}


#gaiyoSonota{
	background-color: #f2f2f2;
	margin: 0em 1em 5em 1em ;
	padding: 1em 0.5em;
}

@media screen and (min-width: 768px){
#gaiyoSonota{
	margin: 0em 1em 5em 1em ;
}
}