@charset "Shift_JIS";


/*---------料理人--------------*/

.main-column h3.heading,
.main-column h4.heading {
    font-size:16px;
    margin:0 0 -20px;
    display:block;
    line-height:132%;
    color:#8F8F8F;
    font-weight:700;
	background-color: #fff;
	padding: 40px 40px 0;
}
.main-column h3 {
    margin-top: 20px;
}
.main-column .tx_bx h3.heading,
.main-column .tx_bx h4.heading {
	padding: 0;
	margin: 0;
	font-size:16px;
	line-height:132%;
	color:#8F8F8F;
	font-weight:700;
	background-color: transparent;
	border-left: none;
	clear: none;
}
/* .tx_bx�O��h4.heading�i.main-column�����A.per_data02�̑O�j�ɂ͌���h3.heading�Ɠ����X�^�C����K�p */
.main-column > h4.heading:has(+ .per_data02) {
	font-size:16px;
	margin:0 0 -20px;
	display:block;
	line-height:132%;
	color:#8F8F8F;
	font-weight:700;
	background-color: #fff;
	padding: 40px 40px 0;
	border-left: none;
	clear: none;
}
.main-column h4.heading {
	font-size:108%;
	border-left:3px #746E66 solid;
	background:#F1F1F0;
	margin:0px 0px 20px 0px;
	padding:7px 0px 5px 12px;
	display:block;
	line-height:120%;
	color:#675832;
	clear:both;
}



.per_data01 {
    margin: 0px 0px 1px 0px;
    background-color: #fff;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.per_data01 h3 span {
	font-size:120%;
}
.per_data01 .tx_bx {
	width:340px;
}
.per_data01 .tx_bx p {
	font-size:108%;
}
.per_data01 .tx_bx p.type {
	color:#C97F75;
	border:1px solid #C97F75;
	font-size:123.1%;
	padding:5px 0px;
	text-align:center;
	margin:0px 0px 15px 0px;
	display:block;
	width:70%;
	font-weight:bold;
}

.per_data01 .tx_bx p.name,
.per_data01 .tx_bx h4.name {
	font-size:24px;
	font-weight:700;
	margin: 0;
	padding: 0;
}

.per_data01 .tx_bx p.name span,
.per_data01 .tx_bx h4.name span{
    font-weight: 700;
    font-size: 12px;
    display: block;
    color: #adadad;
	margin-top: 10px;
}

.per_data01 .tx_bx p.genre {
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    text-indent: -0.5em;
    color: #adadad;
    font-weight: 700;
}
.per_data01 .tx_bx p.tl {
    font-size: 20px;
    font-weight: 700;
    line-height: 132%;
    margin: 20px 0;
}
.per_data01 .tx_bx p.cap {
	line-height:160%;
	font-size:16px;
	color: #8f8f8f;
}
.per_data01 .tx_bx p.lk {
	font-size:85%;
	margin:10px 0px 0px 0px;
	display:block;
	float:right;
}
.per_data01 .tx_bx p.lk a {
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}
.per_data01 .ph_bx {
	width:280px;
}
.per_data01 .ph_bx a img{
	width: 100%;
	height: auto;
}
.per_data01 dl{
	margin:40px 0px 0px;
	width:340px;
	display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.per_data02 dl{
	margin:20px 0px 0px;
	width:280px;
	display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
div.per_data01 dl dt:only-child{
	border-radius: 8px 0 0 8px;
}

.per_data01 dl dt{
	font-size:14px;
	text-align:left;
	width:35%;
	margin:0 0 1px;
	padding:0 16px;
	font-weight: 700;
	color: #8F8F8F;
    background-color: #f4f4f4;
    height: 48px;
    line-height: 48px;
	box-sizing: border-box;
	height:auto;
}
.per_data01 dl dt:first-child{
	border-radius: 8px 0 0 0;
}
.per_data01 dl dt:nth-last-child(2){
	border-radius: 0 0 0 8px;
}
.per_data01 dl dd{
	font-size:14px;
    font-weight: 700;
	width:65%;
	margin:0 0 1px;
	background-color: #f4f4f4;
    text-align:right;
    line-height:160%;
    box-sizing:border-box;
    padding:12px 16px 12px 0;
}
.per_data01 dl dd:nth-child(2){
	border-radius: 0 8px 0 0;
}
.per_data01 dl dd:last-child{
	border-radius: 0 0 8px 0;
}
.per_data02 dl dt{
	font-size: 14px;
    text-align: left;
    width: 100%;
    margin: 20px 0 10px;
    font-weight: 700;
    color: #8F8F8F;
    box-sizing: border-box;
    height: auto;
	color: #333;
}
/*
.per_data02 dl dt:first-child{
	border-radius: 8px 0 0 0;
}
.per_data02 dl dd:nth-child(2) {
    border-radius: 0 8px 0 0;
}
.per_data02 dl dd:last-child {
    border-radius: 0 0 8px 0;
}
.per_data02 dl dt:nth-last-child(2) {
    border-radius: 0 0 0 8px;
}
*/
.per_data01:first-child{
/*	background-color: #333;*/
}

.per_data02 dl dd{
    word-break: break-all;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    background-color: #f4f4f4;
    line-height: 160%;
    box-sizing: border-box;
    padding: 12px 16px;
    border-radius: 4px;
    color: #8f8f8f;
}
.per_data02 {
	background-color:#fff;
    padding:40px;
    margin-bottom:1px;
    box-sizing:border-box;
    display:flex;
    justify-content:space-between;
}
.per_data02 h3 span {
	font-size:120%;
}
.per_data02 .tx_bx {
	order: 1;
	width: 280px;
}
.per_data02 .tx_bx.kodawari {
   
}
.per_data02 .tx_bx.kodawari::before{
	content:'�����ɒ���';
	display:block;
	font-size:16px;
    display:block;
    line-height:132%;
    color:#8F8F8F;
    font-weight:700;
	margin:0 0 20px;
}
.per_data02 .tx_bx p {
	font-size:108%;
}
.per_data02 .tx_bx p.type {
	color:#A87452;
	border:1px solid #A87452;
	font-size:108%;
	padding:5px 0px;
	text-align:center;
	margin:15px 0px 0px 0px;
	display:block;
	width:60%;
	/*font-weight:bold;*/
}
.per_data02 .tx_bx p.genre {
	margin:0px 0px 10px 0px;
}
.per_data02 .tx_bx p.tl {
    font-size:20px;
    font-weight:700;
    line-height:132%;
    margin:0 0 20px;
}
.per_data02 .tx_bx p.cap {
	line-height: 160%;
    font-size: 16px;
    color: #8f8f8f;
	word-break: break-all;
}
.per_data02 .tx_bx p.lk {
	font-size:85%;
	margin:10px 0px 0px 0px;
	display:block;
	float:right;
}
.per_data02 .tx_bx p.lk a {
	background:url(../../img/shop_detail/icon_bullet_og.gif) no-repeat 0px 6px;
	padding:0px 0px 0px 10px;
}
.per_data02 .ph_bx {
	order:2;
	width:340px;
}
.per_data02 .ph_bx a img{
	width:100%;
    height:auto;
}

/*おいしいヒン�?*/
.per_hint{
	margin:0 0 40px 0;
	display: flex;
	justify-content: space-between;
	padding: 40px;
}

.per_hint .ph_bx {
	width:230px;
	float:left;
	margin:0 0 0 0;
}

.per_hint .ph_bx h3,
.per_hint .ph_bx h4{
	margin:0;
	padding:0;
	border: none;
}
.per_hint .ph_bx h3::before,
.per_hint .ph_bx h4::before{
	content: '�v���������邨�������q���g';
    display: block;
    background-color: #f4f4f4;
    font-size: 24px;
    font-weight: 700;
	position: absolute;
}
.per_hint .ph_bx h3 img,
.per_hint .ph_bx h4 img{
	display: none;
}

.per_hint .tx_bx{
	margin:56px 0px 20px;
}

/*0304追�?*/
.per_hint .tx_bx div{
    width: 420px;
}
/*---------*/

.per_hint .tx_bx div p.tl {
	font-size:20px;
	font-weight:700;
	margin:0px 0px 20px 0px;
}
.per_hint .tx_bx div p.cap {
    line-height: 160%;
    font-size: 16px;
    color: #8F8F8F;
}

.per_hint .ph_bx .ph{
    width:200px;
    height:200px;
    margin-top:56px;
}
.per_hint .ph_bx .ph img{
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 8px;
}
.per_hint .ph_bx .circle{
	margin:-87px 0 0 0px;
	text-align:center;
	display: none;
}



/*レコメン�?*/
.recommend{
	background: url(../../img/shop_detail/person_line.gif) repeat-x top;
	padding:20px 0 0 0;
	
}

.recommend .inside {
	margin:0 0px 0 0;
	overflow:hidden;
}
.recommend div.shop {
	float:left;
	width:223px;
	padding:0px 10px 0px 0px;
	overflow:hidden;
	_overflow:visible;
}
.recommend div.shop ul {
	width:143px;
	float:right;
}
.recommend div.shop ul li {
	line-height:120%;
}
.recommend div.shop ul li.name {
	font-weight:bold;
	margin:0 0 5px 0;
}
.recommend div.shop ul li.genre {
	color: #A87452;
	font-size: 85%;
	line-height:150%;	
}
.recommend div.shop ul li.career {
	font-size: 85%;
	line-height:150%;
}
.recommend div.shop ul li.area {
	color: #A87452;
	font-size: 85%;
	line-height:150%;
}
.recommend div.shop img {
	float:left;
}


/*--------------------------------
	
	シェフ�?オススメ
	
----------------------------------*/

.unit_chef_rec{
	margin:0 0 0px 0;
	position: relative;
}

.unit_chef_rec .chef_rec_read{
    font-size:20px;
    font-weight:700;
    color:#8f8f8f;
    margin-bottom:20px;
}
.unit_chef_rec .per_rec_data01 {
	display:flex;
	margin-bottom: 40px;
}
.unit_chef_rec .per_rec_data01 h3 span {
	font-size:120%;
}
.unit_chef_rec .per_rec_data01 .tx_bx {
	width:520px;
	float:right;
	display:block;
}
.unit_chef_rec .per_rec_data01 .tx_bx p {
	font-size:108%;
}


.unit_chef_rec .per_rec_data01.other .tx_bx {

}

.unit_chef_rec .per_rec_data01 .ph_bx {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    text-align: center;
    border-radius: 8px;
	margin-right: 20px;
}
.unit_chef_rec .per_rec_data01 .ph_bx a img{
	width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}
.unit_chef_rec .per_rec_data01 .tx_bx p.name {
	font-size:20px;
	font-weight:700;
	margin:0px 0px 0px 0px;
}

.unit_chef_rec .per_rec_data01 .tx_bx p.name span{
    font-weight: 700;
    font-size: 12px;
    display: block;
    color: #adadad;
	margin-top: 10px;
}

.unit_chef_rec .per_rec_data01 .tx_bx p.tl {
	font-size:123.1%;
	font-weight:bold;
	margin:20px 0px 10px 0px;
}
.unit_chef_rec .per_rec_data01 .tx_bx p.cap {
	line-height:170%;
	font-size:108%;
}

.unit_chef_rec h3{
    font-size:24px;
    margin:40px 0px 20px 0px;
    padding:0;
    display:block;
    line-height:132%;
    color:#333;
    font-weight:700;
    background-color:#f4f4f4;
}

/*-----------リストカセ�?��--------------*/


.unit_chef_rec .list_unit{
    margin:0 0 1px;
    background-color:#fff;
	padding:40px;
}

.unit_chef_rec .receive{
	margin-top: 20px;
}

.unit_chef_rec .receive a img{
	width: 100%;
}

.unit_chef_rec .list_unit:hover {
    cursor:pointer;
    opacity:0.6;
}



.unit_chef_rec .list_unit .area{
	width:340px;
    color:#adadad;
    font-size:14px;
    font-weight:700;
	margin-bottom:12px;
}

.unit_chef_rec .list_unit .shop_name,
.unit_chef_rec .list_unit h4.shop_name{
	width:340px;
    color:#333;
    font-size:24px;
    margin:0 0 12px 0;
    line-height:132%;
	font-weight: 700;
	padding: 0;
	border: none;
}

.unit_chef_rec .list_unit .shop_name a,
.unit_chef_rec .list_unit h4.shop_name a{color:#333;}
.unit_chef_rec .list_unit .shop_name a:hover,
.unit_chef_rec .list_unit h4.shop_name a:hover{color:#6F655D; text-decoration:none;}

.unit_chef_rec .list_unit .bx{
	width:340px;
	margin-bottom: 10px;
}

.unit_chef_rec .list_unit .genre{
    margin-bottom: 1px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 21px;
    background-color: #f4f4f4;
    display: inline-block;
    color: #8F8F8F;
    height: 32px;
    line-height: 32px;  
}

.unit_chef_rec .list_unit .scene{
    background: #f4f4f4;
    padding: 12px 16px;
    margin: 0 0 1px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 1px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 21px;
    background-color: #f4f4f4;
    display: inline-block;
    color: #8F8F8F;
    height: 32px;
    line-height: 32px;
}


.unit_chef_rec .list_unit .price{
    margin-bottom:1px;
    font-size:12px;
    padding:0 16px;
    border-radius:21px;
    background-color:#f4f4f4;
    display:inline-block;
    color:#8F8F8F;
    height:32px;
    line-height:32px;
}

.unit_chef_rec .list_unit .comment{
    width:340px;
	margin: 20px 0;
}

.unit_chef_rec .list_unit .comment p.tl{
    color:#333;
    font-size:16px;
    font-weight:700;
    margin:0 0 12px 0;
}
.unit_chef_rec .list_unit .comment p.txt{
    color: #8f8f8f;
    font-size: 16px;
    line-height: 160%;
}

.unit_chef_rec .list_unit .update{
    color:#ADADAD;
    font-size:12px;
}

.unit_chef_rec .list_unit .photo{
	width:280px;
	height:auto;
    float: right;
}

.unit_chef_rec .list_unit .photo img.line{
    width: 280px;
	height: auto;
}
.unit_chef_rec .list_unit .photo img.arrow{
	margin:0px 0px 0 225px;
    display: none;
}



/*-----------------------------------------------------

	pagenumber

-------------------------------------------------------*/

.pagenumber {
	width:100%;
	text-align:center;
	margin:80px auto 100px auto;
	font-size:146.5%;
}
.pagenumber img {
	vertical-align:middle;
}
.pagenumber a {
	color:#985E3F;
	padding: 3px 7px 4px 6px;
	text-decoration: none;
	margin:0px 20px 0px 0px;
}

.pagenumber span a {
	padding:0;
}

.pagenumber a:hover {
	background: #FBFAF9;
	color:#985E3F;

}


.pagenumber .current {
	/*background: #FBFAF9;*/
	color:#847C76;
	padding: 3px 9px 4px 8px;
	margin:0px 20px 0px 0px;	
}






















/*navi*/
.navi_s.person {
	margin:0 0 10px 0;
}
.navi_s.person ul li {
	background: url("/gg/static/img/shop_detail/icon_bullet_red.gif") no-repeat scroll left 5px transparent;
	float: left;
	line-height: 150%;
	padding: 0 0 0 10px;
	width: 352px;
	white-space:nowrap;
}
.navi_s ul li.current {
	font-weight: bold;
}
#profile {/*w280*/
	float:left;
	width:238px;
	padding:18px;
	font-size:92%;
	border:3px solid #dad5cd;
	margin:0 0 10px 0;
}
#main-column #profile .photo {
	position:relative;
	margin:0 0 10px 0;
}
#main-column #profile .photo p.name {
	background: url("/gg/static/img/top/photo_bg.png") repeat scroll 0 0 transparent;
	bottom: 0;
	left: 0;
	line-height: 120%;
	padding: 5px;
	position: absolute;
	text-align:center;
	width:230px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#main-column #profile .photo p.name span {
	font-size:70%;
	font-weight:normal;
}
#main-column #profile h4 {
	font-size:110%;
	margin:0 0 10px 0;
}
#main-column #profile p.txt {
	line-height:150%;
	margin:0 0 10px 0;
}
#profile dl {
	line-height:150%;
	margin:0 0 -10px 0;
}
#profile dt {
	clear:both;
	margin:0 0 10px 0;
}
#profile dd {
	padding:3px 0 0;
	margin:0 0 10px 0;
}
#profile dt.genre, #profile dt.year, #profile dt.master {
	clear:both;
	float:left;
	margin:0 15px 10px 0;
}
#food {
	float:right;
	width:450px;
	margin:0 0 10px 0;
}
#food h3 {
	clear:both;
	background-image:url("/gg/static/img/shop_detail/midashi450.gif");
	width:435px;
	margin:0 0 20px 0;
}
#food h4 {
	clear:both;
	margin:0 0 20px 0;
}
#food p {
	overflow:hidden;
	_overflow:visible;
	line-height:180%;
	margin:0 0 20px 0;
}
#food p img {
	float:left;
	margin:0 10px 0 0;
}
#food .part2 p img {
	float:right;
	margin:0 0 0 10px;
}
#food dl {
	clear:both;
	background:#ede8e1;
	padding:10px;
	overflow:hidden;
	_overflow:visible;
	margin:0 0 20px 0;
}
#food dt {
	font-weight:bold;
	float:left;
}
#food dd {
	float:left;
}
#service {
	clear:both;
}
#service h3 {
	margin:0 0 10px 0;
}
#service .part1 {
	font-size:110%;
	overflow:hidden;
	_overflow:visible;
	margin:0 0 10px 0;
}
#service .part1 img {
	float:left;
	margin:0 20px 0 0;
}
#service .part1 h4 {
	margin:20px 0;
}
#service .part1 p {
	line-height:180%;
	margin:0 0 10px 0;
}
#service .part2 {/*510*/
	clear:both;
	position:relative;
	background: url("/gg/static/img/shop_detail/person-service2_bg-btm.gif") no-repeat left bottom;
}
#service .part2 {
	min-height:170px;
	margin:0 0 10px 0;
}
#service .part2 h4 {/*740*64*/
	background: url("/gg/static/img/shop_detail/person-service2_bg-top.gif") no-repeat left top;
	height:14px;
	padding:50px 0 0 33px;
}
#service .part2 p.txt {
	width:477px;
	padding:12px 0 0 33px;
	line-height:160%;
	font-size:92%;
	margin:0 0 10px 0;
}
#service .part2 p.code {
	text-align:right;
	margin:0 230px 0 0;
}
#service .part2 p.code span {
	background:#fff;
	border: 1px solid #9A8572;
	color: #745A41;
	margin: 0 0 15px;
	padding: 3px 50px;
	text-align: center;
}
#service .part2 p.photo {
	position:absolute;
	right:20px;
	top:10px;
}
#hint {
	margin:0 0 10px 0;
}
#hint div {/*740*146*/
	background:transparent url("/gg/static/img/shop_detail/shop_hint_bg.gif") no-repeat left top;
	width:590px;
	height:116px;
	padding:30px 0 0 150px;
}
#hint h4 {
	margin:0 0 15px 0;
}
#hint p {
	line-height:180%;
	margin:0 20px 0 0;
}
#lesson {
	margin:0 0 10px 0;
}
#lesson h3 {
	margin:0 0 10px 0;
}
#lesson .part1 {
	font-size:110%;
	overflow:hidden;
	_overflow:visible;
	margin:0 0 10px 0;
}
#lesson .part1 img {
	float:left;
	margin:0 20px 0 0;
}
#lesson .part1 h4 {
	margin:20px 0;
}
#lesson .part1 p {
	line-height:180%;
	margin:0 0 10px 0;
}
#lesson .part2 {
	clear:both;
	border: 3px solid #DCD7D3;
	padding:15px;
	font-size:92%;
}
#lesson .part2 dl dt {
	font-weight:bold;
	float:left;
	margin:3px 10px 0 0;
}
#lesson .part2 dl dd {
	line-height:180%;
}

