/*
Theme Name: いきなり！ステーキオリジナルテーマ
Description: 2014/08リニューアル時のもの
*/

@charset "utf-8";

/*-------------------
	reset
---------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: middle;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
html{ overflow-y: scroll;}
input, textarea,{ margin: 0; padding: 0;}
ol, ul{ list-style: none;}
table{ border-collapse: collapse; border-spacing: 0;}
a:focus { outline: none;}

body{ -webkit-text-size-adjust: 100%;}


/*--------------------
	base
---------------------*/

body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

img{
	max-width:100%;
	height:auto;
}

a{
	text-decoration:none;
	color: inherit
}

a:hover{
	text-decoration:underline;
}


#wrapper{
	min-width:980px;
	position:relative;
}


.inner{
	margin:0 auto;
	width:1068px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


.bg01{
	background:#e4e4e4;
	overflow:hidden;
	padding:40px 0;
}

.bg02{
	background:#232323;
	padding:40px 0;
	overflow:hidden;
	color:#FFF;
}

.bg03{
	background: url(images/common/shoparea_bg.png) repeat;
	overflow:hidden;
	padding:40px 0;
}

.bg04{
	background: url(images/common/bg03.gif) repeat 0 0;
	padding:40px 0;
	overflow:hidden;
	color:#FFF;
}


/* header */

#page_head{
	position:absolute;
	padding:10px 0;
	width:100%;
	z-index:1000;
}

#page_head h1{
	position:absolute;
	top:0;
	z-index:20;
}

#page_head p.lang{
	text-align:right;
}
#page_head p.lang a{
	background:#e2e2e2;
	padding:3px 30px;
	font-size:12px;
}

#page_head nav{
	margin:10px 0;
	background:#c4161d;
	background:rgba(196,22,29,0.9);
	border-bottom:3px solid #000;
}
#page_head nav ul{
	padding:0 0 0 280px;
}
#page_head nav ul:after{
    content: "";
  display: block;
  clear: both;
  height: 0;
}
#page_head nav ul li{
  position: relative;
	float:left;
}
#page_head nav ul li a{
	display:block;
	width:175px;
	line-height:0;
}
#page_head nav ul li:hover ul{
  height: 190px;
}
#page_head nav ul li:hover ul li{
  overflow: visible;
  height: 38px;
}
#page_head nav ul li ul{
  transition: .3s;
  height: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  padding: 0;
  background: rgba(196,22,29,0.9);
}
#page_head nav ul li ul li{
  transition: .3s;
  height: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  border-bottom: thin dotted rgba(192, 192, 192, .3);
}
#page_head nav ul li ul li a{
  box-sizing: border-box;
    padding-left: 42px;
  line-height: 38px;
}
/* visual */


#visual{
	min-height:400px;
	max-height:500px;
}




/* pickup */


#topics{
	background: url(images/home/topics_bg.png) repeat-x 0 0;
	height:300px;
	margin:-30px 0 0;
	z-index:555;
	position: relative;
	height:360px;
}

#topics ul{
	margin-right:-20px;
	overflow:hidden;
}

#topics ul li{
	float:left;
	position:relative;
	margin-right:19px;
	height:360px;
}

#topics ul li img{
	width:304px;
	height:304px;
	border-radius:160px;
	border-color:#c4161d;
	border-style:solid;
	border-width:10px 10px 0 0;
}

#topics ul li p{
	position:absolute;
	bottom:0;
	width:320px;
	height:120px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:45px 25px 0 0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background: url(images/home/topics_balloon-.png) no-repeat center top;
}


/* top_content */

.top_content{
	margin:0 0 30px;
	border:1px dotted #999;
	padding:10px;
}


/*  news  */
#news_box{
	float:left;
	width:600px;
}

#news_box section h3{
	background:url(images/home/news_tit_bg.png) repeat;
	padding:10px 20px;
	line-height:1;
}
#news_box section h3 span a{
	float:right;
	line-height:24px;
	color:#FFF;
	font-size:12px;
}
#news_box section h3 span a:hover{
	text-decoration:underline;
}

#news_box section ul{
	height: 350px;
	overflow: auto;
}


#news_box section ul li{
	border-bottom:1px dashed #999;
	padding:10px 0;
	line-height:1.7;
	font-size:14px;
}
#news_box section ul li a:hover{
	text-decoration:underline;
}


#news_box section ul li span{
	display:inline-block;
	width:80px;
	text-align:center;
	margin:0 20px 0;
	height:16px;
	line-height:16px;
	font-size:10px;
	color:#FFF;
	background:#999;
}

#news_box section ul li span.cat_open{ background:#609406; }
#news_box section ul li span.cat_event{ background:#16a1c4; }
#news_box section ul li span.cat_notice{ background:#b54d00; }
#news_box section ul li span.cat_media{ background:#bf467f; }



/*  media  */

#media_box{
	float:right;
	width:330px;
}
#media_box h3{
	margin:0 0 10px;
}

#media_box ul li{
	background:#FFF;
	padding:8px;
	line-height:1.7;
	font-size:14px;
	margin:3px 0;
}
#media_box p.more{
	text-align:right;
	font-size:12px;
}

#media_box ul li p.media_date{
	font-size:14px;
}
#media_box ul li p{
	font-size:12px;
}

#media_box ul{
	height: 350px;
	overflow: auto;
}


/*#media_box{
	float:right;
	width:340px;
}
#media_box h3{
	margin:0 0 10px;
}

#media_box ul li{
	background:#FFF;
	border:5px solid #b6b6b6;
	padding:15px;
	width:300px !important;
}
#media_box ul li p.media_date {
	font-size:12px;
	color:#666;
}

#media_box ul li p.media_date img{
	display:inline;
}
#media_box ul li p.media_img{
	text-align:center;
	height:200px;
}

#media_box ul li p.media_img img{
	height:auto;
	max-height:200px;
	width:auto;
	max-width:100%;

}

#media_box p.more{
	height:30px;
	line-height:30px;
	background:#c4161d;
	text-align:center;
	color:#FFF;
}
*/

/* sns movie */


#fb_box{
	float:left;
	background:#FFF;
}

#youtube_box{
	float:right;
}


/*　ショップスライダー*/



#info_box{
	padding:8px 0;
	background:#9c1419;
}

#info_box ul.shop_list{
	float:left;
	margin:30px 0 0 0;
	width:100%;
}
#info_box ul.shop_list li{
	margin:3px 0;
	float:left;
	width:196px;
}

#info_box ul.shop_list li a{
	color:#FFF;
	background:url(images/home/arrow01.png) no-repeat left center;
	padding:0 0 0 20px;
	display:block;

}
#info_box .bnrs{
	margin:0 -10px 0 0;
}

#info_box .bnrs p{
	float:left;
	margin:10px 10px 0 0;
}


/**/
.foot_wrap{
	padding-bottom:20px;
}


footer p{
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin:0 0 20px;
}
footer .group {
	text-align:center;
}

footer .group a{
	display: inline-block;
	padding:7px;
	margin:7px;
	background:#FFF;
}


footer p.copyright{
	font-size:10px;
	margin:30px 0 0;
}

#topics ul li a img{
	display:block;
	-moz-transition:0.3s all ease 0s;
	-webkit-transition:0.3s all ease 0s;
	transition:0.3s all ease 0s;
	-moz-transform: scale(0.95,0.95);
	-webkit-transform: scale(0.95,0.95);
	-o-transform: scale(0.95,0.95);
	-ms-transform: scale(0.95,0.95);
	transform: scale(0.95,0.95);
	-moz-transform-origin:bottom center;
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}

#topics ul li a:hover img{

-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}

#topics ul li a p{
	display:block;
	-moz-transition:0.3s all ease 0s;
	-webkit-transition:0.3s all ease 0s;
	transition:0.3s all ease 0s;
	-moz-transform: scale(0.4,0.4);
	-webkit-transform: scale(0.4,0.4);
	-o-transform: scale(0.4,0.4);
	-ms-transform: scale(0.4,0.4);
	transform: scale(0.4,0.4);
	opacity:0;
}

#topics ul li a:hover p{

	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	opacity:1

}




/* mainV */

.slider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	max-width:100% !important;
}

.slider ul,
.slider ul li {
	float: left;
	display: inline;
	overflow: hidden;
text-align: center;}

.slider ul li img {
	max-width: 100%;
	width:1200px;
	margin:0 auto;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: url(images/slides/btn_prev.png) no-repeat left center rgba(0,0,0,0.3);}
.slider_next {background: url(images/slides/btn_next.png) no-repeat right center rgba(0,0,0,0.3);}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
	display:none;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	border-radius:5px;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.slider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.slider ul {
	display: inline-block;
	overflow: hidden;
}

/*==============================
shopinfo
==============================*/
.shopinfo .si-list .left-box {
	float:left;
  width: 350px;
}
.shopinfo .si-list .right-box {
	float:right;
  width: 600px;
}
.shopinfo .si-list ul {
  border: none;
}
.shopinfo .si-list ul li {
  padding-left: 0;
  font-size: 16px;
  background: none;
  border: none;
}
.shopinfo .si-list ul li:before {
  content: '●';
  margin-right: 7px;
}
.shopinfo .si-list ul li a {
  text-decoration: underline;
}
.shopinfo .map-box {
  position: relative;
  margin-top: 30px;
  min-height: 316px;
}
.shopinfo .map-box a {
  display: block;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background: #c4161d;
  border-radius: 5px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.shopinfo .map-box a:hover {
  background: #a20f15;
}
.shopinfo .map-box div {
  background: #555;
  border-radius: 5px;
}
.shopinfo .map-box .hokkaido {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 117px;
  height: 74px;
}
.shopinfo .map-box .aomori, .shopinfo .map-box .niigata {
  position: absolute;
  top: 88px;
  right: 32px;
  bottom: auto;
  left: auto;
  width: 85px;
  height: 20px;
}
.shopinfo .map-box .akita, .shopinfo .map-box .yamagata, .shopinfo .map-box .iwate, .shopinfo .map-box .miyagi, .shopinfo .map-box .fukushima, .shopinfo .map-box .tochigi, .shopinfo .map-box .ibaraki, .shopinfo .map-box .gunma, .shopinfo .map-box .saitama, .shopinfo .map-box .tokyo, .shopinfo .map-box .kanagawa, .shopinfo .map-box .yamanashi, .shopinfo .map-box .shizuoka, .shopinfo .map-box .toyama, .shopinfo .map-box .aichi, .shopinfo .map-box .shiga, .shopinfo .map-box .mie, .shopinfo .map-box .fukui, .shopinfo .map-box .kyoto, .shopinfo .map-box .nara, .shopinfo .map-box .osaka, .shopinfo .map-box .wakayama, .shopinfo .map-box .hyogo, .shopinfo .map-box .tottori, .shopinfo .map-box .okayama, .shopinfo .map-box .shimane, .shopinfo .map-box .hiroshima, .shopinfo .map-box .yamaguchi, .shopinfo .map-box .kagawa, .shopinfo .map-box .tokushima, .shopinfo .map-box .ehime, .shopinfo .map-box .kohchi, .shopinfo .map-box .fukuoka, .shopinfo .map-box .ohita, .shopinfo .map-box .miyazaki, .shopinfo .map-box .kagoshima, .shopinfo .map-box .nagasaki, .shopinfo .map-box .saga, .shopinfo .map-box .kumamoto, .shopinfo .map-box .okinawa {
  position: absolute;
  top: 111px;
  right: 76px;
  bottom: auto;
  left: auto;
  width: 41px;
  height: 20px;
}
.shopinfo .map-box .yamagata {
  position: absolute;
  top: 134px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .iwate {
  position: absolute;
  top: 111px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .miyagi {
  position: absolute;
  top: 134px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .fukushima {
  position: absolute;
  top: 158px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .niigata {
  position: absolute;
  top: 158px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .tochigi {
  position: absolute;
  top: 180px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .ibaraki {
  position: absolute;
  top: 203px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .gunma {
  position: absolute;
  top: 180px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .saitama {
  position: absolute;
  top: 203px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .tokyo {
  position: absolute;
  top: 226px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kanagawa {
  position: absolute;
  top: 249px;
  right: 76px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .chiba, .shopinfo .map-box .nagano, .shopinfo .map-box .gifu, .shopinfo .map-box .ishikawa {
  width: 41px;
  height: 43px;
  line-height: 43px;
  position: absolute;
  top: 226px;
  right: 32px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .nagano {
  position: absolute;
  top: 180px;
  right: 120px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .yamanashi {
  position: absolute;
  top: 226px;
  right: 120px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .shizuoka {
  position: absolute;
  top: 249px;
  right: 120px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .toyama {
  position: absolute;
  top: 180px;
  right: 164px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .gifu {
  position: absolute;
  top: 203px;
  right: 164px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .aichi {
  position: absolute;
  top: 249px;
  right: 164px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .ishikawa {
  position: absolute;
  top: 180px;
  right: 208px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .shiga {
  position: absolute;
  top: 226px;
  right: 208px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .mie {
  position: absolute;
  top: 249px;
  right: 208px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .fukui {
  position: absolute;
  top: 203px;
  right: 252px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kyoto {
  width: 85px;
  position: absolute;
  top: 226px;
  right: 252px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .nara {
  position: absolute;
  top: 249px;
  right: 252px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .osaka {
  position: absolute;
  top: 249px;
  right: 295px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .wakayama {
  width: 85px;
  position: absolute;
  top: 272px;
  right: 252px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .hyogo {
  height: 43px;
  line-height: 43px;
  position: absolute;
  top: 202px;
  right: 340px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .tottori {
  position: absolute;
  top: 202px;
  right: 384px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .okayama {
  position: absolute;
  top: 225px;
  right: 384px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .shimane {
  position: absolute;
  top: 202px;
  right: 428px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .hiroshima {
  position: absolute;
  top: 225px;
  right: 428px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .yamaguchi {
  height: 43px;
  line-height: 43px;
  position: absolute;
  top: 202px;
  right: 473px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kagawa {
  position: absolute;
  top: 272px;
  right: 384px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .tokushima {
  position: absolute;
  top: 295px;
  right: 384px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .ehime {
  position: absolute;
  top: 272px;
  right: 429px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kohchi {
  position: absolute;
  top: 295px;
  right: 429px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .fukuoka {
  position: absolute;
  top: 225px;
  right: 517px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .ohita {
  position: absolute;
  top: 248px;
  right: 517px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .miyazaki {
  position: absolute;
  top: 271px;
  right: 517px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kagoshima {
  width: 85px;
  position: absolute;
  top: 294px;
  right: 517px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .nagasaki {
  position: absolute;
  top: 225px;
  right: 561px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .saga {
  position: absolute;
  top: 248px;
  right: 561px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .kumamoto {
  position: absolute;
  top: 271px;
  right: 561px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .okinawa-frame {
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100px;
  height: 60px;
  border: solid 1px #FFF;
  border-top: none;
  border-left: none;
  position: absolute;
  top: 70px;
  right: 354px;
  bottom: auto;
  left: auto;
}
.shopinfo .map-box .okinawa {
  position: absolute;
  top: 88px;
  right: 384px;
  bottom: auto;
  left: auto;
}
.shopinfo .head-town {
  margin-bottom: 20px;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  padding: 11px 0;
  font-size: 18px;
  line-height: 1;
}
.shopinfo .select-wrap {
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  background: #FFF;
  z-index: 1;
}
.shopinfo .select-wrap:after {
  position: absolute;
  top: 40%;
  right: 3%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #232323 transparent transparent transparent;
}
.shopinfo select {
  position: relative;
  border: 1px solid #B49F74;
  padding: 5px 20px 5px 5px;
  border: solid 1px #d9d9d9;
  line-height: 1;
  z-index: 2;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.shopinfo select::-ms-expand {
  display: none;
}
.shopinfo .shop-list {
	margin-bottom: 60px;
  list-style-type: none;
}
.shopinfo .shop-list li:before {
  display: none;
}
.shopinfo .shop-list a {
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
}
.shopinfo .shop-list a:hover {
  background: #E4E4E4;
}
.shopinfo .shop-list .box {
  padding: 20px;
  color: #261d16;
  background: url(../img/page/shop/shop_arrow.png) no-repeat 98% center;
}
.shopinfo .shop-list .box .data {
  float: left;
  padding-right: 20px;
  width: 360px;
}
.shopinfo .shop-list .box .data .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #666;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.shopinfo .shop-list .box .data .address {
  margin-bottom: 1em;
}
.shopinfo .shop-list .box .img {
  float: left;
  width: 170px;
  height: 100px;
}

.float-list, .cf {
  *zoom: 1;
}
.float-list:after, .cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}