@charset "utf-8";
/* CSS Document */

/*--------- 共通部分 ---------*/

.outlineField {
	width: 100%;/* 252px/320px=78.75% */
	text-align:center;
	padding:0;
	margin:0 auto 1em auto;
}

ul.iconBox {
	display:inline-block;
	text-align:center;
	margin:0 auto .5em auto;
	font-size: 0;
	letter-spacing: 0;
}

ul.iconBox li {
	text-align:center;
	display:inline-block;
	padding:0;
	margin: 0 8px 0 0;
	width:28px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../images/menu/menu_icons.png) no-repeat;
	background-size: 28px 112px;
}

ul.iconBox li:last-child {
	margin: 0;
}

ul.iconBox li.iconGift1, .labelArea ul li.iconGift1 {
	background-position: 0 0;
}
ul.iconBox li.iconGift2, .labelArea ul li.iconGift2 {
	background-position: 0 -28px;
}
ul.iconBox li.iconGift3, .labelArea ul li.iconGift3 {
	background-position: 0 -56px;
}
ul.iconBox li.iconGift4, .labelArea ul li.iconGift4 {
	background-position: 0 -84px;
}

/* 白背景 */
ul.iconBox2 {
	display:inline-block;
	text-align:center;
	margin:0 auto .5em auto;
}
ul.iconBox2 li {
	text-align:center;
	display:inline-block;
	padding:0;
	margin: 0 0.5em;
	width:28px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../images/menu/menu_icons_white.png) no-repeat;
	background-size: 28px 112px;
}
ul.iconBox2 li.iconGift1, .labelArea ul li.iconGift1 {
	background-position: 0 0;
}
ul.iconBox2 li.iconGift2, .labelArea ul li.iconGift2 {
	background-position: 0 -28px;
}
ul.iconBox2 li.iconGift3, .labelArea ul li.iconGift3 {
	background-position: 0 -56px;
}
ul.iconBox2 li.iconGift4, .labelArea ul li.iconGift4 {
	background-position: 0 -84px;
}

/* アイコン説明トグル */
.labelArea ul {
	width: 104px;
	background: #fff;
	height: auto;
	float: right;
	padding: 1%;
	position: absolute;
	right: 0;
	z-index: 1;
}
.labelArea ul li {
	line-height: 28px;
	/*font-size: 87.5%;*//* 14px/16px=87.5% */
	font-size: 14px;
	color: #555;
	list-style-type: none;
	display: block;
	padding-left: 3em;
	background:url(../images/menu/menu_icons.png) no-repeat;
	background-size: 28px 112px;
	margin: 3px 0
}

.intemBox {
	clear:both;
	text-align:center;
	display:block;
	padding:0;
	margin:0;
}

.itemBox {
	width: 100%;
	padding: 12px 5% 24px;
	box-sizing:border-box;
}

h1.itemNeme {
	font-size:160%;
	line-height: 1.6;
	padding:0;
	margin:0;
}

/* キャッチコピー */
.itemBox .newfair-subtit {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #f29000;
}

/* 現在販売しておりません */
/* カテゴリトップ */
.fairname p.notsell{
	font-size:22px;
	margin:0;
	color:#ec2214;
	font-weight:bold;
}
/* 詳細 */
p.notsell{
	font-size:150%;
	margin:0;
	color:#ec2214;
	font-weight:bold;
}

/* 注記 */
p.comment{
	font-size:15px;
	margin: 5px 0;
	color:#ec2214;
	font-weight:bold;
}

/* 他ページヘリンク */
p.otherlink{
	margin-top: -3%;
}
p.otherlink a{
	font-size: 15px;
	color: #EC2214;
	font-weight: bold;
}
.itemBox .otherlink{
	margin: 1% 0;
}
.itemBox p.otherlink{
	font-size: 15px;
	color: #EC2214;
	font-weight: bold;
}

/* デニコレ、デラチョイ、地域限定など */
p.notsellBig{
	font-size: 34px;
	margin: 1% 0 2%;
	color: #ec2214;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
/*end*/

p.itemPrice {
	font-size:175%;
	padding:0;
	margin:0;
}

p.itemPrice span {
	font-size:62.29%;
	padding:0;
	margin:0;
}

p.itemCap{
	line-height: .95em;
    padding: 0 0 1.5%;
}

.descriptionField {
	font-size: 14px;
	background:#FFFAEB;
	text-align:center;
	width: 100%;/* 252px/320px=78.75% */
	padding: 40px 0;
	margin:0 auto 40px auto;
}

.descriptionInner {
	text-align:left;
	width: 78.75%;/* 252px/320px=78.75% */
	margin:0 auto;
	max-width: 896px;
}

/* アレルギー欄削除時 */
.leftBox {
	width:100%;
	display:block;
}

.leftBox p:last-child {
	margin: 0;
}

/* アレルギー欄削除時end */

/*.leftBox {
	width:45%;
	padding:0 5% 0 0;
	float:left;
	display:block;
}*/

.rightBox {
	width:50%;
	float:right;
	display:block;
}

p.pointBox {
	color:#DD2418;
	font-size:112.5%;
	text-align:center;
	padding:1em 0;
}

p.pointBox span {
	display:inline-block;
}

p.comentB1 {
	font-size:112.5%%;
	padding:0;
}

p.comentB1 span {
	padding:0 0 0 1em;
}

p.comentB2 {
	font-size:112.5%;
	text-align:left;
	padding:0;
}

p.remarks {
	font-size:93.75%;
	text-align:left;
	margin-bottom:2em;
}

/* メニュー詳細メイン画像 */
.menumainimg{
	margin-bottom: 20px;
	position:relative;
}

.officon{
	position: absolute;
	top:2.5%;
	left:1.5%;
	max-width:123px;
	width:100%;
}

/* アレルギー表 */
table {
	margin-top: 15px;
	border-collapse: collapse;
	border-top: solid 1px #c8c8c8;
	padding: 0;
	width: 100%;
}
table th {
	width: 40%;
	font-weight: normal;
	text-align: left;
	border-collapse: collapse;
	padding: 1px 5px;
}
table td {
	width: 10%;
	border-collapse: collapse;
	font-size: 18px;
	padding: 1px;
}
.line1 {
	border-right: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	text-align: center;
	padding-right: 4%;
}
.line2 {
	border-bottom: solid 1px #c8c8c8;
	text-align: center;
	padding-right: 4%;
}

.ttl {
	font-size:14px;
	text-align:center;
	padding:.75em 0;
	margin: 60px 0 30px;
	border-top:#E6E6E6 solid 1px;
	border-bottom:#E6E6E6 solid 1px;
}

.comentBox {
	width: 90%;/* 252px/320px=78.75% */
	padding:0;
	margin:0 auto;
}

.comentBox p {
	font-size:93.75%;
	line-height:2em;
}

.attentionTxt {
	width: 90%;/* 252px/320px=78.75% */
	margin:0 auto;
}

.switch {
	font-weight: bold;
	width: auto;
	padding: 2.5%;
	text-align: center;
	border: solid 1px #777;
	background: #FFF;
	letter-spacing: 0;
	display: block;
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;
	cursor: pointer;
}

.switch span {
	background:url(../images/mark/arrow_down.png) no-repeat 0 50%,url(../images/mark/attention_mark.png) no-repeat 10% 50%;
	background-size:14px 8px,14px 14px;
	padding: 0 0 0 3em;
	display:inline-block;
}

.open span {
	background:url(../images/mark/arrow_up.png) no-repeat 0 50%,url(../images/mark/attention_mark.png) no-repeat 10% 50%;
	background-size:14px 8px,14px 14px;
	../images/mark/close-black.png
}

.close {
	background:#f0f0f0;
	text-align:center;
	padding:2.5% 0;
	margin-bottom:2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer
}

.close span {
	background:url(../images/mark/close-black.png) no-repeat 0 50%;
	background-size:14px 14px;
	padding:.5em 0 .5em 2em;
}

.contentWrap {
	display:none;
}

/* ごちそうフェア用141202 */
.pancake-flag {
	width: 25%;
	position:absolute;
	top:5%;
	left:0%;
}


/* ボタン */

.connectionLink {
	padding:0;
	margin:0;
}

p.linkBtn_l,p.linkBtn_r {
	width: 100%;/* 252px/320px=78.75% */
	padding:2em 0 0 0;
	margin:0 auto;
	font-size:112.5%;
	text-align:center;
}

p.linkBtn_l a,p.linkBtn_r a{
	display: inline-block;
	width:96%;
	line-height:1.5em;
	padding: 1em 2% 1em 2%;
	text-align:left;
	color: #fff;
	background: #DD2418; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#DD2418, #DD2418); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#DD2418, #DD2418); /* Opera11.10+ */
	background: -ms-linear-gradient(#DD2418, #DD2418); /* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#999',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(#DD2418, #DD2418); /* New syntax  */
	background: linear-gradient(#DD2418, #DD2418); /* W3C */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

p.linkBtn_l a:hover,p.linkBtn_r a:hover {
	background: #ccc; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#ccc, #ccc); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#ccc, #ccc); /* Opera11.10+ */
	background: -ms-linear-gradient(#ccc, #ccc); /* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(#ccc, #ccc); /* New syntax  */
	background: linear-gradient(#ccc, #ccc); /* W3C */
}

p.linkBtn_l a:hover,p.linkBtn_r a:hover,
p.linkBtn_l a:active,p.linkBtn_r a:active{color: #fff}

p.linkBtn_l span,p.linkBtn_r span{
	display:block;
	padding:0 2em 0 2em;
	background:url(../images/mark/arrow2-white.png) no-repeat right 50%;
}


/* タイトル上の赤字 */

p.txt-red {
	font-size:15px;
	margin:0;
	color:#ec2214;
	font-weight:bold;
	padding-bottom:10px;
}


/* ルビ */
@media tv {
	/*	ルビの縦ずれを補正
		rbやrtのfont-size、line-heightによらず0.5em
	*/
	html body ruby {
		padding-bottom: 0.5em;
	}
}

/* ruby（ルビ文字組み全体のインライン領域）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
ruby {
	display			: inline-table;
	text-align		: center;
	text-indent		: 0px;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1;
	height			: 1em;
	vertical-align	: text-bottom;
	border			: none;
}
/* IE7用指定 */
*:first-child+html ruby {
	white-space		: normal;
}

/* rb（本文）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rb {
	display			: table-row-group;
	line-height		: 1.5;
	text-align		: center;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}
/* IE7用指定 */
*:first-child+html rb {
	white-space		: normal;
}

/* rt（フリガナ）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rt {
	display			: table-header-group;
	font-size		: 50%;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 0;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}
/* IE7用指定 */
*:first-child+html rt {
	white-space		: normal;
}

/* rp（CSS OFF状態での区切り文字、通常不可視）
------------------------------------------- */
/* 全ブラウザ共通指定 */
rp {
	display			: none;
}



/*------------- メニューカテゴリトップ ------------ */
.menucategory {
	position: relative;
}
.menucategory a img {
    transition: .4s ease;
	-o-transition: .4s ease;
	-ms-transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
}

/* マウスオーバー時半調 */
/*151027_bk*/
/*.menucategory a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}*/
.menucategory a:hover .menuimg img{
	transform:scale(1.015);
	-o-transform:scale(1.015);
	-ms-transform:scale(1.015);
	-moz-transform:scale(1.015);
	-webkit-transform:scale(1.015);
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
}

.menuname {
	position: absolute;
    width: 30%;
    height: auto;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.menuname2 {
	position: absolute;
	width:27%;
	top:28%;
	left:5%;
	text-align:center;
	color:#fff;
}

.menuimg {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.menuimg:after {
	content: "";
	display: block;
	width: 30%;
	height: 100%;
	background: #fff;
	opacity: .75;
}

.menuimg img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: none;
}

.menu-hr {
	display: block;
	margin: 0 auto;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #555;
}
.menu-hr-white {
	display: block;
	margin: 0 auto;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #fff;
}

/*151027_bk*/
/*.menuname-h1 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 100%;
	line-height: 1.2;
}*/
.menuname-h1 {
	font-size: 160%;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.price {
    font-size: 160%;
    margin: 15px 0 0;
    -webkit-font-smoothing: antialiased;
}

.subprice {
	font-size: 14px;
}

.price .chuki {
    font-size: 66%;
    text-decoration: none;
    line-height: 1.5em;
    color: #ec2214;
    display: block;
}

.menulink {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transition: .2s ease;
	-webkit-transition: .2s ease;
}


.menuicon {
    position: absolute;
    width: auto;
    top: 40px;
    left: 20px;
    text-align: left;
    z-index: 1;
}


/*ごちそうフェア用*/

.menuicon-spfair {
	position: absolute;
	width: 27%;
	top: 35%;
	left: 5%;
	text-align: center;
}



/* メニュー下共通3ボタン */
.menuother {
	width: 92.7%;/* 712px/768px=92.7% */
	padding: 2em 0;
	margin: 0 auto;
}
.menuother ul li {
	width: 33.3%;
	display: block;
	float: left;
	padding: 0 0;
	margin-left: -1px;
	text-align: center;
	border-right: #cccccc solid 1px;
}
.menuother img { width: 88% }
.menuother ul li:last-child {
	border-right: none;
}
.menuother h2 {
    width: 73%;
    max-width: 105px;
    margin: 0 auto;
}
.menuother p {
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 15px
}
.menuother p a {
	background: url(../images/mark/arrow-red.png) no-repeat 0 45%;
	background-size:16px 16px;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 3em;
	display: inline-block;
}


.menuInner {
	margin: 0 10%
}
.menuother a:hover img, .menuother a:active img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.detail-right {
	width: 50%;
	float: right;
	display: block;
}
.detail-left {
	width: 46%;
	float: left;
	display: block;
}

/* メニュー名上の赤文字 */
.menuname2 .small-txt{
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff;
}

.itemBox .small-txt{
	font-size: 150%;
	text-align: center;
	margin-bottom: 3px;
	font-weight: bold;
	color: #ec2214;
}


/* 新サラダ */
#salad .setumei {
	font-size: 16px;
	line-height: 2em;
	letter-spacing: .3em;
	margin: 1.5% auto 3%;
	color: #32b414;
	text-align:center;
	width:92.7%;
}

#salad p.subtxt {
	font-size:13px;
	text-align:left;
	margin-bottom:10px;
	font-weight:bold;
	color:#555;
}

#salad p.subtxt2 {
	font-size:15px;
	text-align:left;
	font-weight:bold;
	color:#ec2214;
}

#salad .fairname {
	position: absolute;
	width: 27%;
	top: 27%;
	left: 5%;
	text-align: center;
}

#salad .fairname2 {
	position: absolute;
	width: 27%;
	top: 48%;
	left: 5%;
	text-align: center;
}

#salad .fairlink{
	position: absolute;
	top: 73%;
	left: 16%;
}

#salad .icon-share{
	position: absolute;
	top: 4%;
	left: 2%;
	width: 12%;
}

#salad .price{
	margin-bottom: 5px;
}

#salad .quality-btn{
	max-width: 790px;
	width: 100%;
	margin: 0 auto 30px;
}

#salad .quality-btn a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

/*151027_こくさんたくさん週間*/
#salad .setumeiBox {
	display: table;
    width: 100%;
    margin: 0 auto 5%;
    border-top: 1px solid #E0312E;
    border-bottom: 1px solid #E0312E;
    box-sizing: border-box;
    padding: 10px;
     transition: .6s ease;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
}

#salad .setumeiBox:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#salad .setumeiBox a {
	display: inherit;
}

#salad .setumeiBox a:hover {
	text-decoration: none;
}

#salad .setumeiBox a img {
	display: table-cell;
	vertical-align: middle;
	min-width: 220px;
}

#salad .setumeiBox a p.kokusan-setumei {
	display: table-cell;
	vertical-align: middle;
	width: 79%;
	text-align: center;
	padding: 0 2%;
    font-size: 14px;
    letter-spacing: .2em;
	color: #E0312E;
	background: url(../images/menu/red-circle.png) no-repeat;
    background-size: 25px;
    background-position: 100% 50%;
}

/* サラダお知らせ特別枠 */
p.news {
	border: 1px solid #ed2214;
    padding: 1.5%;
    margin: 1% auto 5%;
    max-width: 1080px;
    width: 90%;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.7em;
}

p.news span {
	font-size: 16px;
	color: #ed2214;
	font-weight: bold;
}

/* 新セレクトモーニング */
#morning .setumei {
	font-size: 16px;
	line-height: 2em;
	letter-spacing: .3em;
	margin: 1.5% auto 3%;
	color: #539dff;
	text-align:center;
	width:92.7%;
}

#morning .morning-copy {
	padding: 0 0 4% 0;
}

#morning .morning-copy2 {
	padding: 6% 0 3% 0;
}

#morning .menuicon {
	position: absolute;
	width: 27%;
	top: 24%;
	left: 5%;
	text-align: center;
}

#morning p.subtxt,
#morning p.subtxt2{
	font-size:13px;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

#morning p.subtxt2 {
	margin-top:-5%;
}

#morning .fairname,
#morning .fairname2,
#morning .fairname3 {
	position: absolute;
	width: 27%;
	top: 34%;
	left: 5%;
	text-align: center;
}

#morning .fairname {
	color:#539dff;
}

#morning .fairname2 {
	color:#ff9e00;
}

#morning .fairname3 {
	color:#d2a000;
}

#morning .fair-hr{
	border-top: 1px solid #539dff;
}

#morning .fair-hr2{
	border-top: 1px solid #ff9e00;
}

#morning .fair-hr3{
	border-top: 1px solid #d2a000;
}

#morning .fairlink{
	position: absolute;
	top: 73%;
	left: 16%;
}

#morning .shadow{
	text-shadow:1px 1px 5px #FFF;
}

/* ページ上部ボタンバナー（大） */
.bnrtop{
	margin: 0 auto 3%;
    display: block;
    width: 90.32%;
    max-width: 1080px;
}
.bnrtop a img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* ページ下部ボタンバナー */
.bnrsbox img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.bnrsbox{
	text-align:center;
	margin:5% auto;
	max-width: 1080px;
}

/* 2個以下 */
/*.bnrsbox a{
	margin:0 10px;
	width: 40%;
	display: inline-block;
}*/

/* 3個以上 */
.bnrsbox a{
	margin:0 5px;
	width: 32%;
	display: inline-block;
}
.bnrsbox .bnr1{
	width:100%;
}
.bnrsbox .bnr2{
	width:100%;
}

/* ページ下部ボタンバナー（大） */
.bnrbottom a img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.bnrbottom{
	text-align:center;
	margin:0 auto 3%;
	width: 62%;
	max-width: 896px;
}

/* 夏ビーフフェア＿nanaao */
.itemBox p.nanacotxt {
	padding: 5px 0 0;
}

/* メニュー詳細内バナー */
.bnrInner {
	width: 42%;
    margin: 0 auto;
}

/* テイクアウトページバナー */
.bnrsbox a.takeoutbnr{
	width: 40%;
}


/*------------- ポケモン映画キャンペーン150425 -------------*/
.pokemon_copy {
	text-align: right;
}


/*------------- メニュー詳細内バナー -------------*/
.bnrInner a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	text-decoration: none;
	transition: all 0 ease;
}

/*------------- その他のモーニング（下記店舗では販売しておりません） -------------*/
.shop_notsell{
	font-size: 17px;
    line-height: 1.8em;
    letter-spacing: .1em;
    color: #eb2113;
    margin: 5% 0 0;
}

/*------------- min-width: 992px ------------ */

@media only screen and (min-width: 992px) {

.outlineField {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width:1080px;
}

.innerBox {
	width: 80%;/* 896px/992px=90.3225% */
	max-width:1200px;
}

.tabMenu ul {
	width: 70%;/* 252px/320px=78.75% */
	max-width:840px;
	padding:0;
}


.comentBox {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width:1200px;
}

.comentBox_top {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width:1200px;
}


.attentionTxt {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width:1080px;
	font-size:12px;
}
.menuother ul { margin: 0 20% }

.officon{
	width:90%;
}

}


/*------------- max-width: 768px ------------ */

@media only screen and (max-width: 768px){
.leftBox, .rightBox { width: 100%; padding: 0; }
.descriptionInner {
	width: 80%; /* 712px/768px=92.7% */
	max-width:896px;
}

ul.iconBox {
    text-align: left;
    padding: 0 auto;
    margin: 0 auto .5em auto;
}

.itemBox {
	text-align:center;
	display:inline-block;
	margin:0 auto;
}

p.itemNeme {
	font-size:150%;
	font-weight:bold;
	line-height:1.5em;
	padding:0;
	margin:0;
	display:block;
}

p.itemPrice {
	font-weight:bold;
	line-height:1.5em;
	padding:0;
	margin:0;
	display:block;
}

p.itemPrice span {
	font-size:58.33%;
	font-weight:normal;
	padding:0;
	margin:0;
}

p.pointBox {
	font-size:87.5%;
}


p.comentB1 {
	font-size:87.5%%;
	padding:0;
}

p.comentB2 {
	text-align:center;
	font-size:87.5%;
}

p.remarks {
	font-size:75%;
	text-align:left;
}

.attentionTxt {
	width: 92.7%;/* 712px/768px=92.7% */
	font-size:12px;
}


p.linkBtn_r {
	width: 48%;/* 252px/320px=78.75% */
	padding:2em 0 0 0;
	margin:0 auto;
	font-size:112.5%;
	text-align:center;
	display:block;
	float:left;
}

p.linkBtn_l {
	width: 48%;/* 252px/320px=78.75% */
	padding:2em 0 0 0;
	margin:0 auto;
	font-size:112.5%;
	text-align:center;
	display:block;
	float:right;
}

.ttl {
	font-size:12px;
	margin: 45px 0 30px;
}

.comentBox {
	width:92.7%;/* 712px/768px=92.7% */
	max-width:1200px;
}

.comentBox p {
	font-size:75%;
	line-height:2em;
}

th,td {
	/*font-size:87.5%;*/
	text-align:left;
	padding:.5em;
}

.officon{
	width:43%;
}

/*現在販売しておりません*/
/*デニコレ、デラチョイ、地域限定など*/
p.notsellBig{
	font-size: 24px;
	margin: 0 0 2%;
}


/* メニュー詳細画像フラッグ141202 */
.pancake-flag {
	width: 35%;
	top: 10%;
}


/* 共通ボタン */

p.linkBtn {
	width: 50%;/* 252px/320px=78.75% */
	padding:2em 0 0 0;
	margin:0 auto;
	font-size:100%;
	text-align:center;
}

p.linkBtn a{
	display: inline-block;
	width:96%;
	line-height:1.5em;
	padding: 1em 2% 1em 2%;
	text-align:left;
	color: #fff;
	background: #DD2418; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#DD2418, #DD2418); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#DD2418, #DD2418); /* Opera11.10+ */
	background: -ms-linear-gradient(#DD2418, #DD2418); /* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#999',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(#DD2418, #DD2418); /* New syntax  */
	background: linear-gradient(#DD2418, #DD2418); /* W3C */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

p.linkBtn a:hover{
	background: #ccc; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#ccc, #ccc); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#ccc, #ccc); /* Opera11.10+ */
	background: -ms-linear-gradient(#ccc, #ccc); /* IE10+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(#ccc, #ccc); /* New syntax  */
	background: linear-gradient(#ccc, #ccc); /* W3C */
}

p.linkBtn a:hover,
p.linkBtn a:active{color: #fff}

p.linkBtn span {
	display:block;
	padding:0 0 0 2em;
	background:url(../images/mark/arrow2-white.png) no-repeat right 50%;
}

/*------------- メニューカテゴリトップ ------------ */
/* メニュー名称 */
/*151027_bk*/
/*.menuname-h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 110%;
}*/

/*151027_bk*/
/* 値段 */
/*.price {
	font-size: 22px;
	margin-top: 5px;
}*/

/* 税込み値段 */	
.subprice {
	font-size: 13px;
}
.menucategory {
	position: relative;
}
/* マウスオーバー時半調 */
.menucategory a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	text-decoration: none;
}

.menuname {
    width: 35%;
}

.menuname-h1 {
	font-size: 150%;
	margin-bottom: 15px;
}

.menuimg {
    position: relative;
    height: 360px;
}

.menuimg:after {
	width: 35%;
}

.menuicon {
    position: absolute;
    top: 5%;
    left: 20px;
    text-align: left;
    z-index: 1;
}

.price {
    margin-top: 15px;
}


/* newなどの赤アイコン（フェア用） */
.faircategory .menuimg {
	position: relative;
}
.faircategory ul.iconBox li {
	float: left;
	display: block;
	margin: 0 0.5em 0 0;
}
.faircategory .menuicon {
	position: absolute;
	top: 82%;
	left: 4%;
	text-align: center;
}

/*ごちそうフェア用*/
.menuicon-spfair {
	position: absolute;
	top: 82%;
	left: 4%;
}


/* メニュー名上の赤文字 */
.menuname2 .small-txt{
	font-size: 20px;
	text-align: left;
	margin-bottom: 10px;
	color: #ec2214;
}


/* 新サラダ */
#salad .setumei {
	font-size: 15px;
	letter-spacing: .15em;
	margin: 1.1% auto 4%;
}

#morning .morning-copy,
#morning .morning-copy2 {
	width: 90%;
}

/*151027_bk*/
/*#salad .menuicon {
	position: absolute;
	top: 82%;
	left: 4%;
	text-align: center;
}*/

#salad .fairname,#salad .fairname2  {
	position: static;
	text-align: left;
	padding-left: 4%;
	width: 95%;
	padding-top: 3%;
}

#salad p.subtxt {
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

#salad p.subtxt2 {
	text-align: left;
}

#salad .fairlink {
	position: absolute;
	top: 33%;
	left: 92%;
}

#salad .icon-share{
	width: 20%;
	top: 5%;
	left: 3%;
}

/*151027_こくさんたくさん週間*/
#salad .setumeiBox a p.kokusan-setumei {
    background-size: 20px;
}


/* 新セレクトモーニング */
#morning .setumei {
	font-size: 15px;
	letter-spacing: .15em;
	margin: 1.1% auto 4%;
}

#morning .menuicon {
	position: absolute;
	top: 82%;
	left: 4%;
	text-align: center;
}

#morning .fairname,
#morning .fairname2,
#morning .fairname3 {
	position: static;
	text-align: left;
	padding-left: 4%;
	width: 95%;
	padding-top: 3%;
}

#morning p.subtxt,
#morning p.subtxt2 {
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

#morning .fairlink {
	position: absolute;
	top: 33%;
	left: 92%;
}

#morning .fair-hr,
#morning .fair-hr2,
#morning .fair-hr3 {
	display: none;
}


/* ページ下部ボタンバナー */
.bnrsbox{
	width: 90%;
}

.bnrsbox a {
    margin: 0 1%;
    width: 46%;
}

/* ページ下部ボタンバナー（大） */
.bnrbottom{
	width: 100%;
}



}

@media only screen and (max-width: 650px) {
/*メニュー画像が途切れないように*/
.menuimg img {
    right: -12%;
}
}


@media only screen and (max-width: 630px) {
.officon{
	width:25%;
}
}

/*------------- max-width: 480px ------------ */

@media only screen and (max-width: 480px) {
.descriptionInner { width: 90% }

.labelArea ul { margin-right: -16px }

/* メニュー名称 */
.menucategory {
	position: relative;
	margin-bottom: 30px;
}
.menucategory a{
	text-decoration:none;
}
.menuimg {
	position: relative;
	height: 230px;
}

.menuimg:after {
	content: none;
}

.menuimg img {
    display: block;
    width: 137%;
    height: auto;
	right:0;
	top:0;
}
.menulink-pancake {
	position: absolute;
	top:22%;
	left:86%;
}

ul.iconBox{
	text-align: center;
}

.menuname {
	position: static;
    width: 100%;
    padding: 15px 15px 0;
	transform: none;
	-ms-transform: none;
	-webkit-transform: none;
}

.menuname2 {
	position: static;
	text-align: left;
	padding-left:4%;
	width:95%;
	padding-top:3%;
	color:inherit;
}
.menuname-h1 {
	font-size:18px;
	line-height: 24px;
	font-weight:bold;
	margin-bottom:0;
}
.menulink {
	display: none;
}
.menu-hr {
	display: none;
}
.price {
	margin-top: 0;
}

.menumainimg {
	margin-bottom: 15px;
}

.itemBox {
    padding: 8px 5%;
}

h1.itemNeme {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
}

p.itemPrice {
	font-size: 160%;
	line-height: 1;
}

h1.itemNeme rb {
	line-height:1.2em;
}

.descriptionField {
	padding: 30px 0;
}

.leftBox h2 {
	font-size: 13px;
    line-height: 1;
    margin: 0 auto 8px;
}

.leftBox p {
	font-size: 13px;
    line-height: 1.6;
    margin: 0 auto 20px;
}

/* メニュー下共通3ボタン */
.menuother {
	width: 80%;/* 252px/320px=78.75% */
	padding: 0 0;
	margin: 0 auto;
	display: block;
}
.menuother ul li {
	position: relative;
	width: 100%;
	display: block;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
	border-right: none;
}
.menuother h2 {
	width: 32.0%;
	display: block;
	padding: 0;
	margin: 0;
}
.menuother p {
	position: absolute;
	top: 40%;
	left: 40%;
	display: block;
	margin: 0;
	padding: 0;
	width: 60%;/*小泉141014*/
}
.menuother p a {
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 1.5em;
	display: block;
}

.section .menuicon {
	top: auto;
	left: 15px;
	bottom: 15px;
}

ul.iconBox {
    margin: 0 auto;
}

.section ul.iconBox li {
	float: left;
	display: block;
	margin: 0 8px 0 0;
}

.ttl {
	margin: 30px 0 15px;
}

.officon{
	width:21%;
}

/*ごちそうフェア用*/
.menuicon-spfair {
	top: 72%;
	left: 4%;

}

.pancake-flag {
	width: 40%;
}


/* 新サラダ */
#salad .setumei {
	font-size: 14px;
	letter-spacing: .08em;
	width: 90%;
	margin: 1% auto 5.5%;
}

/*151027_bk*/
/*#salad .fairlink {
	top: 18%;
	left: 86%;
}*/
#salad .menulink {
	top: 18%;
	left: 86%;
}


/*151027_bk*/
/*#salad .menuicon {
	top: 72%;
	left: 4%;
}*/

#salad .quality-btn {
	width: 90%;
  	margin: 0 auto 20px;
}

/*151027_こくさんたくさん週間*/
#salad .setumeiBox {
	display: block;
    width: 90%;
    margin: 10% auto 15%;
    padding: 15px 0;
}

#salad .setumeiBox:hover {
	opacity: 1;
}

#salad .setumeiBox a {
	display: inherit;
}

#salad .setumeiBox a img {
	display: block;
    margin: 0 auto 5%;
}

#salad .setumeiBox a p.kokusan-setumei {
	display: block;
	width: 100%;
    text-align: left;
    margin: 0;
    font-size: 13px;
	/*width: 92%;
    padding: 0 8% 0 0;
    background-size: 20px;*/
    letter-spacing: .1em;
    background: none;
    padding: 0;
}

/* サラダお知らせ特別枠 */
p.news {
    padding: 4%;
    margin: 1% auto 10%;
    font-size: 13px;
}

p.news span {
	font-size: 14px;
}

/* 新セレクトモーニング */
#morning .setumei {
	font-size: 14px;
	letter-spacing: .08em;
	width: 90%;
	margin: 1% auto 5.5%;
}

#morning .morning-copy {
	padding: 2% 0 4% 0;
}

#morning .morning-copy2 {
	padding: 5% 0 4% 0;
}

#morning p.subtxt2 {
	margin-top:-8%;
}

#morning .fairlink {
	top: 18%;
	left: 86%;
}

#morning .menuicon {
	top: 72%;
	left: 4%;
}


/* ページ上部ボタンバナー */
.bnrtop{
	margin:0 auto 5%;
	width: 100%;
}


/* ページ下部ボタンバナー */
.bnrsbox{
	width:90%;
	margin: 10% auto 5%;
}
.bnrsbox a {
    margin: 0 auto;
    width: 100%;
    display: block;
}
.bnrsbox .bnr1{
	margin:0 0 5% 0;
	float:none;
	width:100%;
}
.bnrsbox .bnr2{
	float:none;
	width:100%;
}

/* 夏ビーフフェア＿nanaao */
.itemBox p.nanacotxt {
	text-align: left;
	padding: 2% 5% 0;
}

/* メニュー詳細内バナー */
.bnrInner {
	width: 100%;
}

/* テイクアウトページバナー */
.bnrsbox a.takeoutbnr{
	width: 100%;
}


/*------------- ポケモン映画キャンペーン150425 -------------*/
.pokemon_copy {
    line-height: 1em;
}


}


/*------------- メニューカテゴリ画像151111 -------------*/

@media only screen and (max-width: 420px) {
.menuimg {
	position: relative;
	height: 210px;
}
}

@media only screen and (max-width: 390px) {
.menuimg {
	position: relative;
	height: 200px;
}
}

@media only screen and (max-width: 370px) {
.menuimg {
	position: relative;
	height: 190px;
}
}


@media only screen and (max-width: 350px) {
.menuimg {
	position: relative;
	height: 170px;
}
}

@media only screen and (max-width: 310px) {
.menuimg {
	position: relative;
	height: 150px;
}
}


/*------------- モーニングサービス160316 -------------*/
.morning-service {
	width:100%;
	margin: 0 auto 3%;
	color:#FFF;
	}

.morning-service .morning-serviceIcon {
	width:100%;
	display:block;
	margin:0 auto -3%;
	}

.morning-service .morning-serviceIcon img {
	width:60px;
	}

.morning-service .morning-serviceInner {
	background:url(/images/menu/morning-service_bg.jpg) repeat;
	padding:0 0 2% 0;
	}

.morning-service .morning-serviceInner .morning-serviceList, .morning-service .teatime-serviceInner .morning-serviceList {
	width:87.5%;
	margin: 0 auto 5%;
	}

.morning-service .morning-serviceInner .morning-serviceList .tit, .morning-service .teatime-serviceInner .morning-serviceList .tit {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin: 0 0 1% 0;
	}

.morning-service .morning-serviceInner .morning-serviceList .txt, .morning-service .teatime-serviceInner .morning-serviceList .txt {
	font-size:15px;
	text-align:left;
	}

.morning-service .lookBtn a {
    background-color: #FFF;
	}

.morning-service .lookBtn a:hover {
    opacity: .8;
	}

.morning-service .lookBtn span {
	color: #0AF;
	background: url(../images/mark/right_arrow_lightblue.png) no-repeat 100% 50%;
    background-size: 8px 14px;
	}

.morning-service .ht-store-list {
}

.morning-service .ht-store-list dl {
	width: 100%;
    margin: 0 auto 20px;
    display: table;
    table-layout: fixed;
}

.morning-service .ht-store-list dt {
	display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 30px;
    color: #D73483;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    background: #FFF;
}

.morning-service .ht-store-list dd {
	display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    padding-left: 12px;
}

@media only screen and (max-width: 768px) {
.morning-service .morning-serviceIcon img {
	width:52px;
	}

.morning-service .morning-serviceInner .morning-serviceList .tit, .morning-service .teatime-serviceInner .morning-serviceList .tit {
	font-size:18px;
	}

.morning-service .morning-serviceInner .morning-serviceList .txt, .morning-service .teatime-serviceInner .morning-serviceList .txt {
	font-size:13px;
	}
}

@media only screen and (max-width: 480px) {
.morning-service .morning-serviceIcon {
	width:100%;
	display:block;
	margin:0 auto -6%;
	}

.morning-service .morning-serviceIcon img {
	width:46px;
	}

.morning-service .morning-serviceInner .morning-serviceList .tit, .morning-service .teatime-serviceInner .morning-serviceList .tit {
	font-size:16px;
	}

.morning-service .ht-store-list dl {
	width: 100%;
    margin: 0 auto 20px;
    display: block;
}

.morning-service .ht-store-list dt {
	display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin: 0 auto 10px;
}

.morning-service .ht-store-list dd {
	display: block;
    width: 100%;
    padding: 0;
    text-align: justify;
    font-size: 13px;
    line-height: 23px;
	margin: 0 auto;
}
}


/*------------- モーニングサービス161112 -------------*/
.morning-service .morning-serviceInner .morning-serviceList2 {
    width: 87.5%;
    margin: 0 auto 5%;
}

.morning-service .morning-serviceInner .morning-serviceList2 .txt {
	font-size:15px;
	color: #000;
}

@media only screen and (max-width: 768px) {
.morning-service .morning-serviceInner .morning-serviceList2 {
    margin: 5% auto 5%;
}

.morning-service .morning-serviceInner .morning-serviceList2 .txt {
	font-size:13px;
	text-align: left;
}
}


/*------------- ティータイムサービス160328 -------------*/
#teatime {
	margin-top:-100px;
  	padding-top:100px;
	}

.morning-service .teatime-serviceInner {
	background:url(/images/menu/teatime-service_bg.jpg) repeat;
	padding:0 0 2% 0;
	}


/*------------- ティータイムサービス 399円 160510 -------------*/

#TeaTime-Service {
}

#TeaTime-Service .main {
	position: relative;
}

#TeaTime-Service .main img.set-drink {
	width: 15%;
	position: absolute;
	top: 10%;
    left: 67%;
	animation: furifuri infinite 1s;
	-o-animation: furifuri infinite 1s;
	-ms-animation: furifuri infinite 1s;
	-moz-animation: furifuri infinite 1s;
	-webkit-animation: furifuri infinite 1s;
}

#TeaTime-Service .menu-1 {
	position: relative;
}

#TeaTime-Service .menu-1 img.set-drink {
	width: 18%;
	position: absolute;
	top: 4%;
    left: 39%;
	animation: furifuri infinite 1s;
	-o-animation: furifuri infinite 1s;
	-ms-animation: furifuri infinite 1s;
	-moz-animation: furifuri infinite 1s;
	-webkit-animation: furifuri infinite 1s;
}

#TeaTime-Service .menu-2 {
	width: 100%;
	position: relative;
}

#TeaTime-Service .menu-2 img.set-drink {
	width: 18%;
	position: absolute;
	top: 4%;
    left: 39%;
	animation: furifuri infinite 1s;
	-o-animation: furifuri infinite 1s;
	-ms-animation: furifuri infinite 1s;
	-moz-animation: furifuri infinite 1s;
	-webkit-animation: furifuri infinite 1s;
}

#TeaTime-Service .menu-3 {
	width: 100%;
	position: relative;
}

#TeaTime-Service .menu-3 img.set-drink {
	width: 18%;
	position: absolute;
	top: 10%;
    left: 39%;
	animation: furifuri infinite 1s;
	-o-animation: furifuri infinite 1s;
	-ms-animation: furifuri infinite 1s;
	-moz-animation: furifuri infinite 1s;
	-webkit-animation: furifuri infinite 1s;
}

#TeaTime-Service .store p {
	width: 100%;
	height: auto;
	background: url(/images/menu/teatime-service-7-pc.jpg) repeat-y center center;
	background-size: 100% auto;
	padding: 0 12%;
    box-sizing: border-box;
	margin: 0 auto;
	font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: .02em;
    color: #EC7D12;
}


@keyframes furifuri {
	0% { transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); }
	50% { transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -webkit-transform: rotate(-12deg); }
	60% { transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); }
	70% { transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); }
	80% { transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); -webkit-transform: rotate(4deg); }
	90% { transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); }
	100% { transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); }
}

@-webkit-keyframes furifuri {
	0% { transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); }
	50% { transform: rotate(-12deg); -o-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -webkit-transform: rotate(-12deg); }
	60% { transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); }
	70% { transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); }
	80% { transform: rotate(4deg); -o-transform: rotate(4deg); -ms-transform: rotate(4deg); -moz-transform: rotate(4deg); -webkit-transform: rotate(4deg); }
	90% { transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); }
	100% { transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); }
}


@media only screen and (max-width: 480px) {
	
#TeaTime-Service .main img.set-drink {
    width: 35%;
    position: absolute;
    top: 2%;
    left: 60%;
}

#TeaTime-Service .menu-1 img.set-drink {
	width: 39%;
	position: absolute;
	top: -15%;
    left: 56%;
}

#TeaTime-Service .menu-2 img.set-drink {
	width: 39%;
	position: absolute;
	top: -6%;
    left: 56%;
}

#TeaTime-Service .menu-3 img.set-drink {
	width: 39%;
	position: absolute;
	top: -5%;
    left: 56%;
}
	
#TeaTime-Service .menu-2,
#TeaTime-Service .menu-3 {
		float: none;
		width: 100%;
}

#TeaTime-Service .store p {
	width: 100%;
	height: auto;
	background: url(/images/menu/teatime-service-7-sp.jpg) repeat-y center center;
	background-size: 100% auto;
	padding: 0 12%;
    box-sizing: border-box;
	 font-size: 16px;
    line-height: 1.6;
    text-align: center;

}
	
}


/*------------- ランチ バナー 160510 -------------*/
.LunchiBnr {
	max-width:740px;
	width:100%;
	margin:0 auto;
}

.LunchiBnr a:hover {
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

@media only screen and (max-width: 768px) {
.LunchiBnr {
	width:90%;
	margin:0 auto;
}

.LunchiBnr a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
}

@media only screen and (max-width: 480px) {
}

/*------------- ランチ 店舗一覧 160510 -------------*/
/* 店舗一覧 table（索引つき） */

#lunchShopList{
	padding: 70px 0 0;
	margin:-20px auto 0;
	}

#lunchShopList h4 {
	font-size:18px;
	font-weight:bold;
	background:#DD2700;
	color:#fff;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding:8px;
	}

#lunchShopList #lunchShop table {
	border-collapse: collapse;
	border:none;
	border-spacing: 0;
	margin-top:20px;
	width: 100%;
}

#lunchShopList #lunchShop table.mb {
	margin-bottom:3%;
}

#lunchShopList #lunchShop tr {
	border-collapse: collapse;
	margin-bottom:10%;
}

#lunchShopList #lunchShop th {
	border-collapse: collapse;
	border:none;
	color: #fff;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	width: 10%;
	margin-bottom:10%;
	vertical-align: top;
}

#lunchShopList #lunchShop th span{
	background-color: #DD2700;
	padding: 12% 20% 12%;
	white-space:nowrap;
	vertical-align: top;
}

#lunchShopList #lunchShop td {
	border-collapse: collapse;
	border:none;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	width:6%;
}

#lunchShopList #lunchShop td a{
	text-decoration:underline;
}

#lunchShopList #lunchShop td a:hover{
	text-decoration:none;
}

#lunchShopList #lunchShop td.lv2,
#lunchShopList #lunchShop td.lv2_2 {
	color:#6C0;
	text-align:left;
	white-space:nowrap;
	padding:0 1% 0 2%;
	vertical-align: top;
}

#lunchShopList #lunchShop td.lv3,
#lunchShopList #lunchShop td.lv3_2 {
	width: 80%;
	vertical-align: top;
}

#lunchShopList #lunchShop th.lv4 {
	background:none;
	vertical-align: top;
}

#lunchShopList #lunchShop .kanagawa {
	padding: 14% 14% 14%;
}

/* 実施店舗 一時修正_20160308*/
#lunchShopList #lunchShop {
	padding-bottom: 30px;
}

#lunchShopList #lunchShop div.table {
	width: 100%;
	margin: 0 auto 20px;
	display: table;
	table-layout: fixed;
}

#lunchShopList #lunchShop div.table:last-child {
	margin: 0 auto;
}

#lunchShopList #lunchShop p.area {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 30px;
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}

#lunchShopList #lunchShop p.area { background: #DD2700; }

#lunchShopList #lunchShop p.store {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 26px;
	text-align:	left;
	padding-left: 12px;
	color:#333;
}

@media only screen and (max-width: 980px) {
#lunchShopList{
	width:90%;
	}
}

@media only screen and (max-width: 480px) {
#lunchShopList h4 {
	font-size:16px;
	}

/* 店舗一覧 table（索引つき） */
#lunchShopList #lunchShop {
	width: 100%;
  	margin: 0 auto;
	padding-bottom: 0;
}

#lunchShopList #lunchShop table {
	border-collapse: collapse;
	border:none;
	border-spacing: 0;
	margin-top:10px;
	display: block;
}

#lunchShopList #lunchShop table tbody{
	display: block;
}

#lunchShopList #lunchShop tr {
	border-collapse: collapse;
	margin-bottom:1%;
	display: block;
	padding-bottom:1%;
	border-bottom: 1px solid #DD2700;
}

#lunchShopList #lunchShop th {
	border-collapse: collapse;
	border:none;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	width:100%;
	margin-bottom:2%;
	vertical-align: top;
	display: block;
	background-color: #DD2700;
	padding:2% 0;
}

#lunchShopList #lunchShop th span{
	padding: 0;
	width:100%;
}

#lunchShopList #lunchShop td {
	border-collapse: collapse;
	border:none;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

#lunchShopList #lunchShop td.lv2,
#lunchShopList #lunchShop td.lv2_2 {
	text-align:left;
	white-space:normal;
	padding:0;
	vertical-align: top;
	font-weight:bold;
	width:70px;
}

#lunchShopList #lunchShop td.lv3,
#lunchShopList #lunchShop td.lv3_2 {
	width:85%;
	vertical-align: top;
	text-align:left;
}

#lunchShopList #lunchShop th.lv4 {
	background:none;
	vertical-align: top;
	width:100%;
	padding: 0;
	display:none;
}

#lunchShopList #lunchShop .kanagawa {
	padding: 0;
}

/*一時修正*/

#lunchShopList #lunchShop div.table,
#lunchShopList #lunchShop div.table {
    width: 100%;
    margin: 0 auto 20px;
    display: block;
}

#lunchShopList #lunchShop p.area, 
#lunchShopList #lunchShop p.area {
    display: block;
	width: 100%;
    height: 26px;
    color: #FFF;
    line-height: 26px;
    margin: 0 auto 10px;
}

#lunchShopList #lunchShop p.store, 
#lunchShopList #lunchShop p.store {
	display: block;
	width: 100%;
    padding: 0;
    text-align: justify;
    font-size: 13px;
    line-height: 23px;
}
}

/*メニュー詳細からフェアメニューへのリンクバナー設置*/

.menumainimg a.fair-link-button {
	position: absolute;
    bottom: 12px;
    right: 12px;
    width: 18%;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}

.menumainimg a.fair-link-button img {
	opacity: 1;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}

.menumainimg a.fair-link-button:hover img {
	opacity: .6;
}

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

.menumainimg a.fair-link-button {
    width: 80px;
    height: 80px;
    padding: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    top: 0;
    left: 5%;
}

.menumainimg img.fair-pic {
	padding-top: 30px;
}



/*------------- その他のモーニング（下記店舗では販売しておりません） -------------*/
.shop_notsell{
	font-size: 12px;
    margin: 0 5%;
}

}


/*------------- 各メニューカテゴリトップ（赤注記入る場合768のみパディング変える） -------------*/
.menunamePd {
	position: absolute;
    width: 28%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.5);
    box-sizing: border-box;
    padding: 105px 20px 80px 30px;
    text-align: left;
}

@media only screen and (max-width: 768px){
.menunamePd {
    position: absolute;
	background: rgba(255,255,255,.7);
    width: 35%;
    text-align: left;
    padding: 2% 20px 0 ;
}
}

@media only screen and (max-width: 480px){
.menunamePd {
    position: static;
    text-align: left;
    width: 95%;
    padding: 3% 0 0 4%;
}
}


/*------------- 詳細キャプション -------------*/
.itemCap2 {
	line-height: 1.7em;
	}

.itemCap3 {
	font-size:120%;
	line-height: 1.7em;
	}

@media only screen and (max-width: 768px){
.itemCap2 {
	text-align:left;
	}

.itemCap3 {
	text-align:left;
	}

.itemCapInner {
	width:90%;
	margin:0 auto;
	}
}


/*============================ 各カテゴリキャンペーンバナー 170228 ============================*/
.campaignBnr{
	max-width:1080px;
	width:100%;
	position: relative;
	overflow:hidden;
    margin: 0 auto 5%;
}

.campaignBnr .moreButton {
	width: auto;
	height: auto;
	position: absolute;
    right: 2%;
    bottom: 4%;
    margin: 0;
	z-index: 1;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
    -webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
}

.campaignBnr .moreButton span {
	display: block;
    width: 120px;
    height: 34px;
    background: rgba(237,34,20,.75);
	border-radius: 17px;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
}

.campaignBnr .moreButton span:after {
	content: "";
    display: block;
    width: 15px;
    height: 13px;
    background: url(/images/top/top-link-arrow.png) no-repeat center center;
	background-size: 100% auto;
    position: absolute;
    top: 10px;
    left: 16px;
    margin: auto;
}

.campaignBnr .moreButton span img {
	display: block;
	width: 68px;
	height: 16px;
	position: absolute;
	top: 8px;
    left: 36px;
}

.campaignBnr .moreButton {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}

.bnrW80 {
	width:80%;
	margin:auto;
	}

@media screen and (min-width:769px) {
.campaignBnr a img {
    transition: .4s ease;
	-o-transition: .4s ease;
	-ms-transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
}

.campaignBnr a:hover img{
	transform:scale(1.015);
	-o-transform:scale(1.015);
	-ms-transform:scale(1.015);
	-moz-transform:scale(1.015);
	-webkit-transform:scale(1.015);
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
}

.campaignBnr .moreButton span img {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.campaignBnr .moreButton span:after {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.campaignBnr .moreButton span:hover:after {
	left: 88px;
}

.campaignBnr .moreButton span:hover img {
	left: 16px;
}
}


@media only screen and (max-width: 480px) {
.campaignBnr .moreButton {
	right: 15px;
	bottom: 15px;
}

.campaignBnr .moreButton span {
    width: 86px;
    height: 30px;
}

.campaignBnr .moreButton span:after {
	width: 12.4px;
    height: 11px;
	top: 9px;
	left: 11px;
}

.campaignBnr .moreButton span img {
    width: 51px;
    height: 12px;
    top: 9px;
    left: 25px;
}

.bnrW80 {
	width:100%;
	}
}



/*============================ ページ上部3つ並びボタン（ドリンク）170307 ============================*/
ul.menuBtn {
	width:100%;
	box-sizing:border-box;
	text-align:center;
	font-size:0;
	letter-spacing:0;
	margin:0 auto 5%;
	}

ul.menuBtn li {
	width:33.1%;
	float:left;
	border-left:1px solid #ccc;
	}

ul.menuBtn li:last-child {
	border-right:1px solid #ccc;
	}

ul.menuBtn li a {
	width:100%;
	display:block;
	color:#555;
	font-size:17px;
	text-decoration:none;
	position: relative;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	padding:12% 0 0;
	}

ul.menuBtn li a span {
	position:relative;
	}

ul.menuBtn li a:hover {
	color: #555;
	}

ul.menuBtn li a:after {
	content: "";
	display: block;
	width: 98%;
	height: 100%;
	background: #F8F8F8;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: .3s ease;
	-webkit-transition: .3s ease;
	margin:auto;
	z-index:-1;
	}

ul.menuBtn li a:hover:after {
	transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	z-index:-1;
	}

ul.menuBtn li a.drinkBtn1 {
	background:url(/images/menu/drink_btn1.png) no-repeat top center;
	background-size:18% auto;
	}

ul.menuBtn li a.drinkBtn2 {
	background:url(/images/menu/drink_btn2.png) no-repeat top center;
	background-size:18% auto;
	}

ul.menuBtn li a.drinkBtn3 {
	background:url(/images/menu/drink_btn3.png) no-repeat top center;
	background-size:18% auto;
	}
	
	

@media only screen and (max-width: 768px){
ul.menuBtn {
    width: 92.7%;
	}

ul.menuBtn li {
    width: 33%;
	}

ul.menuBtn li a:after {
	background: none;
	}

ul.menuBtn li a:hover:after {
	transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	}
}



@media only screen and (max-width: 480px){
ul.menuBtn {
	width: 90%;
	margin:3% auto 10%;
	}
	
ul.menuBtn li {
    width: 100%;
    display: block;
	border-top:1px solid #ccc;
	border-left: none;
	}

ul.menuBtn li:last-child {
	border-bottom:1px solid #ccc;
	border-right:none;
	}	

ul.menuBtn li a {
    font-size: 15px;
	box-sizing:border-box;
    padding: 4% 0 4% 20%;
    text-align: left;
	}

ul.menuBtn li a.drinkBtn1 {
    background: url(/images/menu/drink_btn1.png) no-repeat 3% center, url(/images/sp/common/footer/f_arrow.png) no-repeat 98% center;
	background-size:15% auto, 2.2% auto;
	}

ul.menuBtn li a.drinkBtn2 {
    background: url(/images/menu/drink_btn2.png) no-repeat 3% center, url(/images/sp/common/footer/f_arrow.png) no-repeat 98% center;
	background-size:15% auto, 2.2% auto;
	}

ul.menuBtn li a.drinkBtn3 {
    background: url(/images/menu/drink_btn3.png) no-repeat 3% center, url(/images/sp/common/footer/f_arrow.png) no-repeat 98% center;
	background-size:15% auto, 2.2% auto;
	}
}



/*============================ メニューカテゴリタイトルバナー　170307 ============================*/
.menuBnr {
	margin:0 auto 5%;
	}
	

/*============================ メニューカテゴリキャッチ　170307 ============================*/
.catch {
	font-size:16px;
	text-align:left;
	margin:0 0 10px;
	font-weight:bold;
	color: #f29000;
	}

@media only screen and (max-width: 768px){
.catch {
	font-size: 14px;
	text-align: left;
	}
}


/*============================ おこさまカテゴリバナー　170307 ============================*/
.kidsBnr {
	position:relative;
	background: url(/images/service/kids-information/index/background_dot_pattern.png) repeat;
	box-sizing: border-box;
	padding:20px 0;
	margin:0 0 7%;
	}

.kidsBnr:before {
	content: "";
    position: absolute;
    display: block;
    background: url(/images/service/kids-information/index/illust_B.png) no-repeat center top;
	background-size: 100% auto;
	max-width:1080px;
	width: 90%;
    height: 100%;
    top: -2%;
    left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	}

.kidsBnr .kidsTitle {
	width:28%;
	display: block;
    margin: 0 auto 1%;
	}

.kidsBnr ul {
	position:relative;
	display:table;
	z-index: 3;
	}

.kidsBnr ul li {
	width:28%;
	display: inline-block;
    box-sizing: border-box;
	position: relative;
	overflow:hidden;
	-moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
	border: 2px solid #fff;
	padding:0;
	margin: 0 1%;
	}

.kidsBnr ul li .moreButton {
	width: auto;
	height: auto;
	position: absolute;
	right: 7%;
    bottom: 4.5%;
    margin: 0;
	z-index: 1;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
    -webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
	}

.kidsBnr ul li .moreButton span {
	display: block;
    width: 120px;
    height: 34px;
    background: rgba(237,34,20,.75);
	border-radius: 17px;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
	}

.kidsBnr ul li .moreButton span:after {
	content: "";
    display: block;
    width: 15px;
    height: 13px;
    background: url(/images/top/top-link-arrow.png) no-repeat center center;
	background-size: 100% auto;
    position: absolute;
    top: 10px;
    left: 16px;
    margin: auto;
	}

.kidsBnr ul li .moreButton span img {
	display: block;
	width: 68px;
	height: 16px;
	position: absolute;
	top: 8px;
    left: 36px;
	}

.kidsBnr ul li .moreButton {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	}

@media screen and (min-width:769px) {
.kidsBnr ul li a img {
    transition: .4s ease;
	-o-transition: .4s ease;
	-ms-transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
	-moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
	}

.kidsBnr ul li a:hover img{
	transform:scale(1.015);
	-o-transform:scale(1.015);
	-ms-transform:scale(1.015);
	-moz-transform:scale(1.015);
	-webkit-transform:scale(1.015);
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
	}

.kidsBnr ul li .moreButton span img {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	}

.kidsBnr ul li .moreButton span:after {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	}

.kidsBnr ul li .moreButton span:hover:after {
	left: 88px;
	}

.kidsBnr ul li .moreButton span:hover img {
	left: 16px;
	}
}

@media screen and (max-width:768px) {
.kidsBnr ul li {
    width: 30%;
	}

.kidsBnr ul li .moreButton {
	right: 8px;
	bottom: 8px;
	}

.kidsBnr ul li .moreButton span {
    width: 93px;
    height: 30px;
	}

.kidsBnr ul li .moreButton span:after {
	width: 12.4px;
    height: 11px;
	top: 9px;
	left: 11px;
	}

.kidsBnr ul li .moreButton span img {
    top: 7px;
    left: 24px;
	}

.campaigkidsBnrBnr ul li .moreButton span img {
    width: 51px;
    height: 12px;
    top: 9px;
    left: 25px;
	}
}

@media screen and (max-width:480px) {
.kidsBnr:before {
    display: none;
	}

.kidsBnr .kidsTitle {
	width:64%;
    margin: 0 auto 1%;
	}
	
.kidsBnr ul li {
    width: 80%;
	margin: 0 auto 3%;
	}

.kidsBnr ul li:last-child {
	margin: 0 auto;
	}

.kidsBnr ul li .moreButton span {
    width: 86px;
    height: 30px;
	}

.kidsBnr ul li .moreButton span:after {
	width: 12.4px;
    height: 11px;
	top: 9px;
	left: 11px;
	}

.kidsBnr ul li .moreButton span img {
    width: 51px;
    height: 12px;
    top: 9px;
    left: 25px;
	}
}


/*------------- CPページへのリンクバナー用 -------------*/

.cpLinkBox {
	width: 100%;
    height: auto;
    margin: 40px auto 0;
}

.cpLinkBox a {
	display: block;
	text-decoration: none;
	transition: .2s ease;
	-webkit-transition: .2s ease;
}

.cpLinkBox a:hover {
	background: #ED2A1C !important;
	opacity: .75;
}

.cpLinkBox a ul {
	font-size: 0;
	letter-spacing: 0;
}

.cpLinkBox a ul li {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.cpLinkBox a ul li:first-child {
	padding: 2px;
}

.cpLinkBox a ul li:last-child {
	padding: 2.5% 5%;
}

.cpLinkBox a ul li .cpLinkBoxTitle {
	font-size: 18px;
	line-height: 1.6;
	color: #fff;
	margin: 0 auto 16px;
}

.cpLinkBox a ul li .cpLinkBoxTitle span {
	font-size: 60%;
}

.cpLinkBox a ul li .cpLinkBoxButton {
	font-size: 13px;
	line-height:1;
	color: #fff;
	margin: 0 auto;	
}

.cpLinkBox a ul li .cpLinkBoxButton:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 998px){
	
.cpLinkBox {
	width: 95%;
}

}

@media only screen and (max-width: 768px){
	
.cpLinkBox a ul li .cpLinkBoxTitle {
    font-size: 16px;
	line-height: 1.5;
	margin-bottom: 12px;
}

.cpLinkBox a ul li .cpLinkBoxButton {
	font-size: 12px;
}

}

@media only screen and (max-width: 480px){
	
.cpLinkBox {
	width: 90%;
	margin: 20px auto;
}

.cpLinkBox a ul li {
	display: block;
	width: 100%;
}

.cpLinkBox a ul li:first-child {
	padding: 0;
}

.cpLinkBox a ul li:last-child {
    padding: 8% 5%;
}

}