ÿþ@charset "utf-8";

body{
	font-family: 'Lato', source-han-sans-japanese, YuGothic, "Ò0é0®0Î0Ò‰´0 ProN W3", "Hiragino Kaku Gothic ProN", "á0¤0ê0ª0", Meiryo, sans-serif;
	font-size: 13px;
	font-weight: 300; /*700,200,400*/
	font-style: normal;
	}

.spi{
	display: none;
	}
@media screen and (max-width: 480px) {
.spi{
	display: inline;
	}
	}

.pci{
	display: inline;
	}
@media screen and (max-width: 480px) {
.pci{
	display: none;
	}
	}


.pc{
	display: block;
	}
.sp{
	display: none;
	}
@media screen and (max-width: 480px) {
.pc{
	display: none;
	}
.sp{
	display: block;
	}
	}

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

footer¿Šte

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

.fs-sns {
	background: #fff;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	}

.fs-sns a img{
	border: 1px solid #000;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	}

#footer {
	background: #fff;
	color: #000;
	}

#footer a{
	color: #000;
	}

#footer a:hover{
	color: #000;
	text-decoration: underline;
	}

#copyright {
	background: #fff;
	color: #000;
	}

#copyright p{
	color: #000;
	}

#pagetop {
	position: fixed;
	width: 46px;
	right: 20px;
	bottom: -50px;
	*display: none;
	z-index: 9999;
	cursor: pointer;
	}

@media screen and (max-width: 480px){
#pagetop {
	right: 0;
	}
	}

#pagetop img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	}

@media screen and (max-width: 480px){
#footer-sp {
	background: #fff;
	color: #000;
	}
	}

@media screen and (max-width: 480px){
#footer-sp .fs-etc {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	}
	}

@media screen and (max-width: 480px){
#footer-sp a {
	color: #000;
	}
	}

@media screen and (max-width: 480px){
#copyright p.footlogo a {
	color: #000;
	}
	}

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

mainvisual

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

#mainvisual{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
	}
#mainvisual:before{
	content:"";
	display: block;
	overflow: visible;
	/*padding-top: 49.15%;*/
	}
@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%;*/
	}
	}

#mainvisual img{
	width: 100%;
	height: auto;
	}

#mainvisual.view{
	animation-name: animation-bg;
	animation-duration: 3000ms;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	}

@keyframes animation-bg {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
		}
	100% {
		opacity: 1;
		filter: alpha(opacity=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-container {
	overflow: visible;
	}


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

introduction

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

#introduction{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 40px 0 40px;
	}
@media screen and (max-width: 480px) {
#introduction{
	width: 100%;
	min-width: 100%;
	padding: 10px 0 10px;
	}
	}

#introduction h2{
	width: 400px;
	height: 120px;
	margin: 0 auto;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20220313060456im_/https://tomorrowland.jp/boysandgirls/images/logo.png);
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
@media screen and (max-width: 480px) {
#introduction h2{
	width: 300px;
	height: 90px;
	}
	}

#introduction h3{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
	font-size: 1.5em;
	line-height: 2.2em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: .1em;
	}
@media screen and (max-width: 480px) {
#introduction h3{
	font-size: 1.1em;
	letter-spacing: 0;
	}
	}

#introduction p{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 1em 0 0;
	text-align: center;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 300;
	font-style: normal;
	}
@media screen and (max-width: 480px) {

#introduction p{
	text-align: center;
	font-size: .9em;
	line-height: 1.6em;
	font-weight: 300;
	font-style: normal;
	padding: 0 0 0;
	}
	}


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

accordion

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

#accordion{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	}
@media screen and (max-width: 480px) {
#accordion{
	min-width: 100%;
	}
	}

#accordion.ac{
	border-top: 1px solid #dedede;
	}

#accordion.ac2{
	border-top: 1px solid #dedede;
	}

#accordion.ac3{
	border-top: 1px solid #dedede;
	}

#accordion.ac4{
	border-top: 1px solid #dedede;
	}

#accordion.ac5{
	border-top: 1px solid #dedede;
	}

#accordion.ac6{
	border-top: 1px solid #dedede;
	}

#accordion.ac7{
	border-top: 1px solid #dedede;
	}

#accordion.ac8{
	border-top: 1px solid #dedede;
	}

#accordion p.openbtn{
	width: 23em;
	padding: 1.5em 1em;
	border: 1px solid #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 3em auto;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .05em;
	-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) {
#accordion p.openbtn{
	width: 90%;
	font-size: 1.2em;
	margin: 2em auto;
	}
	}

#accordion p.openbtn:hover{
	background-color: rgba(0, 0, 0, 0.05);
	}

#accordion p.openbtn i{
	margin-right: .5em;
	font-size: .8em;
	}

#abox{
	display: none;
	}

.openshow{
	display: block !important;
	}

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

style

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

#style{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	}
@media screen and (max-width: 480px) {
#style{
	width: 100%;
	min-width: 100%;
	}
	}

#style h4{
	text-align: center;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
	font-style: normal;
	letter-spacing: .05em;
	margin-top: 3em;
	margin-bottom: 2em;
	}
@media screen and (max-width: 480px) {
#style h4{
	font-size: 1.3em;
	font-weight: bold;
	}
	}

#style ul{
	margin: 0;
	padding: 0;
	font-size: 0;
	}

#style ul li{
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 1rem;
	overflow: hidden;
	}

#style ul li img{
	width: 100%;
	height: auto;
	}

#style ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
	}

#style ul li:nth-child(1),
#style ul li:nth-child(2),
#style ul li:nth-child(3),
#style ul li:nth-child(4),
#style ul li:nth-child(8),
#style ul li:nth-child(9),
#style ul li:nth-child(10),
#style ul li:nth-child(11){
	width: 25%;
	height: auto;
	}
#style ul li:nth-child(5),
#style ul li:nth-child(6),
#style ul li:nth-child(7){
	width: 33.3333%;
	height: auto;
	}

@media screen and (max-width: 480px) {
#style ul li:nth-child(1),
#style ul li:nth-child(2),
#style ul li:nth-child(4),
#style ul li:nth-child(5),
#style ul li:nth-child(10),
#style ul li:nth-child(11){
	width: 50%;
	height: auto;
	}
#style ul li:nth-child(3),
#style ul li:nth-child(6){
	width: 100%;
	height: auto;
	}
#style ul li:nth-child(7),
#style ul li:nth-child(8),
#style ul li:nth-child(9){
	width: 33.3333%;
	height: auto;
	}
	}

#style .card-body{
	display: none;
	}

#style ul{
	margin: 0;
	padding: 0;
	font-size: 0;
	}

/*=====

 ss2021

=====*/

#style.ss2021 ul li{
	box-sizing: border-box;
	background-color: #000;
	}

#style.ss2021 ul li:nth-child(1),
#style.ss2021 ul li:nth-child(2),
#style.ss2021 ul li:nth-child(3),
#style.ss2021 ul li:nth-child(4),
#style.ss2021 ul li:nth-child(6),
#style.ss2021 ul li:nth-child(7),
#style.ss2021 ul li:nth-child(8),
#style.ss2021 ul li:nth-child(9),
#style.ss2021 ul li:nth-child(10),
#style.ss2021 ul li:nth-child(11){
	width: 25%;
	height: auto;
	}
#style.ss2021 ul li:nth-child(5),
#style.ss2021 ul li:nth-child(6),
#style.ss2021 ul li:nth-child(7){
	width: 33.3333%;
	height: auto;
	}

@media screen and (max-width: 480px) {
#style.ss2021 ul li:nth-child(1),
#style.ss2021 ul li:nth-child(2),
#style.ss2021 ul li:nth-child(3),
#style.ss2021 ul li:nth-child(4),
#style.ss2021 ul li:nth-child(6),
#style.ss2021 ul li:nth-child(7),
#style.ss2021 ul li:nth-child(8),
#style.ss2021 ul li:nth-child(9),
#style.ss2021 ul li:nth-child(10),
#style.ss2021 ul li:nth-child(11){
	width: 50%;
	}
#style.ss2021 ul li:nth-child(5){
	width: 100%;
	}
	}

#style.ss2021 ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
	}

#style.ss2021 ul li a{
	box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
#style.ss2021 ul li a{
	box-sizing: border-box;
	}
	}

/*=====

aw2021

=====*/

#style.aw2021 ul li{
	box-sizing: border-box;
	background-color: #000;
	}

#style.aw2021 ul li:nth-child(1),
#style.aw2021 ul li:nth-child(2),
#style.aw2021 ul li:nth-child(3),
#style.aw2021 ul li:nth-child(5),
#style.aw2021 ul li:nth-child(6),
#style.aw2021 ul li:nth-child(7),
#style.aw2021 ul li:nth-child(8),
#style.aw2021 ul li:nth-child(9),
#style.aw2021 ul li:nth-child(11),
#style.aw2021 ul li:nth-child(12),
#style.aw2021 ul li:nth-child(13){
	width: 33.3333%;
	height: auto;
	}
#style.aw2021 ul li:nth-child(4),
#style.aw2021 ul li:nth-child(10){
	width: 66.6666%;
	height: auto;
	}

#style.aw2021 ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
	}

#style.aw2021 ul li a{
	box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
#style.aw2021 ul li a{
	box-sizing: border-box;
	}
	}

/*=====

 ceremony2022

=====*/

#style.ceremony2022 ul li{
	box-sizing: border-box;
	background-color: #000;
	}

#style.ceremony2022 ul li{
	width: 25%;
	height: auto;
	}

@media screen and (max-width: 480px) {
#style.ceremony2022 ul li{
	width: 50%;
	}
	}

#style.ceremony2022 ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
	}

#style.ceremony2022 ul li a{
	box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
#style.ceremony2022 ul li a{
	box-sizing: border-box;
	}
	}

/*=====

ss2022

=====*/

#ss2022 ul li{
	box-sizing: border-box;
	}

#style.ss2022 ul li:nth-child(1),
#style.ss2022 ul li:nth-child(2),
#style.ss2022 ul li:nth-child(11),
#style.ss2022 ul li:nth-child(12){
	width: 50%;
	height: auto;
	}

#style.ss2022 ul li:nth-child(3),
#style.ss2022 ul li:nth-child(5),
#style.ss2022 ul li:nth-child(6),
#style.ss2022 ul li:nth-child(7),
#style.ss2022 ul li:nth-child(8),
#style.ss2022 ul li:nth-child(9),
#style.ss2022 ul li:nth-child(10),
#style.ss2022 ul li:nth-child(13),
#style.ss2022 ul li:nth-child(15),
#style.ss2022 ul li:nth-child(16),
#style.ss2022 ul li:nth-child(17){
	width: 33.3333%;
	height: auto;
	}

#style.ss2022 ul li:nth-child(4),
#style.ss2022 ul li:nth-child(14){
	width: 66.6667%;
	height: auto;
	}

#style.ss2022 ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
	filter: brightness(1);
	}

#style.ss2022 ul li a{
	box-sizing: border-box;
	}
@media screen and (max-width: 480px) {
#style.ss2022 ul li a{
	box-sizing: border-box;
	}
	}

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

stores

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

#stores{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 50px 0 0;
	}
@media screen and (max-width: 480px) {
#stores{
	width: 100%;
	min-width: 100%;
	padding: 40px 0 0;
	}
	}

#stores h2{
	text-align: center;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .1em;
	}
@media screen and (max-width: 480px) {
#stores h2{
	}
	}

#stores .lists{
	position: relative;
	width: 100%;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-top: 50px;
	font-size: 0;
	}
@media screen and (max-width: 480px) {
#stores .lists{
	margin-top: 40px;
	}
	}

#stores .lists .store{
	margin: 0;
	padding: 3rem 0;
	display: inline-block;
	font-size: 1rem;
	width: 33.3333%;
	height: auto;
	box-sizing: border-box;
	text-align: center;
	}
@media screen and (max-width: 480px) {
#stores .lists .store{
	width: 100%;
	}
	}

#stores .lists .store:nth-child(1),
#stores .lists .store:nth-child(2),
#stores .lists .store:nth-child(4),
#stores .lists .store:nth-child(5),
#stores .lists .store:nth-child(7),
#stores .lists .store:nth-child(8),
#stores .lists .store:nth-child(10){
	border-right: 1px solid #dedede;
	}
#stores .lists .store:nth-child(1),
#stores .lists .store:nth-child(2),
#stores .lists .store:nth-child(3),
#stores .lists .store:nth-child(4),
#stores .lists .store:nth-child(5),
#stores .lists .store:nth-child(6),
#stores .lists .store:nth-child(7),
#stores .lists .store:nth-child(8),
#stores .lists .store:nth-child(9){
	border-bottom: 1px solid #dedede;
	}
@media screen and (max-width: 480px) {
#stores .lists .store:nth-child(1),
#stores .lists .store:nth-child(2),
#stores .lists .store:nth-child(4),
#stores .lists .store:nth-child(5),
#stores .lists .store:nth-child(7),
#stores .lists .store:nth-child(8),
#stores .lists .store:nth-child(10){
	border-right: none;
	}
	}

#stores .lists .store p.shopname{
	font-size: .9em;
	font-weight: 400;
	font-style: normal;
	padding-bottom: 1.5em;
	}

#stores .lists .store p.shopaddress{
	font-size: .8em;
	line-height: 1.5em;
	padding-bottom: 1em;
	}

#stores .lists .store p.shoptel{
	font-size: .8em;
	line-height: 1em;
	padding-bottom: 1.5em;
	}

#stores .lists .store p.shopmap{
	font-size: .8em;
	line-height: 1em;
	}
@media screen and (max-width: 480px) {
#stores .lists .store p.shopmap{
	font-size: .9em;
	}
	}

#stores .lists .store p.shopmap a:hover{
	text-decoration: underline;
	}

#stores .lists .store p.shopmap i{
	margin-right: .5em;
	}


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

links

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

#links{
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto;
	padding: 70px 0;
	}
@media screen and (max-width: 480px) {
#links{
	width: 100%;
	min-width: 100%;
	padding: 40px 0;
	}
	}

#links .insta{
	text-align: center;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: 400;
	font-style: normal;
	}

#links .insta img{
	width: 35px;
	height: auto;
	margin-bottom: .5em;
	}
@media screen and (max-width: 480px) {
#links .insta img{
	width: 30px;
	}
	}

#links .online{
	margin-top: 70px;
	text-align: center;
	}
@media screen and (max-width: 480px) {
#links .online{
	margin-top: 50px;
	}
	}

#links .online img{
	width: 245px;
	height: auto;
	}
@media screen and (max-width: 480px) {
#links .online img{
	width: 200px;
	height: auto;
	}
	}



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

fancybox

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

.fancybox-bg {
	background: rgb(255, 255, 255);
	}

.fancybox-caption {
	background: transparent;
	bottom: 0;
	color: #000;
	font-size: 1em;
	}
@media screen and (max-width: 480px) {
#links .online img{
	width: 200px;
	height: auto;
	}
	}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
	color: #fff;
	font-weight: normal;
	text-decoration: none !important;
	background-color: #000;
	padding: 0 .4em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.fancybox-button {
	background: transparent;
	}

.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
	color: #000 !important;
	}

.fancybox-infobar {
	font-size: 1em;
	font-weight: 300;
	font-style: normal;
	}

.fancybox-caption {
	padding: 0 0 0 0;
	display: table;
	vertical-align: middle;
	width: 100%;
	/*height: 35vh;*/
	}
@media screen and (max-width: 480px) {
.fancybox-caption {
	height: auto;
	}
	}

.fancybox-caption__body {
	display: table-cell;
	font-size: .9em;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 2em 0;
	vertical-align: middle;
	}
@media screen and (max-width: 480px) {
.fancybox-caption__body {
	font-size: .8em;
	}
	}


/*
.fancybox-content{
	transform: translate(0px, 0px) scale(1, 1) !important;
	}
*/

.fancybox-slide--image{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
/*	padding-bottom: 25vh !important;*/
	}

.disable{
	display: none !important;
	}

.cs{
	display: none;
	}

.cs.disable{
	display: inline-block !important;
	color: #555;
	}

.fancybox-caption__body span{
	font-size: .8em !important;
	}

.fancybox-button--arrow_left svg,
.fancybox-button--arrow_right svg {
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	}ÿþ
/*
     FILE ARCHIVED ON ÿþ06:04:56 Mar 13, 2022ÿþ AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON ÿþ14:47:34 Jul 24, 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ÿþ: ÿþ2.994ÿþ
ÿþ  ÿþcaptures_listÿþ: ÿþ0.72ÿþ
ÿþ  ÿþexclusion.robotsÿþ: ÿþ0.066ÿþ
ÿþ  ÿþexclusion.robots.policyÿþ: ÿþ0.051ÿþ
ÿþ  ÿþesindexÿþ: ÿþ0.012ÿþ
ÿþ  ÿþcdx.remoteÿþ: ÿþ5.324ÿþ
ÿþ  ÿþLoadShardBlockÿþ: ÿþ115.762ÿþ (ÿþ3ÿþ)
ÿþ  ÿþPetaboxLoader3.datanodeÿþ: ÿþ144.751ÿþ (ÿþ5ÿþ)
ÿþ  ÿþload_resourceÿþ: ÿþ518.369ÿþ
ÿþ  ÿþPetaboxLoader3.resolveÿþ: ÿþ420.89ÿþ
ÿþ  ÿþloaddictÿþ: ÿþ64.169ÿþ
ÿþ*/