@charset "UTF-8";
#brio {
  background: #2b2b2b;
  color: #fff; }
#brio a {
  color: #fff; }
#brio .brio_inner {
  width: 75%;
  margin: 0 auto;
  padding: 3% 0; }
@media only screen and (max-width: 1024px) {
  #brio .brio_inner {
    width: 94%; } }
#brio .brioback {
  text-align: center;
  padding: 5% 1em 4%; }
#brio .brioback .catch {
  font-size: 1.75rem;
  /*正しく設定しなおしてください。*/
  font-weight: bold;
  line-height: 1.4em;
  padding: 0 0 1%; }
@media only screen and (max-width: 1024px) {
  #brio .brioback .catch {
    font-size: 1.375rem;
    /*正しく設定しなおしてください。*/ } }

#brio #shop {
  padding: 0 0 3%;
  margin: 0 auto;
  width: 75%; }
@media only screen and (max-width: 1024px) {
  #brio #shop {
	width: 94%;} }
.shop_box {
	border-bottom: 1px solid #fff;
	padding: 25px 0 8px;
	width: 75%;
	margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .shop_box {
    padding: 8% 8%;
	width: 90%;} }
.shop_box:last-child {
	border-bottom: none;
	padding: 25px 0; 
}
.shop_box .imgs {
	*zoom: 1;
	padding: 0 0 13px; 
}
.shop_box .imgs:after {
	content: "";
	display: table;
	clear: both; 
}
.shop_box .imgs ul {
	*zoom: 1;
	float: left;
	width: 67%; 
}
.shop_box .imgs ul:after {
	content: "";
	display: table;
	clear: both; 
}

@media screen and (max-width: 1024px) {
  .shop_box .imgs ul {
		float: none;
		width: 100%;
		padding: 0 0 10px; 
} }
.shop_box .imgs ul li {
	float: left;
	width: 49%; 
}
.shop_box .imgs ul li:last-child {
	float: right; 
}
@media screen and (max-width: 1024px) {
  .shop_box .imgs ul li {
		width: 48%; 
} 
  .shop_box .imgs ul li img{
		width: 100%; 
}}
.shop_box .imgs .gmap {
	float: right;
	width: 31%;
	position: relative;
    padding-top: 28.5%;
}
.shop_box .imgs .gmap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}
@media screen and (max-width: 1024px) {
  .shop_box .imgs .gmap {
		float: none;
		width: 100%; 
} }
.shop_box .shopinfo {
	*zoom: 1; 
}
.shop_box .shopinfo:after {
	content: "";
	display: table;
	clear: both; 
}
.shop_box .shopinfo .shopinfo_inner {
	*zoom: 1;
	float: left;
	width: 60%;
}
.shop_box .shopinfo .shopinfo_inner:after {
	content: "";
	display: table;
	clear: both; 
}
@media screen and (max-width: 1024px) {
  .shop_box .shopinfo .shopinfo_inner {
		float: none;
		width: 100%;
		padding: 0 0 15px; 
} }
.shop_box .shopinfo .shopinfo_inner h2 {
	padding: 0 0 15px;
	color: #fff;
	font-size: 21px;
	font-weight: bold; 
}
.shop_box .shopinfo .shopinfo_inner .address {
	border-left: 5px solid #fff;
	padding: 0 0 0 10px; 
}
.shop_box .shopinfo .shopinfo_inner .other {
	padding: 15px 0 0; 
}
.shop_box .shopinfo .condition {
	float: right;
	width: 40%; 
}
@media screen and (max-width: 1024px) {
  .shop_box .shopinfo .condition {
		float: none;
		width: 70%; 
} }

#brio .jitan {
  padding: 2% 0;
  margin: 2% auto; 
  background: #ea0001; }
#brio .jitan p {
  color: #fff;
  text-align: center; }