@charset "utf-8";
/*
 * "hannari" licensed under the IPA Font License Agreement v1.0
 * http://typingart.net/（はんなり明朝配布元URL）
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
 */
@font-face {
  font-family: 'hannari';
  src: url("../fonts/hannari.eot"),url("../fonts/hannari.otf") format('opentype');
}
@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=Gentium+Book+Basic);

/* ################### */
	/* POLICY */
/* ################### */
#policy #contents h3 {
	margin-bottom: 30px;
}
#policy #contents p.caption {
	padding-bottom: 30px;
	margin-bottom: 25px;
	background: url(../images/separate_lne1.png) no-repeat 0 bottom;
}
#policy #contents h5 {
	margin: 0 0 15px;
	padding-top: 0;
	line-height: 1.0;
}

/* ################### */
	/* MENU */
/* ################### */
#menu #contents h3 {
	margin-bottom: 30px;
}
#menu #contents h3.extra {
	float: left;
	margin: 0 20px 30px 0;
}
#menu #contents p.extra {
	float: left;
	padding-top: 20px;
}
#menu #contents h3.lead {
	margin-bottom: 0px;
}
#menu #contents p.lead {
	margin-bottom: 40px;
}

#pagenav {
	height: 50px;
}
#pagenav ul {
	text-align: center;
}
#pagenav li {
	list-style: none;
	float: left;
	padding: 0 4px;
	font-family: 'hannari',"ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 17px;
	line-height: 1.2;
	width: 16.6%;
	box-sizing: border-box;
}
#pagenav li.last {
	margin-right: 0;
}
#pagenav span {
	font-size: 0.8em;
}
#pagenav a {
	display: block;
	padding: 0 0 5px;
	text-decoration: none;
	border: 1px solid #302F59;
	color: #302F59;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#pagenav a:hover,
#pagenav li.current a  {
	color: #FFF;
	background: #302F59;
}
#menu #contents p.caption,
div.separate {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 25px;
	background: url(../images/separate_lne1.png) no-repeat 0 bottom;
}
#menu #contents p.caption {
	clear: none;	
}

div.separate {
	height: 10px;
}

#menu #contents h5 {
	margin: 25px 0 15px;
	line-height: 1.0;
	font-size: 32px;
	clear: none;
}
#menu #contents h6 {
	padding: 20px 0 10px;
	line-height: 1.0;
	font-size: 20px;
	font-family: 'hannari',"ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	letter-spacing: -1px;
}
p.cook_close {
	font-family: 'hannari',"ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin: 0!important;
	font-weight: bold;
	cursor: pointer;
}

#menu #contents h5.aligncenter {
	font-size: 36px;
	text-align: center;
}

#menu #contents p {
	font-size: 16px;
}
#menu.omiyage_page #contents p {
	font-size: 15px;
}

#menu.omiyage_page #contents dl p {
	line-height: 1.5;
}

#menu.omiyage_page #contents p.cook_ttl {
	margin: 16px 0 6px;
}

dl.cook dt {
	cursor: pointer;
}

dl.cook dt h6:before {
	content: " \f107";
	font-family: FontAwesome;
	padding-right: 8px;
}
dl.cook dt.open h6:before {
	content: " \f106";
	font-family: FontAwesome;
	padding-right: 8px;
}


dl.cook dd {
	display: none;	
}

p.cook_ttl span {
	padding: 3px 10px;
	background: #600026;
	color: #FFF;
	border-radius: 4px;
}

#menu #contents p.price {
	margin-bottom: 20px;
}
#menu table {
	width: 100%;
}
#menu th {
	width: 30%;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
#menu dl.cook th {
	width: 1%;
	white-space: nowrap;
	padding-right: 5px;
}

#menu th strong {
	font-weight: bold;
}
#menu th,
#menu td {
	padding: 0 10px 5px 0;
	vertical-align: top;
}
#menu div.iceL,
#menu div.iceR {
	width: 47%;
	float: left
}
#menu div.iceR {
	float: right;	
}

#menu div.iceL th,
#menu div.iceR th {
	font-family: 'hannari';
	font-size: 130%;
}
#menu div.iceL td,
#menu div.iceR td {
	text-align: right;
	padding-right: 0;
}


#menu div.iceL th,
#menu div.iceL td,
#menu div.iceR th,
#menu div.iceR td {
	vertical-align: bottom;
	line-height: 1.0;
	padding: 0 30px 10px 0;	
}
#menu div.iceL tr.extra th,
#menu div.iceL tr.extra td,
#menu div.iceR tr.extra th,
#menu div.iceR tr.extra td {
	padding: 10px 30px 10px 0;	
}
#menu #contents div.iceL p,
#menu #contents div.iceR p {
	font-size: 13px;
	line-height: 1.4;
}

span.notes {
	font-size: 12px;
}

#menu div.figure {
	clear: both;
	width: 300px;
	float: left;
	padding-bottom: 10px;
}

#menu div.figure img {
	width: 300px;
	height: auto;
	border: 1px solid #FFF;
	box-sizing: border-box;
}
#menu div.figure img.none {
	border: none;	
}

#menu div.figcaption {
	margin-left: 350px;
}
#menu.omiyage_page div.figcaption {
	margin-left: 310px;
}

#menu #contents div.figcaption h5 {
	margin-top: 0;
}
#menu #contents div.figcaption p.caption {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
.teaname {
	margin-right: 10px;
}



/* ################### */
	/* NOT FOUND */
/* ################### */
#notfound #contents {
	text-align: center;
	min-height: 300px;
}
#notfound #contents h3 {
	font-family: 'Merriweather', serif;
	font-weight: normal;
	margin: 0 0 20px;
	font-size: 30px;
	letter-spacing: 3px;
}
#notfound #contents p {
	margin-bottom: 40px;
}

img.omiyageIcon {
	vertical-align: middle;
	margin-right: 20px;	
}
.omiyage_lead {
	clear: both;
	margin: 10px 0;	
}
span.telcaption {
	border: 1px solid #75623C;
	color: #75623C;
	font-weight: bold;
	margin-right: 5px;
	padding: 2px 10px;
}
.phoneNo {
	font-size: 30px;
	color: #E04118;
	font-family: 'Gentium Book Basic', serif;
}


@media screen and (max-width: 768px) {
div.hdr_bg img {
	width: 100%;
	height: auto;
}
#menu #contents h3.extra {
	float: none;
	margin: 0 0 5px 0;
}
#menu #contents p.extra {
	float: none;
	padding-top: 0;
	margin-bottom: 30px;
}

#menu div.figure {
	width: 200px;
	padding-bottom: 10px;
}
#menu div.figure img {
	width: 200px;
}
#menu div.figcaption,
#menu.omiyage_page div.figcaption {
	margin-left: 220px;
}



}

@media screen and (max-width: 640px) {
#pagenav {
	display: none;
}
#contents h3 {
	font-weight: bold;
}

#menu #contents h5 {
	font-size: 28px;
	font-weight: bold;
}


#menu div.figure {
	width: 100%;
	padding-bottom: 10px;
	float: none;
}
#menu div.figure img {
	width: 100%;
	height: auto;
}
#menu div.figcaption,
#menu.omiyage_page div.figcaption {
	margin-left: 0;
}
#menu caption {
	font-weight: bold;
}
#menu th,
#menu td {
	padding: 0 5px 5px 0;
}
#menu dl.cook th,
#menu dl.cook td {
	display: block;
	padding: 0;
	width: auto
}
#menu dl.cook th {
	font-weight: bold;
	padding: 0 0 3px;	
}
#menu dl.cook td {
	padding: 0 0 10px;	
}

#menu div.iceL,
#menu div.iceR {
	width: auto;
	float: none;
	margin-bottom: 20px;
}

#notfound #contents h3 {
	padding: 0;
	margin-bottom: 10px;
	font-size: 24px;
}
#notfound #contents p {
	margin-bottom: 20px;
}


span.telcaption {
	display: block;
	border: none;
	padding: 0;
	margin: 0 0 -15px;
	text-align: center;
}

#menu #contents h6 {
	font-size: 17px;
}

img.omiyageIcon {
	vertical-align: middle;
	margin-right: 10px;
	width: 50px;
	height: 50px;
}
}