#cmeFooter .toPageTop a {position: absolute !important;margin: 0 !important;opacity: 1 !important;}
.fixPageTop a {position: fixed;bottom: 0;right: 24px;z-index: 5;display: block;width: 50px;height: 50px;margin: 0 0 -50px;background-color: #cc0200;text-indent: -999em;transition: all 0.3s ease;}
.fixPageTop a:after {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;margin: 4px 0 0;border-top: 3px solid #fff;border-right: 3px solid #fff;box-sizing: border-box;transform: translate(-50%,-50%) rotate(-45deg);}
.fixPageTop a.abBottom {display: none;}
.fixPageTop a.advent {margin: 0;}
@media only print {
	body {-webkit-print-color-adjust: exact;width: 1040px !important;}
	#cmeFooter .toPageTop {display: none !important;}
	.fixPageTop {display: none !important;}
}
@media (min-width: 768px) {
	.sp{display: none !important;}
	#cmeHeader.smooth{transform: translateY(0) !important;}
}
@media (max-width: 767px) {
	.pc{display: none !important;}
	#cmeHeader.smooth{position: absolute !important;}
	.fixPageTop a {right: calc(100vw/18.75);width: calc(100vw/11.36363636);height: calc(100vw/11.36363636);}
	.fixPageTop a:after {width: calc(100vw/35.7142857);height: calc(100vw/35.7142857);margin: 3px 0 0;border-top: 2px solid #fff;border-right: 2px solid #fff;}
}

#bottomShare {display: flex;justify-content: center;margin: 80px 0;list-style-type: none;}
#bottomShare li#twitter .box .share,
#bottomShare li#facebook .box .share {width: 44px;height: 44px;margin: 0 13px;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;outline: none;}
#bottomShare li#twitter .box .share {background-color: #1da1f2;background-image: url(/club-me/common/v0006/images/icon_twitter.svg);background-size: 25px auto;border-radius: 50%;}
#bottomShare li#facebook .box .share {background-image: url(/club-me/common/v0006/images/icon_facebook.svg);background-size: contain;}
@media only screen and (max-width: 767px) {
	#bottomShare {margin: calc(100vw / (750 / 80)) 0;}
	#bottomShare li#twitter .box .share,
	#bottomShare li#facebook .box .share {width: calc(100vw/(750/88));height: calc(100vw/(750/88));margin: 0 calc(100vw/(750/40));}
	#bottomShare li#twitter .box .share {background-size: calc(100vw/(750/50)) auto;}
}

.main{color: #424242; font-family: 'Noto Sans JP', sans-serif;font-weight: 400;overflow: hidden;}
.main.ff{transform: rotate(.00001deg);}
.main img{max-width: 100%;height: auto;vertical-align: top;}

.container{margin: 0 auto;padding: 0 13px;max-width: 1174px;}
@media only screen and (max-width: 767px) {
	.container{margin: 0 25px;padding: 0;max-width: none;}
}

@media only screen and (min-width: 768px) {
	.mask-t-l{-webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);-webkit-mask-position: left 200%;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100% 200%;}
	.mask-t-l.is-in{animation: mask-t-l-pc 4s ease-out forwards;}
}
@media only screen and (max-width: 767px) {
	.mask-t-l{-webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);-webkit-mask-position: 200% top;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 200% 100%;}
	.mask-t-l.is-in{animation: mask-t-l-sp 4s ease-out forwards;}
}
@keyframes mask-t-l-pc{
	0%{-webkit-mask-position: left 200%;}
	100%{-webkit-mask-position: left 0%;}
}
@keyframes mask-t-l-sp{
	0%{-webkit-mask-position: 200% top;}
	100%{-webkit-mask-position: 0% top;}
}

@media only screen {
.mask-t{-webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);-webkit-mask-position: left 200%;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100% 200%;}
.mask-t.is-in{animation: mask-t-l-pc 4s ease-out forwards;}
}
@keyframes mask-t{
	0%{-webkit-mask-position: left 200%;}
	100%{-webkit-mask-position: left 0%;}
}

@media only screen {
.mask-l{-webkit-mask-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);-webkit-mask-position: 200% top;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 200% 100%;}
.mask-l.is-in{animation: mask-l 4s ease-out forwards;}
}
@keyframes mask-l{
	0%{-webkit-mask-position: 200% top;}
	100%{-webkit-mask-position: 0% top;}
}

@media only screen {
.mask-r{-webkit-mask-image: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);-webkit-mask-position: -100% top;-webkit-mask-repeat: no-repeat;-webkit-mask-size: 200% 100%;}
.mask-r.is-in{animation: mask-r 4s ease-out forwards;}
}
@keyframes mask-r{
	0%{-webkit-mask-position: -100% top;}
	100%{-webkit-mask-position: 100% top;}
}

@media only screen {
.fade{opacity: 0;transition: opacity 4s ease;}
.fade.is-in{opacity: 1;}
}

.anime--fast{animation-duration: 2.5s !important;}

@media only screen and (min-width: 768px) {
	.mask-delay-pc-1.is-in{animation-delay: .5s;}
	.mask-delay-pc-2.is-in{animation-delay: 1s;}
	.mask-delay-pc-3.is-in{animation-delay: 1.5s;}
	.mask-delay-pc-4.is-in{animation-delay: 2s;}
	.mask-delay-pc-5.is-in{animation-delay: 2.5s;}
}