@charset "utf-8";
*{
    margin:0;
    padding:0;
}
body{
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    font-size:11px;
    color:#fff;
    line-height:227%;
}
ul,ol,li{
    list-style:none;
}
h1,h2,h3,h4,h6,p,ul,ol,li,div,table,th,td,dl,dt,dd{
    text-align:left;
    font-size:100%;
    font-weight:normal;
}
h1,h2,h3,h4,h6{
    color:#fff;
}
a{
    color:#666;
    text-decoration:none;
}
img{
    border:none;
}
li img{
    vertical-align:bottom;
}
.clear:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#header{
	width:100%;
	position:relative;
	overflow:hidden;
}
#bg_top{
	position:relative;
	width:100%;
	height:100%;
}
#bg_top .bg_top{
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#bg_top .bg_top1{
	background-image:url("/cafe/img/bg_top.jpg");
}
#bg_top .bg_top2{
	background-image:url("/cafe/img/bg_top2.jpg");
}
#bg_top .bg_top3{
	background-image:url("/cafe/img/bg_top3.jpg");
}
.relative{
	position:relative;
}
#content_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#content_bg.fixed{
	position:fixed;
}
#content_bg .bg{
	background-position:center center;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#content_bg .bg1{
	background-image:url("/cafe/img/bg1.jpg");
}
#content_bg .bg2{
	background-image:url("/cafe/img/bg2.jpg");
}
#content_bg .bg3{
	background-image:url("/cafe/img/bg3.jpg");
}
#main{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
#content_center{
	z-index:9;
	position:relative;
}
#footer{
	z-index:9;
	position:relative;
}
#back_start{
    width:100%;
    height:129px;
    background:url("/cafe/img/back_start.jpg") repeat left top;
    padding-top:32px;
}
#back_start #center_start{
    width:212px;
    margin:0 auto;
}
#back_start #center_start #logo{
    margin-bottom:29px;
    margin-bottom:20px;
}
#back_start #center_start #btn_start{
    width:46px;
    margin:0 auto;
}
#content_center{
    max-width:560px;
    max-width:640px;
    width:100%;
    margin:0 auto;
    padding:60px 40px 70px;
    background:#1f0d0a;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#content_center img{
	max-width:100%;
	height:auto !important;
}
.block{
    margin-bottom:76px;
    clear:both;
}
#concept_box h2{
    margin-bottom:31px;
}
#concept_box #copy{
    margin-bottom:24px;
}
#concept_box p{
    margin-bottom:1em;
}
#produce_box h2{
    margin-bottom:27px;
}
#produce_box .img_box{
    width:180px;
    padding-top:4px;
    float:left;
}
#produce_box .text_box{
    width:360px;
    float:right;
}
#produce_box .text_box h3{
    font-size:145%;
}
#produce_box .text_box .descent{
    margin-bottom:8px;
}
#produce_box .text_box #btn_producer{
    padding-top:24px;
}
#chef_box h2{
    margin-bottom:19px;
}
#chef_box .text_box{
    width:360px;
    float:left;
}
#chef_box .text_box .person_box{
    margin-bottom:37px;
}
#chef_box .text_box h3{
    font-size:145%;
}
#chef_box .text_box .descent{
    margin-bottom:8px;
}
#chef_box .img_box{
    width:180px;
    padding-top:4px;
    float:right;
}
#menu_box h2{
    margin-bottom:30px;
}
#menu_box h3{
    padding-bottom:6px;
    font-size:145%;
    border-bottom:1px dotted #7b7473;
}
#menu_box h3#title_drink{
	border-bottom:none;	
}
#menu_box .subtitle{
    font-weight:bold;
    border-bottom:1px dotted #7b7473;
}
#menu_box .subtitle2{
    margin-top:10px;
    font-weight:bold;
    border:0;
}
#menu_box .subtitle3{
    margin-left:14px;
    margin-top:-28px;
    border:0;
}
#menu_box table{
    width:100%;
    margin-bottom:28px;
    border-collapse:collapse;
    line-height:154%;
}
#menu_box table tr th, 
#menu_box table tr td{
    padding:6px 0;
    border-bottom:1px dotted #7b7473;
    vertical-align:top;
}
#menu_box table tr th{
    width:400px;
    text-align:left;
}
#menu_box table tr th.width440{
    width:440px;
}
#menu_box table.indent_table tr th{
    padding-left:14px;
}
#menu_box table.indent_table2 tr th{
    padding-left:20px;
}
#menu_box table.indent_table3 tr th{
    padding-left:30px;
}
#menu_box table tr td{
    text-align:right;
}
#access_box h2{
    margin-bottom:30px;
}
#access_box p.bold{
    margin-bottom:6px;
    font-size:116%;
    font-weight:bold;
}
#access_box #btn_detail{
    margin-bottom:5px;
    padding:20px 0 0;
}
#access_box p.caption{
    font-size:83%;
}
#bnr_box{
    width:100%;
    max-width:560px;
}
#bnr_box{
    margin-bottom:0;
}
#bnr_box .bnr_left{
    float:left;
    margin-bottom:19px;
}
#bnr_box .bnr_right{
    float:right;
    margin-bottom:19px;
}
#footer{
    width:100%;
    padding:28px 0;
    background:url("/cafe/img/back_footer.gif") repeat left top;
}
#footer #copyright{
    width:276px;
    margin:0 auto;
}
#btn_pagetop{
    width:80px;
    height:80px;
    position:fixed;
    right:0;
    bottom:0;
    cursor:pointer;
    display:none;
	z-index:10;
}
#bnr_box .bnr_left{
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:5px;
}
#bnr_box .bnr_right{
	padding-left:5px;
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#trigger.hidden{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}


.ios #bg_top .bg_top,
.ios #content_bg .bg{
	background-attachment:scroll;
}
	
.ios #header{
	z-index:4;
}
.ios #content_bg{
	position:fixed;
	z-index:1;
}
.p2col:after{
    content: "";
    display: block;
    clear: both;
}
.plusleft{
    display: block;
    float: left;
    width: 60%;
}
.plusleft span{
    display: block;
}
.plusright{
    width: 150px;
    float: right;
    text-align: right;
}
br.ifSpBr{
	display: none;
}

@media screen and (max-width: 640px){
	body{
		font-size: 14px;
	}
	#content_center{
		padding-left:20px;
		padding-right:20px;
	}
	#content_bg{
		display:none;
	}
    .plusleft{
        width: 45%;
        line-height: 1.6;
        vertical-align: 1px;
    }
    .plusleft span{
        padding-top: 5px;
    }
	#menu_box table tr td.brSet{
		width: 200px;
	}
	br.ifPcBr{
		display: none;
	}
	br.ifSpBr{
		display: block;
	}
}