@charset "utf-8";
/*==================================================
	パソコンのみ適応
==================================================*/
@media print, screen and (min-width:769px){
	.dsp_tbs, .dsp_smt { display: none; }
	.cen_pc { text-align: center; }

	.fl { float: left; }	/* 左寄せ（float） */
	.fr { float: right; }	/* 右寄せ（float） */

	/* ヘッダ */
	#header {
		position: relative;
	}
	#header .contact {
		float: right;
	}
	#header .contact a img {
		width: 25px;
		margin-right: 8px;
	}
	#header .contact .tel img {
		position: relative;
		top: -2px;
	}
	#header .contact .btn {
		display: inline-block;
		padding: 5px 15px;
		border-radius: 5px;
		box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
	}
	#header .contact .btn img {
		width: 23px;
	}
	#header .title {
		float: left;
	}
	#header .hp_contact {
		float: right;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-left: 10px;
		width: 59%;
	}
	#header .hp_contact p {
		display: inline-block;
		margin-left: 5px;
		width: 30%;
	}
	#header .hp_contact p:first-of-type {
		margin-top: 20px;
	}
	#header .hp_contact p:nth-of-type(2) {
		margin-top: 15px;
	}
	#header .hp_contact img {
		width: 10%;
		vertical-align: middle;
		margin-right: 5px;
	}
	#header .hp_contact p a.tel {
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
	}
	#header .hp_contact p.m_box {
		border: #fff solid 2px;
		padding: 5px;
		border-radius: 10px;
		text-align: center;
		height: 26px;
	}
	#header .hp_contact p.m_box a.btn {
		font-size: 16px;
		text-decoration: none;
		color: #fff;
	}
	#header .hp_contact p.fs {
		color: #fff;
		font-size: 12px;
	}
	#menu {
		height: auto;
		border: 1px solid #000;
		border-radius: 5px;
		background : -moz-linear-gradient(50% 0% -90deg,rgba(75, 35, 5, 1) 0%,rgba(57, 27, 4, 1) 100%);
		background : -webkit-linear-gradient(-90deg, rgba(75, 35, 5, 1) 0%, rgba(57, 27, 4, 1) 100%);
		background : -webkit-gradient(linear,50% 0% ,50% 100.75% ,color-stop(0,rgba(75, 35, 5, 1) ),color-stop(1,rgba(57, 27, 4, 1) ));
		background : -o-linear-gradient(-90deg, rgba(75, 35, 5, 1) 0%, rgba(57, 27, 4, 1) 100%);
		background : -ms-linear-gradient(-90deg, rgba(75, 35, 5, 1) 0%, rgba(57, 27, 4, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B2305', endColorstr='#391B04' ,GradientType=0)";
		background : linear-gradient(180deg, rgba(75, 35, 5, 1) 0%, rgba(57, 27, 4, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B2305',endColorstr='#391B04' , GradientType=0);
		padding: 3px;
		box-sizing: border-box;
	}
	#menu ul {
		background: rgba(180, 125, 60, 0.15);
		border-radius: 5px;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#menu ul li {
		background: url("../img/menu/line.png") no-repeat right center;
		height: auto;
	}
	#menu ul li:last-of-type {
		background: none;
	}
	#menu ul li a {
		text-decoration: none;
		display: block;
		padding: 5px 27px;
		margin-right: 2px;
	}
	#menu ul li:last-of-type a {
		margin-right: 0;
	}
	#menu ul li a span {
		display: block;
	}
	#menu ul li a span.en {
		font-family: 'Crimson Text', serif;
		font-size: 28px;
		color: #C9BC9C;
	}
	#menu ul li a span.jp {
		font-size: 14px;
		color: #6F4F37;
	}
	#menu ul li.on a, #menu ul li a:hover {
		background: #391B04;
	}
	#menu ul li.on a span.en, #menu ul li.on a span.jp, #menu ul li a:hover span.en, #menu ul li a:hover span.jp {
		color: #B47D3C;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 1150px;
	}
	#container {
		padding-bottom: 90px;
	}
	.main {
		width: 1100px;
		margin: auto;
	}
	#main {
		float: left;
		width: 720px;
	}
	#navi {
		float: right;
		width: 230px;
	}
	
	/* フッター */
	#footer {
		position: relative;
		min-height: 90px;
		margin-top: -90px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_staff .free_img {
		width: 86%;
		text-align: center;
		margin: 0 auto 50px;
	}
	#top_staff .concept {
	margin-bottom: 60px;
}
	#top_staff .concept .box {
	width: 70%;
	margin: 0 auto;
}
	/*------------------------------------------------*/
	/* 背景固定 */
	html, body, #wrap {
		height: 100%;
	}
	body > #wrap {
		height: auto;
		min-height: 100%;
	}
	/* Hides from IE-mac \*/
	* html .cf {
		height: 1%;
	}
	.cf {
		display: block;
	}
	/* End hide from IE-mac */ 
/*------------------------------------------------*/
}