﻿html:not(.responsive) {
	min-width: 1000px; /* viewport */
}



/*=============================================
 * body
 *=============================================*/

body {
	color: #000;
	font-family: kozuka-gothic-pro, sans-serif;
	font-size: 15px;
	line-height: 36px;
	letter-spacing: 0.14em;
	background: #FFF;
	min-width: inherit;
	min-height: inherit;
	max-height: 100%;
}



/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}
.fnt-kozuka{
	font-family: kozuka-gothic-pro, sans-serif;
}



/*=============================================
 * <main>
 *=============================================*/

main {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}



/*=============================================
 * <header>
 *=============================================*/

header {
}
header h1 {
}
header .logo {
}
header .tel {
}
header nav {
}
.txt-center{
	text-align: center;
}

/*=============================================
 * key
 *=============================================*/

#key {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 767px;
	position: relative;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



/*=============================================
 * <section>
 *=============================================*/

section {
}



/*=============================================
 * <footer>
 *=============================================*/

footer {
	text-align: center;
}
footer .logo {
}
footer .tel {
}
footer nav {
}



/*=============================================
 * .socialbuttons
 *=============================================*/

footer .socialbuttons {
}



/*=============================================
 * copyright
 *=============================================*/

address {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.btn_location .location{
		bottom: 80px;
		right: 25px;
		position: fixed;
	}
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.btn-over img,
	.over-img img,
	img.over,
	img:not(.btn):not(.non-over),
	button img {
		opacity: 1;
		transform: translateX(0) translateZ(0);
		-moz-transform: translateX(0) translateZ(0);
		-webkit-transform: translateX(0) translateZ(0);
		transition: all 0s ease;
		-moz-transition:  all 0s ease;
		-webkit-transition:  all 0s ease;
	}
	.over-img img:hover,
	img.over:hover,
	/* a:not([href=""]):hover img:not(.btn):not(.non-over), */
	a:hover img:not(.btn):not(.non-over),
	button:hover img {
		cursor: pointer;
		opacity: .8;
		transform: translateX(0) translateZ(0);
		-moz-transform: translateX(0) translateZ(0);
		-webkit-transform: translateX(0) translateZ(0);
	}
	.non-over a:hover img:not(.over),
	.non-over img:not(.over):not(.btn):hover {
		opacity: 1 !important;
	}
}

