@charset "shift-jis";
/*店舗ページ用 トップページ（基本情報）CSS*/


/*---------キャッチコピー40文字/*----------*/
.copy {
	padding:0px;
	font-size:123.1%;
	font-weight:bold;
	/*font-size:153.9%;*/
	color:#675832;
	letter-spacing:0.06em;
}


/*--------------ギャラリー--------------*/

#photo-gallery {
	width:700px;
	margin:10px 0px 18px 0px;
	height:413px;
}
#photo-gallery .link {
	padding:0;
	margin:0px 0px 0px 9px;
}

.bt_pano{
	position:relative;
	top:-408px;
	left:420px;
	z-index:200;
	width:126px;
}


/*----------お店の紹介文300文字--------------*/
.about{
	clear:both;
	margin:10px 0 43px 0;
	line-height:170%;
	font-size:108%;
	/*color:#47433B;*/
}



/*---------特徴・ベスト３・料理人--------------*/
.main-column .shop_data{
	overflow:hidden;
	margin:0px 0px 30px 0px;
	background:#f6f2e5;
	padding:0 0 18px 0;
	
}

.main-column .shop_data h3{
	font-size:116%;
	margin:0px 0px 0px 0px;
	padding:14px 10px 9px 60px;
	line-height:160%;
	color:#fff;
	font-weight:normal;
	background:url(../../img/shop_detail/top_koredake.jpg) no-repeat;
	text-indent:0.5em;
}

.main-column .shop_data h3 span{
	font-size:153.9%;
}

.main-column .shop_data h3.ch{
	/*border-left:2px #C97F75 solid;
	color:#C97F75;*/
}

.main-column .shop_data h3 span{
	padding:0 0 0 6px;
	color:#fff;
	/*font-size:108%;*/
}

.main-column .shop_data h3.ch span{
	padding:0 0 0 6px;	
	/*color:#BE6052;*/
}

.main-column .shop_data .pt01{
	width:660px;
	margin:18px auto 0px auto;
	overflow:hidden;
}

.main-column .shop_data .pt01 .ph_bx{
	width:300px;
	display:block;
	float:left;
	text-align:center;
}

.main-column .shop_data .pt01 .tx_bx{
	width:340px;
	float:right;	
	display:block;
}

.main-column .shop_data .pt01 .tx_bx p.tl{
	font-weight:bold;
	margin:0px 0px 10px 0px;
	font-size:138%;
}

.main-column .shop_data .pt01 .tx_bx p.cap{
	font-size:108%;
	line-height:170%;
}


.main-column .shop_data .pt01 .tx_bx p.lk{
	font-size:85%;
	margin:10px 0px 0px 0px;
	display:block;
	float:right;	

}
.main-column .shop_data .pt01 .tx_bx p.lk a{
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}


/*pt02*/

.main-column .shop_data .pt02{
	width:660px;
	margin:18px auto 0px auto;
	overflow:hidden;
	background:url(../../img/shop_detail/line_koredake.gif) repeat-x top;
	padding:20px 0 0 0;
}

.main-column .shop_data .pt02 .ph_bx{
	width:186px;
	display:block;
	float:right;
	text-align:center;
}

.main-column .shop_data .pt02 .ph_bx02{
	width:186px;
	display:block;
	float:left;
	text-align:center;
}


.main-column .shop_data .pt02 .tx_bx{
	width:454px;
	float:left;	
	display:block;
}

.main-column .shop_data .pt02 .tx_bx02{
	width:454px;
	float:right;	
	display:block;	
}


.main-column .shop_data .pt02 .tx_bx p.tl,
.main-column .shop_data .pt02 .tx_bx02 p.tl{
	font-weight:bold;
	margin:0px 0px 10px 0px;
	font-size:123.1%;
}

.main-column .shop_data .pt02 .tx_bx p.cap,
.main-column .shop_data .pt02 .tx_bx02 p.cap{
	font-size:108%;
	line-height:170%;
}

/* pt03 */

.main-column .shop_data .pt03{
	width:660px;
	margin:18px auto 0px auto;
	overflow:hidden;
	padding:0px 0 0 0;

}



.main-column .shop_data .pt03.i01{background:url(../../img/shop_detail/top_perbk01.gif) repeat-x top;}
.main-column .shop_data .pt03.i02{background:url(../../img/shop_detail/top_perbk02.gif) repeat-x top;}
.main-column .shop_data .pt03.i03{background:url(../../img/shop_detail/top_perbk03.gif) repeat-x top;}

.main-column .shop_data .pt03 .tx_bx{
	width:527px;
	float:left;	
	display:block;
	margin:0 0 15px 0;
	padding:55px 0 0 0;
}

.main-column .shop_data .pt03 .ph_bx{
	width:95px;
	display:block;
	float:right;
	text-align:center;
	margin:20px 20px 15px 15px;
}



.main-column .shop_data .pt03 .tx_bx p.name{
	font-size:93%;
	line-height:100%;
	margin:0px 0px 0px 20px;
}

.main-column .shop_data .pt03 .tx_bx p.name span{
	font-size:138.5%;

}

.main-column .shop_data .pt03 .tx_bx p.genre{
	font-size:85%;
	margin:6px 0px 0px 20px;
	/*font-weight:bold;*/
}


.main-column .shop_data .pt03 .tx_bx p.tl{
	font-size:100%;
	line-height:100%;
	margin:16px 0px 0px 20px;
	font-weight:bold;
}

.main-column .shop_data .pt03 .tx_bx p.cap{
	font-size:93%;
	line-height:160%;
	margin:6px 0px 0px 20px;
}


.main-column .shop_data .pt03 .tx_bx p.lk{
	font-size:85%;
	margin:10px 0px 0px 20px;
	display:block;

}
.main-column .shop_data .pt03 .tx_bx p.lk a{
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}






 
.main-column .shop_data .name_list{
	clear:both;
	margin:0px auto;
	width:640px;
	/*border-top:1px #CCCCCC solid;*/
	padding:5px 0 10px 0;
	background:url(../../img/shop_detail/history_line.gif) top repeat-x;
	overflow:hidden;

}
 
.main-column .shop_data .name_list ul{
	padding:2px;
	margin:0px 0 0 0;
	overflow:hidden;
	float:right;
}


.main-column .shop_data .name_list li{
	font-size:85%;
	margin:5px 10px 0px 0px;
	display:block;
	float:left;	

}
.main-column .shop_data .name_list li a{
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}

 


/*　トリミングする外側の枠　*/
.trim_img {
	overflow: hidden;
	position: relative;
}
.trim_img_size_photo {
	width: 148px;/* トリミングしたい枠の幅 */
	height: 148px;/* トリミングしたい枠の高さ */
}
.trim_img_size_top {
	width: 60px;/* トリミングしたい枠の幅 */
	height: 60px;/* トリミングしたい枠の高さ */
}
.trim_img_size_history {
	width: 50px;/* トリミングしたい枠の幅 */
	height: 50px;/* トリミングしたい枠の高さ */
}

/* 高さに合わせてリサイズ、はみ出た分をトリミング */
.trim_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}