@charset "UTF-8";
*, :after, :before {
	box-sizing: border-box
}
blockquote, body, button, dd, dl, fieldset, h1, h2, h3, h4, h5, h6, hr, iframe, input, legend, ol, option, p, pre, select, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	border: none
}
h1, h2, h3, h4, h5, h6, small, strong, sub, sup, th {
	font-size: inherit;
	font-weight: inherit
}
address, cite, dfn, em, var {
	font-style: normal
}
caption, th {
	text-align: left
}
a, abbr[title], ins {
	text-decoration: none
}
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body, html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%
}
body {
	line-height: 1;
	overflow-x: hidden;
}
main {
	display: block
}
ol, ul {
	list-style-type: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a {
	color: inherit
}
q:after, q:before {
	content: none
}
sub, sup {
	vertical-align: baseline
}
mark {
	background: none;
	color: inherit
}
svg {
	overflow: visible
}
button, input, select, textarea {
	background: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit
}
select {
	border-radius: 0;
}
select::-ms-expand {
	display: none
}
template {
	display: none
}
a, button, input[type=checkbox], input[type=radio], label, select {
	cursor: pointer
}
button {
	outline: none
}
[data-whatinput=keyboard] button:focus {
	outline: auto
}
@keyframes arrow-loop {
	0% {
		transform: translate(-50%)
	}
	50% {
		transform: translate(-50%, -200%)
	}
	51% {
		opacity: 0;
		transform: translate(-50%, 200%)
	}
	to {
		transform: translate(-50%)
	}
}
@keyframes bus {
	0% {
		transform: translate(0) rotate(0deg)
	}
	20% {
		transform: translate(0) rotate(0deg)
	}
	22% {
		transform: translate(0) rotate(-1deg)
	}
	24% {
		transform: translate(-3px) rotate(0deg)
	}
	28% {
		transform: translate(-3px) rotate(1deg)
	}
	30% {
		transform: translateY(2px) rotate(-1deg)
	}
	32% {
		transform: translateY(2px) rotate(0deg)
	}
	34% {
		transform: translate(0) rotate(1deg)
	}
	36% {
		transform: translate(0) rotate(0deg)
	}
	to {
		transform: translate(0) rotate(0deg)
	}
}
@keyframes mokumoku {
	0% {
		transform: translate(0)
	}
	20% {
		opacity: .5;
		transform: translate(5%)
	}
	40% {
		opacity: 1;
		transform: translate(10%)
	}
	60% {
		transform: translate(15%)
	}
	80% {
		opacity: .5
	}
	to {
		opacity: 0;
		transform: translate(20%)
	}
}
html {
	overflow-y: scroll
}
html.bMobile {
	overflow-y: visible
}
html.sWait {
	cursor: wait
}
html.-full {
	overflow: hidden;
	height: 100%
}
body {
	color: #2f2f2f;
	font-family: YuMincho, 游明朝, Times New Roman, Hiragino Mincho ProN, HGS明朝B, ＭＳ Ｐ明朝, serif;
	font-feature-settings: "palt"
}
body.-fixed {
	width: 100%;
	position: fixed;
	overflow: hidden
}
html.-full body {
	height: 100%
}
.bAndroid body {
	font-family: "Noto Serif JP", YuMincho, 游明朝, Times New Roman, Hiragino Mincho ProN, HGS明朝B, ＭＳ Ｐ明朝, serif
}
/*! locomotive-scroll v4.0.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */

html.has-scroll-smooth {
	overflow: hidden
}
html.has-scroll-dragging {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.has-scroll-smooth body {
	overflow: hidden
}
.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}
[data-scroll-direction=horizontal] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}
[data-scroll-direction=horizontal] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}
.c-scrollbar {
	z-index: 900;
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100%;
	transform-origin: center right;
	transition: transform .3s, opacity .3s;
	opacity: 0
}
.c-scrollbar:hover {
	transform: scaleX(1.45)
}
.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
	opacity: 1
}
[data-scroll-direction=horizontal] .c-scrollbar {
	width: 100%;
	height: 10px;
	top: auto;
	bottom: 0;
	transform: scaleY(1)
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
	transform: scaleY(1.3)
}
.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
	opacity: .5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	cursor: grab
}
.has-scroll-dragging .c-scrollbar_thumb {
	cursor: grabbing
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
	right: auto;
	bottom: 0
}
.cBackground {
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none
}
.cFooter {
	position: relative;
	overflow: hidden
}
.cFooter-cloud {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
    opacity: 0;
}
.cFooter-cloud img {
	width: 100%;
	height: auto
}
.cFooter-cloudItem, .cFooter-pageTop {
	position: absolute
}
.cFooter-pageTop {
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	color: #adab97
}
[data-whatintent=mouse] .cFooter-pageTop:hover .cFooter-pageTop-arrowIcon {
	animation: arrow-loop 1.5s cubic-bezier(.65, 0, .35, 1) infinite
}
.cFooter-pageTop-label {
	font-family: Libre Baskerville, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-weight: 400;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 100%
}
.cFooter-pageTop-arrow {
	position: relative;
	width: 100%;
	overflow: hidden
}
.cFooter-pageTop-arrowIcon {
	position: absolute;
	transform: translate(-50%);
	top: 0;
	left: 50%
}
.cFooter-logo {
	display: block;
	opacity: 1;
	transition: opacity .5s cubic-bezier(.61, 1, .88, 1)
}
[data-whatintent=mouse] .cFooter-logo:hover {
	opacity: .4;
	transition: opacity .5s cubic-bezier(.16, 1, .3, 1)
}
.cFooter-logo-image {
	width: 100%;
	height: auto
}
.cFooter-nav {
	border-bottom: 1px solid rgba(173, 171, 151, .5)
}
.cFooter-navList {
	display: flex
}
.cFooter-navLink {
	opacity: 1;
	transition: opacity .5s cubic-bezier(.61, 1, .88, 1)
}
[data-whatintent=mouse] .cFooter-navLink:hover {
	opacity: .4;
	transition: opacity .5s cubic-bezier(.16, 1, .3, 1)
}
.cFooter-copyright {
	color: #adab97;
	font-family: Libre Baskerville, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-weight: 400
}
.cFooter-copyrightText {
	display: block;
	text-align: center
}
.cHeader {
	z-index: 600;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none
}
.cHeader, .cHeader-inner {
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: right;
}
.cHeader-inner {
	opacity: 0;
	visibility: hidden
}
.cHeader-logo {
	pointer-events: auto
}
.cHeader-logoSrc {
	width: 100%;
	height: auto
}
.cHeader-menu {
	pointer-events: auto;
	position: absolute;
	z-index: 99;
	width: 2.8125rem;
	height: 2.8125rem;
	margin-top: .625rem
}
.cHeader-menu-line {
	position: absolute;
	background: #2f2f2f;
	width: 1.875rem;
	height: .0625rem;
	right: 10px;
	top: 0;
	bottom: 0;
	transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .3s ease, position .3s ease
}
.cHeader-menu-line.-n01 {
	transform: translateY(-.5625rem)
}
.cHeader-menu-line.-n02 {
	top: 0;
	bottom: 0;
}
.cHeader-menu-line.-n03 {
	transform: translateY(.5625rem)
}
.cHeader-menu-close, .cHeader-menu-text {
	font-family: Libre Baskerville, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-weight: 400;
	font-size: .625rem;
	margin-top: 1.3125rem;
	position: absolute;
	letter-spacing: -.05em
}
.cHeader-menu-text {
	opacity: 1;
	transition: opacity .4s ease
}
.cHeader-menu-close {
	opacity: 0;
	transition: opacity .4s ease
}
.cHeader-menu.-open .cHeader-menu-line {
	top: 0;
	bottom: 0;
	left: .25rem;
	transition: transform .6s cubic-bezier(.16, 1, .3, 1), opacity .3s ease, position .3s ease
}
.cHeader-menu.-open .cHeader-menu-line.-n01 {
	transform: rotate(-45deg)
}
.cHeader-menu.-open .cHeader-menu-line.-n02 {
	opacity: 0
}
.cHeader-menu.-open .cHeader-menu-line.-n03 {
	transform: rotate(45deg)
}
.cHeader-menu.-open .cHeader-menu-text {
	opacity: 0
}
.cHeader-menu.-open .cHeader-menu-close, .cHeader-menu.-open .cHeader-menu-text:after {
	opacity: 1
}
.cHeader-nav {
	pointer-events: auto
}
.cHeader-nav-inner {
	position: relative
}
.cHeader-nav-title {
	opacity: 0;
	visibility: hidden
}
.cHeader-nav-title img {
	width: 100%;
	height: auto
}
.cHeader-nav-item-link {
	transition: color .4s;
	display: inline-block
}
.cHeader-nav-item-link.-active, [data-whatintent=mouse] .cHeader-nav-item-link:hover {
	color: #adab97
}
.cHeader-nav-cloud .cloud {
	position: absolute;
	z-index: 1
}
.cHeader-nav-cloud .cloud img {
	width: 100%;
	height: auto
}
.cHeader.-hide, .cLoading {
	pointer-events: none;
	display: none !important;
}
.cLoading {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100vh;
	overflow: hidden
}
.cLoading-container {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}
.cLoading-sprite {
	position: relative;
	background-size: auto 100%
}
.cLoading-img {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}
.cLoadSprite {
	background-repeat: no-repeat;
	background-size: auto 100%
}
@keyframes loading_play {
	to {
		background-position: 100%
	}
}
.cMarquee {
	font-family: Libre Baskerville, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-weight: 400;
	letter-spacing: .055em;
	overflow: hidden;
	line-height: 1;
	white-space: nowrap;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000, transparent);
	mask-image: linear-gradient(90deg, transparent, #000, transparent)
}
.cMarquee-line {
	display: flex;
	animation: marquee 12s linear infinite
}
.cMarquee.-pause .cMarquee-line {
	animation-play-state: paused
}
.cMenu {
	z-index: 1000
}
.cMenu-inner {
	width: 80%;
	height: 80%
}
.cModal {
	z-index: 1100;
	display: none;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.cModal-content {
	position: relative;
	z-index: 1;
	overflow-y: scroll
}
.cModal-close {
	position: absolute;
	display: flex;
	z-index: 2
}
.cModal-backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background: url(../img/common/c-body-bg.png) repeat 0 0;
	cursor: pointer
}
.cModal.-open {
	display: flex;
	pointer-events: auto
}
body.-open {
	pointer-events: none
}
.cMouseStalker {
	z-index: 1300;
	position: fixed;
	top: 0;
	left: 0;
	color: #b7b3b1;
	border-radius: 50%;
	transition: .8s;
	transition-property: color;
	pointer-events: none
}
.cMouseStalker, .cMouseStalker-border {
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translate(-50%, -50%);
	width: 1.25rem;
	height: 1.25rem
}
.cMouseStalker-border {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid;
	border-radius: 50%;
	transition: .8s;
	transition-property: background-color
}
.cMouseStalker-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #2f2f2f;
	white-space: nowrap;
	opacity: 0
}
.cMouseStalker-icon svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem
}
.cMouseStalker.-white {
	color: #fff
}
.cMouseStalker.-white .cMouseStalker-icon {
	color: currentColor
}
.cMouseStalker.-red {
	color: #2f2f2f
}
.cMouseStalker.-red .cMouseStalker-icon {
	color: currentColor
}
.cMouseStalker.-back .cMouseStalker-icon svg {
	transform: scaleX(-1)
}
.cMouseStalker.-magnet {
	color: #2f2f2f
}
.cMouseStalker.-magnet .cMouseStalker-border {
	background-color: currentColor
}
.cMouseStalker.-magnet .cMouseStalker-icon {
	color: currentColor
}
.cOrder {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	display: inline-block;
	z-index: 5
}
[data-whatintent=mouse] .cOrder-banner:hover .icon {
	animation: bus 1.8s ease infinite
}
[data-whatintent=mouse] .cOrder-banner:hover .icon:after {
	animation: mokumoku 1.6s linear .3s infinite
}
.cOrder-banner .icon {
	display: block;
	position: relative
}
.cOrder-banner .icon:after {
	content: "";
	position: absolute;
	opacity: 0;
	display: block;
	background-image: url(../img/common/pc/1x/b-order_img_hover.png);
	background-repeat: no-repeat;
	background-size: cover
}
.cOrder-banner .icon img {
	width: 100%;
	height: auto
}
.cOrder-banner .fukidashi {
	position: relative
}
.cOrder-banner .fukidashi img {
	width: 100%;
	height: auto
}
.cOrder-banner .fukidashi .text {
	color: #fff;
	position: absolute;
	letter-spacing: .08em
}
.cOrientationAlert {
	z-index: 1100;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #efefed;
	display: none;
	opacity: 0;
}
.cOrientationAlert-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
.cOrientationAlert-image {
	width: 5.82188rem;
	height: 3.40688rem
}
.cOrientationAlert-photo {
	width: 100%;
	height: auto
}
.cOrientationAlert-text {
	color: #6a6a6a;
	text-align: center;
	font-family: Libre Baskerville, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-weight: 400;
	padding-top: .8625rem;
	font-size: .48875rem
}
.cParallaxImg {
	overflow: hidden
}
.cParallaxImg img, .cParallaxImg picture {
	display: block;
	width: 100%;
	height: auto
}
.cTitle {
	display: inline-block
}
.cTitle.-isPlay .cTitle-text {
	filter: blur(0);
	transition: filter 1.2s cubic-bezier(.16, 1, .3, 1)
}
.cTitle-text {
	color: #2f2f2f;
	position: relative;
	will-change: filter;
	letter-spacing: .2em
}
.cTitle-text:after {
	content: "";
	display: block;
	background-color: #adab97;
	position: absolute;
	margin: auto
}
@media screen and (min-width:768px) {
	html {
		font-size: 1vw
	}
	body {
		font-size: .875rem;
		min-width: 768px
	}
	._sp {
		display: none!important
	}
	html.has-scroll-smooth {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0
	}
	.cContainer.-w1080 {
		padding-left: 16.25rem;
		padding-right: 16.25rem
	}
	.cContainer.-w1280 {
		padding-left: 10rem;
		padding-right: 10rem
	}
	.cFooter-cloudItem {
		height: auto;
		z-index: -1
	}
	.cFooter-cloudItem.-no01 {
		top: 3.75rem;
		left: 56.9375rem;
		width: 21.5625rem
	}
	.cFooter-cloudItem.-no02 {
		bottom: 8.4375rem;
		left: 70.0625rem;
		width: 26.25rem
	}
	.cFooter-cloudItem.-no03 {
		top: 15.625rem;
		left: -12.25rem;
		width: 41.4375rem
	}
	.cFooter-pageTop {
		top: 0;
		right: 3.3125rem;
		width: .75rem
	}
	.cFooter-pageTop-label {
		font-size: .75rem;
		padding-top: 1.25rem
	}
	.cFooter-pageTop-arrow {
		height: 3.875rem
	}
	.cFooter-pageTop-arrowIcon {
		width: .5625rem;
		height: 3.875rem
	}
	.cFooter-logo {
		width: 18rem;
		margin: 12.5rem auto 0
	}
	.cFooter-nav {
		width: 50rem;
		margin: auto;
		padding-top: 5.625rem;
		padding-bottom: 1.8125rem;
		font-size: .9375rem;
		line-height: 2.33333;
		letter-spacing: .1em
	}
	.cFooter-navList {
		justify-content: space-evenly;
		margin: 0 .625rem
	}
	.cFooter-copyright {
		padding: 1.5625rem 0;
		font-size: .75rem;
		line-height: 2.91667
	}
	.cHeader-inner {
		padding: 3.75rem 3.75rem 0
	}
	.cHeader-logo {
		width: 8rem;
	}
	.cHeader-nav-item {
		letter-spacing: .1em;
		font-size: .9375rem;
		text-align: right;
	}
	.cHeader-nav-item:not(:last-child) {
		margin-bottom: 1rem
	}
	.cLoading-img, .cLoading-sprite {
		width: 40.625rem;
		height: 33.125rem
	}
	.cMarquee {
		font-size: 1.25rem;
		margin: 0 5rem
	}
	.cOrder {
		left: 3.75rem;
		bottom: 3.75rem
	}
	.cOrder-banner .icon {
		margin-top: .875rem;
		width: 8.0625rem;
		height: 3.75rem
	}
	.cOrder-banner .icon:after {
		bottom: 0;
		right: -3.375rem;
		width: 3.0625rem;
		height: 1.5rem
	}
	.cOrder-banner .fukidashi {
		width: 8.125rem;
		height: 4.5rem
	}
	.cOrder-banner .fukidashi .text {
		font-size: .875rem;
		top: 1.75rem;
		left: 1rem
	}
	.cOrientationAlert-image {
		width: 25.3125rem;
		height: 14.8125rem
	}
	.cOrientationAlert-text {
		padding-top: 3.75rem;
		font-size: 2.125rem
	}
	.cTitle.-isPlay .cTitle-text.-isVertical:after {
		transform: scaleY(1)
	}
	.cTitle.-isPlay .cTitle-text.-isHorizontal:after {
		transform: scaleX(1)
	}
	.cTitle-text {
		font-size: 2.5rem;
		line-height: 1.35;
		filter: blur(3.75rem)
	}
	.cTitle-text:after {
		transition: transform 1.2s cubic-bezier(.16, 1, .3, 1) .4s
	}
	.cTitle-text.-isVertical {
		padding-bottom: 8.75rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl
	}
	.cTitle-text.-isVertical:after {
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		height: 7.5rem;
		transform-origin: top;
		transform: scaleY(0)
	}
	.cTitle-text.-isVertical.-left {
		margin-left: -.5rem
	}
	.cTitle-text.-isVertical.-right {
		margin-right: -.5rem
	}
	.cTitle-text.-isHorizontal {
		padding-right: 9.375rem
	}
	.cTitle-text.-isHorizontal:after {
		top: 0;
		bottom: 0;
		right: 0;
		width: 7.5rem;
		height: 1px;
		transform-origin: left;
		transform: scaleX(0)
	}
	.cTitle-text.-isHorizontal.-left {
		margin-left: -.1875rem
	}
}
@media screen and (max-width:767px) {
	html {
		font-size: 3.86473vw
	}
	body {
		font-size: .8125rem;
		position: relative
	}
	body:after {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -999
	}
	._pc {
		display: none!important
	}
	.cContainer.-w748 {
		padding-left: 1.25rem;
		padding-right: 1.25rem
	}
	.cFooter {
		padding: 2.375rem 1.25rem 2.1875rem
	}
	.cFooter-cloudItem.-no01 {
		top: 1.5rem;
		left: 13.875rem;
		width: 10.78125rem
	}
	.cFooter-cloudItem.-no02 {
		top: 20.625rem;
		left: 8.8125rem;
		width: 11.65625rem
	}
	.cFooter-cloudItem.-no03 {
		top: 13.125rem;
		left: -12.125rem;
		width: 20rem
	}
	.cFooter-pageTop {
		top: 1.5625rem;
		right: .9375rem;
		width: .625rem
	}
	.cFooter-pageTop-label {
		font-size: .625rem;
		letter-spacing: .05em;
		padding-top: .625rem
	}
	.cFooter-pageTop-arrow {
		height: 3.21875rem
	}
	.cFooter-pageTop-arrowIcon {
		width: .46875rem;
		height: 3.21875rem
	}
	.cFooter-logo {
		width: 13.5rem;
		height: 10.28125rem;
		margin-right: auto;
		margin-left: auto
	}
	.cFooter-nav {
		font-size: .9375rem;
		letter-spacing: .2em;
		margin-top: 0;
	}
	.cFooter-navList {
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 1.875rem;
        flex-direction: column;
        align-items: center;
	}
    .cFooter-navItem:not(:first-of-type) {
        margin-top: 1.5625rem
    }
	.cFooter-copyright {
		font-size: .75rem;
		letter-spacing: .05em;
		margin-top: 1.875rem
	}
	.cHeader-inner {
		justify-content: flex-end
	}
	.cHeader-logo {
		position: absolute;
		z-index: 11;
		top: 1.25rem;
		left: 1.25rem;
		width: 4rem;
	}
	.cHeader-menu {
		top: 1.25rem;
		right: 1.25rem
	}
	.cHeader-nav {
		width: 100%;
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		visibility: hidden
	}
	.cHeader-nav-inner {
		opacity: 0;
		visibility: hidden;
		background: url(../img/common/c-body-bg.png) repeat 0 0;
		height: 100vh;
		overflow: scroll;
		padding-top: 5.8125rem
	}
	.cHeader-nav-title {
		width: 13.21875rem;
		height: 8.5625rem;
		z-index: 2;
		margin: 0 auto
	}
	.cHeader-nav-list {
		padding-top: 2.6875rem
	}
	.cHeader-nav-item {
		opacity: 0;
		visibility: hidden;
		font-size: 1.4375rem;
		letter-spacing: .13em;
		text-align: center;
		z-index: 2
	}
	.cHeader-nav-item:not(:last-child) {
		margin-bottom: 2.875rem
	}
	.cHeader-nav-cloud .cloud.-no01 {
		width: 10.78125rem;
		height: 3.34375rem;
		top: 14.0625rem;
		left: 14.9375rem
	}
	.cHeader-nav-cloud .cloud.-no02 {
		width: 23.125rem;
		height: 4.25rem;
		top: 26.75rem;
		left: -14.6875rem
	}
	.cHeader-nav-cloud .cloud.-no03 {
		width: 13.125rem;
		height: 3.53125rem;
		top: 39.0625rem;
		left: 9.53125rem
	}
	.cLoading-img, .cLoading-sprite {
		width: 22.1875rem;
		height: 18.125rem
	}
	.cMarquee {
		font-size: 1rem;
		margin: 0 1.5625rem
	}
	.cModal-close {
		align-items: center;
		transform: translateX(-50%);
		bottom: 6.25rem;
		left: 50%;
		color: #adab97
	}
	.cModal-closeText {
		font-family: YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
		font-weight: 600;
		font-size: .8125rem;
		letter-spacing: .1em
	}
	.bAndroid .cModal-closeText {
		font-weight: 700
	}
	.cModal-closeIcon {
		position: relative;
		margin-left: .3125rem;
		width: 1.5625rem;
		height: 1.5625rem;
		background-color: #fff;
		border-radius: 50%
	}
	.cModal-closeIcon:before {
		transform: translate(-50%, -50%) rotate(45deg)
	}
	.cModal-closeIcon:after, .cModal-closeIcon:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: .625rem;
		height: .125rem;
		background-color: #adab97
	}
	.cModal-closeIcon:after {
		transform: translate(-50%, -50%) rotate(-45deg)
	}
	.cMouseStalker {
		display: none
	}
	.cOrder {
		left: 1.25rem;
		bottom: 1.25rem
	}
	.cOrder-banner .icon {
		width: 4.46875rem;
		height: 2.0625rem
	}
	.cOrder-banner .fukidashi {
		width: 4.46875rem;
		height: 2.4375rem
	}
	.cOrder-banner .fukidashi .text {
		font-size: .75rem;
		top: .875rem;
		left: 1rem
	}
	.cTitle.-isPlay .cTitle-text:after {
		transform: scaleX(1)
	}
	.cTitle-text {
		font-size: 2rem;
		line-height: 1;
		padding-right: 7.25rem;
		filter: blur(1.875rem);
		white-space: nowrap
	}
	.cTitle-text:after {
		top: 0;
		bottom: 0;
		right: 0;
		width: 6.25rem;
		height: 1px;
		transform-origin: left;
		transform: scaleX(0);
		transition: transform 1.2s ease .2s
	}
}
@media screen and (max-width:767px) and (max-width:414px) {
	.cFooter-pageTop-label {
		font-size: 10px
	}
}
@media screen and (max-width:767px) and (max-width:345px) {
	.cFooter-copyright, .cOrder-banner .fukidashi .text {
		font-size: 10px
	}
}
@media screen and (max-width:414px) {
	.cHeader-menu-close, .cHeader-menu-text {
		font-size: 10px;
	}
}
@media screen and (max-width:529.41176px) {
	.cOrientationAlert-text {
		font-size: 10px;
		left: 3px;
	}
}
@media screen and (max-width:768px) {
	.cHeader-menu-close, .cHeader-menu-text {
		left: 3px;
	}
}