ÿþ@charset "utf-8";

html, body {
	position: relative;
	height: 100%;
	min-width: 1180px;
	}
@media screen and (max-width: 768px) {
html, body {
	min-width: 100%;
	}
	}

body{
	font-family: garamond-premier-pro, serif;
	font-weight: 400;	/* 400, 500, 600, 700 */
	font-style: normal;
	font-size: 13px;
	line-height: 1em;
	background-color: rgba(255, 255, 255, 1);
	color: #000;
	}
@media screen and (max-width: 768px) {
body{
	font-size: 16px;
	}
	}

.sp{	display: none !important;	}
@media screen and (max-width: 768px) {
.sp{	display: block !important;	}
	}

.pc{	display: block !important;	}
@media screen and (max-width: 768px) {
.pc{	display: none !important;	}
	}

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

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


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

common

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

html, body, svg{
	margin: 0;
	padding: 0;
	}

* {
	box-sizing: border-box;
	}

h1,h2,h3,h4,h5,p{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

::selection {
	background: #dedede;
	color: #fff;
	}
::-moz-selection {
	background: #dedede;
	color: #fff;
	}

a{
	color: #000;
	text-decoration: none;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

a img{
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	}

a:focus, *:focus {
	outline: none;
	}

a.telLink{
	pointer-events: none;
	}
@media screen and (max-width: 768px) {
a.telLink{
	pointer-events: auto;
	}
	}

img{
	vertical-align: bottom;
	}

ul, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}


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

inviewfadeInUp

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

.ifp, .ifp2,
.ifm, .ifm2, .ifm3, .ifm4, .ifm5, .ifm6,
.ifm7, .ifm8, .ifm9, .ifm10, .ifm11, .ifm12 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	}
    
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transition: 1s;
	}


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

wrapper

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

#wrapper {
	position: relative;
	width: 100%;
	min-width: 1180px;
	height: auto;
	margin: auto;
	overflow-x: hidden;
	}
@media screen and (max-width: 768px) {
#wrapper {
	min-width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	}
	}


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

:::::::::: ³0ó0Æ0ó0Ä0 ::::::::::

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

.contents {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	}

.contents .contentswrap {
	width: 100%;
	margin: auto;
	}
@media screen and (max-width: 768px) {
.contents .contentswrap {
	max-width: 100%;
	}
	}


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

Õ0¡0µ0ü0É0

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

.facade {
	display: table;
	width: 100%;
	height: 100vh;
	min-height: 700px;
	letter-spacing: -1em;
	vertical-align: middle;
	}
@media screen and (max-width: 768px) {
.facade {
	display: block;
	min-height: 100vh;
	letter-spacing: normal;
	}
	}

.facade .visual{
	display: table-cell;
	position: relative;
	width: 50%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/main.jpg);
	background-size: cover;
	vertical-align: middle;
	}
@media screen and (max-width: 768px) {
.facade .visual{
	display: block;
	width: 100%;
	}
	}

.facade .texts{
	display: table-cell;
	position: relative;
	width: 50%;
	height: 100%;
	letter-spacing: normal;
	vertical-align: middle;
	text-align: center;
	background-color: #e6e7e7;
	}
@media screen and (max-width: 768px) {
.facade .texts{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1;
	background-color: transparent;
	}
	}

.facade .texts .cover{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100vh;
	}

.facade .texts .cover h1{
	margin-top: -30%;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/oft.svg);
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

.facade .texts .cover p{
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 10%;
	height: 13px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/tml.svg);
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}


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

¤0ó0È0í0

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

.intro {
	display: block;
	width: 100%;
	height: auto;
	padding: 8em 0;
	}
@media screen and (max-width: 768px) {
.intro {
	padding: 5em 0;
	}
	}

.intro p{
	color: #b29360;
	text-align: center;
	line-height: 1em;
	padding: 1em 0;
	letter-spacing: .05em;
	}
@media screen and (max-width: 768px) {
.intro p{
	font-size: .8em;
	padding: .8em 0;
	letter-spacing: normal;
	}
	}

.intro p.en{
	letter-spacing: .1em;
	padding: 3em 0;
	}


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

ª0±0ü0¸0ç0ó0N§‰

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

.occasion {
	display: block;
	width: 100%;
	height: auto;
	letter-spacing: -1em;
	}

.occasion .photo_container {
	display: flex;
	flex-wrap: wrap;
	}
 
.occasion .photo_container .photo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	padding: 5% 0;
	}
@media screen and (max-width: 768px) {
.occasion .photo_container .photo {
	width: 100%;
	padding: 5% 0;
	}
	}
 
.occasion .photo_container .photo a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0;
	}
 
.occasion .photo_container .photo img{
	width: auto;
	}
 
.occasion .photo_container .photo img#p01{
	width: 80%;
	}
.occasion .photo_container .photo img#p02{
	width: 90%;
	}
.occasion .photo_container .photo img#p03{
	width: 90%;
	}
.occasion .photo_container .photo img#p04{
	width: 80%;
	}
.occasion .photo_container .photo img#p05{
	width: 80%;
	}
@media screen and (max-width: 768px) {
.occasion .photo_container .photo img#p05{
	width: 85%;
	}
	}
.occasion .photo_container .photo img#p06{
	width: 90%;
	margin-left: 10%;
	}
@media screen and (max-width: 768px) {
.occasion .photo_container .photo img#p06{
	margin-left: 0;
	}
	}
.occasion .photo_container .photo img#p07{
	width: 95%;
	}
@media screen and (max-width: 768px) {
.occasion .photo_container .photo img#p07{
	width: 100%;
	}
	}
.occasion .photo_container .photo img#p08{
	width: 80%;
	}
@media screen and (max-width: 768px) {
.occasion .photo_container .photo img#p08{
	width: 85%;
	}
	}


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

Þ0Æ0ê0¢0ë0

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

.material {
	display: flex;
	width: 100%;
	height: auto;
	margin: 5em auto;
	}
@media screen and (max-width: 768px) {
.material {
	display: block;
	}
	}

.material .visual{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 50%;
	height: auto;
	}
@media screen and (max-width: 768px) {
.material .visual{
	display: block;
	width: 100%;
	}
	}

.material .visual img{
	width: 100%;
	height: auto;
	}

.material .texts{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 50%;
	height: auto;
	letter-spacing: normal;
	}
@media screen and (max-width: 768px) {
.material .texts{
	display: block;
	width: 100%;
	padding: 3em 0;
	}
	}

.material .texts .cover{
	display: block;
	}

.material .texts .cover h1{
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/material.svg);
	background-size: contain;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

.material .texts .cover .line{
	width: 50px;
	height: 1px;
	border-bottom: 1px solid #595858;
	margin: 3em auto;
	}

.material .texts .cover p{
	color: #595858;
	text-align: center;
	font-size: .9em;
	line-height: 1em;
	padding: .7em 0;
	}
@media screen and (max-width: 768px) {
.material .texts .cover p{
	font-size: .75em;
	}
	}


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

@wÞVW0N§‰

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

.mix {
	display: block;
	width: 90%;
	height: auto;
	margin: 15em auto 0;
	letter-spacing: -1em;
	}
@media screen and (max-width: 768px) {
.mix {
	width: 100%;
	margin: 4em auto 0;
	}
	}

.mix h2{
	color: #b29360;
	text-align: center;
	font-size: 1.3em;
	line-height: 1em;
	letter-spacing: normal;
	}
@media screen and (max-width: 768px) {
.mix h2{
	font-size: 1em;
	}
	}

.mix .photo_container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
	}
 
.mix .photo_container .photo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.33%;
	}
@media screen and (max-width: 768px) {
.mix .photo_container .photo{
	width: 50%;
	}
	}
 
.mix .photo_container .photo a{
	display: block;
	width: 100%;
	}
 
.mix .photo_container .photo a img{
	width: 100%;
	padding: 10%;
	}
@media screen and (max-width: 768px) {
.mix .photo_container .photo a img{
	padding: 0;
	}
	}


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

footer

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

footer{
	width: 100%;
	height: auto;
	text-align: center;
	color: #b29360;
	padding: 10em 0 3em;
	}
@media screen and (max-width: 768px) {
footer{
	padding: 5em 0 5em;
	}
	}

footer .shares{
	font-size: .9em;
	margin-bottom: 1.5em;
	}
@media screen and (max-width: 768px) {
footer .shares{
	font-size: .8em;
	}
	}

footer .share{
	font-size: 1.1em;
	margin-bottom: 5em;
	}
@media screen and (max-width: 768px) {
footer .share{
	font-size: 1em;
	margin-bottom: 3em;
	}
	}

footer .share a{
	color: #b29360;
	margin: 0 1.5em;
	}

footer .share a:hover{
	text-decoration: underline;
	}

footer .tomorrowland-svg {
	position: relative;
	width: 150px;
	height: 16px;
	margin: 2em auto 0;
	}

footer .tomorrowland-svg svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

footer .tomorrowland-svg .tomorrowland{
	fill: #b29360;
	}

footer p.copyright{
	margin-top: 2em;
	letter-spacing: .05em;
	font-size: .8em;
	}
@media screen and (max-width: 768px) {
footer p.copyright{
	margin-top: 1em;
	font-size: .7em;
	transform: scale(0.8);
	}
	}

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

gallery

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

.glly{
	cursor: pointer;
	}

#gallerywrap{
	position: fixed;
	bottom: -1px;
	left: 0;
	z-index: 100000;
	width: 100%;
	height: 1px;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling : touch;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}

/*
closegallery
*/

#gallerywrap .closegallery{
	display: none;
	position: fixed;
	top: 20px;
	right: 40px;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/x.svg);
	background-size: contain;
	cursor: pointer;
	z-index: 999;
	}
@media screen and (max-width: 768px) {
#gallerywrap .closegallery{
	top: 15px;
	right: 15px;
	}
	}

/*
gallerylist
*/

.gallerylist{
	width: 100%;
	height: auto;
	display: none;
	}
@media screen and (max-width: 768px) {
.gallerylist{
	padding-bottom: 10em;
	}
	}

/*
gtable
*/

.gallerylist .gtable{
	display: table;
	width: 100%;
	height: auto;
	margin-bottom: 5em;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable{
	display: block;
	}
	}

.gallerylist .gtable.nomb{
	margin-bottom: 0;
	}

/*
main
*/

.gallerylist .gtable .main{
	display: table-cell;
	width: 50%;
	height: auto;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .main{
	position: relative;
	display: block;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	}
	}

.gallerylist .gtable .main img{
	width: 100%;
	height: auto;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .main img{
	position: absolute;
	width: auto;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
	}

/*
side
*/

.gallerylist .gtable .side{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: auto;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side{
	display: block;
	vertical-align: auto;
	width: 86%;
	margin: 0 auto;
	padding-top: 1.5em;
	}
	}

/*
cledit
*/

.gallerylist .gtable .side .cledit{
	width: 75%;
	height: auto;
	margin: auto;
	vertical-align: middle;
	display: table;
	padding-bottom: 10em;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit{
	width: 100%;
	margin: 0 auto;
	vertical-align: auto;
	padding-bottom: 0;
	}
	}

.gallerylist .gtable .side .cledit p.kimawashi{
	color: #222;
	font-size: 1.1em;
	line-height: 1.6em;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit p.kimawashi{
	font-size: 1em;
	text-align: center;
	}
	}

.gallerylist .gtable .side .cledit p.ganre{
	color: #222;
	font-size: 2.2em;
	line-height: 1.6em;
	margin: 0 0 1em 0;
	letter-spacing: .05em;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit p.ganre{
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	text-align: center;
	}
	}

.gallerylist .gtable .side .cledit .item{
	position: relative;
	width: 100%;
	height: auto;
	padding: .5em 0;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit .item{
	text-align: center;
	}
	}

.gallerylist .gtable .side .cledit .item p{
	color: #222;
	font-size: .9em;
	line-height: 1.6em;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit .item p{
	font-size: .8em;
	}
	}

.gallerylist .gtable .side .cledit .item a{
	position: absolute;
	top: .4em;
	right: 0;
	width: 10em;
	height: 2em;
	display: inline-block;
	background-color: #b29360;
	text-align: center;
	font-size: .9em;
	line-height: 2.2em;
	color: #fff;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit .item a{
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	margin-top: .5em;
	padding: 0 2em;
	font-size: .8em;
	}
	}

.gallerylist .gtable .side .cledit .item a.disable{
	display: none !important;
	}

.gallerylist .gtable .side .cledit .item a:hover{
	background-color: #222;
	}

.gallerylist .gtable .side .cledit .item .cs{
	position: absolute;
	top: .8em;
	right: 0;
	width: 10em;
	height: 1.6em;
	display: none;
	text-align: right;
	font-size: .8em;
	line-height: 1.6em;
	color: #999;
	}
@media screen and (max-width: 768px) {
.gallerylist .gtable .side .cledit .item .cs{
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	margin-top: .5em;
	padding: 0 2em;
	text-align: center;
	font-size: .7em;
	}
	}

.gallerylist .gtable .side .cledit .item .cs.disable{
	display: inline-block !important;
	}

.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	}

/*
scroll
*/

#gallerywrap .gallerylist .scroll01,
#gallerywrap .gallerylist .scroll02,
#gallerywrap .gallerylist .scroll022,
#gallerywrap .gallerylist .scroll04,
#gallerywrap .gallerylist .scroll044,
#gallerywrap .gallerylist .scroll05,
#gallerywrap .gallerylist .scroll055,
#gallerywrap .gallerylist .scroll07,
#gallerywrap .gallerylist .scroll077,
#gallerywrap .gallerylist .scroll09,
#gallerywrap .gallerylist .scroll099{
	position: fixed;
	bottom: 40px;
	right: calc(25% - 50px);
	width: 120px;
	height: 50px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/scroll-w.svg);
	background-size: 30px;
	color: #b29360;
	z-index: 9;
	text-align: center;
	font-size: .9em;
	line-height: 1em;
	/*pointer-events: none;*/
	animation: blink 1s ease-in-out infinite alternate;
	cursor: pointer;
	}
@media screen and (max-width: 768px) {
#gallerywrap .gallerylist .scroll01,
#gallerywrap .gallerylist .scroll02,
#gallerywrap .gallerylist .scroll022,
#gallerywrap .gallerylist .scroll04,
#gallerywrap .gallerylist .scroll044,
#gallerywrap .gallerylist .scroll05,
#gallerywrap .gallerylist .scroll055,
#gallerywrap .gallerylist .scroll07,
#gallerywrap .gallerylist .scroll077,
#gallerywrap .gallerylist .scroll09,
#gallerywrap .gallerylist .scroll099{
	right: 0;
	width: 100%;
	background-image: url(/web/20200703095559im_/https://tomorrowland.jp/oft/20ss/cpnt/images/scroll-w.svg);
	color: #b29360;
	}
	}

@keyframes blink{
	0% {opacity:0;}
	30% {opacity:1;}
	100% {opacity:1;}
	}


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

pagetop

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

#pagetop {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 0;
	bottom: -50px;
	*display: none;
	z-index: 999;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: center;
	}

#pagetop img {
	width: 50%;
	height: auto;
	}ÿþ
/*
     FILE ARCHIVED ON ÿþ09:55:59 Jul 03, 2020ÿþ AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON ÿþ12:13:53 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.279ÿþ
ÿþ  ÿþcaptures_listÿþ: ÿþ0.363ÿþ
ÿþ  ÿþexclusion.robotsÿþ: ÿþ0.038ÿþ
ÿþ  ÿþexclusion.robots.policyÿþ: ÿþ0.031ÿþ
ÿþ  ÿþesindexÿþ: ÿþ0.006ÿþ
ÿþ  ÿþcdx.remoteÿþ: ÿþ6.19ÿþ
ÿþ  ÿþLoadShardBlockÿþ: ÿþ59.999ÿþ (ÿþ3ÿþ)
ÿþ  ÿþPetaboxLoader3.datanodeÿþ: ÿþ173.42ÿþ (ÿþ4ÿþ)
ÿþ  ÿþPetaboxLoader3.resolveÿþ: ÿþ61.97ÿþ (ÿþ2ÿþ)
ÿþ  ÿþload_resourceÿþ: ÿþ202.298ÿþ
ÿþ*/