@charset "UTF-8";

html{
	font-size: 10px;
}

body{
	padding: 0;
	margin: 0;
	color: #473b33;
	font-size: 1.2rem;
	line-height: 1.6;
	overflow-x: hidden;
	/*letter-spacing: 1.5px;*/
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
}

h1{
	margin: 50px 0;
}

h2{
	font-size: 1.8rem;
	margin: 0;
}

h3{
	text-align: center;
	font-weight: normal;
	font-size: 4.7rem;
	letter-spacing: 14px;
	line-height: 1.3;
	margin: 45px 0 30px;
}
h3 small{
	display: block;
	font-size: 2rem;
	letter-spacing: 2px;
	font-family: Montserrat;
}
h3.type2{
	font-size: 3.9rem;
	padding: 20px 0;
	background: -moz-linear-gradient(top, rgba(171, 141, 11, 0.23) 0%, rgba(255, 212, 0, 0.06) 100%);
	background: -webkit-linear-gradient(top, rgba(171, 141, 11, 0.23) 0%, rgba(255, 212, 0, 0.06) 100%);
	background: linear-gradient(to bottom, rgba(171, 141, 11, 0.23) 0%, rgba(255, 212, 0, 0.06) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a4880a', endColorstr='#36e3d7b4',GradientType=0 );
}
h3.type2 small{
	display: inline-block;
	vertical-align: 6px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

h4{
	font-size: 1.2rem;
	font-weight: normal;
	margin: 15px 0;
}

a{
	color: #7A6357;
}

a,
a:link,
a:visited{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* IE6,7 対策 */
a img{
	border-style: none;
}

a.fade{
	display: inline-block;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a.fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

header{
	height: 260px;
	background: -moz-linear-gradient(top, rgba(227,215,180,0.21) 0%, rgba(164,136,10,0.27) 100%);
	background: -webkit-linear-gradient(top, rgba(227,215,180,0.21) 0%,rgba(164,136,10,0.27) 100%);
	background: linear-gradient(to bottom, rgba(227,215,180,0.21) 0%,rgba(164,136,10,0.27) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36e3d7b4', endColorstr='#45a4880a',GradientType=0 );
}
header .knob{ display: none; }
header img[src*="/1."]{ margin:0 0 5px; }
header img[src*="/f."]{ margin:0 0 15px 25px; }
header img[src*="/i."]{ margin:0 0 15px 13px; }
header .left{
	float: left;
	font-size: 1.5rem;
	width: 535px;
	padding: 40px 0 0;
}
header .left .tel{
	float: left;
	text-indent: 40px;
	margin-right: 25px;
}
header img[src*="/tel."]{
	margin-top: 8px;
}
header .left .address{
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 1px;
}
header img[src*="/car."]{
	vertical-align: -3px;
	margin-right: 5px;
}

nav.global{
	float: right;
	text-align: right;
	width: 460px;
	margin-top: 5px;
}
nav.global a{
	position: relative;
	display: inline-block;
	color: #473B33;
	text-align: left;
	font-size: 2.3rem;
	white-space: nowrap;
	height: 220px;
	padding: 30px 12px 0 12px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	animation: nav_global_a1 0s ease-in-out forwards;
}
@keyframes nav_global_a1 {
	0%   {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.6) 8%,rgba(255,254,240,0.6) 74%,rgba(255,254,240,0) 100%);}
	25%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.45) 8%,rgba(255,254,240,0.45) 74%,rgba(255,254,240,0) 100%);}
	50%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.3) 8%,rgba(255,254,240,0.3) 74%,rgba(255,254,240,0) 100%);}
	75%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.15) 8%,rgba(255,254,240,0.15) 74%,rgba(255,254,240,0) 100%);}
	100% {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.0) 8%,rgba(255,254,240,0.0) 74%,rgba(255,254,240,0) 100%);}
}
@keyframes nav_global_a2 {
	0%   {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.0) 8%,rgba(255,254,240,0.0) 74%,rgba(255,254,240,0) 100%);}
	25%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.15) 8%,rgba(255,254,240,0.15) 74%,rgba(255,254,240,0) 100%);}
	50%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.3) 8%,rgba(255,254,240,0.3) 74%,rgba(255,254,240,0) 100%);}
	75%  {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.45) 8%,rgba(255,254,240,0.45) 74%,rgba(255,254,240,0) 100%);}
	100% {background: linear-gradient(to bottom, rgba(255,254,240,0) 0%,rgba(255,254,240,0.6) 8%,rgba(255,254,240,0.6) 74%,rgba(255,254,240,0) 100%);}
}
nav.global a:hover{
	text-decoration: none;
	animation: nav_global_a2 0.2s ease-in-out forwards;
}

footer{
	padding-top: 30px;
}
footer .copyright{
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	background-color: #473b33;
	padding: 15px 0;
	margin-top: 30px;
}
footer .left{
	float: left;
	width: 420px;
}
footer .left .tel{
	display: inline-block;
	font-size: 1.7rem;
}
footer .left img[src*="/1."]{
	height: auto;
	width: 420px;
	margin-bottom: 16px;
}
footer .left img[src*="/tel."]{
	float: none;
	height: 35px;
	width: 295px;
	margin-top: 8px;
}
footer .left img[src*="/f."],
footer .left img[src*="/i."]{
	height: auto;
	width: 41px;
	margin-left: 20px;
}
footer .left img[src*="/i."]{
	margin-left: 15px;
}
footer .right{
	float: right;
}
footer .right table{
	border-collapse: collapse;
	margin-top: 15px;
}
footer .right table th{
	vertical-align: top;
	text-align: center;
	font-size: 1.8rem;
	font-weight: normal;
	padding: 4px 15px 0 0;
}
footer .right table th div{
	background-color: rgba(0,0,0,0.1);
	padding: 2px 18px;
}
footer .right table td{
	vertical-align: top;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.9;
}

.page_width{
	width: 1000px;
	margin: 0 auto;
}
.tablet .page_width{
	padding: 0 20px;
}

.contents{
	
}

.fs10{ font-size: 1rem; }
.fs13{ font-size: 1.3rem; }
.fs18{ font-size: 1.8rem; }
.fs20{ font-size: 2rem; }
.fs24{ font-size: 2.4rem; }
.fs31{ font-size: 3.1rem; }
.fs45{ font-size: 4.5rem; }



/* PC用 ******************************************************************************************* */

@media (min-width: 741px) {

}


/* スマホ用 */
@media (max-width: 740px) {
	html{
		cursor: pointer;
		font-size: 3vmin;
	}

	h3{
		font-size: 2.4rem;
		letter-spacing: 1px;
		margin: 7vmin 0 3vmin;
	}
	h3 small{
		font-size: 1rem;
		letter-spacing: 0.17rem;
	}
	h3.type2{
		font-size: 1.7rem;
		padding: 1vmin;
	}
	h3.type2 small{
		vertical-align: 0.5vmin;
		font-size: 1rem;
		letter-spacing: 1px;
		margin-left: 3vmin;
	}

	img{
		max-width: 100%;
	}

	header{
		width: 100%;
		height: 26vmin;
		margin: 0;
	}
	header .knob{
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		height:  auto;
		width: 13vmin;
	}
	header .left{
		text-align: center;
		float: none;
		width: 100%;
		padding: 6vmin 0 0;
	}
	header img[src*="/1."]{width: 51vmin;}

	nav.global{
		display: none;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		background-color: #473b33;
		width: 100%;
		margin: 0 auto;
		padding: 0vmin 0 10vmin;
		z-index: 1000;
	}
	nav.global a{
		vertical-align: top;
		color: #fff;
		height: auto;
		padding: 50px 12px 2vmin 12px;
		/* margin-bottom: 5vmin; */
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		animation: nav_global_a1 0s ease-in-out forwards;
	}
	nav.global a:hover{
		text-decoration: none;
		animation: nav_global_a2 0.2s ease-in-out forwards;
	}
	nav.global a:before{
		content: "●";
		font-size: 1rem;
		margin: 0 0 8vmin 0;
	}

	footer .copyright{
		font-size: 1rem;
		padding: 2vmin;
		margin-top: 7vmin;
	}

	.page_width{
		width: 94%;
		margin: 0 auto;
	}

	.contents{
		width: 100%;
		margin: 0 auto;
	}

	.sp_fs11{font-size: 1.1rem;}
	.sp_fs12{font-size: 1.2rem;}
	.sp_fs15{font-size: 1.5rem;}
	.sp_fs21{font-size: 2.1rem;}
	.sp_fs23{font-size: 2.3rem;}

}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
	footer{
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding-top: 2vmin;
	}
	footer .left{
		float: none;
		width: 100%;
		margin-bottom: 2vmin;
	}
	footer .left img[src*="/1."]{
		display: none;
	}
	footer .left .tel{
		font-size: 1.1rem;
	}
	footer .left img[src*="/tel."]{
		vertical-align: -1vmin;
		height: auto;
		width: 56vmin;
	}
	footer .left img[src*="/f."],
	footer .left img[src*="/i."]{
		position: absolute;
		bottom: 16vmin;
		left: 47vmin;
		height:  auto;
		width: 8vmin;
	}
	footer .left img[src*="/i."]{
		left: 60vmin;
	}
	footer .right{
		float: none;
	}
	footer .right table{
		border-collapse: collapse;
		width: 100%;
	}
	footer .right table th{
		font-size: 1.1rem;
		width: 18vmin;
		padding: 1vmin 1.5vmin 0 0;
	}
	footer .right table th div{
		padding: 0.5vmin 1vmin;
	}
	footer .right table td{
		font-size: 1rem;
		padding-top: 1vmin;
	}
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
	footer{
		position: relative;
		padding-top: 7vmin;
	}
	footer .left{
		width: 35vw;
	}
	footer .left .tel{
		font-size: 1.1rem;
	}
	footer .left img[src*="/tel."]{
		margin-top: 0
	}
	footer .left img[src*="/f."],
	footer .left img[src*="/i."]{
		position: absolute;
		bottom: 18vmin;
		right: 29vmin;
		height:  auto;
		width: 9vmin;
	}
	footer .left img[src*="/i."]{
		right: 14vmin;
	}
	footer .right table{
		border-collapse: collapse;
		width: 100%;
	}
	footer .right table th{
		font-size: 1.1rem;
		width: 21vmin;
		padding: 1vmin 2vmin 0 0;
	}
	footer .right table th div{
		padding: 0.5vmin 1vmin;
	}
	footer .right table td{
		font-size: 1.1rem;
		padding-top: 1vmin;
	}
}