@charset "UTF-8";
/* =============================================================================
	Last Up Date	2014.10.06
============================================================================= */
body {
	color: #333333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 85%;
	line-height: 1.4em;
}
#pc_container {
	display: none;
}
#sp_container {
	position: relative;
	display: block;
	width: 100%;
}
#sp_container #opLogo {
	position: fixed;
	margin-top: -15%;
	padding-bottom: 15%;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	text-align: center;
	z-index: 1000;
}
#sp_container #opLogo span {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 640px;
	text-align: center;
}
#sp_container #opLogo img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17%;
	margin-left: -17%;
	width: 34%;
	max-width: 292px;
	text-align: center;
	opacity: 0;
}
#sp_container .section {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}
#sp_container .ttl {
	margin-bottom: 8%;
}
#sp_container dt {
	margin-bottom: 8%;
}
#sp_container dd {
	margin-bottom: 8%;
}
/* ヘッダ */	
#sp_container #header {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	z-index: 500;
}
#sp_container #header .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 21%;
	max-width: 140px;
}
#sp_container #header .cl {
	position: relative;
	padding: 0 44%;
	width: 12%;
	max-width: 78px;
}
#sp_container #header #Menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 17%;
	max-width: 108px;
}
#sp_container #header .gNavi {
	display: none;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	-moz-box-shadow: 0 3px 3px #999;
	-webkit-box-shadow: 0 3px 3px #999;
	opacity: 0;
	overflow: hidden;
	z-index: 600;
}
#sp_container #header .gNavi ul {
	border-top: solid 2px #f2f2f2;
}
#sp_container #header .gNavi ul li {
	background: #FFFFFF;
    border-bottom: solid 2px #f2f2f2;
}
#sp_container #header .gNavi ul li a{
    display: block;
}
/* バナー */
#sp_container #mainBnr {
	margin: 15% auto 8%;
	width: 100%;
	max-width: 640px;
}
#sp_container #mainBnr img {
	margin-bottom: 4px;
}
#sp_container #mainBnr .img_l,
#sp_container #mainBnr .img_r {
	float: left;
	display: block;
	width: 50%;
    box-sizing: border-box;
}
#sp_container #mainBnr .img_l {
	padding-right: 1px;
}
#sp_container #mainBnr .img_r {
	padding-left: 1px;
}
/* スライダー */
#sp_container #slideGallery {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	overflow: hidden;
}
#sp_container #slide {
	width: 10000px;
}
#sp_container #slide li {
	float: left;
}
#sp_container #paging {
	margin: 0 auto;
	padding: 0 auto;
	max-width: 24px;
	max-height: 24px;
}
#sp_container #paging li {
	display: inline;
}
#sp_container #nav .prev {
	position: relative;
	left: 10%;
	top: -50%;
}
#sp_container #nav .next {
	position: relative;
	right: 10%;
	top: -50%;
}
/* オンラインスト */ 
#sp_container #storeWrap {
	position: relative;
	margin: 0 auto 16%;
	width: 100%;
}
#sp_container #onlineBtn {
	display: block;
	position: absolute;
	top: 52%;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#sp_container #onlineTxt {
	display: block;
	position: absolute;
	top: 73%;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
/* キャンペーン */
#sp_container #sec06 {
	padding-bottom: 8%;
	background-color: #f2f2f2;
}
#sp_container #main {
	position: relative;
	margin: 5% 4.5% 0 4.5%;
	padding-bottom: 2px;
	width: 90%;
	max-width: 576px;
	background-color: #004468;
	border: 4px solid #ffffff;
	text-align: center;
}
#sp_container #main .sttl {
	margin: 2px 2px 0 2px;
}
#sp_container #main #camp {
	margin: 0 2px;
	padding: 9%;
	max-width: 472px;
	background-color: #ffffff;
	text-align: center;
}
#sp_container #main #camp .mb06 {
	margin-bottom: 6%;
}
#sp_container #main #camp .mb12 {
	margin-bottom: 12%;
}
#sp_container #main #camp .mb06 {
	margin-bottom: 6%;
}
#sp_container #main #camp .mtb12 {
	margin-top: 6%;
	margin-bottom: 12%;
}

/* カフェインタビュー */
#sp_container #sec07 .ttl {
    margin-top: -6%;
}

/* フッタ */
#sp_container #pagetop {
	margin: 0 auto;
	width: 100%;
	background-color: #bfbfbf;
	text-align: center;
}
#sp_container #pagetop img {
	padding: 4% 32%;
	width: 36%;
	max-width: 224px;
}
#sp_container #fb {
	padding: 5% 3%;
	background-color: #ffffff;
	text-align: center;
}
#sp_container #share {
	display: inline-block;
	margin: 0 auto;
	width: 22%;
	padding: 3%;
	max-width: 80px;
}
#sp_container #fanpage {
	display: inline-block;
	margin: 0 auto;
	width: 60%;
	padding: 3%;
	max-width: 220px;
}
#sp_container #footer {
	margin: 0 auto;
	width: 100%;
	padding: 14px 0;
	text-align: center;
}
#sp_container #footer img {
	width: 90%;
	max-width: 380px;
}
.anchor {
	display: block;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
#conceptSp {
	padding-top: 20%;
}
#gallerySp {
	padding-top: 20%;
}
#historySp {
	padding-top: 20%;
}
#storeSp {
	padding-top: 18%;
}
#detailSp {
	padding-top: 20%;
}
#campaignSp {
	padding-top: 18%;
}
#sp_container .mb16 {
	margin-bottom: 16%;
}
#cafe_interviewSp {
	padding-top: 25%;
    margin-top: -25%;
}

/* 汎用
----------------------------------------------------------------------------- */
/* 位置 */
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}
.vtop {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
/* 回り込み */
.fLeft {
	float: left !important;
}
.fRight {
	float: right !important;
}
.clear {
	clear: both !important;
}
br.clear {
	clear: both !important;
	height: 0 !important;
	line-height: 0 !important;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* リンク */
a.ov:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}