ÿþ@charset "utf-8";


/*================================

mainvisual

================================*/

#mainvisual{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 0 0;
	}
#mainvisual:before{
	content:"";
	display: block;
	overflow: visible;
	padding-top: 56.8%;
	}
@media screen and (max-width: 480px) {
#mainvisual{
	position: relative;
	width: 100%;
	min-width: 100%;
	height: auto;
	padding: 0 0;
	}
#mainvisual:before{
	content:"";
	display: block;
	padding-top: 100%;
	}
	}

.swiper-container {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
@media screen and (max-width: 480px) {
.swiper-container {
	position: absolute;
	width: 100%;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
	}

.swiper-slide {
	width: 100%;
	height: 100%;
	}

.swiper-slide img{
	width: 100%;
	height: 100%;
	}

.swiper-slide a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	}

.swiper-slide img.pcm{
	display: inline;
	}
@media screen and (max-width: 480px) {
.swiper-slide img.pcm{
	display: none;
	}
	}

.swiper-slide img.spm{
	display: none;
	}
@media screen and (max-width: 480px) {
.swiper-slide img.spm{
	display: inline;
	}
	}

.swiper-pagination-bullet {
	background: #ccc !important;
	opacity: 1 !important;
	}
.swiper-pagination-bullet-active {
	background: #000 !important;
	}


.swiper-container {
	overflow: visible;
	}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -20px;
	left: 0;
	width: 100%;
	}


#mainvisual a:hover img{
	-moz-transition-duration:0;
	-webkit-transition-duration:0;
	-o-transition-duration:0;
	-ms-transition-duration:0;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
	}


/*================================

bluework2018

================================*/

.bluework2018{
	width: 1116px;
	height: auto;
	margin: 70px auto 0;
	}
@media screen and (max-width: 480px) {
.bluework2018{
	width: 84%;
	margin: 60px auto 0;
	}
	}

.bluework2018 a{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 480px) {
.bluework2018 a{
	}
	}

.bluework2018 a img{
	width: 100%;
	height: auto;
	}

/*================================

news

================================*/

.news{
	width: 100%;
	height: auto;
	margin:0 auto;
	}
@media screen and (max-width: 480px) {
.news{
	width: 90%;
	}
	}


/*================================

news block

================================*/

.news .block{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
.news .block {
	display: inline-table;
	}
* html .news .goods {
	height: 1%;
	}
.news .block {
	display: block;
	}
.news .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.news .block{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
	}

.news .block .box{
	float: left;
	width: 320px;
	height: 300px;
	margin: 0 40px 30px;
	position: relative;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
.news .block .box{
	float: none;
	width: 90%;
	height: auto;
	margin: 0 auto 20px;
	padding-bottom: 40px;
	}
	}

.news .block .box p{
	margin-top:5px;
	font-size: 12px;
	line-height: 1.8;
	}
@media screen and (max-width: 480px) {
.news .block .box p{
	margin-top:5px;
	font-size: 11px;
	line-height: 1.8;
	}
	}

.news .block .box p.day{
	position: absolute;
	font-size:11px;
	bottom: 10px;
	right: 0;
	}

.news .block .box .photo{
	display: table-cell;
	vertical-align: middle;
	width: 320px;
	height: auto;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.news .block .box .photo{
	width: 100%;
	height: auto;
	}
	}

.news .block .box .photo img{
	width: 100%;
	height: auto;
	}
@media screen and (max-width: 480px) {
.news .block .box .photo img{
	width: 100%;
	height: auto;
	}
	}

.news .block .box p.newstitle{
	margin:20px 0 10px;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	}
@media screen and (max-width: 480px) {
.news .block .box p.newstitle{
	font-size: 13px;
	}
	}

.news .inner .more{
	width: 1120px;
	height: 20px;
	margin: 20px auto 0;
	text-align : right;
	}
@media screen and (max-width: 480px) {
.news .inner .more{
	width: 100%;
	margin: 20px auto 0;
	padding-top: 10px;
	text-align : left;
	}
	}

.news .inner .more img{
	width: auto;
	height: 40%;
	}
@media screen and (max-width: 480px) {
.news .inner .more img{
	width: auto;
	height: 55%;
	}
	}

/*================================

feel the tomorrow

================================*/

.styling .inner{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	}

@media screen and (max-width: 480px) {
.styling .inner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow-x: hidden;
	padding-bottom: 20px;
	}
	}

.styling .feelthetomorrowlogo{
	width: 300px;
	height: 46px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/web/20200916081508im_/https://tomorrowland.jp/_data/images/feelthetomorrow.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

@media screen and (max-width: 480px) {
.styling .feelthetomorrowlogo{
	width: 220px;
	height: 30px;
	}
	}

.styling .feelthetomorrowcopy{
	font-size: 14px;
	text-align: center;
	line-height: 1.8;
	margin: 20px 0;
	}

@media screen and (max-width: 480px) {
.styling .feelthetomorrowcopy{
	font-size: 13px;
	line-height: 1.8;
	margin: 20px 0 0;
	}
	}

.styling .box{
	display: inline-block;
	position: relative;
	width: 1000px;
	height: 480px;
	margin: 20px auto;
	}

@media screen and (max-width: 480px) {
.styling .box{
	width: 100%;
	height: 240px;
	margin: 20px auto 10px;
	}
	}

.styling .box img{
	position: relative;
	width: 100%;
	height: 100%;
	}

@media screen and (max-width: 480px) {
.styling .box img{
	position: absolute;
	width: 500px;
	height: 240px;
	left: 50%;
	margin-left: -250px;
	}
	}

.styling img.gender{
	position: absolute;
	display: block;
	bottom: -35px;
	right: 20px;
	width: 170px;
	height: auto;
	}

@media screen and (max-width: 480px) {
.styling img.gender{
	bottom: -25px;
	left: auto;
	right: 10px;
	width: 120px;
	}
	}

.styling a:hover img.gender{
	opacity:1;
	filter: alpha(opacity=100);
	}





/*===============================

lookbook block

================================*/

.lookbook .block{
	width: 1040px;
	height: auto;
	margin: 0 auto 0;
	padding-bottom: 40px;
	position: relative;
	}
.lookbook .block {
	display: inline-table;
	}
* html .lookbook .goods {
	height: 1%;
	}
.lookbook .block {
	display: block;
	}
.lookbook .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.lookbook .block{
	width: 90%;
	height: auto;
	margin: 0 auto 0;
	padding-bottom: 0;
	position: relative;
	}
	}

.lookbook .block .box{
	float: left;
	width: 460px;
	height: 660px;
	margin: 0 20px;
	position: relative;
	}
.lookbook .block .box:nth-child(even){
	float: right;
	}
@media screen and (max-width: 480px) {
.lookbook .block .box{
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding-bottom: 10px;
	}
	}

.lookbook .block .box .photo{
	vertical-align: middle;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.lookbook .block .box .photo{
	width: 100%;
	height: auto;
	}
	}

.lookbook .block .box .photo img{
	width: 100%;
	height: 100%;
	}


/*================================

brands block

================================*/

.brands .block{
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
.brands .block {
	display: inline-table;
	}
* html .brands .goods {
	height: 1%;
	}

.brands .block {
	display: block;
	width: 960px;
	}
.brands .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.brands .block{
	width: 95%;
	height: auto;
	margin: 0 auto 0;
	position: relative;
	}
	}

.brands .block .box{
	float: left;
	width: 260px;
	height: auto;
	margin: 0 30px 30px;
	position: relative;
	}
@media screen and (max-width: 480px) {
.brands .block .box{
	float: left;
	width: 44%;
	height: auto;
	margin: 0 3%;
	padding-bottom: 20px;
	}
	}

.brands .block .box .photo{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.brands .block .box .photo{
	width: 100%;
	height: auto;
	}
	}

.brands .block .box .photo img{
	width: 100%;
	height: auto;
	}
@media screen and (max-width: 480px) {
.brands .block .box .photo img{
	width: 100%;
	height: auto;
	}
	}

/*================================

banner block

================================*/

.banner .block{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 60px 0 20px;
	position: relative;
	}
.banner .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.banner .block{
	width: 90%;
	padding: 40px 0 0;
	}
	}

.banner .block .box{
	float: left;
	width: 530px;
	height: auto;
	position: relative;
	text-align: center;
	}
.banner .block .box:nth-child(even){
	float: right;
	}
@media screen and (max-width: 480px) {
.banner .block .box{
	float: none;
	width: 100%;
	height: auto;
	margin: 10px 0;
	}
	}

.banner .block .box.lonly{
	float: none;
	margin: 0 auto;
	}
@media screen and (max-width: 480px) {
.banner .block .box.lonly{
	width: 100%;
	}
	}

.banner .block .box .photo{
	vertical-align: middle;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	position: relative;
	}
@media screen and (max-width: 480px) {
.banner .block .box .photo{
	width: 100%;
	height: auto;
	}
	}

.banner .block .box .photo img{
	width: 100%;
	height: 100%;
	}


/*================================

dressweb

================================*/

.dressweb{
	width: 1116px;
	height: auto;
	margin: 60px auto 0;
	}
@media screen and (max-width: 480px) {
.dressweb{
	width: 84%;
	margin: 40px auto 0;
	}
	}

.dressweb a{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 480px) {
.dressweb a{
	}
	}

.dressweb a img{
	width: 100%;
	height: auto;
	}


/*================================

bacca

================================*/

.bacca{
	width: 1116px;
	height: auto;
	margin: 20px auto 0;
	}
@media screen and (max-width: 480px) {
.bacca{
	width: 84%;
	margin: 0 auto 0;
	}
	}

.bacca a{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 480px) {
.bacca a{
	}
	}

.bacca a img{
	width: 100%;
	height: auto;
	}



/*================================

blogN§‰9eîO

================================*/

.blog .block .box {
	float: left;
	width: 320px;
	height: 550px;
	margin: 0 40px 30px;
	position: relative;
	border-bottom: 1px solid #ccc;
	}
@media screen and (max-width: 480px) {
.blog .block .box {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding-bottom: 20px;
	}
.blog .block .box:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

	}

.blog .photo img{
	height: auto !important;
	}
@media screen and (max-width: 480px) {
.blog .photo img{
	height: auto !important;
	}
	}
/*
.blog .photo img{
	height: 363px !important;
	}
@media screen and (max-width: 480px) {
.blog .photo img{
	height: auto !important;
	}
	}
*/

.blog .block .box p.day {
	margin-top: 10px;
	position: relative;
	font-size: 11px;
	bottom: auto;
	right: auto;
	text-align: left;
	}
@media screen and (max-width: 480px) {
.blog .block .box p.day {
	margin-top: 0;
	}
	}

.blog .block .box p.blogtitle {
	margin: 10px 0 10px;
	min-height: auto;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	}
/*20191030*/
@media screen and (max-width: 480px) {
.blog .block .box p.blogtitle {
	margin: 5px 0 5px;
	min-height: auto;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	}
	}
/*
@media screen and (max-width: 480px) {
.blog .block .box p.blogtitle {
	margin: 5px 0 5px;
	min-height: auto;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	}
	}
*/

/*20191030*/
@media screen and (max-width: 480px) {
.blog .block .box .photo {
	display: block;
	float: right;
	width: 120px;
	height: 120px;
	}
	}
/*
@media screen and (max-width: 480px) {
.blog .block .box .photo {
	display: block;
	float: left;
	width: 35%;
	height: auto;
	}
	}
*/

/*20191030*/
@media screen and (max-width: 480px) {
.blog .block .box p {
	display: block;
	float: none;
	width: calc(100% - 135px);
	font-size: 11px;
	line-height: 1.6;
	}
	}
/*
@media screen and (max-width: 480px) {
.blog .block .box p {
	display: block;
	float: right;
	width: 60%;
	font-size: 11px;
	line-height: 1.6;
	}
	}
*/


/*================================

instagram9eîO

================================*/

#pack.insta {
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #fff;
	background-image: none;
	text-align: center;
	}
@media screen and (max-width: 480px) {
#pack.insta {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #fff;
	background-image: none;
	text-align: center;
	}
	}

.instagram .block{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 50px;
	position: relative;
	}
.instagram .block:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
@media screen and (max-width: 480px) {
.instagram .block{
	width: 95%;
	padding: 0 0 40px;
	}
	}

.instagram .block p{
	font-weight: 400;
	font-size: 15px;
	}
@media screen and (max-width: 480px) {
.instagram .block p{
	font-weight: 400;
	font-size: 13px;
	}
	}

.instagram .block p.mens{
	margin-top: 50px;
	}
@media screen and (max-width: 480px) {
.instagram .block p.mens{
	margin-top: 30px;
	}
	}

.instagram ul,li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
@media screen and (max-width: 480px) {
.instagram ul{
	margin-top: 20px;
	}
	}

.instagram li{
	float: left;
	width: 33.33%;
	height: 373px;
	overflow: hidden;
	border: 20px solid #fff; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
.instagram li{
	border: 5px solid #fff; 
	height: auto;
	}
	}

.instagram li a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

.instagram li a:hover{
	}

.instagram li img{
	width: 100%;
	}


/*================================

slick9eîO

================================*/

@media screen and (min-width: 480px) {
.slick-next {
	color: #999;
	right: -10px !important;
	}
.slick-prev {
	color: #999;
	left: -10px !important;
	}
	}


@media screen and (max-width: 480px) {
.slick-prev,
.slick-next{
	background: transparent !important;
	}
	}



/*================================

tag

================================*/

.tag{
	width: 1116px;
	height: auto;
	margin: 70px auto 0;
	}
@media screen and (max-width: 480px) {
.tag{
	width: 84%;
	margin: 60px auto 0;
	}
	}

.tag a{
	display: inline-block;
	width: 550px;
	height: auto;
	margin-right: 16px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	font-size: 0;
	}
.tag a:nth-child(2){
	margin-right: 0;
	}
@media screen and (max-width: 480px) {
.tag a{
	display: inline-block;
	width: 100%;
	height: auto;
	margin-right: 0;
	margin-bottom: 30px;
	}
.tag a:nth-child(2){
	margin-right: 0;
	margin-bottom: 0;
	}
	}

.tag a img{
	width: 100%;
	height: auto;
	}


/*================================

tagone

================================*/

.tagone{
	width: 1116px;
	height: auto;
	margin: 70px auto 0;
	}
@media screen and (max-width: 480px) {
.tagone{
	width: 84%;
	margin: 60px auto 0;
	}
	}

.tagone a{
	display: block;
	width: 550px;
	height: auto;
	margin: 0 auto;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	font-size: 0;
	}
@media screen and (max-width: 480px) {
.tagone a{
	display: block;
	width: 100%;
	height: auto;
	}
	}

.tagone a img{
	width: 100%;
	height: auto;
	}

/*================================

dress

================================*/

.dress{
	width: 1116px;
	height: auto;
	margin: 60px auto 0;
	}
@media screen and (max-width: 480px) {
.dress{
	width: 84%;
	margin: 30px auto 0;
	}
	}

.dress a{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 480px) {
.dress a{
	}
	}

.dress a img{
	width: 100%;
	height: auto;
	}ÿþ
/*
     FILE ARCHIVED ON ÿþ08:15:08 Sep 16, 2020ÿþ AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON ÿþ11:34:32 Jul 22, 2026ÿþ.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
ÿþplayback timings (ms):
ÿþ  ÿþcapture_cache.getÿþ: ÿþ0.605ÿþ
ÿþ  ÿþcaptures_listÿþ: ÿþ0.603ÿþ
ÿþ  ÿþexclusion.robotsÿþ: ÿþ0.066ÿþ
ÿþ  ÿþexclusion.robots.policyÿþ: ÿþ0.043ÿþ
ÿþ  ÿþesindexÿþ: ÿþ0.012ÿþ
ÿþ  ÿþcdx.remoteÿþ: ÿþ20.657ÿþ
ÿþ  ÿþLoadShardBlockÿþ: ÿþ87.084ÿþ (ÿþ3ÿþ)
ÿþ  ÿþPetaboxLoader3.resolveÿþ: ÿþ114.741ÿþ (ÿþ3ÿþ)
ÿþ  ÿþPetaboxLoader3.datanodeÿþ: ÿþ67.789ÿþ (ÿþ4ÿþ)
ÿþ  ÿþload_resourceÿþ: ÿþ301.957ÿþ
ÿþ*/