@charset "utf-8";


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

 共通

------------------------------------------------------------------ */
.last{
	margin-right:0 !important;
}
#slider_mv li:not(:first-child) {
	display:none;
}
area { visibility:hidden; }

/* --- 上部バナー ---*/
#topBnr {
	margin-bottom:40px;
	padding: 0 32px;
	height:144px;
}
#sliderTop li {
	display:none;
}
#sliderTop li {
	position:relative;
	padding-top:24px;
}
#sliderTop li span.new {
	position:absolute;
	right: 50%;
	margin-right: -25px;
	top:0px;
	width:50px;
}
#sliderTop li span.update {
	position:absolute;
	right:50%;
	margin-right: -30px;
	top:0px;
	width:60px;
}
.sp { display:none; }


/* --- 全国のプライド ---*/
.JPFArea {
	margin-bottom:60px;
	position:relative;
}
.JPFArea h1 { margin-bottom: 60px; }
.JPFArea h1 img {
	max-width:275px;
	width:auto\9; /* IE8 */
}


/* --- bx-slider ---*/


.JPFArea dt {
	position:relative;
}
.JPFArea dt span.pref {
	position:absolute;
	left:10px;
	top:10px;
	width:70px;
}
.JPFArea dt span.update {
	position:absolute;
	right:0px;
	top:0px;
	width:65px;
}
.JPFArea dt span.new {
	position:absolute;
	right:0px;
	top:0px;
	width:65px;
}
.JPFArea .pos {
	position:relative;
}
.JPFArea .pos .map {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-250px;
}


/* --- お店 ---*/
.shopArea {
	margin-bottom:60px;
	position:relative;
}
.shopArea h1 img {
	max-width:470px;
	width:auto\9; /* IE8 */
}
.shopArea ul {
	margin-bottom:20px;
}
.shopArea dt {
	position:relative;
}
.shopArea dt span {
	position:absolute;
	left:5px;
	top:5px;
	width:70px;
}


/* --- お知らせ ---*/
.infoArea {
	margin-bottom:60px;
	position:relative;
}
.infoArea h1 img {
	max-width:114px;
	width:auto\9; /* IE8 */
}
.infoArea .topics li {
	float:left;
	width:46.875%;
	border-top: #CCC dotted 1px;
	margin-bottom: 2px;
	padding-top:2%;
}
.infoArea .topics li:nth-child(1),
.infoArea .topics li:nth-child(2) {
	border-top: none !important;
	padding-top:0 !important;
}
.infoArea .topics li:nth-child(2n){
	float:right;
}
.infoArea .topics li:nth-child(2n+1){
	clear:both;
}
.infoArea .topics dl {
	background-size:50px;
}
.infoArea .topics dt {
	float:left;
}
.infoArea .topics dt img {
	max-width:120px;
}
.infoArea .topics dd {
	margin-left:10px;
	float:left;
	width: 72%;
}

.infoArea .topics .icon { margin-bottom:5px; }
.infoArea .topics .icon .new { width:40px; }
.infoArea .topics time { font-size:80%;}



/* --- イベント ---*/
.eventArea {
	margin-bottom:60px;
	position:relative;
}
.eventArea h1 img {
	max-width:222px;
	width:auto\9; /* IE8 */
}
.eventArea .inner {
	background:#EBDFD6;
	padding:20px;
	margin-bottom:2%;
}
.eventArea .inner h2 {
	padding:5px;
	border-bottom:#EBDFD6 dotted 1px;
	color:#3B3B3B;
	margin-bottom:10px;
}
.eventArea .inner .calendar {
	width:40%;
	background:#FFFFFF;
	float:left;
	position:relative;
	padding-bottom:10px;
}
.calendar .prev {
	position:absolute;
	left:10px;
	top:40px;
}
.calendar .next {
	position:absolute;
	right:10px;
	top:40px;
}
.calendar img {
	width:24px;
}
.calendar table {
	margin:0 2% 4%;
	width:96%;
	font-size: 14px;
}
.calendar table caption {
	color: #666;
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
}
.calendar th {
	background:#FFF;
	text-align: center;
}
.calendar th.sun { color:#FF0000; }
.calendar th.sat { color:#4DA6FF; }
.calendar td {
	background:#F5F5F5;
	border-bottom:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	text-align: center;
}
.calendar td a {
	display:block;
	background:#EBDFD6;
	padding: 4px 0;
}
.calendar .btn {
	margin:0 2%;
	width:96%;
	text-align:center;
}
.calendar .btn a {
	border:#ccc solid 1px;
	display:block;
}
.calendar .btn a:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left:10px;
}

.eventArea .inner .area {
	width:58%;
	background:#FFFFFF;
	float:right;
	font-size: 14px;
	padding-bottom:10px;
}
.eventArea .area .areaL {
	margin:0 2% 4%;
	width:96%;
}
.eventArea .area .areaL li {
	width:24.74%;
	float:left;
	border-bottom:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	text-align:center;
}
.eventArea .area .areaS {
	margin:0 2%;
	width:96%;
}
.eventArea .area .areaS li {
	width: 12.24%;
	float:left;
	border-bottom:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	text-align:center;
}
.eventArea .area a {
	display:block;
	color:#FFFFFF;
	padding: 4px 0;
}
.eventArea .area a.all { background:#777777; }
.eventArea .area a.a1 { background:#9b34c7; }
.eventArea .area a.a2 { background:#d39725; }
.eventArea .area a.a3 { background:#8ab114; }
.eventArea .area a.a4 { background:#fb6400; }
.eventArea .area a.a5 { background:#c63147; }

.eventArea .eventBnr {
}
.eventArea .eventBnr li {
	float:left;
	width:48%;
}
.eventArea .eventBnr li:nth-child(2) {
	float:right;
}


/* --- レシピ ---*/
.recipeArea {
	margin-bottom:60px;
	position:relative;
}
.recipeArea h1 img {
	max-width:434px;
	width:auto\9; /* IE8 */
}


/* --- レシピ2 ---*/
.recipeArea2 {
	margin-bottom:60px;
	position:relative;
}
.recipeArea2 h1 img {
	max-width:434px;
	width:auto\9; /* IE8 */
}
.recipeArea2 .l_mz {
	margin-bottom: 10px;
}
.recipeArea2 .box__reicpenum {
	padding: 10px 20px;
	margin-bottom: -26px;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	font-size: 160%;
	font-family: YuMincho,"游明朝","ヒラギノ明朝 W3 JIS2004",serif;
	border: 3px #BEAE65 solid;
	display: inline-block;
	float: right;
	color: #000;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .recipeArea2 .box__reicpenum { padding: 16px 20px 0; } /* IE11 */
}

.recipeArea2 .box__reicpenum .txt__recipenum {
	font-size: 200%;
	color: #BEAE65;
    /*color: #c63147;*/
}
.recipeArea2 .box__recipe_cate {
	margin-bottom: 24px;
	clear: both;
}
.recipeArea2 .box__recipe_cate .ttl__recipecate {
	margin-bottom: 16px;
	padding-bottom: 12px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: #EBDFD6 dotted 1px;
}
.recipeArea2 .season {
	padding-bottom: 20px;
	border-bottom: #BEAE65 dotted 3px;
}

.recipeArea2 .season .ttl__recipecate {
	color: #fb6400;
}
.recipeArea2 .newrecipe .ttl__recipecate span {
	display: inline-block;
	padding:8px 16px;
	background-color: red;
	color: #fff;
}

@media screen and (max-width: 767px) {
  .recipeArea2 .box__recipe_cate {
	  width: 96%;
	  margin-left:auto;
	  margin-right:auto;
	  
  }
  .recipeArea2 .box__reicpenum {
	  float: none;
	  display: block;
	  width: 74%;
	  margin:0 auto 30px;
  }

}

/* --- バナー ---*/
.bnrArea {
	border-top: #CCC dotted 1px;
	padding-top:30px;
	margin-bottom:-20px;
}

/* --- moreボタン ---*/
.more {
	position:absolute;
	right:2%;
	top:5px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.more a {
	text-decoration:none;
	color:#000;
	font-size:120%;
}
.more a:after {
	content: "\f105";
	font-family: FontAwesome;
	padding-left:10px;
}

/* --- カルーセル ---*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

#topBnr .bx-wrapper .bx-prev {
	left:-32px;
	padding: 28px 11px;
	border:#af9a42 solid 1px;
}
#topBnr .bx-wrapper .bx-next {
	right:-32px;
	padding: 28px 11px;
	border:#af9a42 solid 1px;
}
#topBnr .bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 17px;
	outline: 0;
	color:#af9a42;
	font-size:18px;
	z-index: 9999;
}
#topBnr .bx-wrapper .bx-controls-direction a:hover {
	background:#e0d6ab;
	text-decoration:none;
}

.JPFArea .bx-wrapper .bx-prev {
	left:0;
	top:-47px;
	padding:10px 20px;
	background:#af9a42;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.JPFArea .bx-wrapper .bx-next {
	right:0px;
	top:-47px;
	padding:10px 20px;
	background:#af9a42;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.JPFArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	color:#FFFFFF;
	z-index: 9999;
}
.JPFArea .bx-wrapper .bx-controls-direction a:hover {
	background:#d3c897;
	text-decoration:none;
}
.JPFArea .bx-wrapper .bx-controls-direction i {
	font-size:18px;
}


/* --- 変形4カラムver2 ---*/

.clm4cus2 li {
	float:left;
	margin-right:28px;
	margin-bottom:12px;
	width: 235px;
}
.clm4cus2 li:nth-child(2n) {
	float:right;
	margin-right:0px;
}
.clm4cus2 li:nth-child(2n+1){
	clear:both;
}
.clm4cus2 li:nth-child(8){
	float:left;
	margin-right:28px;
}
.clm4cus2 li:nth-child(9){
	clear:none;
}
.clm4cus2 li:nth-child(10){
	float:left;
}
.clm4cus2 li img {
	max-width:235px;
}
.clm4cus2 dt {
	margin-bottom:5px;
}



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

 レスポンシブ対応

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

@media screen and (max-width: 1023px){

/* --- 全国のプライド ---*/
.JPFArea .pos .map {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-23.2%;
}
.JPFArea .pos .map {
	 width: 46.4%;
}
.JPFArea .pos .map img {
	width:100%;
}
.JPFArea .bnr {
	margin:0 2%;
}

/* --- お店 ---*/
.shopArea .bnr {
	margin:0 2%;
}

/* --- お知らせ ---*/
.infoArea {
	width:100%;
}
.infoArea .topics li {
	width: 46.4%;
	margin-left: 2%;
	margin-right: 0;
}
.infoArea .topics li:nth-child(2n) {
	margin-right: 2%;
	margin-left: 0;
}
.infoArea .topics dl {
	margin:0;
}
.infoArea .topics dd {
	margin-left: 10px;
	float: left;
	width: 63%;
}
.infoArea .bnr {
	margin-top:4%;
}


/* --- イベント ---*/
.eventArea {
	width:100%;
}
.eventArea .eventBnr {
	margin:0 2%;
}


/* --- 変形4カラムver2 ---*/

.clm4cus2 {
	margin: 0 2%;
}
.clm4cus2 li {
	margin-right:2.72%;
	margin-bottom:1%;
	width: 22.949%;
}
.clm4cus2 li:nth-child(2n) {
	float:right;
	margin-right:0px;
}
.clm4cus2 li:nth-child(2n+1){
	clear:both;
}
.clm4cus2 li:nth-child(8){
	float:left;
	margin-right:2.72%;
}
.clm4cus2 li:nth-child(9){
	clear:none;
}
.clm4cus2 li:nth-child(10){
	float:left;
}
.clm4cus2 dt {
	margin-bottom:1%;
}
.clm4cus2 dd {
	font-size:95%;
	line-height:1.2;
}



#topBnr .bx-wrapper {
	margin: 0 2% 0;
}


.JPFArea .bx-wrapper .bx-prev {
	left:2%;
}
.JPFArea .bx-wrapper .bx-next {
	right:2%;
}



}

@media screen and (max-width: 767px){

.JPFArea {
	margin-bottom:8%;
}
.shopArea {
	margin-bottom:8%;
}
.infoArea {
	margin-bottom:8%;
}
.eventArea {
	margin-bottom:8%;
}
.recipeArea {
	margin-bottom:8%;
}

/* --- 上部バナー ---*/
#topBnr {
margin-bottom: 5%;
}

/* --- 全国のプライド ---*/
.JPFArea .pos .map {
	position:inherit;
	margin:0 2% 20px;
}
.JPFArea .pos .map {
	left:50%;
	top:0;
	width:96%;
	margin-left:-48%;
}
.JPFArea .pos .map img {
	max-width:100%;
}

/* --- お知らせ ---*/
.infoArea .topics li {
	float:none;
	width:96%;
	margin-left: 2%;
	margin-right: 2%;
}
.infoArea .topics li:nth-child(2n){
	float:none;
	margin-right: 2%;
	margin-left: 2%;
}
.infoArea .topics li:nth-child(2) {
	border-top: #CCC dotted 1px !important;
	padding-top:2% !important;
}
.infoArea .topics li:nth-child(n){
	clear:both;
}
.infoArea .topics dl {
}
.infoArea .topics dd {
	margin-left: 10px;
	float: left;
	width: 68%;
}

/* --- イベント ---*/
.eventArea .inner {
	background:#EBDFD6;
	padding:20px;
	margin-bottom:3%;
}
.eventArea .inner h2 {
	padding:5px;
	border-bottom:#EBDFD6 dotted 1px;
	color:#3B3B3B;
	margin-bottom:10px;
}
.eventArea .inner .calendar {
	width:100%;
	float:none;
	margin-bottom:20px;
}
.calendar img {
	width:24px;
}
.calendar table {
	margin:0 2% 2%;
	width:96%;
	font-size: 12px;
}
.calendar table caption {
	font-size:16px;
}
.calendar .btn {
	margin:0 2%;
	width:96%;
	text-align:center;
}
.calendar .btn a {
	border:#ccc solid 1px;
	display:block;
}

.eventArea .inner .area {
	width:100%;
	float:none;
	font-size: 12px;
}
.eventArea .area .areaL {
	/* margin:0 2% 2%; */
	margin: 0 2%;
}
.eventArea .area .areaL li {
	width:24.74%;
}
.eventArea .area .areaS {
	/* margin:0 2%; */
	display: none;
}
.eventArea .area .areaS li {
	width: 12.25%;
}

/* --- moreボタン ---*/
.more {
	position:static;
	width:100%;
	text-align:center;
	margin-bottom:5%;
}
.more a {
	margin:0 10%;
	display:block;
	border:#D1D1D1 solid 1px;
	padding:5px 0;
}

/* --- 変形4カラムver2 ---*/
.clm4cus2 li {
	margin-right:3.65%;
	width: 30.9%;
}
.clm4cus2 li:nth-child(2n) {
	float:left;
	margin-right:3.65%;
}
.clm4cus2 li:nth-child(2n+1){
	clear:none;
}

.clm4cus2 li:nth-child(3n) {
	margin-right:0;
}
.clm4cus2 li:nth-child(3n+1) {
	clear:both;
}


}


@media screen and (max-width: 479px){

.sp { display:block; }
.pc {display:none; }

.JPFArea h1 img {
	max-width:57.29%;
}
.shopArea h1 img {
	max-width:97.9%;
}
.recipeArea h1 img {
	max-width:90.4%;
}


/* --- 上部バナー ---*/
#topBnr {
	height: inherit;
}
/* --- 全国のプライド ---*/


.JPFArea .clm3 {
	width:98.1%;
	margin:0 2%;
}

/* --- お知らせ ---*/
.infoArea h1 img {
	max-width:23.75%;
}
.infoArea .topics dl {
}
.infoArea .topics dt img {
	max-width:70px;
}
.infoArea .topics dd {
	margin-left:2%;
	float:left;
	width:70%;
}

/* --- イベント ---*/
.eventArea h1 img {
	max-width:46.25%;
}
.eventArea .area .areaL li {
	width:49.6%
}
.eventArea .area .areaS li {
	width:24.6%;
}
.eventArea .eventBnr li {
	float:none;
	width:100%;
	margin-bottom:10px;
}
.eventArea .eventBnr li:nth-child(2) {
	float:right;
}

/* --- バナー ---*/
.bnrArea {
	padding-top:20px;
	margin-bottom:0px;
}



/* --- カルーセル ---*/

.bx-wrapper li {
	margin-left:auto !important;
	margin-right:auto !important;
}

#topBnr .bx-wrapper {
	width:200px;
	margin: 0 auto 0;
}
#topBnr .bx-wrapper .bx-prev {
	left:-50px;
	padding: 10px 16px;
}
#topBnr .bx-wrapper .bx-next {
	right: -50px;
	padding: 10px 16px;
}
#topBnr .bx-wrapper .bx-controls-direction a {
	bottom: 18px;
	font-size:18px;
}



/* --- 変形4カラム ---*/
.clm4cus2 li {
	margin-right:4% !important;
	width: 48%;
}
.clm4cus2 li:nth-child(2n) {
	margin-right:0% !important;
}
.clm4cus2 li:nth-child(3) {
	margin-right:4% !important;
}
.clm4cus2 li:nth-child(3n+1) {
	clear: inherit;
}


}


/*

  メインビジュアルのサムネイル

*/
.seafood-thumnail,
.slider-thumnail {
  margin: 7px auto 0;
}
.slider-thumnail img {
  /*opacity: 0.5;
  filter: alpha(opacity=50);*/
}
.seafood-thumnail a.active img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.slider-thumnail, .seafood-thumnail {
  letter-spacing: -.34em;
  display: inline-block;
}
.slider-thumnail a, .seafood-thumnail a{
  display: inline-block;
  /*background: #000;*/
  width: 16%;
  height: 57px;
  margin-right: 8px;
  letter-spacing: normal;
  cursor:pointer;
  *display: inline;
  *zoom: 1;
}
html.lt-ie8 .seafood-thumnail a
html.lt-ie8 .slider-thumnail a {
  margin-right: 0;
}
.seafood-thumnail a.thumb-edge,
.slider-thumnail a.thumb-edge {
  display: inline-block;
  background: #000;
  width: 164px;
  height: 57px;
  margin-right: 0;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}

@media screen and (max-width: 1023px){
.seafood-thumnail,
.slider-thumnail {
 /* letter-spacing: -.34em;*/
 float: left;
 box-sizing: border-box;
 display: block;
}
.slider-thumnail {
	width:100%;
}
.seafood-thumnail {
	width: 20%;
	max-width: 164px;
}
.seafood-thumnail a{
  box-sizing: border-box;
  width: 100%;
  max-width: 164px;
  height: auto;
}
.slider-thumnail a {
  display: block;
  float: left;
  width: 16.6%;
  max-width: 167px;
  height: auto;
  margin-right: 0;
  letter-spacing: normal;
  box-sizing: border-box;
  border-right:3px #fff solid;
}
html.lt-ie8 .seafood-thumnail a,
html.lt-ie8 .slider-thumnail a {
  margin-right: 0;
}
.seafood-thumnail a.thumb-edge,
.slider-thumnail a.thumb-edge {
  display: inline-block;
  background: #000;
 /* width: 16%;
  height:11.71875%;*/
  margin-right: 0;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
}
}

#content_btm_bnr ul {
  position: relative;
  overflow: hidden;
  margin-left: -12px;
  margin-right: -12px;
  box-sizing:border-box;
  max-width:948px;
  width: 100%;
  margin:auto;

}
#content_btm_bnr ul li{
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
  float: left;
  width: 33.33333333333%;
  box-sizing:border-box;
}

#content_btm_bnr ul li img{
	max-width: 100%;
	width: auto;
}

/*#content_btm_bnr .w3{
  left: 12.5%;
}
#content_btm_bnr .w2{
  left: 25%;
}*/

@media screen and (max-width: 767px){
  #content_btm_bnr .w3,
  #content_btm_bnr .w2{
    	left: 0;
  }
  #content_btm_bnr ul {
	max-width: 624px;
  }
  #content_btm_bnr ul li {
	  width: 50%;
  }
}

@media screen and (max-width: 479px){
  #content_btm_bnr .w3,
  #content_btm_bnr .w2{
  }
  #content_btm_bnr ul li{
	margin-left:auto;
	margin-right:auto;
    float: none;
    text-align: center;
    width: 90%;
  }
}