@charset "UTF-8";
/*
Theme Name: MaisonFreak
Theme URI: https://maisonfreak.com/
Description: MaisonFreak
Author: wonderX inc.
Author URI: https://wonderx.co.jp/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: maisonfreak
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&family=Roboto:ital,wght@1,500&display=swap');
:root {
	--global--font-primary: var(--font-headings, 'Noto Sans JP', 'Roboto', sans-serif);
	--global--font-secondary: var(--font-base, 'Noto Sans JP', 'Roboto', sans-serif);
}
html, body { font-family: var(--global--font-primary); }
button i { pointer-events: none; }
input[type=submit] {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}
img {
	user-select: none;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
}
table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
ol.parentheses li {
	list-style-type: none;
	counter-increment: cnt;
}
ol.parentheses li::before {
	content: ' (' counter(cnt) ') ';
}
ol.parentheses ol {
	counter-reset: cnt 0;
}
ol.parentheses ol li {
	list-style-type: decimal;
}
ol.parentheses ol li::before {
	content: none;
}
.singular .entry-title {
	font-size: 1rem;
}
.singular .has-post-thumbnail .entry-header {
	padding-bottom: 0px;
}
figure.post-thumbnail,
.search-form label,
.posted-by,
.post-taxonomies,
.post-navigation,
#infinity-blog-title,
.blog-credits,
.none { display: none; }
.divclick a { display: block; }
.site-main { text-align: center; }
.pointer { cursor: pointer; }
.grunion-field-label span { color: red; }
.grunion-field-label { text-align: left; }
#alertArea { z-index: 9998; }
#toastArea { z-index: 9997; }
#safariAlert { z-index: 9996; }
.sticky-top { z-index: 999; }
.floatingActionButton { z-index: 998; }
#scrollBuyButton { z-index: 997; }
.alert { z-index: 996; }
.searchConfig { z-index: 994; }
.zoom:hover {
	z-index: 995;
	transition: .3s ease;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.page-title,
.singular .entry-title {
	font-size: 4rem;
}
.archive-description,
.singular .archive-description {
		font-size: 2rem;
}
.single .site-main > article > .entry-footer {
	border-top: none;
}
@media screen and (max-width: 959px) {
	.page-title,
	.singular .entry-title {
		font-size: 3rem;
	}
	.archive-description,
	.singular .archive-description {
			font-size: 1.5rem;
	}
}
@media screen and (max-width: 480px) {
	.page-title,
	.singular .entry-title {
		font-size: 2rem;
	}
	.archive-description,
	.singular .archive-description {
			font-size: 1rem;
	}
}
.small {
	font-size: 10px;
}
.dots-text {
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.aq-list {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.aq-list::-webkit-scrollbar {
	height: 12px;
}
.aq-list::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 6px;
}
.aq-list::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 6px;
}
.aq-list-item {
	width: 240px;
	flex-shrink: 0;
}
.aq-list-item-img {
	width: 238px;
	height: 238px;
	display: table;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.aq-relation-item {
	display: inline-block;
	min-width: 240px;
	max-width: 240px;
	overflow: hidden;
	padding: 1px;
}
.aq-relation-item img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}
@media screen and (max-width: 959px) {
	.aq-list-item {
		width: 160px;
	}
	.aq-list-item-img {
		width: 158px;
		height: 158px;
	}
	.aq-relation-item {
		min-width: 160px;
		max-width: 160px;
	}
	.aq-relation-item img {
		height: 120px;
	}
}
@media screen and (max-width: 480px) {
	.aq-list-item {
		width: 120px;
	}
	.aq-list-item-img {
		width: 118px;
		height: 118px;
	}
	.aq-relation-item {
		min-width: 120px;
		max-width: 120px;
	}
	.aq-relation-item img {
		height: 90px;
	}
}
.aq-artist { background: rgba(3,169,244,0.77); }
.aq-collector { background: rgba(233,102,86,0.77); }
.aq-critic { background: rgba(52,210,147,0.77); }
.aq-curator { background: rgba(247,216,97,0.77); }
.aq-gallery { background: rgba(255,153,204,0.77); }
.aq-party { background: rgba(153,51,255,0.77); }
.google-text { color: #4285f4; }
.youtube-text { color: #da1725; }
.twitter-text { color: #1da1f2; }
.facebook-text { color: #1877f2; }
.instagram-text { color: #cf2e92; }
.wordpress-text { color: #21759b; }
.matic-text { color: #8247e5; }
.eth-text { color: #62688f; }
.eur-text { color: #211ca6; }
.usd-text { color: #8c888b; }
.gold-text { color: #ffd700; }
.silver-text { color: #c0c0c0; }
.copper-text { color: #c47222; }
.blue-text { color: #03a9f4; }
.red-text { color: #e96656; }
.green-text { color: #34d293; }
.yellow-text { color: #f7d861; }
.purple-text { color: #9933ff; }
.pink-text { color: #ff99cc; }
.floatingActionButton a,
.floatingActionButton button {
	position: relative;
	text-decoration: none;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	color: rgba(3,169,244,0.77);
	background: transparent;
	box-shadow: inset 0 0 4px rgba(0,0,0,0.08);
	opacity: 0.8;
}
.floatingActionButton a:hover,
.floatingActionButton button:hover { opacity: 1; }
.floatingActionButton a i,
.floatingActionButton button i {
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	line-height: 80px;
	left: 10px;
	top: 9px;
	border-radius: 50%;
	font-size: 40px;
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	text-shadow: 1px 1px 1px rgba(255,255,255,0.66);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.19);
	border-bottom: solid 2px #b5b5b5;
}
.floatingActionButton a .fas:active,
.floatingActionButton button .fas:active {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.19);
	border-bottom: solid 2px #d8d8d8;
}
#scrollBuyButton,
#scrollBuyButton button {
	width: 250px;
	height: auto;
}
#scrollBuyButton button {
	position: relative;
}
.carousel-inner img { object-fit: contain; }
@media (min-width: 320px) { .carousel-item img { height: 80px; } }
@media (min-width: 375px) { .carousel-item img { height: 100px; } }
@media (min-width: 414px) { .carousel-item img { height: 110px; } }
@media (min-width: 480px) { .carousel-item img { height: 120px; } }
@media (min-width: 768px) { .carousel-inner img { height: 200px; } }
@media (min-width: 1024px) { .carousel-inner img { height: 250px; } }
@media (min-width: 1200px) { .carousel-inner img { height: 300px; } }
@media (min-width: 1600px) { .carousel-inner img { height: 400px; } }
.carouselImage {
	height: 333px;
	background-size: contain;
}
@media screen and (max-width: 959px) {
	.carouselImage {
		height: 288px;
	}
}
@media screen and (max-width: 480px) {
	.carouselImage {
		height: 222px;
	}
}
.embedArea {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	z-index: 0;
}
.embedArea video,
.embedArea iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
.tableImage { width: 120px; }
.content-img {
	max-width: 100%;
	height: auto;
}
.wb-text {
	background-color: rgba(255,255,255,0.66);
	color: #000;
}
.dancing-text span {
	display: inline-block;
	animation: textAnim 1s linear infinite alternate;
}
@keyframes textAnim {
	from{
		transform-origin: left bottom;
		transform: rotate(-15deg);
	}
	to{
		transform-origin: right bottom;
		transform: rotate(+15deg);
	}
}
.aq-card {
	height: 100px;
}
.bgArea {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.howtoImage {
	width: 288px;
	height: 192px;
}
.coverImage {
	height: 333px;
	display: table;
	background-size: cover;
}
.containImage {
	height: 500px;
	background-size: contain;
}
@media screen and (max-width: 959px) {
	.containImage {
		height: 375px;
	}
}
@media screen and (max-width: 480px) {
	.containImage {
		height: 250px;
	}
}
.sampleImage,
.sampleImage .wb-text {
	height: 120px;
}
.sampleImage {
	display: table;
	background-size: cover;
}
.sampleImage:hover .wb-text {
	display:none;
}
.coverPhrase {
	display: table-cell;
	vertical-align: middle;
}
.header-nav-menu-item {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.header-nav-menu-item::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}
.header-nav-menu-item:hover::after {
	transform: scale(1, 1);
}
#loading {
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	top: 0;
	left: 0;
	position: fixed;
	transition: all 1s;
	background-color: #646770;
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
	background-blend-mode: multiply,normal;
}
.loaded {
	opacity: 0;
	visibility: hidden;
}
.loader {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	perspective: 800px;
}
.inner {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.inner.one {
	left: 0%;
	top: 0%;
	animation: rotate-one 1s linear infinite;
	border-bottom: 3px solid #EFEFFA;
}
.inner.two {
	right: 0%;
	top: 0%;
	animation: rotate-two 1s linear infinite;
	border-right: 3px solid #EFEFFA;
}
.inner.three {
	right: 0%;
	bottom: 0%;
	animation: rotate-three 1s linear infinite;
	border-top: 3px solid #EFEFFA;
}
@keyframes rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}
@keyframes rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}
@keyframes rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
.star { font-family: 'Font Awesome 5 Free'; }
.star:before { font-weight: 900; }
.star:after { font-weight: 400; }
.star[data-rate="0.0"]:before { content: ''; }
.star[data-rate="0.5"]:before { content: '\f5c0'; }
.star[data-rate="1.0"]:before { content: '\f005'; }
.star[data-rate="1.5"]:before { content: '\f005\f5c0'; }
.star[data-rate="2.0"]:before { content: '\f005\f005'; }
.star[data-rate="2.5"]:before { content: '\f005\f005\f5c0'; }
.star[data-rate="3.0"]:before { content: '\f005\f005\f005'; }
.star[data-rate="3.5"]:before { content: '\f005\f005\f005\f5c0'; }
.star[data-rate="4.0"]:before { content: '\f005\f005\f005\f005'; }
.star[data-rate="4.5"]:before { content: '\f005\f005\f005\f005\f5c0'; }
.star[data-rate="5.0"]:before { content: '\f005\f005\f005\f005\f005'; }
.star[data-rate="0.0"]:after { content: '\f005\f005\f005\f005\f005'; }
.star[data-rate="0.5"]:after { content: '\f005\f005\f005\f005'; }
.star[data-rate="1.0"]:after { content: '\f005\f005\f005\f005'; }
.star[data-rate="1.5"]:after { content: '\f005\f005\f005'; }
.star[data-rate="2.0"]:after { content: '\f005\f005\f005'; }
.star[data-rate="2.5"]:after { content: '\f005\f005'; }
.star[data-rate="3.0"]:after { content: '\f005\f005'; }
.star[data-rate="3.5"]:after { content: '\f005'; }
.star[data-rate="4.0"]:after { content: '\f005'; }
.star[data-rate="4.5"]:after { content: ''; }
.star[data-rate="5.0"]:after { content: ''; }
a.btn-sns {
	font-size: 1.8rem;
	line-height: 50px;
	width: 50px;
	height: 50px;
	padding: 0;
	letter-spacing: 0;
	color: #fff;
	border-radius: 50%;
}
a.btn-sns:hover {
	color: #fff;
}
a.btn-sns--twitter {
	background: #1da1f2;
}
a.btn-sns--facebook {
	background: #1877f2;
}
a.btn-sns--instagram {
	background: #d6249f;
	background: -webkit-linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
	background: linear-gradient(45deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.generateArtFrame canvas {
	border: 10px solid;
	border-image: linear-gradient(to right bottom,#e0d9b6,#b4983a) 1 / 10px;
	outline: 3px outset #efe9cc;
	padding: 15px;
	background: #FFF;
	box-shadow: 1px 3px 10px #999;
	cursor: grab;
}
.generateArtFrame canvas:active {
	cursor: grabbing;
}
.list-item-anim {
	opacity: 0;
}
.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeInAnime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeDown {
	animation-name: fadeDownAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeDownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
}
.fadeLeft {
	animation-name: fadeLeftAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeLeftAnime {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeRight {
	animation-name: fadeRightAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	opacity:0;
}
@keyframes fadeRightAnime {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
.rotateX {
	animation-name: rotateXAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes rotateXAnime {
	from {
		transform: rotateX(0);
		opacity: 0;
	}
	to {
		transform: rotateX(-360deg);
		opacity: 1;
	}
}
.rotateY {
	animation-name: rotateYAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes rotateYAnime {
	from {
		transform: rotateY(0);
		opacity: 0;
	}
	to {
		transform: rotateY(-360deg);
		opacity: 1;
	}
}
.rotateLeftZ {
	animation-name: rotateLeftZAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes rotateLeftZAnime {
	from {
		transform: rotateZ(0);
		opacity: 0;
	}
	to {
		transform: rotateZ(-360deg);
		opacity: 1;
	}
}
.rotateRightZ {
	animation-name: rotateRightZAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes rotateRightZAnime{
	from {
		transform: rotateZ(0);
		opacity: 0;
	}
	to {
		transform: rotateZ(360deg);
		opacity: 1;
	}
}
.zoomIn {
	animation-name: zoomInAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes zoomInAnime {
	from {
		transform: scale(0.6);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
.zoomOut {
	animation-name: zoomOutAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes zoomOutAnime {
	from {
		transform: scale(1.2);
		opacity: 0;
	}
	to {
		transform:scale(1);
		opacity: 1;
	}
}
.smooth {
	animation-name: smoothAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	transform-origin: left;
	opacity: 0;
}
@keyframes smoothAnime {
	from {
		transform: translate3d(0, 100%, 0) skewY(12deg);
		opacity: 0;
	}
	to {
		transform: translate3d(0, 0, 0) skewY(0);
		opacity: 1;
	}
}
.form-check-input:checked {
	background-color: transparent;
	border-color: #000000;
}