/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "utf-8";
/*
Theme Name: MGM_fairhome
Theme URI: http://mgm-design.jp/
Description: MGM仕様テーマです。
Version: 1.0
Author: MGM
Author URI: https://mgm-design.jp/
Tags: simple

	 https://mgm-design.jp/

	This theme was designed and built by MGM,
	whose blog you will find at http://mgm-design.jp/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&Cormorant+Infant:wght@300;400;500;600;700&family=Noto+Sans+JP&family=Poppins:wght@300;400;500;600;700&family=Shippori+Mincho:wght@400;700&display=swap");
@import "css/main.css"; /* メイン */
@import "css/contents.css?20250828"; /* オリジナル */
@import "css/components/component.css";

html,
body {
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	color: black;
}
body.fixed {
	position: fixed;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* FONT IMPORT */
.f-eng {
	font-family: "Marcellus", sans-serif;
}
.f-cor {
	font-family: "Cormorant Infant", serif;
}
.f-ship {
	font-family: "Shippori Mincho", serif;
}
.f-main {
	font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro",
		"Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-style: normal;
}
/* LOADING  */
.l-loading-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fafafa;
	opacity: 1;
	visibility: visible;
	z-index: 2000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration:0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 0.275);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 0.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 0.275);
}
.l-loading-wrapper.is-finished {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
/* TEXT */
.l-loading-container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.l-loading-logo {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}
.l-loading-wrapper.is-running .l-loading-logo {
	-webkit-animation: loading-logo 1s 0.5s ease forwards;
	animation: loading-logo 1s 0.5s ease forwards;
}
@-webkit-keyframes loading-logo {
	30% {
		opacity: 1;
	}
	50% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes loading-logo {
	30% {
		opacity: 1;
	}
	50% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
.l-loading-p {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.5;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	opacity: 0;
	font-family: "Shippori Mincho", serif;
}
.l-loading-wrapper.is-running .l-loading-p {
	opacity: 1;
}

@media screen and (max-width: 749px) {
	.l-loading-logo {
		margin-bottom: 10px;
	}
	.l-loading-p {
		font-size: 1rem;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
}