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

 スタイル　style.css 
---------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #FFF;
	color: #333333;
	line-height: 1.4em;
	font-size: 85%;
}
/*-----------------------------------------------
 PC用 CSS
---------------------------------------------- */

#pc_container {
	position: relative;
	margin: 0 auto;
	min-width: 1024px;
}
#pc_container #header {
	width: 1023px;
	height: 105px;
	text-align: center;
	margin: 23px auto 0 auto;
	padding-bottom: 5px;
	position: relative;
}
#pc_container #header h1 {
	position: absolute;
	top: 23px;
	left: 32px;
}
#pc_container #header .fb_iframe_widget {
	position: absolute;
	top: 30px;
	left: 130px;
}
/*----- グランドナビ -----*/
#pc_container .gNaviPc {
	width: 100%;
	height: 85px;
	background-image: url(../../img/pc/bg_gmenu.png);
	margin-bottom: 10px;
	/* overflow: hidden; */
}
#pc_container .gNaviPc ul {
	width: 1023px;
	height: 79px;
	margin: 0 auto;
}
#pc_container .gNaviPc li {
	width: 146px;
	height: 79px;
	float: left;
}
#pc_container .gNaviPc ul li.pulldown {
    width: 147px;
    cursor: pointer;
}
#pc_container .gNaviPc ul li.pulldown ul {
    display: none;
    margin-top: 1px;
    background: url(../../img/pc/bg_pulldown.png) 0 bottom repeat-x;
    width: auto;
    height: auto;
    padding-bottom: 6px;
}
#pc_container .gNaviPc ul li.pulldown ul li {
    width: 147px;
    height: 78px;
    float: none;
}
/*----- バナーエリア -----*/
#pc_container #mainBnr {
	width: 1023px;
	margin: 0 auto;
	overflow: hidden;
}
#pc_container #mainBnr #bnrLeft {
	width: 495px;
	float: left;
}
#pc_container #mainBnr .img_l {
	margin-right: 33px;
}
#pc_container #mainBnr #bnrRight {
	width: 495px;
	float: right;
	text-align: left;
}
#pc_container .section {
	width: 1023px;
	text-align: center;
	margin: 0 auto;/*overflow:hidden;*/
}
#pc_container .section h2 {
	margin-top: 125px;
	margin-bottom: 97px;
}
#pc_container .content {
 width:100%:
 height:319px;
	margin-bottom: 65px;
	overflow: hidden;
}
#pc_container .btm {
	margin-bottom: 0;
}
#pc_container .content .flImgR {
	float: right;
}
#pc_container .content .flImgL {
	float: left;
}
#pc_container .txtBox {
	width: 100%;
	text-align: center;
	margin: 0 auto 65px auto;
}
#pc_container .content ul.txtLBox {
	width: 463px;
	text-align: left;
}
#pc_container li.txtLBox {
	text-align: left;
	padding-top: 30px;
}
/*----- スライダー -----*/

#pc_container #slideGallery {
	width: 1023px;
	overflow: hidden;
}
#pc_container #slide {
	width: 10000px;
}
#pc_container #slide li {
	float: left;
}
#pc_container #paging {
	margin-top: 33px;
	height: 111px;
}
#pc_container #paging li {
	display: inline;
}
#pc_container #nav .prev {
	position: relative;
	right: 480px;
	top: -320px;
	margin-top: -50px;
}
#pc_container #nav .next {
	position: relative;
	left: 480px;
	top: -320px;
	margin-top: -50px;
}
/*----- ヒストリー -----*/
#pc_container .picCenter {
	margin-bottom: 65px;
}
/*----- オンラインストア -----*/
#pc_container #storeWrap {
	width: 671px;
	height: 319px;
	margin: 0 auto 71px auto;
	background-image: url(../../img/pc/bk_onlineStore01.jpg);
}
#pc_container #onlineBtn {
	position: relative;
	left: 250px;
	top: 65px;
}
#pc_container #onlineTxt {
	position: relative;
	right: 30px;
	top: 160px;
}
/*----- キャンペーン -----*/
#pc_container #camWrapp {
	width: 100%;
	background-image: url(../../img/pc/bk_campaign02.gif);
	text-align: center;
	padding-bottom: 107px;
	overflow: hidden;
}
#pc_container #camWrapp h2 {
	width: 100%;
	background-image: url(../../img/pc/bg_campaign01.gif);
	text-align: center;
	margin-bottom: 32px;
}
#pc_container #camWrapp .article {
	width: 1023px;
	margin: 33px auto 0 auto;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#pc_container #camWrapp .article .camContent {
	width: 1014px;
	border-left: solid 1px #004468;
	border-right: solid 1px #004468;
	border-bottom: solid 1px #004468;
	margin-left: auto;
	margin-right: auto;
}
#pc_container #camWrapp .article .camContent h3 {
	margin-bottom: 50px;
}
#pc_container #camWrapp .article .camContent h4 {
	margin-top:50px;
	margin-bottom: 50px;
}
#pc_container #camWrapp .article .camContent ul {
	margin: 57px auto 30px auto;
}
#pc_container #camWrapp .article .camContent li {
	display: inline;
	margin: 14px;
}
#pc_container #camWrapp .article .camContent .pic01 {
	margin-bottom: 22px;
}
/*----- カフェインタビュー -----*/
#pc_container #cafe_interviewWrapp h2 {
    margin-top: -29px;
}
#pc_container #cafe_interviewWrapp .article {
	width: 1023px;
	border: solid 1px #DED0AA;
	margin: 57px auto 0 auto;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#pc_container #cafe_interviewWrapp .article .content {
	width: 1014px;
	border-left: solid 1px #DED0AA;
	border-right: solid 1px #DED0AA;
	border-bottom: solid 1px #DED0AA;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 0;
}
#pc_container #cafe_interviewWrapp .article .content h3 {
    margin-bottom: 33px;
}
#pc_container #cafe_interviewWrapp .cafelist {
    width: 713px;
    margin: 0 auto;
}
#pc_container #cafe_interviewWrapp .cafelist li {
    width: 223px;
    float: left;
    margin-right: 22px;
}
#pc_container #cafe_interviewWrapp .cafelist li.last {
    margin-right: 0;
}

#pc_container #btnArea {
	width: 572px;
	margin: 66px auto 66px;
}
#pc_container .txtInfo {
	margin-bottom: 16px;
}
#pc_container .imgB33 {
	margin-bottom: 33px;
}
#pc_container .imgB15 {
	margin-bottom: 15px;
}
#fb {
	text-align: center;
}
#share {
	margin: 33px auto;
	display: inline-block;
}
#fanpage {
	display: inline-block;
	margin-left: 30px;
}
#footer {
	width: 100%;
	background-image: url(../../img/pc/bk_campaign02.gif);
	padding: 10px;
	text-align: center;
}
/* 追記分 */
#pc_container {
	text-align: center;
}
#pc_container .gNaviPc {
	position: fixed;
	top: 0;
	height: 84px;
	margin-top: -85px;
	background-repeat: repeat-x;
	background-position: bottom;
 /background-color:#fff;
	z-index: 1000;
 /width:1023px;
}
#pc_container .gNaviPc ul {
	padding-bottom: 3px;
}
#pc_container .gNaviPc li {
	border: none;
}
#footer {
	width: auto;
}
#pc_container #opLogo {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	text-align: center;
	z-index: 1001;
}
#pc_container #opLogo img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -146px;
	margin-top: -131px;
	width: 292px;
	opacity: 0;
}
a#bnrConcept,
a#bnrGallery,
a#bnrHistory,
a#bnrDetail,
a#bnrStore,
a#bnrCafeinterview {
	display: block;
	position: relative;
	overflow: hidden;
}
a#bnrConcept img,
a#bnrGallery img,
a#bnrHistory img,
a#bnrDetail img,
a#bnrStore img,
a#bnrCafeinterview img {
	position: absolute;
	top: 0;
	left: 0;
}
/*
a#bnrConcept img.mark,
a#bnrGallery img.mark,
a#bnrHistory img.mark,
a#bnrDetail img.mark{
	top:50%;
	left:50%;
}*/
a#bnrConcept {
	width: 495px;
	height: 495px;
	margin-bottom: 33px;
}
a#bnrGallery {
	width: 495px;
	height: 231px;
	margin-bottom: 33px;
}
a#bnrHistory,
a#bnrStore {
	width: 231px;
	height: 231px;
	float: left;
	margin-bottom: 33px;
}
a#bnrDetail,
a#bnrCafeinterview {
	display: inline-block;
	width: 231px;
	height: 231px;
	float: right;
	margin-bottom: 33px;
	margin-left: 28px;
}
/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/* link */
a.ov:hover img.mark {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
a.ov:hover img {
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#concept {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}
#gallery {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}
#detail {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}
#store {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}
#history {
	display: block;
	padding-top: 40px;
	margin-top: -24px;
}
#campaign {
	display: block;
	padding-top: 160px;
	margin-top: -160px;
}
#top {
	display: block;
	padding-top: 82px;
	margin-top: -82px;
}
#cafe_interview {
	display: block;
	padding-top: 180px;
	margin-top: -180px;
}