@charset "UTF-8";


html{
	position: relative;
	font-size: 10px;
	padding: 0;
	margin: 0;
	min-height: 100vh;
	overflow-x: hidden;
}

body{
	position: relative;
	padding: 0;
	margin: 0;
	min-height: 100vh;
	font-size: 1.2rem;
	line-height: 1.8;
	overflow-x: hidden;
	/*letter-spacing: 1.5px;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
	/*-webkit-font-feature-settings: 'palt' 1;*/
	/*font-feature-settings: 'palt' 1;*/
}

.font_futogo{
	font-family: "太ゴB101", "Futo Go B101", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1{
	margin: 50px 0;
}

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

h3{
	font-size: 1.5em;
	font-weight: normal;
	margin: 80px 0;
}

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

p{
	font-size: 1.3rem;
}
strong{
	font-weight: normal;
	font-size: 1.8rem;
}

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{
	box-sizing: border-box;
	/*padding: 55px 13.26vw 0;*/
	padding: 55px 183px 0;
	height: 111px;
}
@media (max-width: 1300px) {
	header{
		padding: 55px 14vw 0;
	}
}
header .title{
	float: left;
}
header nav{
	float: right;
	margin-top: 10px;
}
header nav a{
	letter-spacing: 1.5px;
	margin-left: 40px;
}
header nav a:hover{
	color: #000;
	text-decoration: none;
}
header nav a[href=""]{
	opacity: 0.5;
}
header #knob,
header label{
	display: none;
}

nav a{
	color: #959398;
}

.footer_map iframe{
	vertical-align: bottom;
	width: 100%;
	height: 735px;
	filter: grayscale(1);
}
.footer_height{
	height: 230px;
}
footer{
	/*display: none;*/
	text-align: center;
	background-color: #393f33;
	box-sizing: border-box;
	padding: 70px 194px 0;
	position: absolute;
	width: 100%;
	height: 230px;
	bottom: 0;
}
footer nav{
	text-align: right;
	margin-bottom: 40px;
}
footer nav a{
	letter-spacing: 1.5px;
	color: #fff;
	margin-left: 40px;
}
footer nav a:hover{
	opacity: 0.7;
	text-decoration: none;
}
footer nav a[href=""]{
	opacity: 0.5;
}
footer .copyright{
	text-align: right;
}

.contents{
	/*width: 860px;*/
	/*margin: 0 auto;*/
}


@media (max-width: 1000px) {
	header{
		/*padding: 55px 18.3vw 0;*/
	}
}


dt, dd,
.inview_fadein{
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
dt.fadein,
dd.fadein,
.inview_fadein.fadein{
	opacity: 1;
}

.banner_area1{
	text-align: center;
	margin-bottom: 100px;
}
.banner_area1 img{
	max-width: 100%;
	width: 478px;
	margin: 10px 20px;
}
@media screen and (max-width: 500px) {
	.banner_area1 img{
		width: 100%;
		margin: 10px 0px;
	}
}


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

@media (min-width: 741px) {

}


/* スマホ用 */
@media (max-width: 880px) {
	html,
	body{
		/*min-height: 0;*/
		/*height: 100%;*/
	}
	
	header{
		width: 100%;
		height: 17.6vmin;
		padding: 7.5vmin 9.3vmin 0;
		/*margin: 10px auto;*/
	}
	header img[src*="/title."]{
		max-width: 170px;
		width: 30vmin; 
		height: auto;
	}
	@keyframes header_nav_open {
		0%   {height: calc(100vh - 17.5vmin); width:100%; opacity: 0;}
		100% {height: calc(100vh - 17.5vmin); width:100%; opacity: 1;}
	}
	@keyframes header_nav_close {
		0%   {height: calc(100vh - 17.5vmin); width:100%; opacity: 1;}
		99%  {height: calc(100vh - 17.5vmin); width:100%; opacity: 0;}
		100% {height:0; width:0; opacity: 0;}
	}
	header label{
		display: block;
		float: right;
		margin-top: -1vmin;
	}
	header label img[src*="/open."],
	header label img[src*="/close."]{
		max-width: 40px;
		width: 7.5vmin;
		height: auto;
	}
	header label img[src*="/close."]{
		display: none;
	}
	header #knob:checked ~ label img[src*="/open."]{
		display: none;
	}
	header #knob:checked ~ label img[src*="/close."]{
		display: inline-block;
	}

	header nav{
		visibility: hidden;
		position: absolute;
		text-align: center;
		background-color: rgba(255,255,255,0.9);
		box-sizing: border-box;
		top: 17.5vmin;
		left: 0;
		width: 100%;
		height: calc(100vh - 17.5vmin);
		margin-top: 0;
		padding-top: 6.3vmin;
		overflow: hidden;
		z-index: 1000;
		animation: header_nav_close 0.2s ease-in-out forwards;
	}
	header nav.enabled{
		visibility: visible;
	}
	header #knob:checked ~ nav{
		animation: header_nav_open 0.2s ease-in-out forwards;
	}
	header nav a{
		display: inline-block;
		font-size: 1.4rem;
		margin: 0;
		padding: 4.8vmin 0;
	}
	header nav a img{
		width: auto;
		height: 4.6vmin;
		padding: 4.8vmin 0;
	}

	.footer_map{
		height: 100vmin;
	}
	.footer_map iframe{
		height: 100%;
	}
	.footer_height{
		height: 18.8vmin;
	}
	footer{
		height: 18.8vmin;
		padding: 6.7vmin 0 0;
	}
	footer nav{
		display: none;
	}
	footer .copyright{
		text-align: center;
	}
	footer .copyright img{
		width: 48vmin;
		height: auto;
	}

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

}
@media all and (-ms-high-contrast: none) and (max-width: 880px) {
	header img[src*="/title."]{
		height: 4vmin;
	}
	header label img[src*="/open."],
	header label img[src*="/close."]{
		height: 5.625vmin;
	}
	header nav{
		display: none;
	}
	header #knob:checked ~ nav{
		display: block;
	}
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
}

/* スマホ用 横向 */
@media (max-width: 880px) and (orientation: landscape) {
}