@charset "utf-8";
body {
	height: auto!important;
}
body.noscroll {
	position: fixed;
	overflow-y: scroll;
}
/* -----------------------------------------------------------------------------

	PC

----------------------------------------------------------------------------- */
@media print, screen and (min-width: 641px) {

	/* 共通
	------------------------------------------------------------------*/
	#contents_block .blockWrp, #contents_block #footerNav, #brandsite_nav, #footer_glonavi, #contents_block .official.pc  {
		display: none;
		opacity: 0;
		transition: 1.5s ease;
	}
	.fadeIn {
		opacity: 1!important;
	}
	#contents_block .contents #mv .bgWhite,#contents_block .contents #splash {
		transition: 1.2s ease;
	}
	#contents_block .contents .fadeOut {
		opacity: 0;
	}

	#brandsite_nav-sp,#smp_footer_glonavi {
		display: none!important;
	}
	#contents_block .contents section {
		position: relative;
	}
	#contents_block .contents section .inner {
		position: relative;
		z-index: 3;
	}
	#contents_block .contents section .secTtl {
		text-align: center;
		font-size: 2.0rem;
		margin-bottom: 35px;
		font-weight: 500;
	}
	#contents_block .contents section .secTtl b {
		font-family:'Mada', sans-serif;
		font-weight: bold;
		font-size: 4.8rem;
		letter-spacing: 0.1em;
		display: block;
		margin-bottom: 10px;
		line-height: 1;
	}
	#contents_block .contents section .secTxt {
		font-size: 1.7rem;
		text-align: center;
		line-height: 2;
	}
	#contents_block .contents section .btnType01 {
		width: 280px;
		margin: 60px auto 0;
		position: relative;
		z-index: 2;
		overflow: hidden;
	}
	#contents_block .contents section .pht,
	#contents_block .contents section .obj{
		position: absolute;
	}
	#contents_block .contents .move {
		transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
		transform: translateY(50px);
		opacity: 0;
	}
	#contents_block .contents .animate .move {
		transform: translateY(0);
		opacity: 1;
	}


	/* #splash
	------------------------------------------------------------------*/
	#contents_block .contents #splash {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;

	}
	#contents_block .contents #splash .inner {
		height: 700px;
		width:100%;
		min-width:auto;
		position: relative;
	}
	#contents_block .contents #splash .logo {
		position: absolute!important;
		width:41.8%;
		max-width:410px;
		top: 20.1%;
		left: 49.6%;
		margin-left: -235px;
		z-index: 1;
	}
	#contents_block .contents #splash .logo > img {
		width:100%;
		height:auto;
	}
	/*
	#contents_block .contents #splash .logo .ribbon {
		position: absolute;
		display: block;
		top: 62%;
		left: 50%;
		margin-left: -75px;
		height: 39px;
		width: 0;
		overflow:hidden;
		transition: 0.5s ease;
	}

	#contents_block .contents #splash .logo .ribbon img {
		width: 150px;
		height:auto;
		position:absolute;
		top:0;
		left:0;
	}
	#contents_block .contents #splash .logo .ribbon.animate {
		width: 150px;
		max-width:150px;
	}*/

	#contents_block .contents #splash .animation {
		position: absolute!important;
		width:41.8%;
		max-width:410px;
		top: 20.1%;
		left: 49.6%;
		margin-left: -235px;
		z-index: 2;
	}
	#contents_block .contents #splash .animation img {
		width:100%;
		height:auto;
	}
	/* #mv
	------------------------------------------------------------------*/
	#contents_block .contents #mv {
		width: 100%;
		z-index: 3;
	}
	#contents_block .contents #mv .inner {
		height: 700px;
		max-width: none;
		width: 100%;
	}
	#contents_block .contents #mv .slide {
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		width: 100%;
	}
	#contents_block .contents #mv .slideNum {
		position: absolute;
		bottom: 20px;
		right: 30px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 38px 38px;
		border-color: transparent transparent rgba(255,255,255,0.4) transparent;
		z-index: 3;
		cursor: pointer;
		opacity: 0;
		transition: 0.3s ease;
	}
	#contents_block .contents #mv .slideNum span {
		font-family:'Mada', sans-serif;
		font-size: 1.8rem;
		color: #e60012;
		position: absolute;
		top: 13px;
		left: -15px;
	}

	#contents_block .contents #mv .slick-dots {
		position: absolute;
		bottom: 20px;
		right: 30px;
		width: 38px;
		height: 38px;
		opacity: 0;
		transition: 0.3s ease;
		display: none;
	}
	#contents_block .contents #mv .slick-dots li {
		position:relative;
	}
	#contents_block .contents #mv .slick-dots li:after {
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 38px 38px 0 0;
		border-color: #e60012 transparent transparent transparent;
		position:absolute;
		top:0;
		left:0;
	}
	#contents_block .contents #mv .slick-dots li button {
		display:block;
		font-family:'Mada', sans-serif;
		font-size: 1.8rem;
		color: #fff;
		position: absolute;
		width:38px;
		height:38px;
		top: -8px;
		left: -8px;
		opacity: 0;
		transition: .3s;
		background: none;
		border: none;
		box-shadow: none;
		padding:0;
		z-index:2;
	}

	#contents_block .contents #mv .slick-dots li.slick-active button  {
		opacity: 1;
	}

	#contents_block .contents #mv.play .slick-dots,
	#contents_block .contents #mv.play .slideNum {
		opacity: 1;
	}


	/* slide01
	-----------*/
	#contents_block .contents #mv .slide01 {
		position: relative;
		background-position: center bottom;
		background-size: cover;
		z-index: 1;
	}
	#contents_block .contents #mv .slide01 .inner {
		overflow: hidden;
	}
	#contents_block .contents #mv .slide01 .logo {
		position: absolute!important;
		width:41.8%;
		max-width:410px;
		top: 20%;
		left: 50%;
		margin-left: -241px;
		z-index: 5;
	}
	#contents_block .contents #mv .slide01 .logo img {
		width:100%;
		height:auto;
	}
	#contents_block .contents #mv .slide01 .melody {
		width: 104%;
		height: 104%;
		position: absolute!important;
		z-index: 3;
		top: -2%;
		left: -2%;
		background:url(../img/img_mv_melody.png) no-repeat center;
		background-size: 100%;
	}
	/*canvas設置用*/
	#contents_block .contents #mv .slide01 .melody.canvas {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: none;
	}
	#contents_block .contents #mv .slide01 .products {
		position: absolute!important;
		width: 165%;
		max-width: 1621px;
		height: 101%;
		background:url(../img/img_mv_product.png) no-repeat center;
		background-size: 100%;
		top: 2.8%;
		left: 50%;
		margin-left: -820px;
		z-index: 3;
	}
	#contents_block .contents #mv .slide01 .bg {
		position: absolute!important;
		top: -4%;
		left: -4%;
		width: 108%;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		height: 108%;
		z-index: 2;
	}

	#contents_block .contents #mv .slide01 .bgWhite {
		background: #fff;
		position: absolute!important;
		width: 100%;
		height: 100%;
		z-index: 3;
		top: 0;
		left: 0;
	}

	/*朝*/
	#contents_block .contents #mv .slide01.morning .bg{
		background-image: url(../img/bg_mv_morning.jpg);

	}
	/*夕方*/
	#contents_block .contents #mv .slide01.evening .bg {
		background-image: url(../img/bg_mv_evening.jpg);
	}
	/*夜*/
	#contents_block .contents #mv .slide01.night .bg {
		background-image: url(../img/bg_mv_night.jpg);
	}

	/* bnrSlide
	-----------*/
	#contents_block .contents #mv .bnrSlide {
		background-size:auto 100%;
		background-color: #fff;
		z-index: 2;
		font-size: 0;
		overflow: hidden;
		transition:opacity 0.3s ease;
	}
	#contents_block .contents #mv .bnrSlide a {
		width:100%;
		height:100%;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	#contents_block .contents #mv .bnrSlide:hover {
		opacity:0.8;
	}
	#contents_block .contents #mv .slide02 {
		background-image: url(../img/mv_2023spr.png);
	}

	#contents_block .contents #mv .slide03 {
		background-image: url(../img/mv_mystery22Fall.jpg);
	}
	#contents_block .contents #mv .slide04 {
		background-image: url(../img/mv_map.jpg);
	}
	#contents_block .contents #mv .slide05 {
		background-image: url(../img/mv_2022spr.jpg);
	}

	/* #products
	------------------------------------------------------------------*/
	#contents_block .contents #products {
		z-index: 2;
	}
	#contents_block .contents #products .inner {
		padding: 110px 0 310px;
	}
	#contents_block .contents #products .pht01 {
		top: -70px;
		right:0;
	}
	#contents_block .contents #products .pht02 {
		top: 218px;
		left: -310px;
		width: 72%;
	}
	/* #about
	------------------------------------------------------------------*/
	#contents_block .contents #about {
		z-index:3;
		margin-top: -150px;
	}
	#contents_block .contents #about .inner {
		padding: 220px 0 415px;
	}
	#contents_block .contents #about .txtCont {
		width: 50%;
	}
	#contents_block .contents #about .txtCont .secTtl {
		color: #fff;
	}
	#contents_block .contents #about .txtCont .secTxt {
		color: #fff;
	}
	#contents_block .contents #about .pht01 {
		width: 59%;
		max-width: 580px;
		top: 30px;
		right: -13%;
	}
	#contents_block .contents #about .pht02 {
		top: 596px;
		left: -290px;
	}
	#contents_block .contents #about .pht01 img {
		width:100%;
		height:auto;
	}
	#contents_block .contents #about .bg {
		height: 616px;
		width: 3000px;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -1500px;
		transform: rotate(-10deg);
		background: #fff;
		overflow: hidden;
	}
	#contents_block .contents #about .bg:after {
		position:absolute;
		content:"";
		height: 616px;
		width: 0;
		top:0;
		left:0;
		left: 50%;
		margin-left: -1500px;
		overflow: hidden;
		background: #e60012;
		z-index: 1;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);;
	}
	#contents_block .contents #about .bg.animate:after {
		width: 3000px;
	}
	#contents_block .contents #about .obj01 {
		z-index: 2;
		right: calc((3000px - 100vw)/2);
		top: 270px;
		transform: rotate(10deg);
	}
	#contents_block .contents #about .obj02 {
		right: 0;
		top: 470px;
		z-index: 1;
	}

	/* #spot
	------------------------------------------------------------------*/
	#contents_block .contents #spot {
		z-index: 2;
		margin-top:  -30px;
	}
	#contents_block .contents #spot .inner {
		padding: 200px 0;
	}
	#contents_block .contents #spot .txtCont {
		width: 50%;
		float: right;
		z-index: 4;
		position: relative;
	}
	#contents_block .contents #spot .pht {
		width: 45%;
		max-width: 440px;
		top: 0;
		right: -37%;
		z-index: 3;
	}
	#contents_block .contents #spot .illust {
		top: -50px;
		left: 50%;
		margin-left: -1080px;
		z-index: 2;
		position: absolute;
	}
	#contents_block .contents #spot .bg {
		height: 616px;
		width: 3000px;
		background: #faf8ed;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -1500px;
		transform: rotate(10deg);
		overflow: hidden;
	}
	#contents_block .contents #spot .obj01 {
		left: 0;
		top: 520px;
		z-index: 3;
	}

	/* #map
	------------------------------------------------------------------*/
	#contents_block .contents #map {
		z-index:3;
		margin-top: 110px;
	}
	#contents_block .contents #map .inner {
		padding: 160px 0 165px;
	}
	#contents_block .contents #map .txtCont {
		width: 50%;
	}
	#contents_block .contents #map .pht01 {
		width: 51%;
    max-width: 499px;
    right: 0;
    top: 50%;
    transform: translateY(-65%);
    position: absolute;
    z-index: 2;
	}
	#contents_block .contents #map .pht01 img {
		width: 100%;
	}
	#contents_block .contents #map .illust {
		top: -200px;
		margin-right: -1000px;
		right: 50%;
		position: absolute;
		z-index: 1;
	}
	#contents_block .contents #map .bg {
		height: 590px;
		width: 3000px;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -1500px;
		transform: rotate(-10deg);
		background: #fff;
		overflow: hidden;
	}
	#contents_block .contents #map .bg:after {
		position:absolute;
		content:"";
		height: 590px;
		width: 0;
		top:0;
		left:0;
		left: 50%;
		margin-left: -1500px;
		overflow: hidden;
		background: #fae3e5;
		z-index: 1;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#contents_block .contents #map .bg.animate:after {
		width: 3000px;
	}
	#contents_block .contents #map .obj01 {
		right: 0;
		bottom: 0;
		z-index: 3;
	}

	/* #campaign
	------------------------------------------------------------------*/

	#contents_block .contents #campaign .bg {
		content: "";
		width: 1300px;
		height: 540px;
		background: url(../img/bg_obj01.png) no-repeat 0 0;
		position: absolute;
		top: 110px;
		left: 50%;
		margin-left: -650px;
		z-index: 1;
	}
	#contents_block .contents #campaign .inner {
		padding: 40px 0 0 0;
	}
	#contents_block .contents #campaign .pht01 {
		width: 44%;
		max-width: 427px;
		top: 430px;
		left: -30%;
	}
	#contents_block .contents #campaign .pht01 img {
		width: 100%;
		height: auto;
	}

	/* #community
	------------------------------------------------------------------*/
	#contents_block .contents #community {

	}
	#contents_block .contents #community .bg{
		content: "";
		width: 1300px;
		height: 540px;
		background: url(../img/bg_obj02.png) no-repeat 0 0;
		position: absolute;
		top: 170px;
		left: 50%;
		margin-left: -650px;
		z-index: 1;
	}
	#contents_block .contents #community .inner {
		padding: 170px 0 0 0;
	}
	#contents_block .contents #community .pht01 {
		width: 46%;
		max-width: 4247px;
		top: 420px;
		right: -25%;
	}
	#contents_block .contents #community .pht01 img {
		width: 100%;
		height: auto;
	}

	/*bnr*/
	#contents_block .contents .bnr {
		width: 100%;
		position: relative;
		z-index: 5;
		line-height: 1;
	}
	#contents_block .contents .bnr + .bnr {
		margin-top: 40px;
	}
	#contents_block .contents .bnr img {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	#contents_block .contents .bnr a {
		display: block;
		position: relative;
	}
	#contents_block .contents .bnr a:before {
		content: '';
		position: absolute;
		border: #faf7f0 solid 2px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition:0.2s ease-in-out;
	}
	#contents_block .contents .bnr a:hover:before {
		top: -4px;
		right: -4px;
		bottom: -4px;
		left: -4px;
		border-color: #e60012;
	}


	/* #follow
	------------------------------------------------------------------*/
	#contents_block .contents #follow {
		margin-top:  160px;
		padding-bottom: 120px;
	}
	#contents_block .contents #follow > .inner {
		padding: 115px 0 0;
	}
	#contents_block .contents #follow .secTtl {
		color: #fff;
		position: relative;
		z-index: 3;
	}
	#contents_block .contents #follow .secTxt {
		color: #fff;
		position: relative;
		z-index: 3;
	}
	/*btnArea*/
	#contents_block .contents #follow .btnArea {
		width: 550px;
		margin: 35px auto 0;
		position: relative;
		z-index: 3;
	}
	#contents_block .contents #follow .btnArea .btn {
		width: 260px;
	}
	#contents_block .contents #follow .btnArea .btn a {
		display: block;
		color: #fff;
		border:2px solid #fff;
		padding: 20px 0;
		position: relative;
		font-size: 1.6rem;
		text-align:center;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		background-color: transparent!important;
		z-index:10;
		overflow: hidden;
	}
	#contents_block .contents #follow .btnArea .btn .icon {
		position: absolute;
		top: 50%;
		left: 14%;
		margin-top: -11px;
		display: block;
	}
	#contents_block .contents #follow .btnArea .btn .icon + span {
		display:inline-block;
		padding-left:15px;
	}
	#contents_block .contents #follow .btnArea .btn a
	#contents_block .contents #follow .btnArea .btn .icon svg {
		width:100%;
	}
	#contents_block .contents #follow .btnArea .btn.insta {
		float: left;
	}
	#contents_block .contents #follow .btnArea .btn.insta .icon {
		width: 23px;
		height: 22px;
	}
	#contents_block .contents #follow .btnArea .btn.twitter {
		float: right;
	}
	#contents_block .contents #follow .btnArea .btn.twitter .icon {
		width: 28px;
		height: 22px;
	}
	#contents_block .contents #follow .btnArea .btn a::before {
		content: '';
		width: 0%;
		height: 102%;
		display: block;
		position: absolute;
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		left: -10%;
		opacity: 1;
		top: -1%;
		z-index: -12;
		-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
		transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	}
	#contents_block .contents #follow .btnArea .btn.insta a::before {
		background: #D62575;
	}
	#contents_block .contents #follow .btnArea .btn.twitter a::before {
		background: #21A1F0;
	}
	#contents_block .contents #follow .btnArea .btn a::after {
		content: '';
		width: 0%;
		height: 102%;
		display: block;
		background: #fff;
		position: absolute;
		-ms-transform: skewX(-20deg);
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		left: -10%;
		opacity: 0;
		top: -1%;
		z-index: -15;
		-webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
		-moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
		-o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
		transition: all .4s cubic-bezier(.2,.95,.57,.99);
	}
	#contents_block .contents #follow .btnArea .btn a:hover::before,
	#contents_block .contents #follow .btnArea .btn a:hover::after {
		opacity:1;
		width: 116%;
	}
	#contents_block .contents #follow .btnArea .btn a:hover::after,
	#contents_block .contents #follow .btnArea .btn a:hover::before {
		opacity:1;
		width: 126%;
	}

	/*instaPost*/
	#contents_block .contents #follow .instaPost {
		margin: 75px auto 0;
		position: relative;
		z-index: 3;
	}


	#contents_block .contents #follow .instaPost p {
		text-align: center;


		font-size: 2.0rem;
		margin-bottom: 20px;
		color:#fff;
		line-height: 1;
	}
	#contents_block .contents #follow .instaPost p .icon {
		display: inline-block;
		width: 22px;
		margin-right: 10px;
		height: 24px;
		vertical-align: middle;
	}
	#contents_block .contents #follow .instaPost p .txt {
		display: inline-block;
		vertical-align: middle;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed .slick-list {
		overflow: visible;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed .slick-slide {
		width: 255px;
		height: 240px;
		float: left;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span {
		display: block;
		width: 240px;
		height: 240px;
		position: relative;
		margin-left: 15px;
		overflow: hidden;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span:before {
		content: "";
		width: 240px;
		height: 240px;
		background: rgba(0,64,152,0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0;
		transition: 0.3s ease;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span:after {
		content: "";
		width: 30px;
		height: 30px;
		background: url(../common/img/blank.svg) no-repeat 0 0;
		background-size: 98%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 3;
		opacity: 0;
		transition: 0.3s ease;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div a:hover span:before,
	#contents_block .contents #follow .instaPost .postSlider #instafeed div a:hover span:after {
		opacity: 1;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.square,
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.tall{
		width: 100%;
		height: auto;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.wide {
		height: 100%;
		width: auto;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#contents_block .contents #follow .obj01 {
		left: 0;
		top: -120px;
		z-index: 1;
	}
	#contents_block .contents #follow .bg {
		height: 616px;
		width: 3000px;
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -1500px;
		transform: rotate(-10deg);
		overflow: hidden;
	}
	#contents_block .contents #follow .bg:after {
		position:absolute;
		content:"";
		height: 616px;
		width: 0;
		top:0;
		left:0;
		left: 50%;
		margin-left: -1500px;
		overflow: hidden;
		background: #e60012;
		z-index: 1;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);;
	}
	#contents_block .contents #follow .bg.animate:after {
		width: 3000px;
	}
	#contents_block .contents #follow .obj02 {
		left: calc((3000px - 100vw)/2);
		top: -135px;
		transform: rotate(10deg);
		z-index: 2;
	}
	#contents_block .contents #follow .obj03 {
		right: 0;
		top: 600px;
	}
	#contents_block .contents #follow .logo {
		right: calc((3000px - 100vw)/2 + 90px);
		top: -10px;
		transform: rotate(10deg);
		z-index: 2;
	}
	#contents_block .contents #follow .pagetop {
		position: absolute;
		width: 62px;
		height: 37px;
		bottom: 15px;
		right: 50px;
		cursor: pointer;
		transition: 0.3s ease;
		background: #fff;
		background: url(../common/img/pagetop_o.png) no-repeat 0 0;
	}
	#contents_block .contents #follow .pagetop img {
		width: 62px;
		height: 37px;
		transition: 0.3s ease;
		background: #fff;
	}
	#contents_block .contents #follow .pagetop:hover img {
		opacity: 0;
	}


}

/*調整*/
@media print, screen and (min-width: 641px) and (max-width: 1280px) {

	/*あしらい固定*/

	#contents_block .contents #products .pht01 {
		left: 50%;
		margin-left: -101px;
	}
	#contents_block .contents #about .obj01 {
		right: 50%;
		margin-right: -612px;
	}
	#contents_block .contents #about .obj02 {
		right: 50%;
		margin-right: -630px;
	}
	#contents_block .contents #follow .logo {
		right: 50%;
		margin-right: -560px;
	}
	#contents_block .contents #follow .obj03 {
		right: 50%;
		margin-right: -612px;
	}

}
@media print, screen and (min-width: 641px) and (max-width: 1000px) {
	#contents_block .contents #splash .inner {
		padding-top: 72%;
		height: auto!important;
	}
	/*MV調整*/
	#contents_block .contents #splash .logo {
		margin-left: -21%;
	}
	#contents_block .contents #splash .animation {
		margin-left: -21%;
	}
	#contents_block .contents #mv .inner {
		padding-top: 72%;
		height: auto!important;
	}
	#contents_block .contents #mv .slide01 .logo {
		margin-left: -21%;
	}
	#contents_block .contents #mv .slide01 .products {
		margin-left: -82%;
	}

	/* #official
	------------------------------------------------------------------*/
	#contents_block .contents .official {
		display: none;
	}
}
@media print, screen and (min-width: 641px) and (max-width: 980px) {
	#contents_block .contents #about .pht02 {
		left: -150px;
	}
	#contents_block .contents #spot .txtCont {
		width:60%;
	}
	#contents_block .contents #spot .illust {
		margin-left: -1130px;
	}
	#contents_block .contents #follow .obj01 {
		left: 50%;
		margin-left: -482px;
	}
	#contents_block .contents #follow .obj02 {
		left: 50%;
		margin-left: -479px;
	}

}
@media print, screen and (min-width: 641px) and (max-width: 920px) {

	/*テキスト大きさ調整*/
	#contents_block .contents section .secTxt {
		font-size: 1.5rem;
	}
	#contents_block .contents section .secTtl  {
		font-size: 1.6rem;
	}
	#contents_block .contents section .secTtl b{
		font-size: 3.5rem;
	}
}

@media print, screen and (min-width: 641px) and (max-width: 850px) {
	#contents_block .contents #about .pht01 {
		top: 70px;
	}
}
/* IE */
@media all and (-ms-high-contrast: none){
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span:after,
	#contents_block .contents .bnr a:after{
		width: 33px;
		height: 33px;
		background-size: 98%!important;
		backface-visibility: hidden;
	}
}
/* -----------------------------------------------------------------------------

	SP

----------------------------------------------------------------------------- */
@media print, screen and (max-width: 640px) {

	/* 共通
	------------------------------------------------------------------*/

	/* 共通
	------------------------------------------------------------------*/
	#contents_block .blockWrp, #contents_block #footerNav, #brandsite_nav-sp, #smp_footer_glonavi {
		display: none;
		opacity: 0;
		transition: 1.5s ease;
	}
	.fadeIn {
		opacity: 1!important;
	}
	#contents_block .contents #mv .bgWhite,#contents_block .contents #splash {
		transition: 1.2s ease;
	}
	#contents_block .contents .fadeOut {
		opacity: 0;
	}
	 #brandsite_nav, #footer_glonavi {
		display: none!important;
	}
	#contents_block .contents section {
		position: relative;
		z-index: 1;
	}
	#contents_block .contents section .inner {
		position: relative;
		z-index: 3;
	}
	#contents_block .contents section .secTtl {
		text-align: center;
		font-size: 1.7rem;
		margin-bottom: 15px;
		font-weight: 500;
	}
	#contents_block .contents section .secTtl b {
		font-family:'Mada', sans-serif;
		font-weight: bold;
		font-size: 3.5rem;
		letter-spacing: 0.1em;
		display: block;
		margin-bottom: 5px;
		line-height: 1;
	}
	#contents_block .contents section .secTxt {
		font-size: 1.4rem;
		text-align: center;
		line-height: 2;
	}
	#contents_block .contents section .btnType01 {
		width: 76%;
		margin: 25px auto 0;
		position: relative;
		z-index: 2;
	}


	#contents_block .contents .move {
		transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
		transform: translateY(50px);
		opacity: 0;
	}
	#contents_block .contents .animate .move {
		transform: translateY(0);
		opacity: 1;

	}

	/* #splash
	------------------------------------------------------------------*/
	#contents_block .contents #splash {
		width: 100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 100;
	}
	#contents_block .contents #splash .inner {
		width: 100%;
		padding-top: 108%;
	}
	#contents_block .contents #splash .logo {
		position: absolute;
		width: 64%;
		top: 7%;
		left: 13%;
		z-index: 1;
	}
	#contents_block .contents #splash .animation {
		position: absolute;
		width: 64%;
		top: 7%;
		left: 13%;
		z-index: 2;
	}
	/* #mv
	------------------------------------------------------------------*/
	#contents_block .contents #mv {
		width: 100%;
		z-index: 3;
	}
	#contents_block .contents #mv .inner {
		padding-top: 108%;
		width: 100%;
	}
	#contents_block .contents #mv .slide {
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		width: 100%;
	}
	#contents_block .contents #mv .slideNum {
		position: absolute;
		bottom: 15px;
		right: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 38px 38px;
		border-color: transparent transparent rgba(255,255,255,0.4) transparent;
		z-index: 3;
		cursor: pointer;
		opacity: 0;
		transition: 0.3s ease;
	}
	#contents_block .contents #mv .slideNum span {
		font-family:'Mada', sans-serif;
		font-size: 1.8rem;
		color: #e60012;
		position: absolute;
		top: 13px;
		left: -15px;
	}

	#contents_block .contents #mv .slick-dots {
		position: absolute;
		bottom: 15px;
		right: 10px;
		width: 38px;
		height: 38px;
		opacity: 0;
		transition: 0.3s ease;
		/*スライド増えるまで非表示*/
		display: none;
	}
	#contents_block .contents #mv .slick-dots li {
		position:relative;
	}
	#contents_block .contents #mv .slick-dots li:after {
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 38px 38px 0 0;
		border-color: #e60012 transparent transparent transparent;
		position:absolute;
		top:0;
		left:0;
	}
	#contents_block .contents #mv .slick-dots li button {
		display:block;
		font-family:'Mada', sans-serif;
		font-size: 1.8rem;
		color: #fff;
		position: absolute;
		width:38px;
		height:38px;
		top: -8px;
		left: -8px;
		opacity: 0;
		transition: .3s;
		background: none;
		border: none;
		box-shadow: none;
		padding:0;
		z-index:2;
	}

	#contents_block .contents #mv .slick-dots li.slick-active button  {
		opacity: 1;
	}
	#contents_block .contents #mv.play .slick-dots,
	#contents_block .contents #mv.play .slideNum {
		opacity: 1;
	}

	/* slide01
	-----------*/
	#contents_block .contents #mv .slide01 {
		position: relative;
		background-position: center bottom;
		background-size: cover;
		z-index: 1;
	}
	#contents_block .contents #mv .slide01 .logo {
		position: absolute!important;
		width: 64%;
		top: 7%;
		left: 13%;
		z-index: 5;
	}
	#contents_block .contents #mv .slide01 .melody {
		width: 100%;
		height: 37%;
		position: absolute!important;
		z-index: 3;
		top: 71%;
		left: 0;
		background:url(../img/sp/img_mv_melody.png) no-repeat center;
		background-size: cover;
	}
	#contents_block .contents #mv .slide01 .melody canvas {
		display: none;
	}
	#contents_block .contents #mv .slide01 .products {
		position: absolute!important;
		width: 100%;
		height: 61%;
		background:url(../img/sp/img_mv_product.png) no-repeat center;
		background-size: 100%;
		top: 49%;
		left: 0;
		z-index: 3;
	}
	#contents_block .contents #mv .slide01 .bg {
		position: absolute!important;
		top: 0;
		left: 0;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		z-index: 2;
	}
	#contents_block .contents #mv .slide01 .bgWhite {
		background: #fff;
		position: absolute!important;
		width: 100%;
		height: 100%;
		z-index: 3;
		top: 0;
		left: 0;
	}

	/*朝*/
	#contents_block .contents #mv .slide01.morning  .bg{
		background-image: url(../img/sp/bg_mv_morning.jpg);

	}
	/*夕方*/
	#contents_block .contents #mv .slide01.evening .bg {
		background-image: url(../img/sp/bg_mv_evening.jpg);

	}
	/*夜*/
	#contents_block .contents #mv .slide01.night .bg {
		background-image: url(../img/sp/bg_mv_night.jpg);
	}

	/* bnrSlide
	-----------*/
	#contents_block .contents #mv .bnrSlide {
		background-size: 100%;
		background-color: #fff;
		z-index: 2;
		font-size: 0;
		font-size: 0;
		overflow: hidden;
	}
	#contents_block .contents #mv .bnrSlide a {
		display:block;
		width: 100%;
		height: 100%;
		position:  absolute;
		top: 0;
		left: 0;
	}
	#contents_block .contents #mv .slide02 {
		background-image: url(../img/sp/mv_2023spr.png);
	}
	#contents_block .contents #mv .slide03 {
		background-image: url(../img/sp/mv_mystery22Fall.jpg);
	}
	#contents_block .contents #mv .slide04 {
		background-image: url(../img/sp/mv_map.jpg);
	}
	#contents_block .contents #mv .slide05 {
		background-image: url(../img/sp/mv_2022spr.jpg);
	}

	/* #products
	------------------------------------------------------------------*/
	#contents_block .contents #products {
		z-index: 2;
	}
	#contents_block .contents #products .inner {
		padding: 45px 10px 0;
	}
	#contents_block .contents #products .pht02 {
		width: 95%;
		margin: 24px 0 0 0;
	}
	/* #about
	------------------------------------------------------------------*/
	#contents_block .contents #about {
		z-index:3;
		margin-top: -35vw;
	}
	#contents_block .contents #about .inner {
		padding: 70px 10px 100px;
	}
	#contents_block .contents #about .txtCont .secTtl {
		color: #fff;
	}
	#contents_block .contents #about .txtCont .secTxt {
		color: #fff;
	}
	#contents_block .contents #about .pht01 {
		width: 76%;
		margin: 30px 0 0 12.5%;
	}
	#contents_block .contents #about .bg {
		height: 80%;
		width: 800px;
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -400px;
		transform: rotate(-10deg);
		overflow: hidden;
	}

	#contents_block .contents #about .bg:after {
		content: "";
		height: 100%;
		width: 0;
		background: #e60012;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 50%;
		margin-left: -400px;
		overflow: hidden;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#contents_block .contents #about .bg.animate:after {
		width: 800px;
	}

	/* #spot
	------------------------------------------------------------------*/
	#contents_block .contents #spot {
		z-index: 2;
		margin-top: -20px;
		margin-top: -3vh;
	}


	#contents_block .contents #spot .inner {
		padding: 50px 10px;
	}
	#contents_block .contents #spot .pht {
		width: 41.25%;
		position: absolute;
		right: -7%;
		top: -78px;
		top: -17vw;
	}
	#contents_block .contents #spot .illust {
		width: 180%;
		margin: 4% 0 0 -40%;
		z-index: 3;
	}
	#contents_block .contents #spot .bg {
		height: 90%;
		width: 800px;
		background: #faf8ed;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -400px;
		transform: rotate(10deg);
		overflow: hidden;
	}
	#contents_block .contents #spot .obj {
		width: 137px;
		left: 0;
		bottom: -120px;
		position: absolute;
	}

	/* #map
	------------------------------------------------------------------*/
	#contents_block .contents #map {
		z-index:3;
		margin-top: 75px;
	}
	#contents_block .contents #map .inner {
		padding: 70px 10px 0;
	}
	#contents_block .contents #map .pht01 {
		width: calc(100% + 20px);
		margin: 10px 0 0 -10px;
	}
	#contents_block .contents #map .bg {
		height: 88%;
		width: 800px;
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -400px;
		transform: rotate(-10deg);
		overflow: hidden;
	}

	#contents_block .contents #map .bg:after {
		content: "";
		height: 100%;
		width: 0;
		background: #fae3e5;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 50%;
		margin-left: -400px;
		overflow: hidden;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#contents_block .contents #map .bg.animate:after {
		width: 800px;
	}

	/* #campaign
	------------------------------------------------------------------*/
	#contents_block .contents #campaign {
		z-index: 2;
	}
	#contents_block .contents #campaign .inner {
		padding: 20px 10px 0 10px;
	}
	#contents_block .contents #campaign .bnr {
		position: relative;
		z-index: 2;
	}
	#contents_block .contents #campaign .bnr + .bnr {
		margin-top: 20px;
	}
	#contents_block .contents #campaign .pht01 {
		width: 38%;
		position: absolute;
		top: -110px;
		left: -10%;
	}
	/* #community
	------------------------------------------------------------------*/
	#contents_block .contents #community {
		z-index: 1;
	}
	#contents_block .contents #community:before {
		content: "";
		width: 102%;
		width: calc(100% + 20px);
		height: 96%;
		background: url(../img/sp/bg_obj01.png) no-repeat 0 0;
		background-size: 100%;
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 1;
	}
	#contents_block .contents #community .inner {
		padding: 75px 10px 0 10px;
	}
	#contents_block .contents #community .bnr  {
		position: relative;
		z-index: 1;
	}
	#contents_block .contents #community .pht01 {
		width: 61%;
		bottom: -100px;
		bottom: -59%;
		right: -11%;
		position: absolute;
	}
	/* #follow
	------------------------------------------------------------------*/
	#contents_block .contents #follow {
		margin-top: 120px;
		padding-bottom: 90px;
		z-index: 2;
	}
	#contents_block .contents #follow > .inner {
		padding: 80px 10px 0 10px;
	}
	#contents_block .contents #follow .secTtl {
		color: #fff;

		position: relative;
		z-index: 3;
	}
	#contents_block .contents #follow .secTxt {
		color: #fff;
		position: relative;
		z-index: 3;
	}
	/*btnArea*/
	#contents_block .contents #follow .btnArea {
		width: 90%;
		margin: 20px auto 0;
		position: relative;
		z-index: 3;
	}
	#contents_block .contents #follow .btnArea .btn {
		width: 48%;
	}
	#contents_block .contents #follow .btnArea .btn a {
		display: block;
		height: 70px;
		color: #fff;
		border:2px solid #fff;
		padding: 37px 0 0 0;
		box-sizing: border-box;
		position: relative;
		font-size: 1.3rem;
		text-align:center;
	}
	#contents_block .contents #follow .btnArea .btn .icon {
		position: absolute;
		top: 12px;
		left: 50%;
	}
	#contents_block .contents #follow .btnArea .btn .icon + span {

	}
	#contents_block .contents #follow .btnArea .btn.insta {
		float: left;
	}
	#contents_block .contents #follow .btnArea .btn.insta .icon {
		width: 20px;
		margin-left: -10px;
	}
	#contents_block .contents #follow .btnArea .btn.twitter {
		float: right;
	}
	#contents_block .contents #follow .btnArea .btn.twitter .icon {
		width: 22px;
		margin-left: -11px;
	}
	/*instaPost*/
	#contents_block .contents #follow .instaPost {
		margin: 35px auto 0;
		position: relative;
		z-index: 3;
	}
	#contents_block .contents #follow .instaPost p {
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 15px;
		color:#fff;
	}
	#contents_block .contents #follow .instaPost p .icon {
		display: inline-block;
		width: 18px;
		vertical-align: middle;
		margin-right: 5px;

	}
	#contents_block .contents #follow .instaPost .postSlider ul {
		overflow: hidden;
		width: 100%;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed .slick-list {
		overflow: visible;
	}

	.slick-slide {
		width: 130px;
		float: left;
		position: relative;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div a {
		display: block;
	}

	#contents_block .contents #follow .instaPost .postSlider #instafeed div span {
		display: block;
		width: 120px;
		height: 120px;
		position: relative;
		margin-left: 10px;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.square,
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.tall{
		width: 100%;
		height: auto;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img.wide {
		height: 100%;
		width: auto;
	}
	#contents_block .contents #follow .instaPost .postSlider #instafeed div span img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#contents_block .contents #follow .obj01 {
		width: 36%;
		left: 0;
		top: -10%;
		z-index: 1;
		position: absolute;
	}
	#contents_block .contents #follow .bg {
		height: 51%;
		width: 800px;
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 50%;
		margin-left: -400px;
		transform: rotate(-10deg);
		overflow: hidden;
	}
	#contents_block .contents #follow .bg:after {
		content: "";
		height: 100%;
		width: 0;
		background: #e60012;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 50%;
		margin-left: -400px;
		overflow: hidden;
		transition: 1.0s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#contents_block .contents #follow .bg.animate:after {
		width: 800px;
	}
	#contents_block .contents #follow .obj03 {
		width: 39%;
		right: 0;
		top: 42%;
		position: absolute;
	}
	#contents_block .contents #follow .pagetop {
		width: 16%;
		position: absolute;
		bottom: 15px;
		right: 20px;
	}
}

/*調整*/
@media print, screen and (min-width: 641px) and (max-width: 1280px) {

	/*あしらい固定*/
	#contents_block .contents #products .pht01 {
		left: 50%;
		margin-left: -101px;
	}
	#contents_block .contents #about .obj01 {
		right: 50%;
		margin-right: -612px;
	}
	#contents_block .contents #about .obj02 {
		right: 50%;
		margin-right: -630px;
	}
	#contents_block .contents #map .obj01 {
		right: 50%;
		margin-right: -612px;
	}
	#contents_block .contents #follow .logo {
		right: 50%;
		margin-right: -560px;
		z-index: 2;
	}
	#contents_block .contents #follow .obj03 {
		right: 50%;
		margin-right: -612px;
	}
}