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


@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@media screen and (max-width: 748px){
	
.pc{
	display:none;
}

html {
	overflow: auto;
}

img{
	max-width:100%;
}

body {
	font-family:
        'Open Sans', Georgia,
        "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN",
        Meiryo,
        sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-x;
	border-top-color:#482400;
	border-top-style:solid;
	border-top-width:22px;

}


a:link {
	color: #069FEA;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #069FEA;
}
a:hover {
	text-decoration: none;
	color: #FF6633;
}
a:active {
	text-decoration: underline;
	color: #069FEA;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.clear{
	clear:both;
}

header  {
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
}


header #logo    {
	text-align:center;
	margin-top:20px;
}

header #logo img{
	width:80%;
}

.bold{
	font-weight:bold;
}


h1{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size:19px;
	text-align:center;
	margin:50px auto;
	letter-spacing:0.1em;
	color:#663300;
	font-weight:bold;
	width:98%;
}



h2{
	text-align:center;
	font-size:17px;
	color:#8C4600;
	font-weight:bold;
	letter-spacing:0.2em;
}

h3{
	text-align:center;
	color:#3F1F00;
	font-size:16px;
	font-weight:bold;
}

h3 span{
	text-align:center;
	color:#3F1F00;
	font-size:12px;
	font-weight:bold;
}

h4{
	font-size:15px;
	font-weight:bold;
	margin-bottom:1%;
	
}

.orange{
	color:#C60;
	font-weight:bold;
}

.blue{
	font-weight:bold;
	color:#06C;
}

.hstyle3{
	color:#3F1F00;
	font-size:16px;
	font-weight:bold;
}


#main_vs{
	text-align:center;
}

#main_v img{
	width:100%;
}

#aisatsu{
	width:96%;
	margin:38px auto;
}

#aisatsu img{
	float:right;
	width:38%;
	margin-left:10px;
}

#aisatsu p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
}

#news{
	width:90％;
    border: 2px solid #422100;
    border-radius: 4px;
	margin-left:auto;
	margin-right:auto;
    padding: 15px;
    position: relative;
	background:#FFF8F0;
	font-size:15px;
	line-height:150%;
	margin-bottom:10px;
}

.hStyle5 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	border-radius: 5px;
	line-height: 20px;
	color:#552B00;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	line-height:130%;
	

}

.hstyle6{
	font-size:1.2em;
	text-align:center;
	line-height:0.95em;
	font-weight:bold;
	color: #03A9F4;
	text-shadow: 
	0.04em 0.02em 0 #B0BEC5, 0.08em 0.05em 0 rgba(0, 0, 0, 0.6);
	margin-top:10px;
	margin-bottom:10px;
}


h2{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size:19px;
	text-align:center;
	margin:30px auto;
	letter-spacing:0.1em;
	color:#663300;
	font-weight:bold;
}


#cari{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#beans{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}


#takeout{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}



#about{
	margin-top:40px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#about_area{
	width:98%;
}

#about_area p{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#1C0E00;
}

#l_box{
	width:100%;
	background:#EFE4E0;
	padding:5px;
}

#l_box p{
	margin:20px 20px;
	line-height:170%;
}

#r_box{
	width:100%;
	background:#F2F2E6;
	padding:5px;
}

#r_box p{
	margin:20px 20px;
	line-height:140%;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#photo_g{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:60px;
	text-align:center;
}

#photo_g img{
	margin:3px;
	width:90%;
}

footer{
	background:#482400;
}

address{
	color:#FFF;
	text-align:center;
	padding:10px 0;
}


/* ---------------------------------------
お問合わせ

------------------------------------------ */
#order_li{
	width:96%;
	margin-top:15px;
}

#order_li li{
	font-size:15px;
	margin-top:5px;
	margin-bottom:5px;
	line-height:140%;
	list-style:none;
}

#order_li li span{
	font-size:25px;
	color:#930;
}

#order_li li img{
	
	line-height:160%;
	margin-bottom:2px;
	margin-right:10px;
}

#order_li ul{
	margin-top:10px;
	margin-bottom:10px;
}

#order_li2 {
	width:100%;
	margin-top:10px;
}

#order_li2 li{
	font-size:15px;
	margin-top:5px;
	margin-bottom:5px;
	line-height:180%;
	font-weight:bold;
	list-style:none;
}

#order_li2 li span{
	color:#F60;
	margin-left:20px;
	font-weight:bold;
}


#order_li2 li img{
	line-height:160%;
	margin-bottom:0px;
	margin-right:15px;
}

#order_li2 ul{
	margin-top:20px;
	margin-bottom:0px;
}

.intro_cont{
	width:90％;
	margin-left:20px;
	margin-right:10px;
}

.gift table {
    border: 0;
    width:100%;
  }
  
  .gift table th{
    background-color: #533009;
    display: block;
    border-right: none;
  }
  
  .gift table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .gift table tr {
    display: block;
    margin-bottom: .625em;
  }
  .gift table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
	background-color:#FFECD9;
  }
  
  .gift table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #C30;
  }
  .gift table td:last-child {
    border-bottom: 0;
  }
  .gift table tbody th {
    color: #fff;
}

.thanks{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.gift_txt{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}

.coffee_hyo{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:#F5F5ED;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.coffee_hyo dl{
	text-align:left;
	padding:2%;
	color:#4F2700;
	line-height:140%;
}

.coffee_hyo dl dt{
	text-decoration:underline;
	font-size:94%;
	font-weight:bold;
}

.coffee_hyo dl dt.blown{
	color:#930;
}


.coffee_hyo dl dt.spe{
	text-decoration:none;
	font-size:120%;
	color:#C60;
	margin-top:2%;
}

.coffee_hyo dl dd{
	font-size:90%;
	margin-left: 0;
	margin-bottom:2%;
}




}