@charset "UTF-8";
/*
 * cmn_style.css
 *
 */


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #212020 !important;
	text-decoration: underline;
}
a:visited {}
a:hover,
a:active,
a:focus { color:#212020 !important;text-decoration: none;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  72%;}/* base 14px -> 10px */
.fzS   { font-size:  86%;}/* base 14px -> 12px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 14px -> 16px */
.fzLL  { font-size: 129%;}/* base 14px -> 18px */
.fzLLL { font-size: 143%;}/* base 14px -> 20px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800	{ width: 800px;}
.w640	{ width: 640px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w280	{ width: 280px;}
.w160	{ width: 180px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* 1024px Grid */
.row { margin: 0 auto; 
}
.row:after {
  clear: both;
}
@media screen and (max-width:767px){
.row {
	width: 100% !important;
	padding:0 16px;
	margin: 0 auto;
}
}
.col-pc-01, .col-pc-02, .col-pc-03, .col-pc-04, .col-pc-05, .col-pc-06, .col-pc-07, .col-pc-08, .col-pc-09, .col-pc-10, .col-pc-11, .col-pc-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float:left;
}
.col-pc-12 { width: 100% !important;}
.col-pc-11 { width: 91.663% !important;}
.col-pc-10 { width: 83.333% !important;}
.col-pc-09 { width: 74.997% !important;}
.col-pc-08 { width: 66.664% !important;}
.col-pc-07 { width: 58.331%;}
.col-pc-06 { width: 49.998% !important;}
.col-pc-05 { width: 41.665%;}
.col-pc-04 { width: 33.332% !important;}
.col-pc-03 { width: 24.999% !important;}
.col-pc-02 { width: 16.666% !important;}
.col-pc-01 { width: 8.333% !important;}
@media screen and (max-width:767px){
.col-pc-01, .col-pc-02, .col-pc-03, .col-pc-04, .col-pc-05, .col-pc-06, .col-pc-07, .col-pc-08, .col-pc-09, .col-pc-10, .col-pc-11, .col-pc-12 {
  width:100%;
  clear:both;
  float:none;
  padding:0;
}
}
/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 20px;}
.flImgR { display: inline; float: right; margin-left: 20px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}

/* !JavaScript -------------------------------------------------------------- */
/* ロールオーバー呼び出し用 */ 
.over {
}

/* !Effect -------------------------------------------------------------- */
figure a:hover {
opacity:0.7 !important;
filter: alpha(opacity=70) !important;
-moz-opacity:0.7 !important;
}
/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl80 { padding-left:80px !important;}
/* !BorderBox  ---------------------------------------------------------------- */
.bdrA01 {
	border: 1px solid #ccc;
	padding: 16px;
	margin: 36px 0;
	}
.bdrTB01 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
	margin: 36px 0;
}

/* !ページネーション  ---------------------------------------------------------------- */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
	background-color: #FFDC73;
	border-radius: 3px;
	color: #333333;
	cursor: not-allowed;
	padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #888888;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
/* !丸型ボックス  ---------------------------------------------------------------- */
.circle_box {
	background: #968873;
    border-width: 8px;
    border-radius: 50%;
    /* border-color: #6BE #267 #3BC #056; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    _display: inline;
    font-size: 14px;
    font-weight: bold;
    height: 120px;
    letter-spacing: 2px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
    padding: 45px 6px;
    float: left;
    margin: 16px;
}
/* !Mark -------------------------------------------------------------- */
.markWrap01 {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
.markWrap01 a {
	text-decoration:none;
	color: #FFF;
}
.marknormal {
	border:#FFF;
	color:#FFF;
	padding:6px 10px;
	display: inline;
	margin-right: 12px;
	}
.markgekijou {
	background-color: #635445;
	color: #FFF;
	padding: 6px 10px;
	display: inline;
	margin-right: 12px;
	}
.markticket {
	background-color: #8C2300;
	color: #FFF;
	padding: 6px 10px;
	display: inline;
	margin-right: 12px;
	}
.markgallery {
	background-color:#FFD24D;
	color:#000;
	padding:6px 10px;
	display: inline;
	margin-right: 12px;
	}
	.markgallery a {
		color:#000;
	}
@media screen and (max-width:767px){
	.markWrap01 {margin-bottom:2px;}
	.marknormal,.markgekijou,.markticket,.markgallery {
		font-size:84%;
		padding:2px;
		margin-right:4px;
}
}
/* !recipe-------------------------------------------------------------- */
section #shopinfo {
	margin: 64px 0 32px 0
}
section .gallery {
	width:100%;
	overflow:hidden;
	}
	section .gallery div { 
	width:24%;
	margin-right:8px;
	overflow:hidden;
	float:left;
	}
	section .gallery div:nth-child(4){ 
		margin-rght:0;
		float:none;
	} 
	section .gallery img {
		height:160px;
		}
		
section.commentArea {
	background-color: #FC0;
	padding: 24px;
    }
.recipeComment {
}
	.recipeComment li {	
		clear:both;	
		padding:8px;
	}
	.recipeComment li span.sizeM {
		display: block;
		float: left;
		width: 60px;
		margin-right: 16px;
		height: 60px;
		border-radius:60px;
	}
	.recipeComment li span.sizeS {
		display: block;
		float: left;
		width: 48px;
		margin-right: 16px;
		height: 48px;
		border-radius:48px;
		background-color:#FFF;
	}
	.recipeComment li span img {
		width:60px;
		height:60px;
		border-radius:60px;
	}
@charset "UTF-8";
/* ------------------------------------------------------------------
 *
 * !table.css 
------------------------------------------------------------------ */
/* 01.
 *------------------------------------------------------------------ */
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #3AA465;
	border-left: 1px solid #3AA465;/* color:#FFF; */
}
.table_basic01 th,
 .table_basic01 td {
	border-right: 1px solid #3AA465;
	border-bottom: 1px solid #3AA465;
	padding: 16px;
	border-left: none;
	border-top: none;
}
.table_basic01 th {
	background-color: #B4FAC6;
	color: #3AA465;
	font-weight: 500;
	text-align: center;
}
.table_basic01 td {
}
.table_basic02 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;/* color:#FFF; */
}
.table_basic02 th,
 .table_basic02 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 16px;
}
.table_basic02 th {
	width: 240px;
	background-color: #0059b2;
	color: #FFF;
	font-weight: 500;
	text-align: center;
}
.table_basic02 td {
}
@media screen and (max-width:959px) {
.table_basic01 {
	width: 100%;
}
.table_basic01,
 .table_basic01 thead,
 .table_basic01 tbody,
 .table_basic01 tr,
 .table_basic01 th,
 .table_basic01 td {
	width: 100%;
	display: block;
}
.table_basic01 th,
 .table_basic01 td {
	border-top: none;
	border-left: none;
}
.table_basic01 th {
}
.table_basic01 td {
}
}
/*tableを横スクロールスクロールさせる<div class="table-scroll">で囲む*/
.table-scroll > table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 16px;
}
.table-scroll > table th,
 .table-scroll > table td {
}
.table-scroll > table th {
}
.table-scroll > table tr:nth-child(2n) {
	background-color: #fff;
}
/* tableを横スクロール(左端列固定)*/
.table-wrapper {
	width: auto;
	overflow: scroll;
}
.table-wrapper table {
	position: relative;
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
}
.table-wrapper td,
th {
	/* white-space: nowrap; */
	border: 1px solid #3AA465;
	padding: 8px;
	text-align: center;
	/* border-bottom: 1px solid #babcbd; */
}
.table-wrapper th {
	background-color: #B4FAC6;
	position: sticky;
	top: -1px;
	z-index: 2;
	border: 1px solid #3AA465;
	color: #3AA465;
}
.table-wrapper th:first-of-type {
	left: 0;
	z-index: 3;/* border-top: none; */
    /* border: none; */
}
.table-wrapper tbody tr td:first-of-type {
	/* background-color: #0059b3; */
	position: sticky;
	left: -1px;
	text-align: left;
	/* border: 1px solid #ffffff; */
	text-align: center;
	/* color: #FFF; */
}
.table-wrapper tbody tr td:nth-of-type(2),
.table-wrapper thead tr th:nth-of-type(2) {
}
.table-wrapper thead tr th:nth-of-type(2) {
	border: #e05a5a 3px solid;
	background-color: #e05a5a;
	color: #FFF;
}
.table-wrapper tbody tr:last-child td:nth-of-type(2) {/* border-bottom:3px solid #e05a5a; */
}
/* tableを横スクロール(左端1列固定)*/
.table-wrapper02 {
	width: auto;
	overflow: scroll;
}
.table-wrapper02 table {
	position: relative;
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
}
.table-wrapper02 td,
th {
	white-space: nowrap;
	border: 1px solid #babcbd;
	padding: 8px;
	text-align: center;/* border-bottom: 1px solid #babcbd; */
}
.table-wrapper02 th {
	background-color: #0059b3;
	position: sticky;
	top: -1px;
	z-index: 2;
	border: 1px solid #ffffff;
	color: #FFF;
	padding: 8px 32px;
}
.table-wrapper02 th:first-of-type {
	left: 0;
	z-index: 3;/* border-top: none; */
    /* border: none; */
}
.table-wrapper02 tbody tr td:first-of-type {
	/* background-color: #0059b3; */
	position: sticky;
	left: -1px;
	text-align: left;
	/* border: 1px solid #ffffff; */
	text-align: center;/* color: #FFF; */
}
.table-wrapper02 tbody tr td:nth-of-type(2),
.table-wrapper thead tr th:nth-of-type(2) {

}
.table-wrapper02 thead tr th:nth-of-type(2) {
 border:;
 background-color:;
 color:;
}
.table-wrapper02 tbody tr:last-child td:nth-of-type(2) {
border-bottom:;
}
@media screen and (max-width:959px) {
.table-scroll {
	overflow: auto;
	white-space: nowrap;
}
.table-scroll::-webkit-scrollbar {
height: 8px;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #aaa;
}
.table-scroll::-webkit-scrollbar-track {
background: #ccc;
}
.table-wrapper {
	overflow: scroll;
}
.table-wrapper td, th {
    white-space: nowrap;
}
}
.ifm_stview_home {
	width:100%;
	height:500px;
	border:0;
	margin-top:40px;
}
@media screen and (max-width:959px) {
.ifm_stview_home {
	height:300px;
	margin-top:30px;

}	
}