@charset "utf-8";

/*--------------------------------------------------------------------------------
	composition
--------------------------------------------------------------------------------*/

html { font-size: 62.5% /*10px*/; }
body {
	color: #2e3033 !important;
	font-size: 1.5rem;
	font-family: sans-serif;
	line-height: 1.3333; /* 20px */
	text-align: center;
}

/*----------------------------------------
	description
----------------------------------------*/

#description {
	display: none;
}

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

#header { 
	width: 100%;
	background: #76000d;
	}

/*----------------------------------------
logo
----------------------------------------*/

#header .logo-area {
	width: 201px;
	height: 42px;
	background: url(../img/logo.png) no-repeat left top;
	background-size: contain;
	margin: 10px;
	text-align: left;
	position: relative;
}
#header .logo a { height: 42px; }

/*----------------------------------------
description
----------------------------------------*/

	#header .description {
		display: none;
	}


/*----------------------------------------
tel / mail
----------------------------------------*/

#header .info-area .tel a {
	width: 44px;
	height: 44px;
	background: url(../img/header-tel-sp.gif) no-repeat left top;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 10px;
	}


/*----------------------------------------
sub-nav
----------------------------------------*/

	#header .sub-nav { display: none; }

/*----------------------------------------*----------------------------------------
globalNav
----------------------------------------*----------------------------------------*/

#globalNav { 
	width: 100%; 
	}
#globalNav a {
	display: block;
	text-decoration: none;
	background: #76000d;
}
	#globalNav .container { padding: 0; }
	#globalNav ul.clearfix { margin-bottom: 0; }
	#globalNav ul.clearfix > li { border-top: solid 1px #7a444b; }
	#globalNav ul.clearfix > li > a {
		color: #fff;
		padding: 12px;
		position: relative;
	}
	#globalNav ul.clearfix > li > a:before {
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -.5em;
		font-family: "FontAwesome";
		line-height: 1;
		content: "\f105";
	}
	#globalNav ul.clearfix > li > a .sub {
		font-size: 1.2rem;
		display: block;
	}

	/* dropdown/2nd */

	#globalNav ul.clearfix .dropdownNav { display: none; }
	#globalNav ul.clearfix .dropdownNav li { border-bottom: 1px solid #A65E67; }
	#globalNav ul.clearfix .dropdownNav li:last-child { border-bottom: none; }
	#globalNav ul.clearfix .dropdownNav a {
		background: rgba(255,255,255,.2);
		color: #fff;
		padding: 12px;
	}
	#globalNav ul.clearfix .dropdown > a:before {
		content: "\f107";
		background: rgba(255, 255, 255, .2);
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 22px;
	}
	#globalNav ul.clearfix .dropdown > a.opened:before { content: "\f106"; }

	/* dropdown/3rd

	#globalNav ul.clearfix .dropdownNav .dropdownNav a { background: #f2f2f2; }
	#globalNav ul.clearfix .dropdown .dropdown > a:before { background: rgba(0, 0, 0, .1); }
	#globalNav ul.clearfix .dropdownNav .dropdownNav li { border-bottom-color: #d9d9d9; } */

/*----------------------------------------*----------------------------------------
toggleNav
----------------------------------------*----------------------------------------*/

#toggleNav {
	position: relative;
	z-index: 999;
}
#toggleNav .toggleNav-container { display: none; }
#toggleNav .visible-sp .container {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	color: #5b272c;
}
#toggleNav .visible-sp .container:last-child { border-bottom: none; }
	/*----------------------------------------
	infoArea
	----------------------------------------*/

	#toggleNav .infoArea { 
		padding: 0 15px;
		background: #fff;
	border-bottom: 5px solid #76000D;
	}
	#toggleNav .infoArea .info-item {
		padding-bottom: 10px;
		line-height: 1;
	}
	#toggleNav .infoArea .info-item:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#toggleNav .infoArea .name {
		margin-bottom: 5px;
		font-size: 1.3rem;
	}
	#toggleNav .infoArea .tel {
		margin-bottom: 5px;
		position: relative;
		font-family: "Montserrat", sans-serif;
		font-size: 1.3rem;
		line-height: 1;
		color: #f3740d;
	}
	#toggleNav .infoArea .tel a { color: #b8dc2e; }
	#toggleNav .infoArea .tel:before {
		font-family: "FontAwesome";
		content: "\f095";
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -13px;
		border: 1px solid #e5e5e5;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		background: -moz-linear-gradient(top, #fff, #eee);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	}
	#toggleNav .infoArea .tel span { font-size: 2.6rem; }
		#toggleNav .infoArea .hours {
		font-size: 1.4rem;
		line-height: 1.35;
	}
#toggleNav .infoArea .help {
		font-size: 1.3rem;
		margin-top: 5px;
		line-height: 1;
	}

	/*----------------------------------------
	socialArea
	----------------------------------------

	#toggleNav .socialArea,
	#toggleNav .socialArea .container { text-align: center; }

	#toggleNav .socialArea { border-bottom: 1px solid #d9d9d9; }

/*----------------------------------------
toggleNav-open
----------------------------------------*/

#toggleNav .toggleNav-open {
	color: #fff;
	position: relative;
}
#toggleNav .toggleNav-open:before {
	background: #000;
	margin-top: -4.75rem;
	padding: 10px;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	position: absolute;
	right: 15px;
	text-align: center;
	font-family: "FontAwesome";
	font-size: 1.7rem;
	line-height: 1;
	content: "\f0c9";
}

/* opened */

#toggleNav .toggleNav-opened:before { content: "\f00d"; padding-right: 12px; }

/*----------------------------------------
toggleNav-close
----------------------------------------*/



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

#footer {
	background: #000;
}

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

#footer .container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
#footer .clearfix{ 
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
#footer .main-nav li{ 
	width: 50%;
	height: 35px;
	padding-top: 2px;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	float: left;
}
#footer .main-nav li.home{ 
	width: 100%;
}
#footer .main-nav li:nth-child(2n+1){ 
	border-right: none;
}
#footer .main-nav li:first-child{ 
	padding-left: 0;
}
#footer .main-nav li:last-child { 
	padding-right: 0;
	border-right: none;
}
#footer .main-nav a { 
	display: block; 
	width: 100%; 
	height: 35px; 
	color: #fff; 
	text-decoration: none; 
	padding: 7px 15px 0 15px;
}
#footer .footer-nav .container { 
	padding: 0;
}
#footer .font-size-xs {
	font-size: 1.2rem !important;
	font-size: 12px !important;
}
#footer .main-nav .is-active {
	color: #9F4D56 !important;
}

/*----------------------------------------
	info
----------------------------------------*/

/* info */
#footer .info { 
	padding: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
	color: #4c3d26 !important;
	background: #000;
}
#footer .info .logo {
	height: 72px;
	background: url(../img/logo.png) no-repeat left top;
	background-size: contain;
	padding-bottom: 20px;
	border-bottom: solid 1px #1f1f1f;
	position: relative;
	z-index: 1;
}
#footer .info .logo a {
	height: 72px; 
	position: relative;
	z-index: 50;
}
#footer .info p { 
	color: #fff !important;
	text-align: center !important;
	margin: 15px auto !important;
}
#footer .tel span {
	text-decoration: none !important;
}
#footer .tel a {
	color: #999999 !important;
	font-size: 2.4rem;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------
	copyright
--------------------------------------------------------------------------------*/

#copyright p { 
	width: 100%;
	padding: 14px 0;
	background: #76000d;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.5;
}
#copyright .copy { 
	padding-top: 0;
}

/*--------------------------------------------------------------------------------
	back-to-top
--------------------------------------------------------------------------------*/

#back-to-top { display: none; }
/*
#back-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}
#back-to-top a {
	background: rgba(0,0,0, .5);
	display: inline-block;
	padding: 15px;
	font-size: 1.3rem;
	color: #fff;
	border-radius: 5px;
	position: relative;
}
#back-to-top a:hover,
#back-to-top a:active { text-decoration: none; }
#back-to-top a:after {
	font-family: "icomoon";
	content: "\f106";
	margin-left: 10px;
}
*/