@charset "utf-8";

/*
************************************************************************
* フッター
* @copyright Revolme Inc.
************************************************************************
*/
#footer
{
}
#footer #footer-contents
{
}

/*
************************************************************************
* 予約ボタンブロック
************************************************************************
*/
#footer #footer-contents .contact-link
{
	display: flex;
	justify-content: space-between;
	margin:-0.5em;
}
#footer #footer-contents .contact-link .button
{
	min-width:auto;
	border-radius:0.5em;
	/* box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1); */
}
#footer #footer-contents .contact-link .button
{
	flex:2 1 calc(430px - 1em);
	margin:0.5em;
	border:0px solid transparent;
	color:#FFFFFF;
}

#footer #footer-contents .contact-link .button > span
{
	padding: 2.0em 2.0em 2.4em 2.0em;
	font-size:1.8rem;
}
#footer #footer-contents .contact-link .button.button-doc
{
	flex:1 1 auto;
	background-color:#FFFFFF;
	color:#000000;
}
#footer #footer-contents .contact-link .button.button-doc:hover
{
	background-color:#f9f9f9;
	color:#000000;
}
#footer #footer-contents .contact-link .button.button-contact
{
	background-color:#57534c;
}
#footer #footer-contents .contact-link .button.button-contact:hover
{
	background-color:#4d4942;
}
#footer #footer-contents .contact-link .button.button-reserve
{
	background-color:#958626;
}
#footer #footer-contents .contact-link .button.button-reserve:hover
{
	background-color:#897b23;
}

/*
************************************************************************
* 電話番号
************************************************************************
*/
#footer #footer-contents .contact
{
	margin-right:1.5em;
	line-height:1;
	color:#FFFFFF;
}
#footer #footer-contents .contact .label
{
	font-size:2.0rem;
	margin-right:0.5em;
}
#footer #footer-contents .contact .tel
{
	font-size:3.6rem;
	letter-spacing: 0.1em;
}
#footer #footer-contents .reception
{
	line-height:1;
	opacity:0.6;
	color:#FFFFFF;
}
#footer #footer-contents .reception .label
{
	font-size:1.4rem;
	margin-right:0.5em;
}
#footer #footer-contents .reception .time
{
	font-size:2.0rem;
}

/*
************************************************************************
* フッターメニュー
************************************************************************
*/
#footer #footer-contents .footer-menu
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center ;
}
#footer #footer-contents .footer-menu .footer-menu-col
{
	width:18.75%;
}
#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo
{
	width:30%;
}
#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo img
{
	width:207px;
	height:auto;
	margin-top: 0.5em;
}
#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo .caption
{
	font-size:1.1rem;
	color:#999999;
	margin-top:2.5em;
}
#footer #footer-contents .footer-menu .footer-menu-col ul
{
	margin:0;
	padding:0;
	list-style:none;
}
#footer #footer-contents .footer-menu .footer-menu-col li
{
	margin:0;
	padding:0;
	list-style:none;
	
	margin-bottom:1em;
}
#footer #footer-contents .footer-menu .footer-menu-col li a
{
	font-size:1.4rem;
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
	color:#dddddd;
}
#footer #footer-contents .footer-menu .footer-menu-col li a:hover
{
	text-decoration:none;
	opacity:0.7;
}

/*
************************************************************************
* フッターリンク
************************************************************************
*/
#footer #footer-contents .footer-link
{
}
#footer #footer-contents .footer-link .footer-link-list
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	
	list-style:none;
	
	margin:-10px;
	padding:0;
}
#footer #footer-contents .footer-link .footer-link-list > li
{
	width:calc(25% - 20px);
	list-style:none;
	
	margin:10px;
	padding:0;
}
#footer #footer-contents .footer-link .footer-link-list > li a
{
	display:block;
	
	border-radius:0.5em;
	overflow:hidden;
	
	background-color:#ffffff;
	color:#000000;
	
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
#footer #footer-contents .footer-link .footer-link-list > li a:hover
{
	text-decoration:none;
	opacity:0.7;
}
#footer #footer-contents .footer-link .footer-link-list > li a:after
{
	content:"";
	
	position:absolute;
	bottom:0.5em;
	right:0.5em;
	
	width:12px;
	height:9px;
	
	background-image:url(../../../_img/icon/link-b.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
#footer #footer-contents .footer-link .footer-link-list > li a figure
{
	display: table;
	table-layout: fixed;
}
#footer #footer-contents .footer-link .footer-link-list > li a figure span
{
	display: table-cell;
	width:80px;
}
#footer #footer-contents .footer-link .footer-link-list > li a figure figcaption
{
	display: table-cell;
	width:auto;
	padding:1em;
}
#footer #footer-contents .sign
{
	margin:30px auto;
	letter-spacing: 0.15em;
}
#footer #footer-contents .sign .produced
{
	font-size:1.1rem;
	line-height:2.0;
	color:#999999;
	letter-spacing: 0.2em;
}
#footer #footer-contents .sign .copyright
{
	font-size:1.1rem;
	line-height:2.0;
	color:#999999;
	letter-spacing: 0.2em;
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	#footer
	{
	}
	#footer #footer-contents
	{
	}

	/*
	************************************************************************
	* 予約ボタンブロック
	************************************************************************
	*/
	#footer #footer-contents .contact-link
	{
		flex-wrap: wrap;
		
		margin-top:0vw;
		margin-bottom:0vw;
	}
	#footer #footer-contents .contact-link .button
	{
		flex:0 0 100% !important;
		width:100%;
		margin:0;
		margin-bottom:4vw;
		border-radius:0.8em;
	}
	#footer #footer-contents .contact-link .button > span
	{
		padding: 2.0em 2.0em 2.2em 2.0em;
		font-size:2.8rem;
	}
	#footer #footer-contents .contact-link .button.button-doc > span
	{
		padding: 1.0em 2.0em 1.2em 2.0em;
	}
	#footer #footer-contents .contact-link .button:last-child
	{
		margin-bottom:0vw;
	}
	#footer #footer-contents .contact-link .button.button-ext:after
	{
		right:1.5em;
	}
	#footer #footer-contents .contact-link .button .icon-before.icon-large.icon-contact:before
	{
		width: 2.0em;
		height: 1.2em;
		margin-bottom: -0.20em;
	}
	#footer #footer-contents .contact-link .button .icon-before.icon-large.icon-reservation:before
	{
		width: 1.8em;
		height: 1.5em;
		margin-bottom: -0.55em;
		transform: translateY(-0.2em);
	}

	/*
	************************************************************************
	* 電話番号
	************************************************************************
	*/
	#footer #footer-contents .contact
	{
		display:block;
		margin-right:0em;
		
		margin-top:0vw;
	}
	#footer #footer-contents .contact .label
	{
		font-size:2.8rem;
	}
	#footer #footer-contents .contact .tel
	{
		font-size:4.8rem;
	}
	#footer #footer-contents .contact .tel a
	{
		color:#FFFFFF;
		text-decoration: none;
	}
	#footer #footer-contents .reception
	{
		display:block;
		margin-top:0.5em;
		margin-bottom:0vw;
	}
	#footer #footer-contents .reception .label
	{
		font-size:2.0rem;
	}
	#footer #footer-contents .reception .time
	{
		font-size:2.8rem;
	}

	/*
	************************************************************************
	* フッターメニュー
	************************************************************************
	*/
	#footer #footer-contents .footer-menu
	{
		margin-top:-2vw;
		margin-bottom:-2vw;
	}
	#footer #footer-contents .footer-menu .footer-menu-col
	{
		width:100%;
		display:none;
	}
	#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo
	{
		width:100%;
		display:block;
		text-align:center;
	}
	#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo img
	{
		width:40vw;
		height:auto;
	}
	#footer #footer-contents .footer-menu .footer-menu-col.footer-menu-logo .caption
	{
		font-size:1.8rem;
		margin-top:2.0em;
	}

	/*
	************************************************************************
	* フッターリンク
	************************************************************************
	*/
	#footer #footer-contents .footer-link
	{
		margin-bottom:-5vw;
	}
	#footer #footer-contents .footer-link .footer-link-list
	{
		margin:-1.6vw;
	}
	#footer #footer-contents .footer-link .footer-link-list > li
	{
		width:calc(50% - 3.2vw);
		margin:1.6vw;
		padding:0;
	}
	#footer #footer-contents .footer-link .footer-link-list > li a
	{
		display:block;
	}
	#footer #footer-contents .footer-link .footer-link-list > li a:after
	{
		bottom:0.6em;
		right:0.6em;
		
		width:2.4vw;
		height:2.4vw;
	}
	#footer #footer-contents .footer-link .footer-link-list > li a figure
	{
		display: table;
		table-layout: fixed;
	}
	#footer #footer-contents .footer-link .footer-link-list > li a figure span
	{
		display: table-cell;
		width:12.6vw;
	}
	#footer #footer-contents .footer-link .footer-link-list > li a figure figcaption
	{
		display: table-cell;
		width:auto;
		padding:1em;
		font-size:2.2rem;
	}
	#footer #footer-contents .sign
	{
		margin:9.5vw auto 12.0vw auto;
	}
	#footer #footer-contents .sign .produced
	{
		font-size:2.0rem;
		line-height:1.5;
	}
	#footer #footer-contents .sign .copyright
	{
		font-size:2.0rem;
		line-height:1.5;
	}
}