@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 641px) {
.smart_view{
    display:none;
}

/*************************
ヘッダー
**************************/
#header-new{
width:100%;
height:40px;
margin:10px auto 5px auto;
}

#header-new:after {
font-size:1px;
content: "";
display: block;
clear: both;
height: 0;
overflow:hidden;
}

#header-new h1{
width:240px;
float:left;
}
#header-new h1 img{
width:100%;
}

#header-new h1 a{
display:block;
}

#header-new .headerR{
  float: right;
  width: 327px;}
#header-new .headerR:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}

#header-new .headerR ul{ float:left;}

#header-new .headerR ul li{
display: inline-block;
float:left;
padding:0 7px;
line-height:0;
border-right:1px solid #CCC;
height:40px;
}
#header-new .headerR ul li.fb img,#header-new .headerR ul li.insta img,#header-new .headerR ul li.tube img {   padding-top: 7px;margin: 0 2px;
  height: 64%;
  width: auto;}
#header-new .headerR ul li.fb a:hover,#header-new .headerR ul li.insta a:hover,#header-new .headerR ul li.tube a:hover { opacity:0.5;}

#header-new .headerR ul li.Japanese{
background-image:url(../img/headgm/bg_head_languagebar.gif);
background-repeat:no-repeat;
background-position:right 12px;
}
#header-new .headerR ul li.Japanese a{
background:url(../../img/new/headgm/btn_head_language_jp.png) no-repeat;
width:55px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
}
#header-new .headerR ul li.English { border:none;
}

#header-new .headerR ul li.English a{
background:url(../../img/new/headgm/btn_head_language_en.png) no-repeat;
width:55px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

#header-new .headerR ul li.Japanese a:hover,#header-new .headerR ul li.English a:hover{background-position:left -40px;}
#header-new .headerR ul li.Japanese a.on,#header-new .headerR ul li.English a.on{background-position:left -80px;}

#search-form { float:right; padding-right:18px;margin-top: 10px;
}
#search-form .search-aicon {float: left;
width: 25px;
height: 25px;
display: block;
margin-right: 4px;}
#search-form .form-box{height: 25px;
border: 1px solid #cccccc;
padding: 0 5px;width:125px;}

/*************************
グローバルナビ
**************************/

#GlobalNavi-new{
width:100%;
height:30px;
margin: 0 auto 15px;
padding:20px 0;
border-bottom: 3px solid #000000;
/*background-image:url(../img/headgm/bg_head_gm.png);
background-repeat:repeat-x;*/
}

#GlobalNavi-new:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}

#GlobalNavi-new ul{
display:block;
width:976px;
height:30px;
margin:0 auto;
padding:0;
}

#GlobalNavi-new ul:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}

#GlobalNavi-new ul li{
display:block;
height:34px;
float:left;
font-family: 'Raleway', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 122%;
letter-spacing: 2px;
font-weight: bold;
margin:0 0;
padding: 0 30px 0;
/*text-align:left;
position:relative;*/
}
#GlobalNavi-new ul li a{
display:block;
margin:0;
padding:0;
text-align: center;
text-decoration:none;
/*background-repeat:no-repeat;
height:34px;
background-position:center top;
text-indent:-9999px;
overflow:hidden;*/
}
/*#GlobalNavi-new ul li a:hover{background-position:center -30px;}
#GlobalNavi-new ul li a.on{background-position:center -60px;}*/


#GlobalNavi-new ul li a:hover{ opacity:0.5;}

#GlobalNavi-new ul li.headglRestaurants a{
background:url(../../img/new/menu/menu-restaurant.png) no-repeat;
width:136px;

}
#GlobalNavi-new ul li.headglRestaurants {
	width:136px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglNews a{
background:url(../../img/new/menu/menu-info.png) no-repeat;
width:43px;
}
#GlobalNavi-new ul li.headglNews {
	width:43px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglKodawari a{
background:url(../../img/new/menu/menu-kodawari.png) no-repeat;
width:105px;
}
#GlobalNavi-new ul li.headglKodawari {
	width:105px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglEmployment a{
background:url(../../img/new/menu/menu-job.png) no-repeat;
width:51px;
}
#GlobalNavi-new ul li.headglEmployment {
	width:51px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglContact a{
background:url(../../img/new/menu/menu-contact.png) no-repeat;
width:94px;
}
#GlobalNavi-new ul li.headglContact {
	width:94px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglCompany a{
background:url(../../img/new/menu/menu-about.png) no-repeat;
width:68px;

}
#GlobalNavi-new ul li.headglCompany {
	width:68px;
border-right: 1px solid #A8A8A8;
}
#GlobalNavi-new ul li.headglIR a{
background:url(../../img/new/menu/menu-ir.png) no-repeat;
width:40px;
}
#GlobalNavi-new ul li.headglIR {
	width:40px;
}

#GlobalNavi-new ul li p{
	font-size:80%; font-weight:normal;
height:35px;
/*position:absolute;*/
/*width:103px;
overflow:hidden;
*/text-indent:-9999px;
background-position:left top;
background-repeat:no-repeat;
/*display:none;*/
}

/*************************
コンテンツ
**************************/


#Contents-new{
width:1000px;
margin:0 auto;
}

#Contents-new:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}

#Contents-new #ContentsInner{
width:100%;
margin:0;
/*padding:0 0 40px 0;	*/
}

#Contents-new #ContentsInner:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}


/*************************
レストランリスト
**************************/
#brand-list { width:980px;padding: 0 10px;}
#brand-list a { color:#444; text-decoration:none;}
#brand-list a:hover { text-decoration:underline; opacity:0.8;}
#brand-list a:hover img { opacity:0.5;}

#brand-list .brand_block_1{border-right:2px solid #EFEFEF; padding-right:0.5em; width:149px; float:left;}
#brand-list .brand_block_2,#brand-list .brand_block_3,#brand-list .brand_block_4,#brand-list .brand_block_5{border-right:2px solid #EFEFEF; padding:0 0.5em; width:149px; float:left;}
#brand-list .brand_block_6{padding-left:0.5em; width:149px; float:left;}
#brand-list .brand_block_1 dl,#brand-list .brand_block_2 dl,#brand-list .brand_block_3 dl,#brand-list .brand_block_4 dl,#brand-list .brand_block_5 dl,#brand-list .brand_block_6 dl{ width:140px;}
#brand-list .brand_block_1 dl dt img,#brand-list .brand_block_2 dl dt img,#brand-list .brand_block_3 dl dt img,#brand-list .brand_block_4 dl dt img,#brand-list .brand_block_5 dl dt img,#brand-list .brand_block_6 dl dt img{ width:100%; height:auto;}
#brand-list .brand_block_1 dl dd,#brand-list .brand_block_2 dl dd,#brand-list .brand_block_3 dl dd,#brand-list .brand_block_4 dl dd,#brand-list .brand_block_5 dl dd,#brand-list .brand_block_6 dl dd{ font-size:90%;}
.brand_border{width:80%; border:1px solid #EFEFEF; margin:1em auto;}

#brand-list p{font-weight: bold;
font-size: 12px;}


#Restaurant-List{
	width:100%;
	margin-top:20px;
}
/*#Restaurant-List .viewAllBtn a { text-decoration:none; color:#333;}
#Restaurant-List .viewAllBtn a:hover { opacity:0.8; text-decoration: underline;}
*/

/*#Restaurant-List li{
	display:inline-block;
}

#Restaurant-List li img{
	width:100%;
	height:auto;
}*/

/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
min-width: 75px;
width: 10%;
height: 100%;
/* There is a big background image and it's used to solve some problems I experienced
in Internet Explorer 6. */
background-image: url(../img/menu/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
background-image: url(../img/menu/arrow_left.gif);				
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35; /* Standard CSS3 opacity setting */
-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(../img/menu/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(../img/menu/cursors/cursor_arrow_right.png), url(../img/menu/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
background-image: url(../img/menu/arrow_right.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}

#gallery
{
width:100%;
height: 115px;
position: relative;
padding:0;
margin-bottom:15px;
}
#gallery img{ width:100px; height:auto; margin:0 2px;}
#gallery a{
position: relative;
width:100px;
height:115px;
display:block;
float: left;
margin: 0;
padding: 0;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/*************************
From the Restaurant
**************************/
#From-Restaurant, #Information, #Media,#Sns,#Membership {
margin-top:70px;
}
#From-Restaurant a, #Information a, #Media a,#Sns a { text-decoration:none; color:#333;}
#From-Restaurant a:hover, #Information a:hover, #Media a:hover,#Sns a:hover { opacity:0.8; text-decoration: underline;}
#dailyNewsWrap {
padding-top: 10px;
padding-bottom: 22px;
margin: 0 auto;
}
#dailyNewsWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}
#dailyNewsWrap .fashion, #dailyNewsWrap .boxleft {
width: 236px;
}
#dailyNewsWrap .newsBox {
float: left;
width: 330px;
}
#dailyNewsWrap div.newsBox:nth-child(2),#dailyNewsWrap div.newsBox:nth-child(5),#dailyNewsWrap div.newsBox:nth-child(8) {
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#dailyNewsWrap .boxIn {
margin: 0 auto;
width: 283px;
}
#dailyNewsWrap h3 {
padding-bottom: 5px;
color: #999999;
letter-spacing: 1px;
font-size: 16px;
}
.avenir_b {
  letter-spacing: 0px;
  font-weight: normal;
  font-size: 90%;}
  #base #ContentsInner {
  width: 1000px;
  margin: 0 auto;
  /* padding: 0 0 40px 0; */
}

#base #ContentsInner .viewAllBtn a {
text-decoration: none;
  color: #333333!important;
  border: 1px solid #DBDBDB;
  padding: 1em 3em;
  font-weight: bold;
  letter-spacing: 3px;
  display: block;
  width: 160px;
  margin: 0 auto;
  line-height: 1.5em;
  font-size: 15px;
  background: url(/wp-content/uploads/2015/03/arrow_r_gray.png) 95% 50% no-repeat;
}
#base #ContentsInner .viewAllBtn2 a {
text-decoration: none;
  color: #333333!important;
  border: 1px solid #DBDBDB;
  padding: 1em 3em;
  font-weight: bold;
  letter-spacing: 3px;
  display: block;
  width: 290px;
  margin: 0 auto;
  line-height: 1.5em;
  font-size: 15px;
  background: url(/wp-content/uploads/2015/03/arrow_r_gray.png) 95% 50% no-repeat;
  }

#dailyNewsWrap .newsImg {
position: relative;
margin-top: 14px;
margin-bottom: 17px;
width: 283px;
height: 242px;
background-color: #666;
display: block;
  overflow: hidden;}
#dailyNewsWrap .newsImg img {   width: auto;
  height: 100%;
  vertical-align: middle;}
#dailyNewsWrap .newsImg .newsSNS {
position: absolute;
width: 115px;
height: 27px;
left: 0;
bottom: 0;
}
#dailyNewsWrap div.hoverTxt{
height: 70px;
text-align: left;
line-height: 145%;
letter-spacing: 0.02em;
padding: 15px;}


#dailyNewsWrap dt { color: #999;}
#dailyNewsWrap dd {/*	font-weight:bold;*/font-size: 14px;line-height: 1.5em;}



/*************************
インフォメーション
**************************/
#dailyInfoWrap {
padding-top: 10px;
padding-bottom: 22px;
width: 1000px;
margin: 0 auto;
}
#dailyInfoWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}

#dailyInfoWrap .infoBox {
	text-align:left;
	padding-left:24.5px;
	font-size:14px;
}

#dailyInfoWrap dl { line-height: 145%; margin-bottom:1em;}
#dailyInfoWrap dt { color: #999; display:inline-block; margin-right:1em;border-left: 5px solid #000;line-height: 1em;}
#dailyInfoWrap dd {/*	font-weight:bold;*/ display:inline-block;}
#dailyInfoWrap dt span{margin-right: 2em; margin-left:6px;color: black;}


/*************************
メディア
**************************/
#dailyMediaWrap {
padding-top: 10px;
padding-bottom: 22px;
width: 951px;
margin: 0 auto;
padding-left:24.5px
padding-right:24.5px
}
#dailyMediaWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}

#dailyMediaWrap .MediaBox {
	width:475px;
	min-height:275px;
	text-align:left;
	float:left;
	padding-bottom:3em;
	overflow:hidden;
}
#dailyMediaWrap .mediaImg {
	width:200px;	float:left;	
	padding-right: 1em;
	overflow:hidden;
}
#dailyMediaWrap .mediaImg img {
	width:100%;
	height:auto;
	overflow:hidden;
}
#dailyMediaWrap .content-Txt{ float:left; width:240px;}
#dailyMediaWrap .content-Txt:after{ content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}
#dailyMediaWrap dl { line-height: 145%; margin-bottom:1em;}
#dailyMediaWrap dt { color: #999; padding:1em 0; border-bottom:1px solid #333; }
#dailyMediaWrap dd.title {font-weight:bold;font-size:14px;}
#dailyMediaWrap dd.press { padding:1em 0; line-height:1.8em;}

/*************************
SNS
**************************/
#Sns{ margin-bottom:20px;}
#dailySNSWrap {
padding-top: 10px;
padding-bottom: 22px;
width: 1000px;
margin: 0 auto;
text-align:left;
font-size:0.9em;
}
#dailySNSWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}
#dailySNSWrap dl { width:170px; line-height: 145%; margin-bottom:1em; float:left; padding:0 15px;}
#dailySNSWrap dt { color: #999; border-left: 5px solid #000;line-height: 1em;}
#dailySNSWrap dd {}
#dailySNSWrap dt span{margin-left:6px;color: black;}



/*************************
メンバーシップ
**************************/
#MembershipWrap {
padding-top: 10px;
padding-bottom: 22px;
width: 951px;
margin: 0 auto;
padding-left:24.5px;
padding-right:24.5px;
}
#MembershipWrap:after {
	content: "";
display: block;
clear: both;
height:0;
overflow: hidden;

}

#MembershipWrap .MembershipBox li {
	width:475px;
	float:left;
	padding-bottom:3em;
	display: inline-block\9; /* IE10以下 */
}
#base #MembershipWrap .MembershipBox li a {
	color:#333;}
#base #MembershipWrap .MembershipBox li a:hover { opacity:0.5;}
#MembershipWrap .MembershipBox li p{
	text-align:left;
	width:330px;
	margin-left:64px;
	margin-top:1em;
}
#Principle { width:100%; background-color:#E3E2DD; padding:4em 0; margin-bottom:50px;}


/*************************
フッター
**************************/

#footer-new{
width:100%;
min-width:1000px;
background-color:#000;
}
#base #footer-new .footerinner ul li dd a:link, #base #footer-new .footerinner ul li dd a:visited {
  overflow: hidden;
  color: #FFFFFF;
}
#base #footer-link a:link,#base #footer-link a:visited {
  overflow: hidden;
  color: #FFFFFF;
}
#footer-new .footerinner{
width:1000px;
margin:0 auto;
padding-top:20px;
position:relative;
}

/*************************
フッターメニュー(コーポレイト)
**************************/

#footer-new .footMenuCorporate{
width:1000px;
margin:15px auto;
}


#footer-new .footMenuCorporate:after {
content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}

#footer-new .footMenuCorporate ul{
float:left;
margin:0 10px 0 0;
text-align:left;
}

#footer-new .footMenuCorporate ul.last{margin:0;}



#footer-new .footMenuCorporate ul li{
display:block;
margin-bottom:5px;
}


#footer-new .footMenuCorporate ul li.btn{
border-bottom:1px solid #FFFFFF;
height:22px;
}

#footer-new .footMenuCorporate ul li.btn a{
font-weight:bold;
text-decoration:none;	
}


#footer-new .footMenuCorporate ul li dl{}
#footer-new .footMenuCorporate ul li dl dt{
border-bottom:1px dotted #FFFFFF;
margin-bottom:5px;
height:22px;
font-weight:bold;
color:#FFF;
line-height:1.8em;
}

#footer-new .footMenuCorporate ul li dl dd{
padding-left:10px;
  margin-bottom: 5px;
letter-spacing:-1px;
}

/*************************
フッターメニュー(レストラン)
**************************/
#footer-new dl.shop{
width:634px;
float:left;
margin:0 10px 0 0;
text-align:left;
}

#footer-new dl.shop:after {
content: "";
display: block;
clear: both;
height:0;
overflow: hidden;
}

#footer-new dl.shop dt{
display:block;
width:634px;
border-bottom:1px dotted #FFFFFF;
margin-bottom:5px;
height:22px;
font-weight:bold;
}

#footer-new dl.shop dd{
display:block;
width:158px;
height:22px;
float:left;
}

#footer-new dl.shop dd.long{
width:211px;
}

#footer-new dl.shop dd.longer{
width:300px;
}

#footer-new dl.shop dd a{
color:#777777;	
}

#footer-new dl.shop dd a:hover{color:#FF0000;}
#footer-link  { text-align:left; margin:2em 0 1em;}
#footer-link a { color:#fff;}
#footer-link div { display:inline-block; margin-right:5px;}

#footer-new .footerinner .footMenuCorporate ul li dl dt,#footer-new .footerinner .footMenuCorporate ul li dl dd a {
  overflow: hidden;
  color: #ffffff!important;

}
.hoverTxt a {color: #444444!important;}
/*************************
class　レイアウト指定
**************************/
.title-box{
margin: 0 0 40px;
}
h2.title-text{
font-size: 42px;
letter-spacing: -1px;
border-bottom: 2px solid #333;
margin-bottom:0.4em;
font-family: "Times New Roman",‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3′ , ‘HiraMinProN-W3′ ,”メイリオ”, Meiryo, selif;
}
.title-box p{
	font-weight:bold; font-size:16px; letter-spacing:3px;
}
/*************************
informationページ
**************************/
#ContentsL .imgBox .quarterBox img{
	width:100%;
	height:auto;
	
}
/*************************
サイトマップページ
**************************/
#base #ContentsL div.OneBox dt a,#base #ContentsL div.OneBox dd a,#base .Sitemap dl dd a,#base .Sitemap dl dt a,#base .Sitemap ul li a { color:#444; text-decoration:underline;}

/*************************
カルーセルスライド
**************************/
.slides { width:100%!important\9; /* IE10以下 */ height:480px!important\9; /* IE10以下 */ margin:auto\9; /* IE10以下 */overflow:hidden!important\9; /* IE10以下 */}
.slides > div{ width:1000px!important\9; /* IE10以下 */ display:inline-block!important\9; /* IE10以下 */float:left!important\9; /* IE10以下 */ margin:auto!important\9; /* IE10以下 */ }

}