@charset "utf-8";

html {
	overflow-y:scroll;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
*{zoom:1;}
.clearfix {display:block;}
/* --- /clearfix ---*/


a,
a:link,
a:visited {
    color: #505059;
    text-decoration: none;
}
a:hover {
    color: #FF9900;
    text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1,h2 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;	
}




/* ---------------------------------------- 
 - common
---------------------------------------- */
html{
	height: 100%;
}

body{
	font-family:'ヒラギノ丸ゴ Pro W4',Hiragino Maru Gothic Pro,'メイリオ',Meiryo,Osaka,'ＭＳ ゴシック','ＭＳ Ｐゴシック','Arial';
	font-size:14px;
	line-height:1.8;
	color:#505059;
	text-size-adjust: none;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

strong {
	font-weight:bold;
	color: #867700;
	}

.wrapper {
}

a.btn_menuback {
	display:block;
	width:110px;
	height:35px;
	background:url(images/button_back.png) 0 0 no-repeat;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	margin:auto;
	}

.inline_t_indent {
	display:block;
	text-indent:-12px;
	padding-left:12px;
	color:#ab0000;
	}

.comment {
	color: #ab0000;
}

/* ---------------------------------------- 
 - header
---------------------------------------- */

header {
	height:54px;
	width:100%;
	position:relative;
	background:url(image_sp/head_bg.jpg);
	background-size:contain;
	box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-o-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-ms-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	border-bottom:solid 1px #A1A1A1;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	
header h1 {
	width:90px;
	height:25px;
	background:url(image_sp/logo.png) 0 0 no-repeat;
	background-size:contain;
	float:left;
	margin-top:13px;
	margin-left:13px;
	}
	
header h1 a {
	width:100%;
	height:22px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	display:block;
	}
	
header nav {
	width:160px;
	height:27px;
	float:right;
	position:relative;
	margin-top:13px;
	margin-right:13px;
	}
	
header nav a {
	display:block;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	position:absolute;
	top:0;
	}	
	
header nav a:nth-of-type(1) {
	width:27px;
	height:27px;
	background:url(../image_sp/online.png) 0 0 no-repeat;
	background-size:contain;
	left:0;
	}

header nav a:nth-of-type(2) {
	width:27px;
	height:27px;
	background:url(../image_sp/mail.png) 0 0 no-repeat;
	background-size:contain;
	left:35px;
	}
	
header nav a:nth-of-type(3) {
	width:27px;
	height:27px;
	background:url(../image_sp/tell.png) 0 0 no-repeat;
	background-size:contain;
	left:70px;
	}
	
header nav a:nth-of-type(4) {
	width:53px;
	height:27px;
	background:url(../image_sp/home.png) 0 0 no-repeat;
	background-size:contain;
	right:0;
	}

/* ---------------------------------------- 
 - topCarousel
---------------------------------------- */

#topCarousel {
	width:100%;
	margin:auto;
	background-color:#eee;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:solid 9px #ffffff;
	box-shadow: 0px 5px 5px  rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 5px  rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 5px 5px  rgba(0,0,0,0.25);
	-o-box-shadow: 0px 5px 5px  rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 5px 5px  rgba(0,0,0,0.25);
	}
	
#topCarousel div {
	width:320px;
	margin:auto;
	position:relative;
	padding-bottom:1px;
	}

#topCarousel ul {
	width:320px;
	height:400px;
	overflow:hidden;
}

#topCarousel li {
	float:left;
	width:320px;
	height:400px;
	position:relative;
}

#topCarousel li a {
	height:400px;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;}

#topCarousel li img {
	width:100%;
	}

#topCarousel p {
	position:absolute;
	width:23px;
	height:23px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	bottom:8px;
	}
	
#topCarousel .prev {
	background-image:url(image_sp/carousel_sign_left.png);
	background-size:contain;
	left:20px;
	}

#topCarousel .next {
	background-image:url(image_sp/carousel_sign_right.png);
	background-size:contain;
	right:20px;
	}
	
/* ---------------------------------------- 
 - information
---------------------------------------- */

#information {
	padding:30px 0 5px 0;
	}

#information h1 {
	background:url(image_sp/information_title.png) 0 0 no-repeat;
	background-size:contain;
	width:228px;
	height:12px;
	margin:0 auto 18px auto;
	}
	
#information p {
	font-size:11px;
	text-align:center;
	line-height:1.8;
	margin-bottom:16px;
	}
	
#information p time {
	font-size:11px;
	font-weight:bold;
	}
	
#information nav a {
	display:block;
	color:#505059;
	background-color:#ffffff;
	width:190px;
	border-radius:7px;
	font-size:11px;
	line-height:1;
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	margin:auto;
	margin-bottom:12px;
	border:solid 1px #0B0B0F;
	box-shadow: 0px 0px 6px  rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 6px  rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 6px  rgba(0,0,0,0.65);
	-o-box-shadow: 0px 0px 6px  rgba(0,0,0,0.65);
	-ms-box-shadow: 0px 0px 6px  rgba(0,0,0,0.65);
	}
	
#information .caution {
	border:2px solid #cc3333;
	border-radius:5px;
	padding:1em;
	font-size:11px;
	line-height:1.4;
	margin:2em auto;
	color:#cc3333;
	font-weight:bold;
	max-width:300px;
	width:85%;
	}

/* ---------------------------------------- 
 - mainNav
---------------------------------------- */

#mainNav {
	width:100%;
	box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-o-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	-ms-box-shadow: 0px 2px 5px  rgba(0,0,0,0.45);
	}

#mainNav ul {}

#mainNav ul li {
	height:66px;
	border-top: solid 1px #C6C6C6;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	background: -moz-linear-gradient(left top, #F7F7F7,  
            #F7F7F7 30%,  
            #E1E1E1);
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7),  
            color-stop(0.3, #F7F7F7),
            to(#E1E1E1));
	}
	


#mainNav ul li a {
	display:block;
	height:66px;
	position:relative;
	}
	
#mainNav ul li a span {
	position:absolute;
	font-size:13px;
	color:#505059;
	top:20px;
	left:20px;
	font-weight:bold;
	}
	
#mainNav ul li a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: solid 2px #C6C6C6;
  border-right: solid 2px #C6C6C6;
  -webkit-transform: rotate(45deg);
}

/* ---------------------------------------- 
 - pickupInformation
---------------------------------------- */

#pickupInformation {
	padding-top:28px;
	padding:28px 20px 16px 20px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:solid 9px #FF2D00;
	}

#pickupInformation h1 {
	background:url(image_sp/pickup_information_title.png) 0 0 no-repeat;
	background-size:contain;
	width:214px;
	height:11px;
	margin:auto;
	margin-bottom:8px;
	}
	
#pickupInformation ul {}

#pickupInformation ul li {
	width:100%;
	height:77px;
	border-bottom: solid 1px #ccc;
	padding-top:16px;
	}

#pickupInformation ul li a {
	display:block;
	height:61px;
	position:relative;
	}
	
#pickupInformation ul li a span {
	position:absolute;
	font-size:13px;
	color:#505059;
	top:2px;
	left:80px;
	font-weight:bold;
	padding-right:20px;
	}
	
#pickupInformation ul li a img {
	width:61px;
	position:absolute;
	top:0;
	left:5px;
	border-radius:4px;
	box-shadow: 1px 1px 3px  rgba(0,0,0,0.45);
	-moz-box-shadow: 1px 1px 3px  rgba(0,0,0,0.45);
	-webkit-box-shadow: 1px 1px 3px  rgba(0,0,0,0.45);
	-o-box-shadow: 1px 1px 3px  rgba(0,0,0,0.45);
	-ms-box-shadow: 1px 1px 3px  rgba(0,0,0,0.45);
	}
	
#pickupInformation ul li a:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: solid 2px #505059;
  border-right: solid 2px #505059;
  -webkit-transform: rotate(45deg);
}

/* ---------------------------------------- 
 - footer
---------------------------------------- */

footer {
	width:100%;
	height:130px;
	position:relative;
	background-color:#ffffff;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-top:18px;
	border-top:solid 1px #F02A00;
	}
	
footer a {
	display:block;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
footer a.pagetop {
	background:url(image_sp/fo_pagetop.png) 0 0 no-repeat;
	background-size:contain;
	width:90px;
	height:12px;
	margin:auto;
	margin-bottom:19px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}

footer ul {
	width:290px;
	margin:auto;
	margin-bottom:19px;
	}

footer ul li {
	float:left;
	height:35px;
	}

footer ul li a {
	display:block;
	height:35px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}

footer ul li:nth-of-type(1) a {
	background:url(image_sp/fo_n01.png) 0 0 no-repeat;
	width:100px;
	background-size:contain;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
footer ul li:nth-of-type(2) a {
	background:url(image_sp/fo_n02.png) 0 0 no-repeat;
	width:138px;
	background-size:contain;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
footer ul li:nth-of-type(3) a {
	background:url(image_sp/fo_n03.png) 0 0 no-repeat;
	width:45px;
	background-size:contain;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
footer p {
	font-size:8px;
	color:#8F8F93;
	text-align:center;
	}

/* ---------------------------------------- 
 - sub contents
---------------------------------------- */	
	
#sub #contents {}

#sub #contents .pagetitle {
	width:100%;
	height:55px;
	padding-top:15px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom:solid 4px #ffffff;
	background-image:url(image_sp/border_l.gif);
	background-position: 0 50px;
	background-repeat:repeat-x;
	box-shadow: 0px 7px 7px  rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 7px 7px  rgba(0,0,0,0.45);
	-webkit-box-shadow: 0px 7px 7px  rgba(0,0,0,0.45);
	-o-box-shadow: 0px 7px 7px  rgba(0,0,0,0.45);
	-ms-box-shadow: 0px 7px 7px  rgba(0,0,0,0.45);
	}

#sub #contents .pagetitle h1 {
	background-position: 50% 50%;
	background-repeat:no-repeat;
	}

/* ---------------------------------------- 
 - item_list
---------------------------------------- */	

#item_list {
	}

#item_list ul li {
	line-height:1;
	}
	
#item_list ul li img {
	width:100%;
	vertical-align:bottom;
}

#item_list ul li p {
	line-height:1.3;
	padding:5px;
	padding-bottom:10px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	
#item_list ul li p .itemName {
	font-size:11px;
	display:block;
	width:100%;
	overflow:hidden;
	line-height:1.5;
	height:14px;
	}

#item_list ul li p .itemPrice {
	font-size:10px;
	display: block;
	color:#857700;
	width:100%;
	overflow:hidden;
	line-height:1.5;
	height:12px;
	}
	
/*縦向き*/
@media all and (orientation: portrait) { 

#item_list ul li {
	width:50%;
	float:left;
	} 
	
}
 
/*横向き*/
@media all and (orientation: landscape) {  

#item_list ul li {
	width:33.3%;
	float:left;
	} 

}

/* ---------------------------------------- 
 - item_box
---------------------------------------- */	

#item_box {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-bottom:10px;
	}

#item_box .photo {
	width:100%;
	height:312px;
	background-color:#222;
	text-align:center;
	margin-bottom:11px;
	}

#item_box .photo img {
	margin:auto;
	height:312px;
	}
	
#item_box .item_box_contents {
	padding:0 10px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	
#item_box nav a.b_online {
	background-color:#FF1900;
	color:#FFFFFF;
	}
	
#item_box .head {
	color: #867700;
	}

	
/* ---------------------------------------- 
 - coffee_hot
---------------------------------------- */

#sub.coffee_hot #contents h1 {
	background-image:url(coffee_hot/images_sp/title.png);
	background-size:184px 42px;
	height:42px !important;
	}
	
#sub.coffee_hot #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
	
/* ---------------------------------------- 
 - coffee_ice
---------------------------------------- */

#sub.coffee_ice #contents h1 {
	background-image:url(coffee_ice/images_sp/title.png);
	background-size:184px 42px;
	height:42px !important;
	}
	
#sub.coffee_ice #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
	
/* ---------------------------------------- 
 - tea
---------------------------------------- */

#sub.tea #contents h1 {
	background-image:url(tea/images_sp/title.png);
	background-size:184px 43px;
	height:42px !important;
	}
	
#sub.tea #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
	
/* ---------------------------------------- 
 - drink_fresh
---------------------------------------- */

#sub.drink_fresh #contents h1 {
	background-image:url(drink_fresh/images_sp/title.png);
	background-size:170px 42px;
	height:42px !important;
	}
	
#sub.drink_fresh #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
	
/* ---------------------------------------- 
 - drink_chocolat
---------------------------------------- */

#sub.drink_chocolat #contents h1 {
	background-image:url(drink_chocolat/images_sp/title.png);
	background-size:170px 42px;
	height:42px !important;
	}
	
#sub.drink_chocolat #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
/* ---------------------------------------- 
 -drink_variety
---------------------------------------- */

#sub.drink_variety #contents h1 {
	background-image:url(drink_variety/images_sp/title.png);
	background-size:170px 42px;
	height:42px !important;
	}
	
#sub.drink_variety #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}
	
/* ---------------------------------------- 
 - dessert
---------------------------------------- */

#sub.dessert #contents h1 {
	background-image:url(dessert/images_sp/title.png);
	background-size:262px 16px !important;
	}

/* ---------------------------------------- 
 -food
---------------------------------------- */

#sub.food #contents h1 {
	background-image:url(food/images_sp/title.png);
	background-size:214px 43px;
	height:42px !important;
	}
	
#sub.food #contents .pagetitle { /*タイトル2行*/
	height:75px !important;
	background-position: 0 70px !important;
	}


.start-date,
.start-date2,
.sp-none{
    display: none;
}