@charset "utf-8";
/*----------------------------------------------------
	初期化
----------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display: block;
}

nav ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #333;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover,
input:hover {
  opacity: 0.80;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align: middle;
}


/*----------------------------------------------------
	★★★　背景色＆文字色 設定　★★★
  赤：#CF1717　色：#xxxxxx　色：#xxxxxx
----------------------------------------------------*/
body {
	background-color: #e6ffe6;
}
h1 {
	background-color: #27ae60;
}

#global_nav a:hover,
#global_nav a.active {
  border-top-color: #27ae60;
}

#side_nav a:hover p {
  border-left-color: #27ae60;
}

#global_nav span {
  display: none;
}


/*----------------------------------------------------
	common
----------------------------------------------------*/
html {
	overflow-y: scroll;
}

body {
  font-size: 13px;
  line-height: 1.6;
  color: #333;
  letter-spacing: 0;
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
/*  background-image: url(../img/common/back.png); */
  background-position: center 136px;
  background-repeat: no-repeat;
  -webkit-text-size-adjust: 100%;
  *min-width: 960px;
}

/* clearfix
----------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix { zoom: 1; } /* ie6 & ie7 */

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

.ie7_class0 {
  *height: 0;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0 10px;
  background: #fff;
}

/* このページの上へ */
#innerlink {
  width: 940px;
  margin: 0 auto;
  padding: 0 20px 0 0;
  text-align: right;
  background: #fff;
  clear:both;
}

#innerlink a {
}


/* 見出し
----------------------------------------------------*/
h1 {
  font-size: 83.3%;
  font-weight: normal;
  color: #fff;
}

h1 span {
  width: 960px;
  margin: 0 auto;
  display: block;
  font-size:85%;
  line-height: 1.2;}

/*#header i,*/
h1 i {
  display: none;
}

h2 {
  margin: 0;
  padding: 10px;
  font-size: 123%;
  line-height: 1.2;
  background: #3a1600;
  background-image: -moz-linear-gradient(top, #69340c, #3a1600);
  background-image: -webkit-linear-gradient(top, #69340c, #3a1600);
  background-image: linear-gradient(top, #69340c, #3a1600);
  border: 0;
  color: #fff;
  text-shadow: -1px -1px 1px #333;

}

h3 {
  padding: 5px 2% 4px 0;
  color: #502406;
  text-shadow: 0 0 0.5px #ccc;
  margin-bottom: 12px;
  font-size: 134%;
  line-height: 1.4;
  border-bottom: 1px solid #95828D;
}

h4 {
  padding: 2px 2% 0;
  line-height: 1.2;
  color: #454545;
  margin-bottom: 10px;
  font-size: 116%;
  line-height: 1.4;
  text-shadow: 0 0 0.5px #ccc;
  border-left: 3px solid #502406;
}

h5{
  margin: 30px 0 10px 0;
}


/*----------------------------------------------------
	header
----------------------------------------------------*/
#header {
  width: 100%;
  margin: 0;
  padding: 0;
	background: #fff;
}

#header_inbox {
  width: 960px;
  *height: 134px;
  margin: 0 auto;
  padding: 0;
}

#logo {
  width: 310px;
  height: 135px;
  margin: 0 0 0 20px;
  *margin: 0 0 0 10px;
  padding: 10px 0;
  float: left;
}

#logo a {
  display: block;
}

/* ロゴ */
#logo span {
  width: 69px;
  height: 69px;
  margin: 0;
  padding: 0;
  display: inline-block;
  background-image: url(../img/common/css_splite.png);
  background-position: -321px 0;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  *float: left;
}

#logo p {
  display: inline-block;
  font-size: 145%;
  color: #555555;
  padding: 0 0 0 15px;
  vertical-align: top;
}

/* 店舗ブロック */
#logo p b {
  display: block;
  font-size: 160%;
  font-weight: normal;
  border-top: 1px solid #E1E1E1;
  line-height: 1.5;

}

#logo p b small {
  font-size: 70%;
  padding: 0 0 0 10px;
  line-height: 1;
}

#header_info {
  width: 600px;
  float: right;
  margin: 0;
  padding: 0px;
  color: #555;
}

/* 携帯TEL */
#header_info .mobile {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 300px;
}

#header_info .mobile i {
  width: 14px;
  height: 23px;
  margin: 0 2% 0 0;
  padding: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url(../img/common/css_splite.png);
  background-position: -415px -27px;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  line-height: 4;
  *float: left;
}

#header_info .mobile span {
  color: #ff0000;
}

/* TEL */
#header_info .tel {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 285px;
  vertical-align: top;
}

#header_info .tel p {
  margin-bottom: 5px;
}

#header_info .tel i {
  width: 29px;
  height: 23px;
  margin: 0 3% 0 0;
  padding: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url(../img/common/css_splite.png);
  background-position: -390px 0;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  line-height: 4;
  *float: left;
}

#header_info span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  font-size: 235%;
  line-height: 1;
  color: #222;
}

/* 営業時間 */
#header_info .tel p {
  display: block;
  font-size: 93%;
  padding: 0;
  color: #555 !important;
}

#header_info p b {
  font-size: 93%;
  font-weight: normal;
}

/* new header 2016.05.27 */

#header_info .toiawase {
width:100%;
padding:10px 0;
}
#header_info .toiawase .toi-tel {
width:404px;
height:24px;
border:1px solid #27ae60;
float:left;
}
#header_info .toiawase .toi-tel .toi-ttl {
width:93px;
height:24px;
line-height:24px;
background: #27ae60;
color:#fff;
font-weight:bold;
font-size:14px;
float:left;
padding-left:7px;
}
#header_info .toiawase .toi-tel .toi-no {
width:304px;
height:24px;
line-height:24px;
color:#333;
text-align:center;
font-weight:bold;
font-size:16px;
float:right;
}
#header_info .toiawase .toi-tel .toi-no span {
font-weight: normal;
font-size:12px;
}
#header_info .toiawase .toi-mail {
display: block;
width:188px;
height:auto;
float:right;
text-align:right;
}
#header_info .toiawase .toi-mail img {
width:188px;
height:26px;
}
#header_info .toiawase .toi-mail2,
#header_info .toiawase .toi-mail2-txt {
display: none;
}

#header_info .moushikomi {
width:100%;
padding:0;
}
#header_info .moushikomi .mou-ttl {
width:593px;
height:26px;
line-height:26px;
background: #27ae60;
color:#fff;
font-weight:bold;
font-size:14px;
padding-left:7px;
}
#header_info .moushikomi .mou-ttl span {
font-weight: bold;
/*font-size:12px;*/
font-size:123.1%;
color:#fff;
padding-left:250px;
}
#header_info .moushikomi .mou-area1 {
width:100%;
height:34px;
border-bottom:1px solid #000;
color:#333;
font-size:14px;
}
#header_info .moushikomi .mou-area1 .area-name {
width:380px;
height:32px;
padding:2px 10px 0 0;
font-size:13px;
line-height:15px;
float:left;
}
#header_info .moushikomi .mou-area1 .area-tel {
width:210px;
height:34px;
font-size:24px;
font-weight:bold;
line-height:34px;
color:#f00;
float:right;
}
#header_info .moushikomi .mou-area2 {
width:100%;
height:35px;
color:#333;
font-size:14px;
}
#header_info .moushikomi .mou-area2 .area-name {
width:380px;
height:35px;
font-size:13px;
line-height:35px;
float:left;
}
#header_info .moushikomi .mou-area2 .area-tel {
width:210px;
height:34px;
font-size:24px;
font-weight:bold;
line-height:34px;
color:#f00;
float:right;
text-align:right;
padding-right:10px;
}
#header_info .moushikomi .mou-area2 .area-tel-txt {
font-size:85%;
}
#header_info .pc-only {
display:block;
}
#header_info .sp-only {
display:none;
}


/*----------------------------------------------------
	global_nav
----------------------------------------------------*/
#global_nav {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 0 0 20px;
  background: #fff;
  background: url(../img/common/nav_shadw.jpg) left bottom no-repeat;
}

#global_nav ul {
  height: 61px;
}

#global_nav li {
  width: 120px;
  *width: 119px;
  margin: 0;
  float: left;
  text-align: center;
  border-left: 1px solid #EDEDED;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgb(252,252,252);
	background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 50%,#efefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.50, #ffffff),to(#efefef));
}

#global_nav li:first-child {
  border-left: 0;
}

#global_nav li a {
  width: 100%;
  margin: 0;
  line-height: 0;
  padding: 20px 0;
  display: block;
  color: #434343;
  font-size: 118%;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
  border-top: 5px solid #272B2E;
/*
  background-image: url(../img/common/css_splite.png);
  background-position: -120px -159px;
*/
  background-repeat: repeat-x;
}

#global_nav li a:first-child {
  border-left: none;
}

#global_nav li i {
  display: none;
}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footer {
  width: 100%;
  margin: 0 auto;
  padding:28px 0;
  background: #27ae60;
  color: #fff;
}

#footer_inbox {
  width: 960px;
  height: 30px;
  margin: 0 auto;
  padding: 14px 0 0;
  text-align: center;
  clear:both;
}
#footer_inbox a {
color:#fff;
}

#footer_info-area {
  width: 960px;
  margin: 0 auto 28px;
}
#footer_info-area .footer_info-block {
  width: 306px;
  padding:0 7px;
  float:left;
  font-size:12px;
}
#footer_info-area .footer_info-block.leftblock {
border-right:1px solid #fff;
padding:0 6px 0 7px;
}
#footer_info-area .footer_info-block .ico-sns {
padding:28px 0 14px;
  clear:both;
}
#footer_info-area .footer_info-block a {
color:#fff;
}
#footer_info-area .footer_info-block span.tel {
border-top:1px solid #fff;
}
#footer_info-area .footer_info-block ul {
  width: 150px;
  float:left;
}
#footer_info-area .footer_info-block ul li {
list-style:none;
}
#footer_info-area .footer_info-block p {
padding:0 14px 14px;
}

#footer_fc-area {
clear:both;
width:960px;
margin:0 auto;
text-align:center;
}
#footer_fc-area p {
text-align:left;
font-size:16px;
padding:0 21px 7px;
}
#footer_fc-area img {
display:inline !important;
width:180px;
box-shadow:none !important;
-webkit-box-shadow: none !important;
}

/* footer tel */
.footer-tel_area {
  display:none;
}
@media screen and (max-width: 768px) {
  .footer-tel_area {
      display: block;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba( 0, 0, 0, 0.6 );
      z-index: 9000;
  }
  .footer-tel_area .footer-tel_area_inner {
      position: relative;
      width: 100%;
      margin: 0px auto;
      padding: 10px 0;
      margin-right: 0px;
      text-align: center;
  }
  .tel-inquiry_btn {
      background-color: #068BF1;
      -webkit-border-radius: 3px;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      width: 55%;
      padding: 5px 0;
      font-size: 18px;
      font-weight: bold;
  }
  .tel-inquiry_btn:link, .tel-inquiry_btn:visited {
      color: #FFFFFF !important;
  }
  .footer-tel_area_inner span{
      color: #fff;
  } 
}

/*----------------------------------------------------
	side_nav
----------------------------------------------------*/
#side_ber {
  width: 270px;
  float: left;
  margin: 0;
  padding: 80px 0 0;
	background: #fff;
}

/* サイドバナー */
#bbq_bnr,
#bnr {
  margin: 0;
  padding: 0;
}

#bnr .flyer,
#bnr a {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}

#bbq_bnr img {
display:block;
  margin: 0 0 10px;
  padding: 0;
}

#bnr img,
#bbq_bnr img {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

/*
#bnr a:hover img,
#bbq_bnr a:hover img {
  opacity: 0.70;
  filter: alpha(opacity=70);
}
*/

/* バーベキューメニュー */
#bbq_menu ul {
  margin: 10px 0 20px;
}

#bbq_menu li {
  list-style-type: none;
  border-bottom: 1px dotted #ccc;
  padding: 8px 0 8px 10px;
  line-height: 1;
}


/* 対応エリア */
#side_ber #area {
  margin: 0;
  padding: 0;
}

#side_ber #area h3 {
  margin: 0;
  padding: 10px 0;
  line-height: 1;
  text-indent: 10px;
  background: #3a1600;
  background-image: -moz-linear-gradient(top, #69340c, #3a1600);
  background-image: -webkit-linear-gradient(top, #69340c, #3a1600);
  background-image: linear-gradient(top, #69340c, #3a1600);
  border: 0;
  color: #fff;
  text-shadow: -1px -1px 1px #333;
}

#side_ber #area_content {
  height: auto;
  margin: 0 0 20px;
  padding: 10px 10px 0;
  border-left: 1px solid #7D3606;
  border-right: 1px solid #7D3606;
  border-bottom: 1px solid #7D3606;
  overflow: auto;
}

#side_ber #area_content li {
  list-style-type: none;
  margin: 0 0 10px;
}

#side_ber #area_content b {
  display: block;
  margin-bottom: 4px;
  border-bottom: 1px solid #ccc;
}

#side_ber #area_content p {
  font-size: 93%;
}

#side_ber #area_content span {
  font-size: 85%;
  font-weight:normal;
}

#area_bnr {
    margin: 0 0 20px;
}
#area_bnr li {
    list-style-type: none;
}
#area_bnr li img:hover {
    opacity: 0.7;
}
#area_bnr img {
    display: block;
    margin: 0 auto 10px;
    width: 567px;
}

/* メニュー */
#side_nav {
  width: 270px;
  margin: 0 auto 20px;
  padding: 0;
  border-bottom: 1px solid #d6d6d6;
}

#side_nav li {
  width: 268px;
  margin: 0;
  padding: 0;
  background-color: rgb(253,253,253);
  background: -moz-linear-gradient(	top,	#fdfdfd 0%,	#fdfdfd 50%,	#ffffff 50%,	#f9f9f9 80%,	#ffffff);
  background: -webkit-gradient(	linear, left top, left bottom, 	from(#fdfdfd),	color-stop(0.50, #fdfdfd),	color-stop(0.50, #ffffff),	color-stop(0.80, #f9f9f9),	to(#ffffff));
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(68,68,68,0.1);
  box-shadow: 0px 0px 5px 1px rgba(68,68,68,0.1);
}

#side_nav li a {
  width: 270px;
  padding: 10px 0;
  display: block;
  font-weight: bold;
  color: #565656;
  font-size: 108%;
}

#side_nav li a p {
  margin: 0 0 0 12px;
  padding: 4px 0 4px 12px;
  border-left: 4px solid #cbcbcb;
}

#side_nav li a span {
  width: 150px;
  display: block;
  color: #999;
  font-size: 73%;
  font-weight: normal;
  padding-top: 2px;
  border-top: 1px solid #E1E1E1;
}


/*----------------------------------------------------
	main
----------------------------------------------------*/
#main {
  width: 630px;
  padding: 0 20px;
  float: left;
	background: #fff;
}

/* スマホの場合のみ表示 */
#sp_bnr {
  display: none;
}


/* パンくずリスト
----------------------------------------------- */
#topic_path {
  font-size: 93.3%;
  margin: 0;
  padding: 20px 0 40px;
}


/* スライド画像
----------------------------------------------- */
.top .flexslider {
  width: 100%;
  height: 440px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 0;
  position: relative;
  background: #F6F6F6 url(../img/top/now_loading.gif) 439px 191px no-repeat;
}

.top .flexslider li {
  overflow: hidden;
}

.top .flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.top .flex-direction-nav {
  width: 960px;
  margin: 0 auto;
  position: absolute;
  top: 112.5px;
}

.top .flex-direction-nav li a {
  width: 44px;
  height: 175px;
  position: absolute;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  display: block;
}

/* 前の画像へ */
.top .flex-direction-nav li .flex-prev {
  left: 0;
  background: url(../img/slide/slide_arrow.png) left top no-repeat;
}

/* 次の画像へ */
.top .flex-direction-nav li .flex-next {
  right: 0;
  background: url(../img/slide/slide_arrow.png) right top no-repeat;
}

.top .flex-direction-nav li a:hover {
  opacity: 0.80;
}

.top .flex-control-nav {
	bottom: 12px;
}

/* TOPお知らせ
----------------------------------------------- */
.top #top_info {
  width: 100%;
  margin: 0 auto;
  text-align: center
}

.top #top_info p {
  color: red;
  font-size: 140%;
  padding: 0 10px;
}

.top #top_info img {
vertical-align:top;
padding:5px 0;
}

#bbq-plan {
margin:20px auto;
}
#bbq-plan h2 {
text-align:center;
font-size:146.5%;
}
#bbq-plan p {
padding: 20px;
font-size:131%;
font-weight:bold;
}
#bbq-plan .bnr-area {
padding:0 20px;
}
#bbq-plan .bnr-area .bnr-img {
width:450px;
padding:5px;
float:left;
}
#bbq-plan .bnr-area .bnr-img a {
display:block;
}
#bbq-plan .bnr-area .bnr-img img {
width:100%;
vertical-align:bottom
}
#bbq-plan p.other-plan {
clear:both;
padding: 20px;
font-size:131%;
font-weight:bold;
text-align:center;
}
#bbq-plan p.other-plan a {
color:#4022ff;
text-decoration: underline;
}

#top_flow-ranking {
width:928px;
margin:0 auto 14px;
}
#top_flow-area {
width:450px;
float:left;
}
#top_ranking-area {
width:450px;
float:right;
}
#top_ranking-area p.other-spot {
clear:both;
padding: 20px;
font-size:131%;
font-weight:bold;
text-align:right;
}
#top_ranking-area p.other-spot a {
color:#4022ff;
text-decoration: underline;
}

#top_ranking-area h2 {
text-align:center;
}
#top_ranking-area h2 {
text-align:center;
}
#top_ranking-area ul {
}
#top_ranking-area ul li {
padding:14px;
border-bottom:1px solid #dddddd;
list-style-type:none;
}
#top_ranking-area ul li .spot_photo {
width:120px;
height:70px;
float:left;
padding:0 14px 0 0;
position:relative;
}
#top_ranking-area ul li .spot_photo span {
display:block;
width:20px;
height:20px;
position:absolute;
top:7px;
left:7px;
}
#top_ranking-area ul li .spot_photo span.rank1 {
background:url(../img/top/rank1.png)
}
#top_ranking-area ul li .spot_photo span.rank2 {
background:url(../img/top/rank2.png)
}
#top_ranking-area ul li .spot_photo span.rank3 {
background:url(../img/top/rank3.png)
}
#top_ranking-area ul li .spot_photo span.rank4 {
background:url(../img/top/rank4.png)
}
#top_ranking-area ul li .spot_photo span.rank5 {
background:url(../img/top/rank5.png)
}

#top_ranking-area ul li .spot_data {
float:right;
width:288px;
}
#top_ranking-area ul li .spot_data p{
font-size:12px;
}
#top_ranking-area ul li .spot_data p.address{
font-size:14px;
}
#top_ranking-area ul li .spot_data p.name{
font-size:18px;
font-weight:bold;
}

#top_area-area {
}
#top_area-area h2 {
text-align:center;
}
#top_area-area div {
padding:14px 28px;
}
#top_area-area p {
font-weight:bold;
}
#top_area-area p.pref {
border-bottom:1px solid #000;
}
#top_area-area p.red {
color:red;
}
#top_area-area p.center {
text-align:center;
margin:28px 0;
}

#top_bnr-area {
margin:7px auto 28px;
padding:28px 0;
text-align:center;
background:#f5f5f5;
}
#top_bnr-area a {
display: inline-block;
width:270px;
height:90px;
padding:4px;
}
#top_bnr-area2 {
margin:28px auto;
}

#main.top-page {
float:none !important;
width:932px !important;
padding:30px 14px 0 !important;
}
#main.top-page #top_news-area {
float:left;
width:450px;
}
#main.top-page #top_news-area p.gotolist {
clear:both;
padding: 20px;
font-size:131%;
font-weight:bold;
text-align:right;
}
#main.top-page #top_news-area p.gotolist a {
color:#4022ff;
text-decoration: underline;
}

#main.top-page #top_twitter-area {
float:right;
width:450px;
}
#main.top-page #top_twitter-area h1 {
font-size:12px !important;
}
#top_webshopping-area {
border:3px solid #27AE60;
padding:0 7px 14px;
clear:both;
}
#top_webshopping-area a {
display: inline-block;
width:442px;
height:74px;
padding:7px;
}
#top_webshopping-area p {
color:#27AE60;
font-size:16px;
font-weight:bold;
text-align:center;
padding:7px 0;
}


/* TOPおすすめ
----------------------------------------------- */
.top #top_recommend {
  width: 920px;
  margin: 20px auto 0;
  padding: 0;
  clear:both;
}

.top #top_recommend li {
  width: 453px;
  float: left;
  margin: 0;
  list-style-type: none;
}

.top #top_recommend li.rcmd02,
.top #top_recommend li.rcmd04 {
  float: right;
}

.top #top_recommend li.rcmd01,
.top #top_recommend li.rcmd02 {
  margin-bottom: 10px;
}

.top #top_recommend li img {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.top #top_recommend li.rcmd04 {
  /*display: none;*/
}

.top #top_recommend li img.blank {
box-shadow:none;
}


/* コンテンツ
----------------------------------------------- */
.contents {
  width: 630px;
  margin: 0 0 20px;
  padding: 0;
}

.contents hr {
  width: 630px;
  height: 1px;
  border: 0;
  color: #D6D6D6;
  margin: 0;
  padding: 0;
  display: block;
  background-image: url(../img/common/h3_line.gif);
  background-position: right top;
}

.contents .contents_inbox {
  padding: 20px;
}

.contents .contents_inbox img {
  width: 266px;
  display: block;
  float: left;
}

.contents .contents_inbox p {
  width: 300px;
  display: block;
  float: right;
  padding: 0;
}

/*カスタムPost*/
div.wp_post li,
div.listing-content {
  list-style: none;
  padding: 20px 10px;
  font-size: 120%;
}

div.wp_post li:hover,
div.listing-content:hover {
  background: #efefef;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
}

div.wp_post a {
  display: block;
}
div.wp_post p.gotolist {
text-align:right;
padding:10px 0;
}

div.date {
  text-align: right;
}

.post_previous a {
  background: #f1f1f1;
  width: 45%;
  margin: 0;
  float: left;
  height: 60px;
  padding: 10px;
  box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -moz-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -o-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -ms-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.post_next a {
  background: #f1f1f1;
  width: 45%;
  margin: 0;
  float: right;
  height: 60px;
  padding: 10px;
  box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -moz-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -o-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -ms-box-shadow: 0px 1px 1px 0px rgba(70, 70, 70, 0.7);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.post_previous a ,
.post_next a {
		/*display: block;*/;
}

/*カスタムPost*/


/*----------------------------------------------------
	TOPページ
----------------------------------------------------*/
.top #main {
  padding-top: 30px;
}

.top #side_ber {
  padding-top: 30px;
}

/* ご注文の流れ */
#flow b {
  color: #502406;
  font-size: 134%;
  display: block;
  padding: 15px;
}

#flow p {
  padding: 0 15px;
}

#flow span {
  display: block;
  padding: 0 15px 15px;
  color: #b90000;
}

#flow img {
/*
  float: left;
  width: 315px;
*/
}

.fb-like-box {
  margin: 0 0 20px;
}


/* 対応エリア詳細 */
.top #map {
  width: 590px;
  padding: 20px;
  margin: 0 0 30px 0;
  background: #A4DFFF;
  background-image: -moz-linear-gradient(top, #dff4ff, #a4dfff);
  background-image: -webkit-linear-gradient(top, #dff4ff, #a4dfff);
  background-image: linear-gradient(top, #dff4ff, #a4dfff);
  border: 1px dashed #fff;
  border-radius: 4px;
}

.top #map_img {
  width: 228px;
  height: 245px;
  float: left;
}

.top #map_detail {
  width: 225px;
  float: right;
  padding: 25px;
  background: #fff;
  background: -moz-linear-gradient(top,#ffffff 0%,#fafafa 50%,#e8e8e8);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.50, #fafafa),to(#e8e8e8));
  border: 1px solid rgb(255,255,255);
  border-radius:5px;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.19);
  box-shadow:0px 1px 2px rgba(0,0,0,0.19);
}

.top #map_detail b {
  font-size: 200%;
  font-style: normal;
  text-shadow: 1px 1px 0 #fff;
  color: #FF7F00;
}

.top #map_detail p {
  width: auto;
  padding: 25px 0;
  font-size: 100%;
}

.top #map_detail li {
  width: 30%;
  list-style-type: none;
  float: left;
  margin-top: 5px;
  font-size: 116%;
}

/* バーベキューセットメニュー */
.top #menu {

}

.top #menu li {
  width: 50%;
  list-style-type: none;
  float: left;
  margin-top: 5px;
  font-size: 116%;
  text-align:center;
}

.top #menu li div {
  width: 275px;
  padding: 0 20px;
}

.top #menu li img {
  width: 179px;
  height: 179px;
  margin: 0 auto 5px;
  padding: 0;
  display: block;
}

.top #menu p a {
  display: block;
  line-height: 1.2;
  font-weight: bold;
}

.top #menu b span {
  padding: 0 0 0 8px;
  font-size: 84%;
  font-weight: normal;
}

.top #menu span {
  display: block;
  font-size: 93%;
  line-height: 1.4;
}

.top #menu b {
  display: block;
  margin-top: 3px;
  color: #b90000;
  font-size: 118%;
  font-weight: bold;
}

/* 真空パック */
.top #pack {
  border-top: 1px dotted #ccc;
  margin: 20px auto;
  padding: 15px 0;
}

.top #pack img {
  float: left;
}

.top #pack h3 {
  border: 0;
  margin: 0;
  padding: 0;
}

.top #pack .pack_contents {
  width: 550px;
/*  float: left; */
  padding: 0 0 0 20px;
}

.top #pack .pack_contents p {
  padding: 8px 0 0;
  font-size: 108%;
}

/* 動画 */
.top #movie {
  margin: 0 auto 60px;
}

.top #movie .contents {
  margin-top: 10px;
}

.top #movie li {
  width: 50%;
  list-style-type: none;
  float: left;
  margin-top: 5px;
}

.top #movie li div {
  width: 290px;
  padding: 0 10px;
  overflow: hidden;
}

.top #movie li p {
  font-size: 100%;
}

.top #movie iframe {
  width: 290px;
  height: 240px;
  margin: 0 auto;
}

/* その他説明 */
.top #disc {
  margin: 0 0 70px;
}

.top #disc ul.top-ibabbq {
  margin: 20px 0;
}
.top #disc ul.top-ibabbq li {
list-style-position:inside;
}

/* 各ショップバナー */
.top #shop_bnr {
}

.top #shop_bnr div {
  margin: 15px 0;
  padding: 0;
}

.top #shop_bnr div b {
  font-size: 123%;
  display: block;
}


/*----------------------------------------------------
	出張BBQとは?
----------------------------------------------------*/
.about {

}

.about strong {
  color: #b90000;
}

.about #about_read {
  padding: 20px 0 10px;
}

.about #main ul {
  margin: 10px 0 25px;
}

.about #main li {
  list-style-type: none;
  font-size: 84%;
}

.about .rental {
  margin: 10px 0;
}


/*----------------------------------------------------
	メニュー
----------------------------------------------------*/
.cate #menu #notice {
  text-align: center;
  margin: 25px 0 5px;
  padding: 10px 0;
  border: 2px solid #dc143c;
  background: #fff0f5;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.cate #menu #notice p {
  color: #ff0000;
  font-weight: bold;
  font-size: 140%
}

.cate .contents {
  padding: 15px 0 0;
}

.cate #menu ul ul  {
  *display: inline;
  *zoom: 1;
}

.cate #menu li {
  width: 33.3333%;
  list-style-type: none;
  float: left;
  margin: 0 0 10px;
  font-size: 116%;
}

.cate #menu li img {
  background: #fff;
  display: block;
  margin: 0 0 8px;
  border: 1px solid #efefef;
}

.cate #menu li div {
  width: 180px;
  padding: 0 16px;
}

.cate #menu b {
  width: 180px;
  display: block;
  line-height: 1.2;
  font-size: 93%;
}

.cate #menu b span {
  padding: 0 0 0 8px;
  font-size: 84%;
  font-weight: normal;
}

.cate #menu p {
  font-size: 84%;
  line-height: 1.4;
}

.cate #menu small {
  color: #b90000;
  /*font-size: 118%;*/
  font-size: 93%;
  font-weight: bold;
}

/* 商品メニュー */
.cate #menu #spot_nav,
.cate #menu #spot_nav2 {
  margin: 20px auto !important
}

.cate #menu #spot_nav li,
.cate #menu #spot_nav2 li {
  margin: 0;
  width: 33.3333%;
  *width: 33%;
  padding:0;
}

.cate #menu #spot_nav li a,
.cate #menu #spot_nav2 li a {
  font-size: 93%;
}


/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
.item #item .contents {
  margin: 20px auto;
}

.item #item .item_img {
  width: 179px;
  float:right;
}

.item #item .item_img img {
  display: block;
  width: 179px;
  margin: 0 0 15px;
  padding :0;
}

.item #item .item_disc {
  width: 420px;
  float: left;
  margin: 0;
  padding :0x
}

.item #item .item_disc a {
 text-decoration: underline;
}

.item #item .item_disc p {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 20px;
  padding: 0 0 10px;
}

.item #item .item_disc small {
  font-size: 123%;
  font-weight: bold;
  display: block;
  margin: 0 0 10px;
}

.item #item .item_disc #kazu {
  display: inline-block;
  margin: 0 4px 0 10px;
}

/* カートに入れる */
.item #item #incart {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 10px 0 0;
  display: block;
  background: url(../img/common/cartin.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 105%;
  overflow: hidden;
  cursor: pointer;
}


/*----------------------------------------------------
	サービス概要
----------------------------------------------------*/
.gaiyo strong {
  color: #d90000;
  text-shadow: 1px 1px 1px #fff,1px 1px 2px #fff;
}

.gaiyo table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  margin: 0 0 50px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.gaiyo table th,
.gaiyo table td {
  padding: 10px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 1.3;
}

.gaiyo table th {
  background: #444;
  color: #fff;
}

.gaiyo table .area {
  width: 20%;
  background: #FF9999;
}

.gaiyo table .btm_price {
  width: 30%;
  background: #FDB8B3;
}

.gaiyo table .price {
  width: 40%;
  background: #E9967A;
}

/* 遠賀郡岡垣町 */
.gaiyo table .area2 {
  background: #FF9933;
}

.gaiyo table .btm_price2 {
  background: #FBD595;
}

.gaiyo table .price2 {
  background: #F0E68C;
}

/* 小竹町 */
.gaiyo table .area3 {
  background: #FFCC00;
}

.gaiyo table .btm_price3 {
  background: #FDF99F;
}

.gaiyo table .price3 {
  background: #FFFACD;
}

/* 行橋市 */
.gaiyo table .area4 {
  background: #FF6699;
}

.gaiyo table .btm_price4 {
  background: #F2AAD3;
}

.gaiyo table .price4 {
  background: #FFF8DC;
}

/* 福津市 */
.gaiyo table .area5 {
  background: #8888D7;
}

.gaiyo table .btm_price5 {
  background: #C8DAEC;
}

.gaiyo table .price5 {
  background: #B0E0E6;
}

/* 飯塚市 */
.gaiyo table .area6 {
  background: #379BFF;
}

.gaiyo table .btm_price6 {
  background: #C6DFFB;
}

.gaiyo table .price6 {
  background: #B0E0E6;
}

/* その他 */
.gaiyo table .area7 {
  background: #04FFAD;
}

.gaiyo table .btm_price7 {
  background: #83FCBF;
}

.gaiyo table .price7 {
  background: #00FFFF;
}

.gaiyo table .btm_price8 {
  background: #9ACD32;
}

.gaiyo table .price8 {
  background: #ADFF2F;
}

.gaiyo #main p {
  padding: 0 0 30px;
}

.gaiyo #main ul {
  margin: -20px 0 60px 10px;
}

.gaiyo #main li {
  font-size: 93%;
  list-style-type: none;
  margin-bottom: 3px;
}


/*----------------------------------------------------
	BBQスポット
----------------------------------------------------*/
.spot iframe {
  width: 480px;
  height: 360px;
  margin: 0 0 30px;
}

#spot_nav,
#spot_nav2 {
  width: 100%;
  margin: 30px auto 60px;
  padding: 0;
  border-left: 1px solid rgb(214,214,214);
/*
  -webkit-box-shadow: 0px 0px 5px 1px rgba(68,68,68,0.1);
  box-shadow: 0px 0px 5px 1px rgba(68,68,68,0.1);
*/
}

#spot_nav li,
#spot_nav2 li {
  width: 33.3333333333333333333333%;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  background-color: rgb(252,252,252);
  background-image: -moz-linear-gradient(50% 0%,rgb(255,255,255) 0%,rgb(255,255,255) 48%,rgb(239,239,239) 100%); 
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.48, rgb(255,255,255)),color-stop(1, rgb(239,239,239)));
  background-image: linear-gradient(rgb(255,255,255) 0%,rgb(255,255,255) 48%,rgb(239,239,239) 100%);
  border-right: 1px solid rgb(214,214,214);
  border-bottom: 1px solid rgb(214,214,214);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#spot_nav .spot1,
#spot_nav2 .spot1 {
  border-top: 4px solid #8EC72C;
}

#spot_nav .spot2,
#spot_nav2 .spot2 {
  border-top: 4px solid #0652AA;
}

#spot_nav .spot3,
#spot_nav2 .spot3 {
  border-top: 4px solid #FF990B;
}

#spot_nav .spot4,
#spot_nav2 .spot4 {
  border-top: 4px solid #7646F3;
}

#spot_nav .spot5,
#spot_nav2 .spot5 {
  border-top: 4px solid #FF4242;
}

#spot_nav .spot6,
#spot_nav2 .spot6 {
  border-top: 4px solid #076B30;
}

#spot_nav .spot7,
#spot_nav2 .spot7 {
  border-top: 4px solid #A45011;
}

#spot_nav li a,
#spot_nav2 li a {
  font-size: 123%;
  font-weight: bold;
  display: block;
  color: #565656;
  text-shadow: 1px 1px 0 #fff;
}

#spot_nav li a:hover,
#spot_nav2 li a:hover {
  opacity: 0.70;
  filter: alpha(opacity=70);
}


/*----------------------------------------------------
	出張エリア
----------------------------------------------------*/
.area {

}

.area h3 {
  margin: 20px 0 12px;
}

.area #main ul {
  margin: 0 0 30px;
}

.area #main  li {
  list-style-type: none;
  margin: 0 0 10px;
}

.area #main  b {
  font-size: 116%;
}

#area_list {
  margin: 15px 0 30px;
}

#area_list li {
  margin: 0 0 15px;
}

#area_price p {
  margin: 15px 0;
}

.area table {
  width: 100%;
  text-align: center;
  font-size: 116%;
  margin: 0 auto 20px;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  background: #fff;
}

.area table th,
.area table td {
  padding: 10px;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  vertical-align: middle;
}

.area th {
  font-size: 84%;
  color: #fff;
  background: #3f4c6b;
  background: -moz-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%);
  background: -webkit-linear-gradient(top, #3f4c6b 0%,#3f4c6b 100%);
  background: linear-gradient(to bottom, #3f4c6b 0%,#3f4c6b 100%);
  text-shadow: -1px -1px 0 #000;
  text-align: center;
}

.area td {
  font-size: 84%;
  color: #444;
  text-align: left;
}

.area td.area1,
.area td.area2,
.area td.area3,
.area td.area4 {
  text-align: center;
  font-weight: bold;
}

.area td.area2,
.area td.btm_price2,
.area td.price2,
.area td.area4,
.area td.btm_price4,
.area td.price4 {
  background: #FFFFBF;
}

.set p{
margin:10px 0;
}

.set a{
text-decoration:underline;
}

/*----------------------------------------------------
	予約スケジュール
----------------------------------------------------*/
.schedule strong {
  color: #d90000;
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
}

.schedule #schedule_ex {
  list-style-type: none;
  margin: 15px 0 30px 10px;
}

.schedule #table li {
  list-style-type: none;
  float: left;
}

.schedule table {
  width: 190px;
  text-align: center;
  font-size: 116%;
  margin: 0 20px 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  float: left;
}

.schedule table th,
.schedule table td {
  padding: 10px 0;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  line-height: 1;
  text-align: center;
  font-weight: normal;
}

.schedule th {
  font-size: 84%;
  color: #444;
  text-shadow: 1px 1px 0 #ddd,1px 1px 2px #ddd;
}

.schedule th span {
  font-size: 136%;
}

.schedule #month01 th {
  background: #FFFF66;
}

.schedule #month02 th {
  background: #FFB08A;
}

.schedule #month03 th {
  background: #FF9191;
}

.schedule table tr:nth-child(even) {
  background: #efefef;
}

.schedule table .title th {
  background: #666 !important;
  color: #fff;
  text-shadow: 0 0 3px #000;
}


.schedule .flexslider {
  padding: 0;
  height: auto;
}

.schedule .flex-direction-nav {
  display: none;
}


/*----------------------------------------------------
	カートを確認
----------------------------------------------------*/
.cart #main {
}

.cart #main h2 {
  margin-bottom: 15px;
}

.cart #main table {
  width: auto;
}

.cart #main table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  margin: 0 0 20px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.cart #main table th,
.cart #main table td {
  padding: 10px;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  line-height: 1.3;
  color: #333;
  vertical-align: middle;
}

.cart #main table th {
  background: #444;
  color: #fff;
}

.cart #main table td.del {
  text-align: center;
  line-height: 0;
  width: 108px;
}

.cart #main table td span {
  color: #b90000;
}

/* 小計 */
.cart #main .total td {
  text-align: right;
}

.cart #main .total td span {
  font-size: 134%;
  font-weight: bold;
}

.cart #main .total .buy_process {
  *width: 630px;
  text-align: center;
  background: #efefef;
  vertical-align: top;
  padding: 10px 10px 5px;
}

.cart #main .total form label,
.cart #main .total form {
  *width: 223px;
  display: inline;
  vertical-align: top;
}

/* 申し込み手続きへ */
.cart #main .total .buy_process input {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 0 auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/common/buy_process.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
}

/* 買い物にもどる */
.cart #main .total .buy_process .back {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 0 30px 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../img/common/back_shopping.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  *text-indent: 0;
  overflow: hidden;
  cursor: pointer;
}

/* この商品を削除する */
.cart #cart .del input {
  width: 108px;
  height: 33px;
  border: 0;
  margin: 0;
  display: block;
  background: url(../img/common/del_item.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  *text-indent: 108px;
  overflow: hidden;
  cursor: pointer;
}

/* カート内の商品削除 */
.cart #main .delitem b {
  display: block;
  font-size: 134%;
  margin: 10px 0;
}

.cart #main .delitem span {
  display: block;
  border-top: 1px solid #ccc;
  padding: 7px 0;
}

/* カートに戻る */
.cart #main .delitem #cart {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 20px auto 0;
  display: block;
  background: url(../img/common/cart_back.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  overflow: hidden;
  cursor: pointer;
}


/* カートが空 */
.no_cart {

}

.no_cart .contents {
  text-align: center;
}

.no_cart .contents p {
  margin: 20px auto 30px;
  text-align: left;
}


/*----------------------------------------------------
	お申し込み
----------------------------------------------------*/
#orderform div {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

#orderform input[type="text"] {
  max-width: 90%;
  display: block;
  margin: 3px 0;
}

#orderform div input {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 0 auto;
  display: block;
  background: url(../img/common/buy_info_conf.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  overflow: hidden;
  cursor: pointer;
}

.cart #fin input {
  width: 223px;
  height: 53px;
  border: 0;
  margin: 0 auto;
  background: url(../img/common/firm_order.jpg) left top no-repeat;
  white-space: nowrap;
  text-indent: 120%;
  overflow: hidden;
  cursor: pointer;
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.inquiry p {
  margin: 15px 0 30px;
  padding: 0;
}

.inquiry strong {
  font-size: 124%;
  color: #b90000;
  display: block;
  margin: 20px 0 0;
}

.inquiry #main ul {
  width: auto;
  list-style-type: none;
  margin: 5px 0 50px 0;
  font-size: 136%;
}

.inquiry #main li span {
  color: #000;
  font-size: 136%;
}

.inquiry .contents b {
  margin: 0 0 30px;
  padding: 0;
  font-size: 134%;
}

.inquiry #area_mail p {
  margin: 0 0 30px;
  padding: 0;
  font-size: 124%;
}

.inquiry p span {
  font-size: 145%;
  font-weight: normal;
  color: #000;
}


/*----------------------------------------------------
	ご注文方法
----------------------------------------------------*/
#nagare {
}

#nagare .contents {
  margin: 20px auto;
}

#nagare strong,
#nagare small {
  display: block;
}

#nagare small {
  font-size: 93%;
}

#nagare strong {
  font-size: 116%;
}

#nagare .contents p {
  margin: 20px 0;
  padding: 0;
}

#nagare .contents img {
  width: 206px;
  margin: 0 auto;
}

/*----------------------------------------------------
	よくある質問
----------------------------------------------------*/
.qa .contents,
.qa dd {
  margin: 10px 0 30px;
}

.qa h4 {
  border: 0;
  padding-left: 0;
}


/*----------------------------------------------------
	app
----------------------------------------------------*/

#app_page {
width:980px;
margin:0 auto;
background:#fff;
}

#app_page .app_eyecatch {
text-align:center;
}

#app_page h2 {
background:none;
font-size:28px;
color:#27ae60;
text-shadow:none;
text-align:center;
padding:56px 0;
line-height:2.0em;
}

#app_page .app_search {
float:left;
width:400px;
padding:0 15px 0 70px;
}

#app_page .app_content {
float:right;
width:400px;
padding:0 70px 0 15px;
}

#app_page .app_search p,
#app_page .app_content p {
font-size:20px;
line-height:2.0em;
padding:0 28px;
}

#app_page .app_tokuten {
clear:both;
width:960px;
padding:100px 10px 50px;
}

#app_page .app_tokuten h3 {
font-size:13px;
font-weight:bold;
color:#333;
padding:5px 0;
margin:0;
text-shadow:none;
border:none;
}
#app_page .app_tokuten p {
font-size:13px;
}

#app_page .app_download {
background:#f0f0f0;
padding:20px 250px;
text-align:center;
}

#app_page .app_download .app_google {
float:left;
width:180px;
}

#app_page .app_download .app_apple {
float:right;
width:180px;
}

#app_page .go2top {
clear:both;
padding:50px 0;
text-align:center;
font-size:14px;
text-decoration:underline;
}

/*----------------------------------------------------
	sitemap
----------------------------------------------------*/

#sitemap h2 {
padding:14px;
margin:0 0 14px;
text-shadow:none;
font-size:174%;
background:none;
color:#40220f;
}
#sitemap h3 {
padding:7px 0 7px 21px;
margin:0 0 28px 14px;
text-shadow:none;
font-size:134%;
background:#f5f5f5;
color:#40220f;
border-left:7px solid #27ae60;
border-bottom:none;
}
#sitemap h4 {
padding:3px 0;
margin:0px 28px 14px 56px;
text-shadow:none;
font-size:134%;
background:none;
color:#27ae60;
border-left:none;
border-bottom:3px solid #27ae60;
}
#sitemap p {
font-size:116%;
font-weight:bold;
margin:0 0 28px;
padding:14px 35px 14px 56px;
}
#sitemap ul {
margin:7px 28px 28px 84px;
}
#sitemap ul li {
list-style-position:outside;
font-size:116%;
}
#sitemap ul.two-col {
}
#sitemap ul.two-col li {
width:300px;
float:left;
}
.clear {
clear:both;
}

/*----------------------------------------------------
	smartphone
----------------------------------------------------*/
@media screen and (max-width: 768px) {

/* 画像 */
img {
  max-width: 100% !important;
  height: auto;
}

/* 背景画像消去 */
body {
  font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  background: none;
  overflow: hidden;
}

/* float解除 */
#logo,
#header_info,
#side_ber,
#side_nav,
#main,
.contents .contents_inbox img,
.contents .contents_inbox p {
  float: none;
}

#wrapper,
h1 span,
#header_inbox,
#global_nav,
#innerlink,
#footer_inbox {
  width: auto;
}

/* 非表示 */
#side_ber #bnr,
#header_info .mobile i,
#header_info .tel i {
  display: none;
}

/* パンくずリスト
----------------------------------------------- */
#topic_path {
  display: none;
}

#main {
  width: 90%;
  margin: 0;
  padding: 10% 5% 5%;
  background: url(../img/common/nav_shadw.jpg) 0 0 repeat-x;
}

#side_ber,
#side_nav {
  padding-top: 0;
}


/* ロゴ */
#logo {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  margin: 0;
  padding: 15px 0 5px;
  background: #fff;
}

#logo p {
  text-align: left;
  vertical-align: top;
}

#header_info {
  width: 100%;
  margin: 0 auto;
  padding: 17px 0 10px;
  text-align: center;
  display: block;
  background: #efefef;
/*  border-bottom: 1px solid #fff; */
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
  background-image:-moz-linear-gradient(50% 0%,rgb(229,229,229) 0%,rgb(249,249,249) 97%,rgb(250,250,250) 100%); 
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(229,229,229)),color-stop(0.97, rgb(249,249,249)),color-stop(1, rgb(250,250,250)));
  background-image:linear-gradient(rgb(229,229,229) 0%,rgb(249,249,249) 97%,rgb(250,250,250) 100%);
}

#header_info .mobile,
#header_info p {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* 携帯電話番号 */
#header_info .mobile {
  margin: 0 0 8px;
}

#header_info .mobile span {
  text-align: center;
}

/* 電話番号 */
#header_info p span {
  font-size: 84%;
}

#header_info .tel p i {
  font-size: 180%;
}

/* 営業時間 */
#header_info p small {
  display: block;
}

#header_info p b {
  font-size: 77%;
}

/* new header 2016.05.27 */

#header_info .toiawase {
width:100%;
padding:10px 0;
text-shadow:none;
}
#header_info .toiawase .toi-tel {
width:100%;
height:auto;
border:1px solid #27ae60;
}
#header_info .toiawase .toi-tel .toi-ttl {
width:100%;
height:24px;
line-height:24px;
background: #27ae60;
color:#fff;
font-weight:bold;
font-size:14px;
padding:5px 0;
}
#header_info .toiawase .toi-tel .toi-no {
width:100%;
height:auto;
line-height: normal;
color:#333;
text-align:center;
font-weight:bold;
font-size:24px;
padding:7px 0;
}
#header_info .toiawase .toi-tel .toi-no span {
font-weight: normal;
font-size:12px;
display:block;
}
#header_info .toiawase .toi-mail {
display: none;
}
#header_info .toiawase .toi-mail2 {
display: flex;
width:100%;
height:auto;
float:none;
}
#header_info .toiawase .toi-mail2-txt {
display: block;
}
#header_info .toiawase .toi-mail2 img {
width:90%;
height:auto;
margin-top:7px;
}

#header_info .moushikomi {
width:100%;
padding:0;
text-shadow:none;
}
#header_info .moushikomi .mou-ttl {
width:100%;
height:auto;
line-height: normal;
background: #27ae60;
color:#fff;
font-weight:bold;
font-size:14px;
padding:5px 0;
}
#header_info .moushikomi .mou-ttl span {
font-weight: bold;
font-size:131%;
color:#fff;
display:block;
padding:7px 0;
margin-top:-20px;
}
#header_info .moushikomi .mou-area1 {
width:100%;
height:auto;
border-bottom:1px solid #ddd;
color:#333;
font-size:14px;
}
#header_info .moushikomi .mou-area1 .area-name {
width:100%;
height:auto;
padding:7px 0;
font-size:13px;
line-height: normal;
float:none;
}
#header_info .moushikomi .mou-area1 .area-tel {
width:100%;
height:auto;
font-size:24px;
font-weight:bold;
line-height:normal;
color:#f00;
float:none;
}
#header_info .moushikomi .mou-area2 {
/*width:100%;
height:auto;
color:#333;
font-size:14px;*/
display: none;
}
#header_info .moushikomi .mou-area2 .area-name {
width:100%;
height:auto;
font-size:13px;
line-height:35px;
float:none;
}
#header_info .moushikomi .mou-area2 .area-tel {
width:100%;
height:auto;
font-size:24px;
font-weight:bold;
line-height:noemal;
color:#f00;
float:none;
}
#header_info .pc-only {
display:none;
}
#header_info .sp-only {
display:block;
}


/* メニュー */
#global_nav {
  width: 100% !important;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  background: none;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
}

#global_nav li {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#global_nav li a {
  width: 100%;
  border-right: 0;
  background: none;
  border: 0;
  font-size: 123%;
  font-weight: normal;
  text-align: left;
  text-indent: 5%;
  background-color: rgb(250,250,250);
  background-image: -moz-linear-gradient(rgb(253,253,253) 0%,rgb(253,253,253) 21%,rgb(249,249,249) 41%,rgb(249,249,249) 86%,rgb(255,255,255) 99%); 
  background-image: -webkit-gradient(linear,color-stop(0, rgb(253,253,253)),color-stop(0.21, rgb(253,253,253)),color-stop(0.41, rgb(249,249,249)),color-stop(0.86, rgb(249,249,249)),color-stop(0.99, rgb(255,255,255)));
  background-image: linear-gradient(rgb(253,253,253) 0%,rgb(253,253,253) 21%,rgb(249,249,249) 41%,rgb(249,249,249) 86%,rgb(255,255,255) 99%);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

/* アイコン */
#global_nav li i {
  width: 23px;
  height: 23px;
  display: block;
  background-image: url(../img/common/css_splite.png);
  background-position: -390px -31px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  position: absolute;
  top: 15px;
  right: 10px;
}

#global_nav li:hover i {
  background-position: -390px -54px;
}

#global_nav li a:nth-child(odd) {
  width: 100%;
}

#global_nav li a:hover,
#global_nav li a.active {
  border-top: 1px solid #fff;
}

/* MENUを閉じる */
#global_nav span {
  display: block;
  float: left;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 123%;
  text-shadow: 0 -1px 0x #333;
  background: #859198;
  background: -moz-linear-gradient(top,  #859198 0%, #667279 100%);
  background: -webkit-linear-gradient(top,  #859198 0%,#667279 100%);
  background: linear-gradient(to bottom,  #859198 0%,#667279 100%);
  text-align: center;
}


h1 {
  width: 100%;
  overflow: hidden;
  text-align: right;
  overflow: hidden;
  padding: 0;
}

h1 span {
  font-size: 124%;
  width: 84.5%;
  height: 50px;
  margin: 0;
  padding: 0 2%;
  text-align: left;
  display: inline-block;
  float: left;
  line-height: 1.5;
  letter-spacing: -0.5px;
}

/* MENUアイコン */
/*#header i,*/
h1 i {
  width: 51px;
  height: 50px;
  float: right;
  display: block;
  position: relative;
  top:0;
  right:0;
  text-align: center;
  background: #CF1717 url(../img/common/css_splite.png);
  background-position: -429px 0px;
  white-space: nowrap;
  text-indent: 100%;
  border-left: 1px solid #333;
}

/* CLOSEアイコン */
/*#header i.on,*/
h1 i.on {
  background-image: url(../img/common/css_splite.png);
  background-position: -480px 0;
}

h2 {
  width: 100%;
  font-size: 134%;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

h3,h4 {
  font-size: 125%;
}

/* スマホの場合に表示 */
#sp_bnr {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 7px 0 5px;
  background: rgb(130,140,149);
  background: -moz-linear-gradient(top, #888 0%, #aaa 100%);
  background: -webkit-linear-gradient(top, #888 0%,#aaa 100%);
  background: linear-gradient(to bottom, #888 0%,#aaa 100%);
  text-align: center;
  border-bottom: 1px solid #fff;
}

#sp_bnr .flyer,
#sp_bnr a {
  display: inline-block;
  width: 47%;
  padding: 0 1%;
  margin: 5px auto 0;
  line-height: 0;
}

#sp_bnr img {
  width: 100%;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}


#topic_path {
  margin: 0;
}

.contents {
  width: 100%;
}

.contents hr {
  width: 100%;
  background-image: none;
}

.contents .contents_inbox {
  padding: 20px 0;
}

.contents .contents_inbox img {
  margin: 0 auto 20px;
}

.contents .contents_inbox p {
  width: 100%;
}


/* このページの上へ */
#innerlink {
  padding: 50px 0 0 0;
  text-align: center;
}

#innerlink a {
  font-size: 100%;
  padding: 10px 50px;
  /*border-radius: 4px;
  background-image:-moz-linear-gradient(50% 0% -90deg,rgb(59,63,66) 0%,rgb(27,31,34) 98%); 
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(59,63,66)),color-stop(0.98, rgb(27,31,34)));
  background-image:linear-gradient(rgb(59,63,66) 0%,rgb(27,31,34) 98%);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
  box-shadow: 0 0 5px rgba(0,0,0,0.75);*/
}

/* footer */
#footer {
  width: 100%;
}

#footer_inbox {
  padding: 70px 0 0;
}

#footer_info-area {
  width: 100% !important;
  margin: 0 auto 28px;
}
#footer_info-area .footer_info-block {
  width: 100% !important;
  padding:0px;
  float:none;
  font-size:12px;
  text-align:center;
}
#footer_info-area .footer_info-block.leftblock {
border-right:1px solid #fff;
padding:0;
}

#footer_fc-area {
width:100% !important;
margin:0 auto;
text-align:center;
}
#footer_fc-area p {
text-align:left;
font-size:16px;
padding:0 21px 7px;
}
#footer_fc-area img {
display:inline !important;
width:180px;
}
#footer_fc-area #bbq_bnr {
background:#27ae60 !important;
}

/* side */
#side_ber {
  width: 90%;
  margin: 0 auto;
  padding: 0 !important;
}

/* バナー */
#bnr,
#bbq_bnr {
  width: 100%;
  margin: 0 auto 15px;
  padding: 20px 0 5px;
  background: #efefef;
  text-align: center;
}

#bbq_bnr {
  margin: 15px auto;
  padding: 10px 0 5px;
}

#bnr .flyer,
#bnr a {
  display: inline-block;
  width: 135px;
  margin: 0 auto 15px;
}

#bbq_bnr a {
  display: inline;
  margin: 0;
  padding: 0 5px;
  line-height: 0;
}

#bbq_bnr img,
#bnr img {
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#bbq_bnr img {
  display:inline;
  width: 40.625%;
}

/* 対応エリア */
#area {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}


/* サイドメニュー */
#side_nav {
  width: 100%;
  margin: 0 auto;
}

#side_nav li {
  width: 99.5%;
  padding: 0;
}

#side_nav li:hover {
  background-color: rgb(250,250,250);
}

#side_nav li a {
  width: 100%;
  position: relative;
}

#side_nav li a p {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 3%;
  padding: 0 0 0 10px;
  border-left: 4px solid #cbcbcb;
}

#side_nav li a span {
  display: none;
}

/* バーベキューメニュー */
#bbq_menu li {
  padding: 13px 0 13px 10px;
}


/*----------------------------------------------------
	TOPページ
----------------------------------------------------*/
/* スライド画像 */
.top .flexslider {
  height: auto;
  overflow: visible;
  padding-bottom:20px;
}

.top .flex-direction-nav {
  display: none;
}
.top .flex-control-nav {
  bottom:5px;
}

.top #main {
  padding-top: 20px;
}

/*
.top h2 {
  font-size: 185%;
  padding: 0;
  line-height: 1.4;
}

.top h2 span {
  margin-top: 5px;
  font-size: 74%;
}
*/


/* TOPお知らせ
----------------------------------------------- */
/*.top #top_info {
  width: 95%;
  margin: 15px auto;
  padding: 7px 10px 10px;
  text-align: left;
  background: url(../img/top/info_back.gif) left top;
  border: 3px solid #b90000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
}*/
.top #top_info {
  width: 100%;
  margin: 15px auto;
  padding: 0;
  text-align: left;
  background: none;
  border: none;
  box-shadow: none;
}

.top #top_info h3 {
  color: #333;
  text-shadow: 1px 0 1px #fff;
}

.top #top_info p {
  color: #b90000;
  line-height: 1.4;
  text-shadow: 1px 0 1px #fff;
}

#bbq-plan .bnr-area {
padding:0;
}
#bbq-plan .bnr-area .bnr-img {
width:90%;
margin:0 auto;
float:none;
}

#top_flow-ranking {
width:100%;
margin:0 auto 14px;
}
#top_flow-area {
width:100%;
float:none;
}
#top_ranking-area {
width:100%;
float:none;
}
#top_ranking-area .spot_photo {
width:30% !important;
}
#top_ranking-area .spot_data {
width:65% !important;
}
#top_ranking-area p.other-spot {
text-align:center;
}

#top_bnr-area a {
width:135px !important;
height:45px !important;
}

#main.top-page {
float:none !important;
width:100% !important;
padding:30px 0 0 !important;
}
#main.top-page #top_news-area {
float:none;
width:100%;
}
#main.top-page #top_twitter-area {
float:none;
width:100%;
}
#top_webshopping-area {
border:3px solid #27AE60;
padding:0;
margin:0 auto;
width:95%;
text-align:center;
}
#top_webshopping-area a {
display: inline-block;
width:95%;
height:auto;
}

/* TOPおすすめ
----------------------------------------------- */
.top #top_recommend {
  width: 95%;
  margin: 10px auto 5px;
}

.top #top_recommend li {
  width: 49%;
  margin: 0;
}

.top #top_recommend li img {
  max-width: 100%;
}

.top #top_recommend li.rcmd01,
.top #top_recommend li.rcmd02 {
  margin-bottom: 5px;
}

.top #top_recommend li.rcmd04 {
  display: block;
}

/* ご注文の流れ */
#flow .clearfix {
  text-align: center;
}

#flow b {
  font-size: 116%;
  line-height: 1.3;
  padding: 10px;
}

#flow p {
  line-height: 1.3;
  padding: 0 10px 5px;
}

#flow small {
  padding: 0 10px 15px;
}

#flow .clearfix {
/*
  padding: 13px 0 5px;
  background: #efefef;
*/
}

#flow img {
  float: none;
}

/* facebook */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
  width: 100% !important;
  overflow: hidden;
}

.fb-like-box.fb_iframe_widget iframe {
  width: 99.5% !important;
}

/* twitter */
#twitter-widget-0 {
  width: 100% !important;
}

/* 対応エリア詳細 */
.top #map {
  width: 90%;
  padding: 5%;
}

.top #map_img {
  float: none;
  margin: 0 auto;
}

.top #map_detail {
  width: 90%;
  padding: 5%;
  float: none;
  margin: 20px 0 0;
}

.top #map_detail b {
  font-size: 160%;
  display: block;
  margin-bottom: 7px;
}

.top #map_detail p {
  display: none;
}

.top #map_detail li {
  width: 25%;
  margin-top: 0;
  font-size: 116%;
}

.top #map_detail li a {
  display: block;
  width: 90%;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  font-size: 108%;
  color: #fff;
  text-shadow: -1px -1px 0 #333;
  background: #7ab500;
  background: -moz-linear-gradient(top,  #7ab500 0%, #669900 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ab500), color-stop(100%,#669900));
  background: -webkit-linear-gradient(top,  #7ab500 0%,#669900 100%);
  background: linear-gradient(to bottom,  #7ab500 0%,#669900 100%);
  border-radius: 3px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

/* バーベキューセットメニュー */
.top #menu li {
  width: 100%;
  margin: 10px 0 0;
  padding: 0 0 10px;
  text-align: center;
  border-bottom: 1px dotted #ccc;
}

.top #menu li div {
  width: auto;
  padding: 0;
}

.top #menu li img {
  width: 40%;
  float: left;
  height: auto;
  margin: 0;
}

.top #menu li p {
  width: 55%;
  text-align: left;
  float: right;
}

.top #menu a,
.top #menu small {
  display: inline !important;
}


/* 真空パック */
.top #pack {
  margin-top: 0;
  border-top: 0;
}

.top #pack img {
  float: none;
  display: none;
}

.top #pack .pack_contents {
  float: none;
  width: auto;
  padding: 0;
}


/* 動画 */
.top #movie {
  margin: 0 auto 20px;
}

.top #movie li {
  width: 100%;
  list-style-type: none;
  float: none;
  margin-top: 15px;
  padding-bottom: 10px;
  font-size: 116%;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}

.top #movie li div {
  width: auto;
  overflow: hidden;
  font-size: 84%;
  text-align: center;
}

.top #movie img {
  float: left;
  width: 25%;
  margin: 0 10px 0 0;
}

.top #movie iframe {
  width: 256px;
  height: 192px;
  margin: 0 auto;
}

.top #movie p {
  padding-right: 20px;
}

/* 各ショップバナー */

.top #shop_bnr {
  text-align: center;
}

.top #shop_bnr b {
  display: none !important;
}

/*----------------------------------------------------
	メニュー
----------------------------------------------------*/
.cate .contents {
  margin: 20px auto 0;
}

.cate #menu li {
  /*width: 45%;*/
  width: 96%;
  list-style-type: none;
  float: left;
  margin-top: 10px;
  padding: 0 2% 5px;
  text-align: center;
  overflow: hidden;
}

.cate #menu li img {
  float: none;
  margin: 0 auto 8px;
  width: 80%;
  text-align: center;
  display: block;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.cate #menu li b {
  width: auto;
  padding: 0;
  text-align: center;
  font-size: 84%;
}

.cate #menu li small {
  text-align: center;
}

ul#item_list {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}

/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
.item #item .contents {
  margin: 20px auto;
}

.item #item .item_img {
  width: 100%;
  float: none;
  margin: 0 auto;
  text-align: center;
}

.item #item .item_img img {
  display: inline-block;
  /*width: 40%;*/
  width: 80%;
  max-width: 250px;
  margin: 0 12px 20px;
  padding :0;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.item #item .item_disc {
  width: 100%;
  float: none;
  margin: 0;
  padding : 0;
}

.item #item .item_disc p {
  margin: 0 0 10px;
}

.item #item .item_disc small {
  font-size: 123%;
  font-weight: bold;
  display: block;
}

/* カートに入れる */
.item #item #incart {
  margin: 20px auto;
}


/*----------------------------------------------------
	BBQスポット
----------------------------------------------------*/
.spot iframe {
  width: 98%;
  height: auto;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.spot #spot_nav li a {
  font-size: 108%;
}


/*----------------------------------------------------
	予約スケジュール
----------------------------------------------------*/
.schedule strong {
  color: #d90000;
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
}

.schedule #schedule_ex {
  list-style-type: none;
  margin: 5px 0 30px 10px;
}

.schedule #table {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.schedule #table li {
  float: none;
  margin: 0;
}

.schedule table {
  width: 100%;
  height: auto;
  margin: 0 auto 5px;
}

.schedule .flexslider {
  padding: 55px 0 0 0;
  position: relative;
}

.schedule .flex-direction-nav {
  z-index: 10;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.schedule .flex-direction-nav li {
  width: 50%;
  display: inline-block;
}

.schedule .flex-direction-nav li + li {
  text-align: right;
}

.schedule .flex-direction-nav li a {
  line-height: 1;
  display: inline-block;
  padding: 10px 20%;
  border-radius: 3px;
  color: #444;
  font-size: 136%;
  text-shadow: 1px 1px 0 #fff,1px 1px 2px #fff;
  background: #d8d8d8;
	background: -moz-linear-gradient(top,#ffffff 0%,#d8d8d8);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#d8d8d8));
	border: 1px solid #b2b2b2;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,1);
}

/* 前の月 */
.schedule .flex-direction-nav li a.flex-prev {
}

/* 次の月 */
.schedule .flex-direction-nav li a.flex-next {
}

.schedule .flex-direction-nav li a.flex-disabled {
  display: none;
}

.schedule table .month {
  width: 100% !important;
}


/*----------------------------------------------------
	カートを確認
----------------------------------------------------*/
/* 買い物にもどる */
.cart #main .total .buy_process .back {
  margin: 0 0 20px;
}

/* この商品を削除する */
.cart #main table td.del {
  width: 60px;
}

.cart #cart .del input {
  width: 60px;
  height: 51px;
  border: 0;
  background: url(../img/common/del_item_sp.jpg) left top no-repeat;
}


/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.inquiry p span#email {
  font-size: 124%;
}


/*----------------------------------------------------
	よくある質問
----------------------------------------------------*/
.qa h5 {
  margin: 20px 0 10px;
}

.qa dd {
  margin: 0 0 20px;
}

.qa p {
  margin: 15px 0;
}

/*----------------------------------------------------
	app
----------------------------------------------------*/

#app_page {
width:100%;
margin:0 auto;
background:#fff;
}

#app_page .app_eyecatch {
text-align:center;
}

#app_page h2 {
background:none;
font-size:20px;
color:#27ae60;
text-shadow:none;
text-align:center;
padding:56px 10px;
line-height:2.0em;
}

#app_page .app_search {
float: none;
width:100%;
padding:0;
text-align:center;
}

#app_page .app_content {
float: none;
width:100%;
padding:20px 0 0;
text-align:center;
}

#app_page .app_search p,
#app_page .app_content p {
font-size:16px;
line-height:2.0em;
padding:0 28px;
}

#app_page .app_tokuten {
clear:both;
width:100%;
padding:50px 0;
}

#app_page .app_tokuten h3 {
font-size:13px;
font-weight:bold;
color:#333;
padding:5px 10px;
margin:0;
text-shadow:none;
border:none;
}
#app_page .app_tokuten p {
font-size:13px;
padding:0 10px;
}

#app_page .app_download {
background:#f0f0f0;
padding:20px 0;
text-align:center;
}

#app_page .app_download .app_google {
float:left;
width:50%;
}

#app_page .app_download .app_apple {
float:right;
width:50%;
}
#app_page .app_download .app_google img,
#app_page .app_download .app_apple img{
width:90%;
}

#app_page .go2top {
clear:both;
padding:50px 0;
text-align:center;
font-size:14px;
text-decoration:underline;
}



}


@media screen and (max-width: 480px) {
body {
  font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

h1 span {
  width: 79%;
  font-size: 108%;
  line-height: 1.4;
}

#logo img {
  width: 165.9px;
  height: auto;
}


/* TOPおすすめ
----------------------------------------------- */
.top #top_recommend li {
  width: 100%;
  margin: 0;
  float: none;
}

.top #top_recommend li img {
  max-width: 100%;
}

.top #top_recommend li.rcmd01,
.top #top_recommend li.rcmd02 {
  margin-bottom: 0;
}

.top #top_recommend li.rcmd04 {
  display: block;
  margin-top: 4px;
  text-align: center;
}


/*.top #top_info {
  padding: 4px 7px 8px;
}*/
.top #top_info {
  padding: 0;
}

.top #top_info p {
  font-size: 123%;
}

.cate #menu #spot_nav li {
  word-wrap: break-word;
  overflow: hidden;
}

.cate #menu #spot_nav li a {
    font-size: 72%;
}

#sp_bnr {
  margin: 0 auto;
  padding: 6px 0 0;
}

#sp_bnr .flyer,
#sp_bnr a {
  width: 47%;
  margin: 0 2px;
  padding: 0;
}

#footer_inbox small {
  font-size: 77%;
}


}


/*----------------------------------------------------
	light box系
----------------------------------------------------*/
#glisse-overlay, #glisse-close, #glisse-controls,#glisse-spinner{opacity:0;}

#glisse-overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,.75);
}
#glisse-overlay.loading #glisse-spinner {opacity:1;}

#glisse-overlay-content {
  position: fixed;
  top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
  -moz-background-size:       contain;
  -webkit-background-size:    contain;
  -o-background-size:         contain;
  background-size:            contain;
  -webkit-backface-visibility:hidden;
  backface-visibility:        hidden;
}
#glisse-overlay-content img{display:none;}

#glisse-overlay-content.shake {
  -webkit-animation: shake 600ms 1;
  -moz-animation:    shake 600ms 1;
  -ms-animation:     shake 600ms 1;
  -o-animation:      shake 600ms 1;
  animation:         shake 600ms 1;
}

#glisse-close { cursor:pointer; }

#glisse-spinner {
  position:fixed;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  height: 80px;
  width: 80px;
  background:rgba(0,0,0,.6) url(img/loader.gif) center center no-repeat;
  border-radius:6px;
}

#glisse-controls {}
  .glisse-next a, .glisse-prev a{
    -webkit-transition:all 100ms ease;
    -moz-transition:all 100ms ease;
    -o-transition:all 100ms ease;
    -ms-transition:all 100ms ease;
    transition:all 100ms ease;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    }
#glisse-controls .ended a {opacity:.3;cursor:default;} /* disabled effect */

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
  0%, 100% {-moz-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-ms-keyframes shake {
  0%, 100% {-ms-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}

@-o-keyframes shake {
  0%, 100% {-o-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
  20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
  20%, 40%, 60%, 80% {transform: translateX(10px);}
}

#glisse-close {
  height: 48px;
  width: 48px;
  text-align: center;
  position: fixed;
  top: 40px;
  right: 40px;
  background: url(../img/common/window_close.png) left top no-repeat;
}