@charset "utf-8";

/* PC：basic_pc.css
 * **************************************************
 * Body
 * Font
 * Clearfix
 * Header
 * Global Navigation
 * Content
 * Footer
 * MediaQuery
 * **************************************************
 */

 /* Body
------------------------------------------------------------------ */
/* Font：基本サイズ（16 * 0.75 = 13px） */
html {
	font-size: 81.25%;
}
body {
	color: #efefef;
	font-size: 1.0em;
	letter-spacing: 0.05em;
	background: #2b231e;
	font-weight: normal;
	width: 100%;
	min-width: 100%;
}
body.active {
	position: fixed;
	width: 100%;
}

 /*  Font
------------------------------------------------------------------ */
body,
.sr-only,
.catBlog dd p,
#pagetop a,
#formFlow li p,
input[type="button"],
input[type="submit"],
#home #mv #mv01 p,
#mv .slick-slide h2 + p {
	font-family: 'Lustria', 'Noto Serif JP' , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
p,
table:not(#calendarTable) td,
table:not(#calendarTable) th,
#home #information dd,
#home #information dt span,
#clinic .acs li,
.effect li,
.breadcrumb li,
.flow dd,
.notes li,
form dt,
input,
.depiParts li a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.price dd,
.telLink,
#contactAceess span {
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: "palt";
}


/* clearfix
------------------------------------------------------------------ */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

 /* Header
------------------------------------------------------------------ */
#header {
	width: 100%;
	height: 110px;
	position: absolute;
	top: 0; left: 0;
	z-index: 400;
  background: -webkit-linear-gradient( top, rgba(30,25,25,0.5) 0%, rgba(30,25,25,0) 100% );
  background: linear-gradient( to bottom, rgba(30,25,25,0.5) 0%, rgba(30,25,25,0) 100% );
}
/* Logo */
#header .logo > a {
	width: 180px;
	float: left;
	margin: 0 0 0 30px;
}
#header .logo h1 {
	overflow: hidden;
	height: 0;
	margin: 20px auto;
	padding: 36px 0 0 0;
	background: url(../images/common/logo_wh.svg) no-repeat center center;
	background-size: contain;
}

/* Global Navigation (PC)
------------------------------------------------------------------ */
#pcGnavi {
	display: inline-block;
	width: calc(100% - 330px);
	float: right;
	margin-right: 80px;
	text-align: right;
}

/* Content
------------------------------------------------------------------ */
#content {
	clear: both;
	width: 100%;
}
section {
	width: 100%;
	margin: 0;
	padding: 0;
}
.inner {
	width: 100%;
	padding: 80px 40px;
	margin: 0 auto;
	box-sizing: border-box;
}


/* Footer
------------------------------------------------------------------ */
#footer {
	width: 100%;
	clear: both;
	margin: 0 auto;
}
#footer .inner {
	background: transparent;
	padding: 0 40px;
	position: relative;
}

/* MediaQuery
------------------------------------------------------------------ */
@media screen and (min-width:1200px) {
	body {
		min-width: 1200px;
	}
	#header {
		width: 100%;
		min-width: 1200px;
	}
	#home .inner,
	#subPage section .inner,
	#subPage #footer .inner {
		width: 1200px;
	}
}