@charset "euc-jp";

/* -----------------------------------------------------------
CSS Information 08/07/02

 File name:      style.css
 Style Info:     restaurant/
----------------------------------------------------------- */

#rest #lside{float:left; width:240px; margin-right:10px; }

#rest #lside img{margin-bottom:21px; }

#rest #rside{float:left; width:575px; }

#rest #rside p.menu{background:#fefafb; padding:15px; border:1px solid #ae7b85; margin-bottom:20px; }

#restlogo .fleft{float:left; }

#restlogo .fright{float:right; margin-left:20px; width:375px; margin-bottom:0; }

#rest .bun_space{
  margin:0px auto 10px 0px;
  line-height:150%;
  }

#rest .bun_space1{
  margin:0px auto 10px 0px;
  padding:5px 5px 0px 5px;
  line-height:150%;
  }
  
#rest .space_down{
  margin-bottom:20px;
  }
    
#rest .small_left{
  width:270px;
  height:305px;
  margin-right:10px;
  margin-bottom:30px;
  float:left;
  line-height:135%;
  border:#ae7b85 1px solid;
  }
  
#rest .small_right{
  width:270px;
  height:305px;
  margin-bottom:30px;
  float:left;
  line-height:135%;
  border:#ae7b85 1px solid;
  }  


/*<!--モーダル-->*/
.moSecp{
	color:black;
	font-size:16px;
	font-family: "游ゴシック", "Yu Gothic";
	font-weight:600;
}


.moSai{
	display:inline-block;
	width:30%;
	margin-left:10px;
	vertical-align:top;
}

.moSai img{
	width:100%;
	vertical-align:bottom;
	vertical-align:top;
}
.moSai p{
	margin-top:0!important;
	vertical-align:top;
	text-align: left!important;
}

.moSec{
	text-align:center;
}

.moSec img{
	vertical-align:bottom;
	margin-top:30px;
	margin-bottom:10px;
	
}
.moSecp{
	line-height:30px;
	font-size:18px;
}

.moSai p{
	line-height:24px;
	font-size:16px;
}
.moInner{
	width:90%;
}
.btnyoyaku{
	margin-top:40px!important;
}
.saiInner{
	
}

.pic1{
	margin-bottom:20px!important;
}

/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 999999; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
 background-color: rgba(255,255,255,0.5);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 1000px;
  padding: 10px 30px 10px 30px;
  background-image: url(../img/modalbg.png);
  background-size:cover;	
  box-shadow: 0px -15px 13px 0px rgba(0,0,0,0.35);
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
	margin-right:25px;
}
.closeModal img{
	margin-top:25px;
}
.linksai{
	width:340px;
    height:60px;
	text-align:center;
	display:inline-block;
}
.linksai::after{
	display:none!important;
}
#modalBg_sp{
	overflow-y: auto;
	max-height: 90%;
	position: fixed;
	z-index: 1000;
}

.moSai p{
		text-align:center!important;
		color:black;
	    font-family: "游ゴシック", "Yu Gothic";
		font-size:14px;
		font-weight:bold;
	}


@media (max-width: 768px) {
	.moSai{
		display:block;
		margin:0 auto;
		width:90%;
  		max-height: 90%;
		z-index: 1000;
		
	}
	.modalWrapper{
		width:100%;
		height:100%;
		padding: 100px 30px 10px 30px;
		position:fixed;
		z-index: 999999;
		overflow-y: scroll;
	}
	
	.moSai p{
		text-align:center!important;
	}
	
	.linksai{
		text-align:center;
		display:inline-block;
		margin:0 auto;
	}
}

@media (max-width: 400px){
	.linksai{
		text-align:center;
		display:inline-block;
		margin:0 auto;
		width:90%;
}