@charset "utf-8";

/* CSS Document */



body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
}
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: left !important;
    line-break: strict;
    word-break: normal;
}
header {
    background: #000;
    border-bottom: 1px solid #FFF;
    padding: 6px 10px 6px 10px;
    height: 30px;
    overflow: hidden !important;
}

a:hover {
    opacity: 0.8;
}
a {
    transition: opacity 0.3s ease-out;
}
.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-110 {margin-left: 110px;}
.ml-120 {margin-left: 120px;}
.ml-130 {margin-left: 130px;}
.ml-140 {margin-left: 140px;}
.ml-150 {margin-left: 150px;}
.ml-160 {margin-left: 160px;}
.ml-170 {margin-left: 170px;}
.ml-180 {margin-left: 180px;}
.ml-190 {margin-left: 190px;}
.ml-200 {margin-left: 200px;}
@media (max-width: 640px) {
    .ml-10 {margin-left:1.333333333vw;}
    .ml-20 {margin-left:2.666666667vw;}
    .ml-30 {margin-left:4vw;}
    .ml-40 {margin-left:5.333333333vw;}
    .ml-50 {margin-left:6.666666667vw;}
    .ml-60 {margin-left:8vw;}
    .ml-70 {margin-left:9.333333333vw;}
    .ml-80 {margin-left:10.66666667vw;}
    .ml-90 {margin-left:12vw;}
    .ml-100 {margin-left:13.33333333vw;}
    .ml-110 {margin-left:14.66666667vw;}
    .ml-120 {margin-left:16vw;}
    .ml-130 {margin-left:17.33333333vw;}
    .ml-140 {margin-left:18.66666667vw;}
    .ml-150 {margin-left:20vw;}
    .ml-160 {margin-left:21.33333333vw;}
    .ml-170 {margin-left:22.66666667vw;}
    .ml-180 {margin-left:24vw;}
    .ml-190 {margin-left:25.33333333vw;}
    .ml-200 {margin-left:26.66666667vw;}
}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.pb-120 {padding-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
@media (max-width: 640px) {
    .mb-10 {margin-bottom:1.333333333vw;}
    .mb-20 {margin-bottom:2.666666667vw;}
    .mb-30 {margin-bottom:4vw;}
    .mb-40 {margin-bottom:5.333333333vw;}
    .mb-50 {margin-bottom:6.666666667vw;}
    .mb-60 {margin-bottom:8vw;}
    .mb-70 {margin-bottom:9.333333333vw;}
    .mb-80 {margin-bottom:10.66666667vw;}
    .mb-90 {margin-bottom:12vw;}
    .mb-100 {margin-bottom:13.33333333vw;}
    .mb-110 {margin-bottom:14.66666667vw;}
    .mb-120 {margin-bottom:16vw;}
	.pb-120 {padding-bottom:16vw;}
    .mb-130 {margin-bottom:17.33333333vw;}
    .mb-140 {margin-bottom:18.66666667vw;}
    .mb-150 {margin-bottom:20vw;}
    .mb-160 {margin-bottom:21.33333333vw;}
    .mb-170 {margin-bottom:22.66666667vw;}
    .mb-180 {margin-bottom:24vw;}
    .mb-190 {margin-bottom:25.33333333vw;}
    .mb-200 {margin-bottom:26.66666667vw;}
}

#contents .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#contents .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#contents #sns-share h2{
	margin: 0 34.6%;
}
#contents .sns-btn {
    margin: 0 24% 30px;
    text-align: center;
}
#contents .sns-btn li {
    display: inline-block;
    width: 23%;
    margin: 0 4.5%;
}
#social_btn {
	width: 100%;
    text-align: center;
    font-size: 0;
}
#social_btn > div {
    vertical-align: top;
    display: inline-block;
    margin: 0 5px;
}
#social_btn .fb_iframe_widget {
    vertical-align: top;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top.fixed {
    position: fixed !important;
}








/* sns-area */

#sns-area{
	margin-bottom: 2em;
	margin: 0 5.333% 3em;
}

.main-sns .ttl-sns{
    /* background: #969696; */
}

.main-sns .inner {
    position: relative;
}
.main-sns .inner .bg {
    position: relative;
    z-index: 1;
}

.main-sns .inner .on {
    position: absolute;
    z-index: 2;
    width: 76.9%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.main-sns .inner li{
    background: #fff;
}

.main-news .ttl-news{
    /* background: #969696; */
}

.main-news .news_inner{
    background: #fff;
    width: 100%;
    border: 1px solid #969696;
    box-sizing: border-box;
}

.main-news .news_inner.gray{
    background: #eee;
    width: 100%;
    border: none;
    box-sizing: border-box;
}

.main-news .news_inner .news_lead{
    width: 84.6%;
    margin-left: auto;
    margin-right: auto;
}

.main-news .news_inner .news_btn{
    width: 76.923%;
    border: 1px solid #969696;
    margin-left: auto;
    margin-right: auto;
}


.main-sns-channel{
    background: #EEECEB;
}

/* Alternative */

.main-sns.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-sns.alter .ttl-sns{
    /* background: #EEECEB; */
}
.main-sns.alter ul{
    width: 90%;
    margin: 0 auto;
}

.main-channel.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-channel.alter::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    height: 1px;
    background: #8F8F8F;
    transform: translate(-50%, 0);
}
.main-channel.alter .ttl-channel{
    /* background: #EEECEB; */
}
.main-channel.alter ul{
    width: 90%;
    margin: 0 auto;
}



/* global */
.other-txt{
    display: block;
}
.global-txt{
    display: none;
}
.global .other-txt {
    display: none;
}
.global .global-txt{
    display: block;
}


#site-notice{
	margin: 2em 5.333%;
    font-size: 85%;
}


/* -----------------------------------------
	SNS footer
-----------------------------------------*/
#sns-footer {
	background: #EEE;
	margin-top: 4em;
}
#sns-footer svg {
	width: 100%;
}

#sns-footer img {
	width: 100%;
}

#sns-footer #sns-footer-inner {
	max-width: 750px;
	margin: auto;
}
#sns-footer #sns-footer-inner #sns-footer-tit {
	padding: 12% 20% 5%;
}
#sns-footer #sns-footer-inner #sns-footer-line {
	padding: 0 14% 10%;
}
#sns-footer #sns-footer-inner #sns-footer-tit-02 {
	padding: 0 33% 3.5%;
}
#sns-footer #sns-footer-inner #sns-footer-list {
	padding: 0 14% 15%;
	overflow: hidden;
}
#sns-footer #sns-footer-inner #sns-footer-list li {
	float: left;
	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#sns-footer #sns-footer-inner #sns-footer-list li a {
	display: block;
	padding: 5%;
}



/* -----------------------------------------
contents
-----------------------------------------*/



#container {
    margin: auto;
    width: 100%;
}
#contents {
    margin: auto;
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6;
    font-size: 16px;
    width: 100%;
    display: block;
    font-feature-settings: "palt";
	vertical-align: bottom;
}

@media (max-width: 750px) {
    #contents {
        font-size: 3.6vw;
    }
}
.serif {
    font-family: 'Noto Serif JP', serif;
}
#contents img {
    width: 100%;
}

#contents p{
	line-height: 1.9;
}



/*---Reset---*/

html {color: #000;
background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,th,td{
margin: 0;
padding: 0;}
table{
border-collapse: collapse;
border-spacing: 0;}
fieldset,img{
border: 0;}
address,caption,cite,code,dfn,
em,strong,th,var,optgroup{
font-style: inherit;
font-weight: inherit;}
del,ins{text-decoration: none;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;
font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border:0; font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option{
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{*font-size: 100%;}

table {
font-size:inherit;
font:100%;
}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

html {
height: 100%;
}

body {
height: 100%;
/*background:#F1F0EF;*/
font-family: "Verdana","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
line-height: 1.5;
text-align: center;
}

/*---Anchor---*/

a{outline: none; text-decoration:none; line-height: inherit;}
a:link{color:inherit;}
a:hover{color:inherit;text-decoration:none;}
a:active{color:inherit;text-decoration:none;}
a:visited{color:inherit;}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;}




/* -----------------------------------------
original
-----------------------------------------*/

.vs-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;	
}

/*fadein*/
.animate{
  opacity: 0;
  transform: translateY(10px);
  transition: all 1.0s;
}

.animate2{
  opacity: 0;
  transition: all 1.0s;
}
.animate:not(:nth-child(3n+1)),.animate2:not(:nth-child(3n+1)) {

}
.animate:not(:nth-child(-n+3)),.animate2:not(:nth-child(-n+3)) {
 }
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate2.show {
  opacity: 1;
}
.animate.show:nth-of-type(1),.animate2.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2),.animate2.show:nth-of-type(2) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(3),.animate2.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(4),.animate2.show:nth-of-type(4) {
  transition-delay: 0.9s;
}
.animate.show:nth-of-type(5),.animate2.show:nth-of-type(5) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(6),.animate2.show:nth-of-type(6) {
  transition-delay: 0.5s;
}


#gHeaderBlank{
	display: none!important;
}

@media screen and (max-width:750px){
	#gHeaderBlank{
		display: block!important;
	}	
}

header{
	z-index: 100;
	position: relative;
}

h1{
	margin: 0;
}

#contents{
	width: 100%!important;
	font-family: 'Noto Sans JP';
}

.p_absolute{
	position: absolute;
	top: 0;
	left:0;
}

.p_relative{
	position: relative;
}

.zindex1{
	z-index: 1;
	position: relative;
}

.zindex2{
	z-index: 2;
	position: relative;
}

/*トップ分割*/

.ac_left{
	position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
	background-image: url("../img/250414/pctop_l3.webp");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}

.ac_right{
	position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
	background-image: url("../img/250414/pctop_r.webp");
	background-repeat:no-repeat;
	background-size:cover;
}

.ac_inner{
    max-width: 37.5rem;
	z-index: 1;
	position: relative;
}

.ac_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  z-index: 3;
}

.ac_inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
}

.pc_titlewrap{
	width:58%;
	position: absolute;
	left:24%;
	top:50%;
	transform: translateY(-50%);
}

.pc_title_r{
	width:74%!important;
	position: absolute;
	left:48%;
	top:46%;
	transform: translate(-50%,-50%);
	line-height: 0;
	z-index: 10;
}

.pc_title_r img{
	max-width:100%;
}

.pc_menuwrap{
	display: flex;
	justify-content: space-between;
}

.pc_menuwrap_c{
	width:48%!important;
}

.mgwo_ft{
	font-weight: 600;
	text-align: center;
	color: #fff;
	line-height: 1.6!important;
	font-size: 107%;
}


@media screen and (min-width: 751px) and (max-width: 1100px){

	.ac_inner{
		margin-left: auto;
		max-width: 37.5rem;
		border-left: solid 2px #fff;
	}
	.ac_left {
		width: calc(100% - 37.5rem);
	}
	
	.ac_right {
		display: block!important;
	}
	
	.pc_titlewrap{
		width:90%;
		display: block;
		left: 5%;
	}

	.pc_title_l{
		width:80%;
		margin: 0 auto 3em;
	}

	.pc_title_r{
		display: none;
	}
	
	.hbbutton{
		display: block!important;
		width:70px;
		top:60px;
		right: 20px;
		position: fixed;
		z-index: 22!important;
	}
	
	.hbm_menu img{
		max-width:37.5rem;
	}
	
	.pc_titlewrap{
		display: none;
	}

}

@media screen and (min-width: 1101px){

	.ac_inner{
		margin-left: calc(60% - 14rem);
		max-width: 28rem;
	}
	
	.ac_left{
	width: calc(60% - 14rem);
	}
	.ac_right {
	 left: calc(60% + 28rem - 14rem);
	}

}


@media screen and (max-width: 750px){
	.ac_left, .ac_right {
		display: none;
	}
	.ac_inner {
    max-width: 100%;
	}
}

/*ハンバーガーメニュー*/

.hbbutton{
	display: none;
}

@media screen and (max-width:750px){
	.hbbutton{
		display: block;
		width:50px;
		top:10px;
		right: 10px;
		position: fixed;
		z-index: 22!important;
	}	
}


.menu-btn_mb:checked ~ .menu-icon .hamburger {
  background: transparent;
}
.menu-btn_mb:checked ~ .menu-icon .hamburger:after, .menu-btn_mb:checked ~ .menu-icon .hamburger:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}

.hidden {
  display: none;
}

.menu {
  list-style: none;
  position: fixed;
  width: 100vw!important;
  max-width: 750px!important;
  height: auto;
  top: 0;
  clear: both;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
  z-index: 20;
  background-image: url("../img/250414/pctop_r.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

.menu_inner{
  width:100%;
  margin: 0 auto;
}

.menu-btn_mb:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.menu a {
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  opacity: 0;
  transition: 0.5s;
}

.menu-btn_mb:checked ~ .menu a,
.menu-btn_mb:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn_mb {
  display: none;
}

.hbmenuwrap{
	display: flex;
}

.toppagewrap{
	width:100%!important;
	overflow: hidden!important;
}

#top,#osaka,#tokyo{
	padding-bottom: 30px;
	background-color: #2e6fff;
	overflow: hidden;
}

#osaka{
	padding-bottom: 0!important;
}

#fragrance,#sunglasses{
	overflow: hidden;
}

.t_star {
  position: absolute;
  top: 0;
  left: 0;
  animation: twinkle 2.4s infinite;
  opacity: 1;
}

.t_star:nth-of-type(2) {
  animation-delay: 0s;
}
.t_star:nth-of-type(3) {
  animation-delay: 0.8s;
}
.t_star:nth-of-type(4) {
  animation-delay: 0.4s;
}
.t_star:nth-of-type(5) {
  animation-delay: 1.2s;
}
.t_star:nth-of-type(6) {
  animation-delay: 0.6s;
}

@keyframes twinkle {
  0%, 80% {
    opacity: 1;
  }
  50%,70% {
    opacity: 0;
  }
}

.toptext2{
	text-align: center;
	line-height: 2;
	font-weight: 600;
	color:#ffe6d2;
	letter-spacing: 0.05em;	
}

.toptext3{
	text-align: center;
	line-height: 2;
	font-weight: 600;
	color:#fff;
	letter-spacing: 0.05em;	
}

.toptext4{
	text-align: center;
	line-height: 2;
	font-weight: 600;
	color:#2e6fff;
	letter-spacing: 0.05em;	
}


.mgw_inner {
  width: 92%;
  margin: 0 auto;
  position: relative; 
  overflow: visible;
  z-index: 1;
  background-image: url("../img/250414/oi_back.webp");
  background-size: contain;
  background-repeat: repeat-y;
}

.mgw_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 99%;
  height: 100%;
  border: solid 4px #ff80c2;
  pointer-events: none;
  z-index: 10;
  transform: translateX(-0.5%);
}

.mgwo_inner {
  width: 92%;
  margin: 0 auto;
  position: relative; 
  overflow: visible;
  z-index: 1;
  background-image: url("../img/250414/oi_back.webp");
  background-size: contain;
  background-repeat: repeat-y;
  border: solid 5px #ffee40;
  border-bottom: none;
}

.mt_inner{
  width: 92%;
  margin: 0 auto;
  position: relative; 
  z-index: 1;
  background-image: url("../img/250414/oi_back.webp");
  background-size: contain;
  background-repeat: repeat-y;
  border: solid 5px #a1ef36;
}

.mgwo_fginner {
  width: 92%;
  margin: 0 auto;
  position: relative; 
  z-index: 1;
  border: solid 5px #ffee40;
	border-top: none;
	transform: translateY(-2px);
}


.loopslide,.loopslide1{
	width:108%;
	transform: translateX(-4%);
}

.topbuttonwrap{
	display: flex;
}

#excuse{
	background-color: #fff;
}
.excusewrap{
	width:86%;
	margin: 0 auto;
	font-weight: 300;
	font-size: 82%;
	padding-top: 2em;
	padding-bottom: 5em;
}

.excusewrap2{
	text-align: center;
	width:86%;
	margin: 0 auto;
	font-weight: 300;
	font-size: 82%;
}

.servise_title{
	text-align: center;
	font-size: 130%;
	font-weight: 600;
}

.servise_t{
	width:89%;
	margin: 0 auto;
}


/*slick*/

.slide-dots li button:before,.slide-dots2 li button:before{
	font-weight: bold;
	font-size:8px!important;	
    content: '○'!important;
    color: #333!important;
}

.slide-dots button,.slide-dots2 button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.slide-dots {
    display: flex;
    justify-content: center;
	z-index: 10;
	transform: translateY(-3em);
}

.slide-dots2 {
    display: flex;
    justify-content: center;
	z-index: 10;
	transform: translateY(-3em);
}

.slide-dots li {
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 14px;
    cursor: pointer;
    transition: background-color .5s ease;
	margin-top: 20px;
}

.slide-dots li.slick-active {
    background-color: #fff;
}
.slide-dots li:hover {
    background-color: #fff;
}
.slide-dots li:last-child {
    margin-right: 0;
}

.slide-dots2 li {
    width: 8px;
    height: 8px;
    border: 2px solid #2e6fff;
    border-radius: 50%;
    margin-right: 14px;
    cursor: pointer;
    transition: background-color .5s ease;
	margin-top: -230px;
}

.slide-dots2 li.slick-active {
    background-color: #2e6fff;
}
.slide-dots2 li:hover {
    background-color: #2e6fff;
}
.slide-dots2 li:last-child {
    margin-right: 0;
}

.slick-arrow{
	z-index: 2!important;
}

#osaka .slick-arrow:before{
    content:""!important;
    width: 2.4em!important;
    height: 1.5em!important;
    position: absolute!important;
    bottom: -9.3em!important;
}

#osaka .slick-next:before{
    background: url("../img/250414/mgw_next.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat;
	right:3em!important;
	z-index: 3;
}

#osaka .slick-prev:before{
    background: url("../img/250414/mgw_prev.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat;
	left: 3em;
}


#fragrance .slick-arrow:before,#sunglasses .slick-arrow:before{
    content:""!important;
    width: 2.4em!important;
    height: 1.5em!important;
    position: absolute!important;
    bottom: -3.4em!important;
}

#sunglasses .slick-arrow:before{
    bottom: -0.5em!important;
}

#fragrance2 .slick-arrow:before{
    content:""!important;
    width: 2.4em!important;
    height: 1.5em!important;
    position: absolute!important;
    bottom: -6em!important;
}

#fragrance .slick-next:before,#sunglasses .slick-next:before{
    background: url("../img/250414/mgw_next2.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	right:3em!important;
	z-index: 3;
}

#fragrance .slick-prev:before,#sunglasses .slick-prev:before{
    background: url("../img/250414/mgw_prev2.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	left: 3em;
}

#fragrance2 .slide-dots2 li{
	margin-top: -114px!important;
}

#sunglasses .slide-dots2 li{
	margin-top: -218px!important;
}

#limited .slide-dots2 li{
	margin-top: 10px!important;
}

#tokyo #tee .slick-arrow:before,#tokyo #limited .slick-arrow:before{
    content:""!important;
    width: 2.4em!important;
    height: 1.5em!important;
    position: absolute!important;
    bottom: -9.3em!important;
}

#tokyo #tee .slick-next:before{
    background: url("../img/250414/mgw_next.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	right:3em!important;
	z-index: 3;
}

#tokyo #tee .slick-prev:before{
    background: url("../img/250414/mgw_prev.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	left: 3em;
}

#tokyo #limited .slick-next:before{
    background: url("../img/250414/mgw_next2.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	right:3em!important;
	z-index: 3;
}

#tokyo #limited .slick-prev:before{
    background: url("../img/250414/mgw_prev2.webp")!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
	left: 3em;
}


@media screen and (min-width: 751px) and (max-width: 1100px){
	#osaka .slick-arrow:before{
		bottom: -12em!important;
	}
	#fragrance .slick-arrow:before{
		bottom: -6em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -8.5em!important;
	}
	#sunglasses .slick-arrow:before{
		bottom: -2.3em!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -12em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -12.3em!important
	}
	#tokyo .slide-dots,#tokyo .slide-dots2 {
		transform: translateY(-4em)!important;
	}
}

@media screen and (max-width:750px){
	#osaka .slick-arrow:before{
		bottom: -14em!important;
	}
	#fragrance .slick-arrow:before{
		bottom: -3em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -8.5em!important;
	}	
	.slide-dots2 li {
		margin-top: -400px;
	}
	
	#fragrance2 .slide-dots2 li{
		margin-top: -185px!important;
	}
	
	#sunglasses .slide-dots2 li{
		margin-top: -340px!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -13em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -13.3em!important
	}
	#tokyo .slide-dots,#tokyo .slide-dots2 {
		transform: translateY(-3em)!important;
	}
}


@media screen and (max-width:650px){
		#osaka .slick-arrow:before{
			bottom: -12em!important;
		}
	
	#fragrance .slick-arrow:before{
		bottom: -3em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -7.5em!important;
	}	
	#fragrance .slide-dots2 li {
		margin-top: -336px;
	}
	
	#fragrance2 .slide-dots2 li{
		margin-top: -158px!important;
	}
	
	#sunglasses .slide-dots2 li{
	margin-top: -290px!important;		
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -12em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -12.3em!important
	}
}

@media screen and (max-width:550px){
	#osaka .slick-arrow:before{
			bottom: -10.2em!important;
		}
	#fragrance .slide-dots2 li {
		margin-top: -270px;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -6.5em!important;
	}
	#fragrance2 .slide-dots2 li{
		margin-top: -130px!important;
	}
	#sunglasses .slick-arrow:before{
		bottom: 0!important;
	}
	#sunglasses .slide-dots2 li{
	margin-top: -254px!important;		
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -10em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -10.3em!important
	}
}

@media screen and (max-width:450px){
	#osaka .slick-arrow:before{
		bottom: -9em!important;
	}	
	#fragrance .slick-arrow:before{
		bottom: -2em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -5.5em!important;
	}	
	#fragrance .slide-dots2 li {
		margin-top: -252px;
	}
	
	#fragrance2 .slide-dots2 li{
		margin-top: -120px!important;
	}
	#sunglasses .slick-arrow:before{
		bottom: -0.5em!important;
	}
	#sunglasses .slide-dots2 li{
		margin-top: -196px!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -8.5em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -8.8em!important
	}
}

@media screen and (max-width:400px){
		#osaka .slick-arrow:before{
			bottom: -8em!important;
		}
	
	#fragrance .slick-arrow:before{
		bottom: -1.6em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -4.8em!important;
	}	
	#fragrance .slide-dots2 li {
		margin-top: -230px;
	}
	
	#fragrance2 .slide-dots2 li{
		margin-top: -110px!important;
	}
	
	#sunglasses .slide-dots2 li{
		margin-top: -195px!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -8.3em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -8.4em!important
	}
}

@media screen and (max-width:370px){
	#osaka .slick-arrow:before{
			bottom: -7.6em!important;
		}
	#fragrance .slick-next:before,#fragrance2 .slick-next:before{
		right:1.6em!important;
	}
	#fragrance .slick-prev:before,#fragrance2 .slick-prev:before{
		left: 1.6em!important;
	}
	#fragrance .slide-dots2 li {
		margin-top: -213px;
	}
	#fragrance2 .slide-dots2 li{
		margin-top: -96px!important;
	}
	#sunglasses .slide-dots2 li{
		margin-top: -182px!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -7.8em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -7.9em!important
	}
}

@media screen and (max-width:340px){
	#osaka .slick-arrow:before{
		bottom: -6.6em!important;
	}
	
	#fragrance .slick-arrow:before{
		bottom: -1.4em!important;
	}
	#fragrance2 .slick-arrow:before{
		bottom: -4em!important;
	}	
	#fragrance .slide-dots2 li {
		margin-top: -195px;
	}
	
	#fragrance2 .slide-dots2 li{
		margin-top: -95px!important;
	}
	
	#sunglasses .slide-dots2 li{
		margin-top: -162px!important;
	}
	#sunglasses .slick-next:before{
		right:1.6em!important;
	}
	#sunglasses .slick-prev:before{
		left: 1.6em!important;
	}
	#tokyo #tee .slick-arrow:before{
		bottom: -6.8em!important;
	}
	#tokyo #limited .slick-arrow:before{
		bottom: -6.9em!important
	}
}
	

.bgc_b{
	background-color: #fff4e6;
}

.mgwo_s1_0{
	position: relative;
}

.mgwo_s1{
	margin-top: -1.8em;
}

.mgwo_s2{
	margin-top: -1.4em;
}

.mgwo_s3{
	margin-top: -2em;
}

.mgwo_s6{
	margin-top: -2.4em;
}

.mgwo_s7{
	margin-top: -1.6em;
}

.mgwo_s9{
	margin-top: -1.6em;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.news_buttonwrap{
	width:90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news_buttonwrap div{
	width:49%;
	margin-bottom: 0.6em;
}


.mgwo_tbwrap{
	display: flex;
	flex-wrap: wrap;
}

.mgwo_tbwrap div{
	width:49.8%;
}

.mgw_spec1{
	color:#fff;
	text-align: center;
	line-height:1.6!important;
}

.mgw_spec2{
	color:#2e6fff;
	text-align: center;
	line-height:1.6!important;
}

.mgw_spec3{
	color:#2e6fff;
	text-align: center;
	line-height:1.6!important;
	font-weight:600;
}

#sort .mgw_spec3,#news .mgw_spec3{
	text-align: left;
}

.mgw_spec4{
	color:#2e6fff;
	text-align: left;
	line-height:1.6!important;
	font-weight:600;
	margin-top: 3em;
}

.mgw_spec5{
	width:90%;
	margin: 0 auto;
	color:#2e6fff;
	line-height:2!important;
	padding-bottom: 2em;
}

.mgw_spec1 span,.mgw_spec2 span,.mgw_spec3 span,.mgw_spec4 span{
	font-weight: 400;
	font-size: 88%;
}

.slick-dotted.slick-slider{
	margin-bottom: 0!important;
}

.adjust_o_1_1{
	margin-top: -1.4em;
}

.adjust_o_2_8{
	margin-top: -1.6em;
}

.mgwo_1_5wrap{
	background-color: #bef139;
	margin-top: -0.6em;
}

.mgwo_1_5spec{
	color:#2e6fff;
	margin-left: 10%;
	margin-right: 37%;
	transform: translateY();
}

.mgwtopwrap{
	position: relative;
	margin-top: 160px;
}

@media screen and (max-width:750px){
	.mgwtopwrap{
		margin-top: 0;
	}
}

.textslidewrap{
    height:100vh;
	position: relative;
}

.textslide{
	width:100%!important;
	position: fixed!important;
	left: 0;
	bottom:20px;
	z-index:10;
}

.mgwo_1_11twrap{
	width:78.8%;
	margin: 2em auto 0;
	color:#fff;
}

.mgwo_2wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:90.4%;
	margin: 0 auto;
	font-size: 92%;
}

.mgwo_2wrap div{
	width:49%;
}

.mgwo_2_8textwrap{
	width:90%;
	margin: 2em auto 0;
	color:#fff;
}

.mgwo_3_4textwrap{
	width:90%;
	margin: 2em auto 0;
	color:#2e6fff;
}

.hmbwrap{
	width:84%!important;
	margin: 0 auto;
	line-height: 0;
	display: flex;
	justify-content: space-between;
}

.hmb1{
	margin-top: 80px;
}

.hmbgotop{
	position: relative;
}

#fragrance,#sunglasses{
	background-color: #fff4e6;
}

#sunglasses{
	padding-bottom: 5em;
}

.mgwo_7innerwrap{
	width:90.4%;
	margin: 0 auto;
    background-image: radial-gradient(circle, #2e6fff 2px, transparent 2px), radial-gradient(circle, #2e6fff 2px, transparent 2px), radial-gradient(circle, #2e6fff 2px, transparent 2px), radial-gradient(circle, #2e6fff 2px, transparent 2px);
    background-position: left 4px top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 10px 4px, 4px 10px, 10px 4px, 4px 10px;
}

.innerflex{
	display: flex;
}

.innerflex div:first-child{
	width:54.5%;
}

.blue_bg{
	background-color: #2e6fff;
	line-height: 0;
}

.popup7{
	position: relative;
}

.popup7-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 1000;
  width:100%!important;
}

.popup7-content {
  width:100%!important;
  padding: 20px;
  max-width: 80%;
  text-align: left;
  color:#fff;
  position:absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
}

button{
	background-color:transparent;
	border:none;
}

#servise{
	background-color: #fff;
}

.textw{
	color:#fff;
}

.textcenter{
	text-align: center;
}

#tokyo #limited,#tokyo #news{
	background-color: #fff4e6;
}

#limited .mgw_spec2{
	margin-top: -20px;
}

.mt2adjust{
	padding-top: 6em;
}