@charset "UTF-8";
/* CSS Document */

/***
* common_pcs.css
*/

@media only print, only screen and (min-width: 18.75em){
	
.sp,
.tab,
.tab_sp{
	display:none;
}

.pc,
.pc_tab{
	display:block;
}

.hover:hover{
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

sub{
	top: 0.1em;
	font-size:6pt;
}

body{
	width:100%;
	-webkit-text-size-adjust:100%;
	position:relative;
}

/***
* header
*/

#header{
	position:fixed;
	z-index:3333;
}

#header #nav a,
#header #navCounter,
#header #navCredit,
#header.active.color #nav a,
#header.active.color #navCounter,
#header.active.color #navCredit{
	color: #000;
	font-size:87.5%;
	letter-spacing:0.08em;
	cursor:pointer;
}

#header.active #nav a,
#header.active #navCounter,
#header.active #navCredit{
	color:#fff;
}

#navIndex{
	position:absolute;
	top:16px;
	left:20px;
}

#navSeason{
	position:fixed;
	top:16px;
	left:50%;
	margin-left:-83.5px;
}

#navCounter{
	position:fixed;
	top:16px;
	right:20px;
	text-align:right;
	overflow:hidden;
}

#navCredit{
	position:fixed;
	bottom:18px;
	left:20px;
	margin-left:0;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#navCounterDash{
	margin-bottom:10px;
}

/* intro */

#intro{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:3333;
	display:table;
}

#logo{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
	text-align:center;
}

#logoSvg{
	width:40vw;
	height:2.2vw;
	margin:0 auto;
	-webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
	opacity:0;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

#logo.active #logoSvg{
	height:auto;
	margin:0 auto;
	-webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
	opacity:1;
	-webkit-transition-duration:1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
}

#seasonalTtl{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:5vw;
	font-size:1.2vw;
	letter-spacing:0.14em;
}

/* top */

#top{
	width:100vw;
	height:100vh;
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	background:url(../../img/bg_mainvisual.jpg) center no-repeat;
	background-size:cover;
	z-index:5555;
	position:relative;
	overflow:hidden;
}

#top.active{
	-moz-transform: translate(0,-100%);
	-webkit-transform: translate(0,-100%);
	-o-transform: translate(0,-100%);
	-ms-transform: translate(0,-100%);
	-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	/* custom */
	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
	transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
}

#logoTop{
	width:28.57vw;
	height:1.6vw;
	position:absolute;
	bottom:10vw;
	left:50%;
	margin-left:-14.28vw;
}

#logoTop .logoSvg{
	fill: #fff;
}

#seasonalTtlTop{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:5vw;
	font-size:1.2vw;
	color:#fff;
	letter-spacing:0.14em;
}

.bd div{ background: #fff; position:absolute;}
.bd div.bdT{ width: 100%; height:16px; top:0; left:0; }
.bd div.bdB{ width: 100%; height:16px; bottom:0; right:0; }
.bd div.bdR{ height:100%; width :16px; right:0; top:0; }
.bd div.bdL{ height:100%; width :16px; left:0; bottom:0; }

/* gallery */

#gallery li{
	list-style-type:none;
	background-color:#f9f9f9;
}

#gallery li.active{
	background-color:#fff;
}

.lookList{
	width:64.28vw;
	height:42.85vw;
	margin:0 auto;
	position: absolute;
	top:50%;
	left:50%;
	margin:-21.42vw 0 0 -32.14vw;
	overflow:hidden;
	cursor:pointer;
	z-index:-1;
}

.lookList.active{
	opacity:0.1;
}

.lookListVert{
	width:32.35vw;
	height:48.57vw;
	margin:0 auto;
	position: absolute;
	top:50%;
	left:50%;
	margin:-24.28vw 0 0 -16.17vw;
	overflow:hidden;
	cursor:pointer;
	z-index:-1;
}

.lookListBg{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	overflow:hidden;
	cursor:pointer;
	z-index:-1;
}

.lookListVert.active{
	opacity:0.1;
}

#gallery1 .lookListBg{
	background: url(../../img/img_gallery_hori00.jpg) center no-repeat;
	background-size: cover;
}

#gallery2 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert11.jpg) center no-repeat;
	background-size: cover;
}

#gallery3{
	width:100vw;
	height:100vh;
	display:table;
}

#title{
	width:100%;
	font-size:112.5%;
	letter-spacing:0.14em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-variant:small-caps;
}

#gallery4 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert25.jpg) center no-repeat;
	background-size: cover;
}

#gallery5 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert04.jpg) center no-repeat;
	background-size: cover;
}

#gallery6 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert19.jpg) center no-repeat;
	background-size: cover;
}

#gallery7 .lookList.loaded{
	background: url(../../img/img_gallery_hori05.jpg) center no-repeat;
	background-size: cover;
}

#gallery8 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert12.jpg) center no-repeat;
	background-size: cover;
}

#gallery9 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert05_1.jpg) center no-repeat;
	background-size: cover;
}

#gallery10 .lookListBg.loaded{
	background: url(../../img/img_gallery_hori01.jpg) center no-repeat;
	background-size: cover;
}

#gallery11 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert20.jpg) center no-repeat;
	background-size: cover;
}

#gallery12 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert09.jpg) center no-repeat;
	background-size: cover;
}

#gallery13 .lookList.loaded{
	background: url(../../img/img_gallery_hori06.jpg) center no-repeat;
	background-size: cover;
}

#gallery14 .lookListBg.loaded{
	background: url(../../img/img_gallery_hori08.jpg) center no-repeat;
	background-size: cover;
}

#gallery15 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert14.jpg) center no-repeat;
	background-size: cover;
}

#gallery16 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert02.jpg) center no-repeat;
	background-size: cover;
}

#gallery17 .lookList.loaded{
	background: url(../../img/img_gallery_hori02.jpg) center no-repeat;
	background-size: cover;
}

#gallery18 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert01.jpg) center no-repeat;
	background-size: cover;
}

#gallery19 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert22.jpg) center no-repeat;
	background-size: cover;
}

#gallery20 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert03.jpg) center no-repeat;
	background-size: cover;
}

#gallery21 .lookList.loaded{
	background: url(../../img/img_gallery_hori03.jpg) center no-repeat;
	background-size: cover;
}

#gallery22 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert07.jpg) center no-repeat;
	background-size: cover;
}

#gallery23 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert13.jpg) center no-repeat;
	background-size: cover;
}

#gallery24 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert17_1.jpg) center no-repeat;
	background-size: cover;
}

#gallery25 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert16.jpg) center no-repeat;
	background-size: cover;
}

#gallery26 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert24.jpg) center no-repeat;
	background-size: cover;
}

#gallery27 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert23.jpg) center no-repeat;
	background-size: cover;
}

#gallery28 .lookList.loaded{
	background: url(../../img/img_gallery_hori07.jpg) center no-repeat;
	background-size: cover;
}

#gallery29 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert10.jpg) center no-repeat;
	background-size: cover;
}

#gallery30 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert05.jpg) center no-repeat;
	background-size: cover;
}

#gallery31 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert06.jpg) center no-repeat;
	background-size: cover;
}

#gallery32 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert15.jpg) center no-repeat;
	background-size: cover;
}

#gallery33 .lookListBg.loaded{
	background: url(../../img/img_gallery_hori09.jpg) center no-repeat;
	background-size: cover;
}

#gallery34 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert18.jpg) center no-repeat;
	background-size: cover;
}

#gallery35 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert21.jpg) center no-repeat;
	background-size: cover;
}

#gallery36 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert08.jpg)center no-repeat;
	background-size: cover;
}

#gallery37 .lookListBg.loaded{
	background: url(../../img/img_gallery_hori04.jpg) center no-repeat;
	background-size: cover;
}

#gallery38 .lookListVert.loaded{
	background: url(../../img/img_gallery_vert17.jpg) center no-repeat;
	background-size: cover;
}

.itemCredit{
	width:100vw;
	height:100vh;
	display:table-cell;
	vertical-align:middle;
	background:#fff;
	opacity:0.9;
}

.itemCredit p{
	margin-bottom:20px;
	font-size:68.75%;
	text-align:center;
	letter-spacing:0.04em;
	line-height:1.8;
}

.itemCredit a{
	text-decoration: underline;
}

.itemCredit a:hover{
	text-decoration: none;
}

.itemCredit span{
	margin-right:10px;
}

/* index */

#indexThumbList{
	width:56.21vw;
	height:auto;
	margin:0;
	overflow:hidden;
	position:absolute;
	top:70px;
	left:70px;
}

#indexThumbList ul{
	width:57.64vw;
}

#gallery #indexThumbList li.thumb{
	width:5vw;
	height:7.5vw !important;
	margin:0 0.7vw 0.7vw 0;
	float:left;
}

#gallery #indexThumbList li.thumb img{
	width: 100%;
	height: 7.5vw !important;
}

#gallery #indexThumbList li.thumbHori{
	width:10.71vw;
	height:7.5vw !important;
	margin:0 0.7vw 0.7vw 0;
	float:left;
}

#gallery #indexThumbList li.thumbHori img{
	width: 100%;
	height: 7.5vw !important;
}

#description{
	width:290px;
	height:40.2vw;
	position:absolute;
	top:50%;
	right:50px;
	margin-top:-20vw;
	text-align:left;
}

#colophon h3{
	margin-bottom:50px;
	letter-spacing:0.14em;
}

#colophon p{
	margin-bottom:16px;
	font-size:0.9vw;
	line-height:1.6;
	letter-spacing:0.06em;
}

#footer{
	position:absolute;
	bottom:0;
}

#footerLogo{
	width:248px;
	height:16px;
	margin-bottom:14px;
}

#copyright{
	font-size:50%;
}

#copyright a{
	color:#999;
}

#indexThumbList{
	height:41vw;
	position:absolute;
	top:50%;
	margin-top:-20vw;
}

}

@media only print, only screen and (min-width: 1500px){

body{
	width:100%;
	min-height:800px;
	-webkit-text-size-adjust:100%;
	position:relative;
}

#nav a,
#navCounter{
	font-size:87.5%;
	letter-spacing:0.08em;
	cursor:pointer;
}

#navIndex{
	position:absolute;
	top:25px;
	left:30px;
}

#navSeason{
	position:fixed;
	top:25px;
	left:50%;
	margin-left:-84px;
}

#navCounter{
	position:fixed;
	top:25px;
	right:30px;
	text-align:right;
	overflow:hidden;
}

#navCredit{
	position:fixed;
	bottom:30px;
	left:30px;
	margin-left:0;
}

.itemCredit p{
	margin-bottom:20px;
	font-size:78.5%;
	text-align:center;
	letter-spacing:0.04em;
	line-height:1.8;
}

#colophon p{
	margin-bottom:24px;
	font-size:78.5%;
	line-height:1.8;
	letter-spacing:0.08em;
}

}