@charset "utf-8";
/* --------------------------------------------------------------------------------
	Reset
-------------------------------------------------------------------------------- */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	outline: none;
	color: #000;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #000;
}
a:hover, a:active {}
img {
	max-width: 100%;
	height: auto;
}
/* --------------------------------------------------------------------------------
	body
-------------------------------------------------------------------------------- */
body {
	line-height: 1.8;
	font-size: 14px;
	background: url("../images/common-device/bg-contents.jpg") repeat 0 0;
}
/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
br.clear {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	height: 0;
	border: none;
	visibility: hidden;
	font-size: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*/ /*/
	height: auto;
	overflow: hidden;
	/**/
}
ul.ul {
	list-style: disc;
	padding: 0 0 0 1.5em;
}
ol.ol {
	list-style: decimal;
	padding: 0 0 0 1.75em;
}
/********** プレースホルダー **********/ ::-webkit-input-placeholder {
	color: #000;
}
/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp {
	display: block;
}
.device-sp-inline {
	display: inline;
}
.device-pc {
	display: none;
}
.device-pc-inline {
	display: none;
}
/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {}
/*------------------------------------------------------
 header-sp
------------------------------------------------------*/
#header-sp .site-branding {
	height: 7.5vw;
	background-color: #B04A34;
	font-size: 12px;
}
@media screen and (max-width: 480px) {
	#header-sp .site-branding {
		height: 30px;
	}
}
#header-sp .tel-btn {
	padding: 0 0 0;
	width: 64%;
	margin: 0 auto;
}
#header-sp .fax-btn {
	width: 64%;
	margin: 0 auto;
}
#header-sp .branding-text {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}
#header-sp .header_inner {
	background-color: #fff;
}
#header-sp .header_inner_text, #header-sp .header_inner_text2 {
	text-align: center;
	border-top: 1px solid #999;
	margin: 10px 5px 0 5px;
	padding: 5px 0 0 0;
}
#header-sp .header_inner_text2 {
	border-bottom: 1px solid #999;
	margin-top: 5px;
}
@media screen and (max-width: 480px) {
	#header-sp .header_inner_text, #header-sp .header_inner_text2 {
		margin-top: 0;
		font-family: "Sawarabi Mincho";
	}
}
#header-sp .header_inner_text .text_title, #header-sp .header_inner_text2 .text_title {
	font-weight: bold;
	margin-bottom: 0;
	line-height: normal;
}
#header-sp .header_inner_text .text_time, #header-sp .header_inner_text2 .text_time {
	margin-bottom: 0;
	line-height: 1.2em;
	font-size: 6vw;
	border-bottom: 1px solid #999;
	display: block;
	padding: 2%;
}
#header-sp .header_inner_text2 .text_time {
	font-weight: bold;
}
#header-sp .header_inner_text .text_info, #header-sp .header_inner_text2 .text_info {
	font-size: 0.9em;
	margin-bottom: 0;
	line-height: normal;
}
#header-sp .header_inner_text .text_time span, #header-sp .header_inner_text2 .text_time span {
	font-size: 3.5vw;
}
#header-sp .header_inner_text .text_info2 {
	color: #b04a34;
	font-size: 4vw;
	line-height: 1.4em;
}
#header-sp #tel-header {
	display: block;
	margin: 0 auto;
	padding: 40px auto 10px;
	text-align: center;
}
#header-sp #fax-header {
	display: block;
	padding: 10px 0 0;
}
@media screen and (max-width: 480px) {
	#header-sp #tel-header {
		margin: auto;
		padding-top: 10px;
	}
	#header-sp #fax-header {
		margin: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
#header-sp .nav > li > a:hover, #header-sp .nav > li > a:focus {
	background-color: #99403d;
	text-decoration: underline;
}
#header-sp nav#h_nav a {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header-sp nav#h_nav a:before {
	content: "";
	background: url('images/common/arrow-circle-red.png') no-repeat 0 0;
	background-size: cover;
	display: inline-block;
	height: .9em;
	margin-right: .5em;
	width: .9em;
}
#header-sp .h_nav li {
	float: left;
}
#header-sp .h_nav li a {
	padding-left: 0px;
}
#header-sp .logo {
	display: inline-block;
	margin-top: 20px;
}
#header-sp .header_img {
	vertical-align: top;
}
#header-sp span.time {
	text-align: center;
	margin: auto;
	display: block;
}
#header-sp span.tel {
	margin-top: 1em;
	display: block;
}
/*------------------------------------------------------
 slide menu
------------------------------------------------------*/
#header-sp #black {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1200;
	opacity: 0.5;
	background: #000;
	display: none;
}
#header-sp #slidecol {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#header-sp #slidecol {
	position: fixed;
	z-index: 4000;
	width: 0px;
	height: 100%;
	top: 20px;
	right: 0;
	/*overflow: hidden;*/
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#header-sp #slidecol .gnav .nav {
	position: fixed;
	z-index: 5000;
	width: 0px;
	height: 100%;
	top: 0px;
	right: 0px;
	overflow: hidden;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#header-sp #slidecol .gnav .nav.active {
	width: 300px;
	height: 100%;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#header-sp #slidecol .gnav .nav.active .open_tab {
	right: -60px;
}
#header-sp #slidecol .gnav .nav .nav_body {
	position: relative;
	width: 300px;
	padding: 0 0 0 70px;
	height: 100%;
}
#header-sp #slidecol .gnav .nav .menubody {
	background-color: #371C00;
	position: relative;
	height: 100%;
	margin: 0 auto;
	overflow: auto;
	padding: 10px 0 160px;
}
#header-sp #slidecol .gnav .nav ul {
	list-style: none;
	line-height: 3;
	margin: 0;
	padding: 0;
}
#header-sp #slidecol .gnav .nav li {
	border-bottom: 1px solid #555;
	padding-left: 20px;
}
#header-sp #slidecol .gnav .nav a {
	color: #fff;
	display: block;
}
#header-sp #slidecol .close_tab {
	cursor: pointer;
	height: 60px;
	position: fixed;
	right: 240px;
	top: 30%;
	z-index: 5000;
	width: 60px;
	z-index: 5010;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	display: none;
}
#header-sp #slidecol .close_tab img {
	height: 56px;
	width: 56px;
}
#header-sp #slidecol .open_tab {
	position: fixed;
	top: 150px;
	right: 5px;
}
#header-sp #slidecol .open_tab img {
	width: 55px;
}
#header-sp #slidecol .open_tab:hover {
	opacity: 0.5;
}
#header-sp #slidecol .slide_headline {
	background: #B1A878;
	margin: 0;
	padding: 1px 0;
}
#header-sp #slidecol .slide_headline .bg {
	border-left: 5px solid #fff;
	line-height: 1.2;
	display: block;
}
#header-sp #slidecol .slide_headline .bg a {
	color: #170F07;
	padding: 10px;
}
.times_inner_text1 table {
	margin: 4% auto;
}
.tell-reserv {
	color: #b44c35;
	font-size: 5vw;
}
.times_inner_text1 table th, .times_inner_text1 table td {
	width: 100%;
	display: block;
	font-size: 4vw;
	font-weight: normal;
	line-height: 1.2em;
}
.times_inner_text1 table th:first-child, .times_inner_text1 table td {
	font-size: 6vw;
}

#header-sp #slidecol li.colored {
	background: #AA4837;
	margin: 0;
	padding: 1px 0 !important;
}
#header-sp #slidecol li.colored .bg {
	border-left: 5px solid #C28D63;
	line-height: 1.2;
	display: block;
}
#header-sp #slidecol li.colored .bg a {
	color: #fff;
	padding: 10px;
}

/* --------------------------------------------------------------------------------
	page-wrapper
-------------------------------------------------------------------------------- */
#page-wrapper {
	padding: 6px;
}
/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main {}
/* --------------------------------------------------------------------------------
	ご注文・お問い合わせ
-------------------------------------------------------------------------------- */
/* ご注文・お問い合わせ */
.order_area {
	background-color: #F0EDD2 !important;
	padding: 10px !important;
}
.order_title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
	font-size: 24px;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}
.order_content {
	background-color: #fff;
	padding-top: 10px;
}
.order_div_left {
	text-align: center;
	padding-top: 10px;
}
.order_div_right {
	margin-left: 5px;
	margin-right: 10px;
	padding-top: 10px;
}
#tel-order {
	margin-bottom: 10px;
}
#fax-order {
	margin-bottom: 20px;
}
.order_link {
	text-align: center;
}
.order_link .text {
	color: #fff;
	background-color: #B44C35;
	text-align: center;
	padding: 5px 30px;
}
.order_link .text::after {
	content: "";
	background: url('../images/common/arrow-circle-red.png') no-repeat top center;
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-left: 0.5em;
}
#order .order_text_area {
	text-align: center;
	border-top: 1px solid #F0EDD2;
	margin: 20px 10px 10px;
	padding: 10px 0 0;
}
#order .order_text1 {
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
}
#order .order_text2 {
	font-size: 0.8em;
	margin: 0;
}
#order .order_text3 {
	font-weight: bold;
	font-size: 0.8em;
	margin: 0;
	color: #b04a34;
}
#order .order_text4 {
	font-weight: bold;
	font-size: 0.8em;
	margin: 0;
}
#order .order_card {
	background-color: #B1B455;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 15px;
}
/* --------------------------------------------------------------------------------
	area
-------------------------------------------------------------------------------- */
#area .section_header {
	margin-top: 25px;
	margin-bottom: 10px;
	padding-top: 30px;
	padding-left: 30px;
	line-height: 1.25;
	font-size: 24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
	background: url(/images/index/title-temp.png) no-repeat 0 0 !important;
	height: 60px;
}
#area .txt-area {
	padding: 0 0 5px;
}
#area .txt-area p {
	padding: 0 0 22px;
	line-height: 1.35;
}
#area .txt-haisou {
	margin: 0 0 25px;
	padding: 4px 0;
	border: solid 1px #f00;
	text-align: center;
	line-height: 1.5;
	color: #f00;
}
#area .txt-haisou .mark1 {
	display: block;
}
#area .txt-haisou .mark2 {
	display: block;
	font-weight: bold;
	font-size: 18px;
}
#area .txt-haisou .mark3 {
	display: block;
}
#area .area-information {}
#area .area-information .txt {}
#area .area-information .txt .txt-wrapper {
	margin: 0 0 6px;
	border: solid 1px #b1b455;
}
#area .area-information .txt .heading {
	padding: 4px 0;
	text-align: center;
	line-height: 1.2;
	font-size: 20px;
	color: #fff;
	background: #b1b455;
}
#area .area-information .txt .txt-box {
	padding: 6px 0 10px;
	text-align: center;
	line-height: 1.2;
}
#area .area-information .txt .txt-shipping {
	padding: 5px 0 5px;
	font-size: 16px;
	font-weight: bold;
}
#area .area-information .txt .txt-city {
	padding: 5px 0 5px;
}
#area .area-information .txt .txt-ward {
	padding: 0 0 1px;
	font-size: 16px;
	font-weight: bold;
}
#area .area-txt {
	text-align: center;
	font-size: 12px;
}
#area .map img {
	width: 100%;
}
/* --------------------------------------------------------------------------------
	footer-sp
-------------------------------------------------------------------------------- */
#footer-sp {}
#footer-sp .site_footer {
	background: url('../images/common-device/bg-slide-footer.jpg') repeat top left;
	padding-top: 20px;
}
#footer-sp .shop_info-contents {
	padding: 0 4.5vw;
}
#footer-sp .shop_info {
	line-height: 1.4;
}
#footer-sp .shop_info p.notice {
	padding: 0 0 3vw;
}
#footer-sp .shop_info .notice {
	font-weight: bold;
}
#footer-sp .site_footer .att {
	color: #b54d34;
	border-bottom: 1px solid #BDBDBD;
	padding: 20px 6px 30px;
	margin-bottom: 15px;
}
#footer-sp .site_footer .order_text_area {
	border-top: 1px solid #BDBDBD;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 5vw;
}
#footer-sp .site_footer .order_text_tell {
	text-align: center;
	font-size: 5vw;
}
#footer-sp .site_footer .order_text_area2 {
	border-top: 1px solid #BDBDBD;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}
#footer-sp .site_footer .order_text1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}
#footer-sp .site_footer .order_text2 {
	font-size: 1.2em;
	margin: 0;
}
#footer-sp .site_footer .order_text2:last-child {
	font-size: 0.7em;
	margin-bottom: 2%;
}
#footer-sp .site_footer .order_text3 {
	font-size: 0.9em;
	margin: 0;
	color: #b04a34;
}
#footer-sp .site_footer .order_text4 {
	font-weight: bold;
	font-size: 0.9em;
	margin: 0;
}
#footer-sp .site_footer .order_card {
	background-color: #B1B455;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 15px;
}
#footer-sp .site_info {
	background: #B44C35;
	color: #fff;
	text-align: center;
	padding: 10px;
}
@media screen and (max-width: 480px) {
	#footer-sp .site-info {
		font-size: 0.8em;
	}
}
.f-btn-tel {
	text-align: center;
	width: 90%;
	margin: 0 auto 5%;
}
#footer-sp #telopen {
	bottom: 10px;
	height: 40px;
	width: 55px;
	position: fixed;
	left: 5px;
	text-align: center;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#footer-sp #telopen a {
	background-color: #ab2420;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	display: block;
	padding: 1em 0;
}
#footer-sp #telopen a:hover {
	opacity: 0.5;
}
#footer-sp .foot_nav {
	padding-left: 20px;
}
#footer-sp #foot_nav_3 {
	list-style-type: circle;
}
#footer-sp .tel-btn a {
	display: block;
}
#footer-sp .img-responsive {
	margin: 0 auto;
}
#footer-sp .order_link .text {
	color: rgb(255, 255, 255);
	background-color: rgb(180, 76, 53);
	text-align: center;
	padding: 5px 30px;
}
#footer-sp #tel-order {
	display: block;
	width: 76%;
	margin: 0 auto 10px;
}
#footer-sp #fax-order {
	display: block;
	width: 76%;
	margin: 0 auto 20px;
}
#footer-sp .order_link {
	text-align: center;
}
#footer-sp .icon-card {
	text-align: center;
}
#footer-sp .icon-card img {}
#footer-sp .logo-footer {
	padding: 4vw 0 8.5vw;
	text-align: center;
}
#footer-sp .logo-footer img {
	width: 100%;
}
@media screen and (max-width: 480px) {
	#foot_tel {
		background-image: url('../images/common-device/bg-contents.jpg');
		position: fixed;
		bottom: 0;
		left: 0;
		height: 0;
		padding: 0 2.5%;
		width: calc(100% - 2.5% - 2.5%);
		text-align: center;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		z-index: 9999;
	}
	.order_link .text {
		color: rgb(255, 255, 255);
		background-color: rgb(180, 76, 53);
		text-align: center;
		padding: 5px 30px;
	}
	#foot_tel.active {
		height: 60px;
		/* height: 100px; */
		padding: 20px 2.5% 15px;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		width: calc(100% - 2.5% - 2.5%);
	}
	#foot_tel.active #telclose {
		display: block;
		top: -40px;
		right: 16px;
	}
	#foot_tel #telclose {
		display: none;
		position: absolute;
	}
	#foot_tel #telclose img {
		margin: 0;
		width: 40px;
	}
	#foot_tel .tel img {
		width: 100%;
	}
	#foot_tel .text {
		color: #fff;
		font-size: .85em;
		margin: 1em 0 0;
		text-align: center;
	}
}
#telopen {
	bottom: 10px;
	height: 40px;
	width: 55px;
	position: fixed;
	left: 5px;
	text-align: center;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}
#telopen a {
	background-color: rgb(171, 36, 32);
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1;
	display: block;
	padding: 1em 0px;
}
#page_top .page_top_container {
	display: block;
	overflow: hidden;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* 電話する */
#footer-sp .f-btn-tel {
	padding: 2% 3.2% 15%;
}
#footer-sp .site_info {
	padding: 20px 10px 15px;
}
#telopen {
	display: none;
}
#foot_tel {
	display: none;
}
#sps-page-top {
	display: none;
}
#foot_tel .text {
	display: none;
}
#sps-floating-menu {
	display: none;
}
#footer section > p.ch {
	display: none;
	margin: 0;
	padding: 0;
}




/*--------------------------------------------------------------------------
 カレンダー
-------------------------------------------------------------------------*/
#pi_calendar h1#mp_txt_calendar{
	display: none;	
}
#pi_calendar div.subc_cal_cont .cap ul{
	display: none;	
}

#pi_calendar div.subc_cal_cont .cap p.ttl{
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}
#pi_calendar div.subc_cal_cont .cap .ico_cap02{
	color:#D27964 !important;
	font-size: 120%;
	margin: 0 8px 0 0 !important;
	vertical-align: middle;
}
#pi_calendar div.subc_cal_cont .cap .ico_cap03{
	color:#CCCCCC !important;
	font-size: 120%;
	margin: 0 8px 0 0 !important;
	vertical-align: middle;
}
#pi_calendar div.subc_cal_cont .cap .ico_cap04 {
	display: inline-block;
	font-size: 0;
	width: 10px;
	vertical-align: middle;
	margin: 0 10px 0 3px;
	color: #fff!important;
	border: 1px solid #ccc;
	height: 10px;
	line-height: 1;
}
#pi_calendar div.cal_wrapper table.cal tr td div.Today {
	color:inherit!important;
	background-color: inherit;
}