@charset "utf-8";

/* --------------------------------------------------------------------------------
	shop
-------------------------------------------------------------------------------- */

/********** ご来店いただくお客様へ **********/
#shop .menu{
	padding:0 0 7%;
}
#shop .menu ul{
	padding:0 2%;
}
#shop .menu ul li{
	padding:0 0 2%;
}

/********** ご挨拶 **********/
#shop .greeting .greeting-box{
	padding:4% 5% 6%;
}
#shop .greeting .greeting-txt{
	padding: 0 0 4vw;
}
#shop .greeting p{
	line-height: 1.3;
}
#shop .greeting p .img{
	float:left;
	display:block;
	width:35%;
	padding:0 3% 1% 0;
}
#shop .greeting p .img img{
	display:block;
}
#shop .greeting p .img .txt-owner{
	display:block;
	padding:0 3%;
	font-size:80%;
}
#shop .greeting p .img .txt-owner .owner{
	display:block;
	float:left;
	width:30%;
	text-align:center;
}
#shop .greeting p .img .txt-owner .name-ruby{
	display:block;
	float:right;
	width:70%;
	text-align:center;
}
#shop .greeting table{
	width:100%;
	border:ridge 0.2vw #2c2c2c;
}
#shop .greeting table th{
	padding:2%;
	border:ridge 0.2vw #2c2c2c;
	background:#eee;
	text-align:center;
	font-weight: normal;
}
#shop .greeting table td{
	padding:2%;
	border:ridge 0.2vw #2c2c2c;
}

/********** 店内のご案内 **********/
#shop .info ul{
	padding:4% 5%;
}
#shop .info ul li{
	float:left;
	width:48%;
	padding:0 0 2%;
	text-align:center;
	font-size:95%;
}
#shop .info ul li:nth-child(2n){
	float:right;
}
#shop .info ul li img{
	padding:0 0 0.2%;
}

/********** お持ち帰りメニュー **********/
#shop .takeout .takeout-box{
	padding:4% 5%;
}
#shop .takeout .txt{
	padding:0 0 4%;
}
#shop .takeout .section1{
	padding:0 0 8%;
}
#shop .takeout .section .img{
	padding:0 2% 3%;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
#shop .takeout .section .img img{
	margin:0 0 2%;
}
#shop .takeout .section a{
	color:#f00;
}

/********** 電話番号 **********/
#shop .tel{
	margin:0 0 8%;
	padding:4% 5%;
	background:#e8e4c1;
}
#shop .tel a{
	margin:2% 0 0;
	display:block;
}

/********** アクセスマップ **********/
#shop .access-inner{
	padding: 2vw 5vw;
}
#shop .access-inner .txt{
	padding: 0 0 3vw;
}
#shop .access-inner iframe{
	display: block;
	width: 100%;
	height: 68vw;
}
#shop .access-inner .map{
	padding: 0 0 5vw;
}
#shop .access-inner .btn-access{
	display: flex;
	justify-content: flex-end;
	
	margin: 0 0 8vw;
}
#shop .access-inner .btn-access a{
	display: block;
	width: 60vw;
}


#shop #access h3{
	padding: 0 4vw;
	font-size: 5vw;
	font-weight: bold;
	background: #cccc99;
}
#shop #access .section{
	margin: 0 2vw;
	padding: 3vw 0;
	border-bottom: solid 0.2vw #535353;
}
#shop #access .section:last-child{
	border-bottom: none;
}


#shop .tel .btn-tel{
	padding: 0 0 2vw;
}
#shop .tel table{
	font-size: 3.6vw;
}
#shop .tel th{
	vertical-align: top;
	font-weight: normal;
}