@charset "UTF-8";
address, blockquote, code, fieldset, h1, h2, h3, h4, h5, h6, hr, li, menu, p, pre, q, dt, dd, samp, table { padding: 0; margin: 0 0 1.4em; list-style: none;line-height: 170%;letter-spacing: 0.05em; font-weight: normal; text-align: justify;}
h1, h2, h3, h4, h5, h6, h7 { font-size: 29px; line-height: 150%; margin: 0 0 0.2em; }
html { background-color:rgb(64,68,88); margin: auto;}
body { margin: 0; font-size: 17px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; line-height: 2.1; _font-family: "ＭＳ Ｐゴシック";color: #fff;}
a {color: rgb(64,68,88); text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
a:link { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a:hover { text-decoration: none; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" }
a:visited { text-decoration: none;color: rgb(64,68,88);}

#load{position: fixed; z-index: 99999999999999; top; 0; left: 0; width:100vw;height:100vh;margin: auto;text-align: center;background: rgba(255,255,255,.3);}
#load::before{content:""; display: block; width: 60px; height: 23px; border: 2px #000 solid; margin: auto; -webkit-animation: sk-rotateplane 2s infinite ease-in-out; animation: sk-rotateplane 2s infinite ease-in-out; position: relative; top: 45%;}

@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes sk-rotateplane {
	0% { 
	transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 50% { 
	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 100% { 
	transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}
a.youtube { display: block; text-align: center; height: 140px; overflow: hidden; position: relative; margin: 16px 32px;z-index: 9;}
a.youtube span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; line-height: 238px; background: rgba(255, 255, 255, 0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA4CAYAAABqtn+aAAAFeElEQVR4Xu3YW4xcdR0H8M+Z+e/9OlLsbrGoMRFISqiXaJSIMWrUxCD6AhJI8IVYfTEBg09eHqrWJ2kJN0sJ28UQTROIFkLQ2CbUROIDD7Q+tOoage6WXdj7dnZ35ucymYfJxqa7+9CZ1fNJvvlNzuN3fv9zTk5mE16/8bouDGb0oB8D6EMvetCHfnSjqyEd9dSvaauniFRPAQkZkv+ugmrDXEWlPlfq8yKW6nO54fdiPQuYqc95zGEWM8ECZusJG5CtleKSQj++iM/jBuxEP7rQ2VBCwfYUDX9AGUtYwCT+gVM4jrFLF7hnfYGESGT7Mh7ANf6/LeHpED/Eeetk/97zYY2CHRmj+JJGuTdxF/6kQdIgQgkvBB+3Xm4XjuNW/AEgRQAQPOjS5eXowhP4JMahEKgl3IK7XU7uWtwHkACCfcLG5O7CAUymCIKhTT00ckP4MkZTQMRnULIZua9iNIkQ3GKzcp9ATwoEe21Wbjc+lCLswPtsVi6pFcgOlGxF7poUEUPothW54QKG0KYpQnV+Xqys2KZ2pmCnJojVVW1Dwwa/c4fp0RGVf40p9PWRkm3k6hRhSBNENdZSddW99xq45x4XHn/cwtGnxMSErKdnuxQ5WMAOTRLqm9jf75r77zf0wos6v71PdHaqzs5SqWhxAylCSRNE1NJI/65dun/8E+/c8U3zTx6x/NxzYnpa1ttLoaAF9acQzSlQIKyXcPX11+v+6c/M3n67pZGjlo//TszN1o52ixXZWUC/FtRTLNrxkY8a3L9f38iojq9/Q1Srtae2CC2iPUXobJUjvF5blil1d+u46SYL1+3XcfsdLo6MWH7pJbGyXNtIWaaJ2lLQrgkC4fKyLNPT3a29WDR7443SgQMqd95p8ckjyidOUK3WimySVEBB69PW0eE9pVLtaKc9e/T98kGDh5/QfvPNqguLYnFRM6SI0AwRUctmZFmmt1TSUS6bnZoSe/caePgRy6f+bOHIE1Ze+QvFJOvqvIIFao5AsPVtHB62MDNTS9unP6W0lrUjbfHXT1s5fZpq9YrcH5Pt1mDjNg4O6ujurm3jaqGg67bbFEol0w88IKamSCnfwMtpa2931fCwyVOnTD36aG0Ls0Jho+XlBS6dOePCwYNmjj8vymVZb4/IMldKiqCJ74FbVj53zvjBQ9559lnVxUXFvj7a2gSEKyaxvXawPDZm4tBacceOqczPK/b2Kvb3AaIZrzGimRsYNmb59ddNPPyIqWeeUZmerm1coa9fQGiaFCy38v6tTEyYeOwxk0dHrU5OqhU3MCC0hEoSylqwwdWpKRcOH/bWk09ZHh+vFVccHCQQWsVKCuZbqb/KzIwLR46slXdE+Y03ave4WnGI0GqWU4i3W+F7YGVu3ltHR0w8/ivlf44pvFtcaZAIIbSochKmNUOgmFQvXjR17JjxQw9ZOntOsaenXhyqocXNpWBKMxSLKvNz/nbrbRbPnFHs6mo8qtvFbPbK7g98H7/QDFEVK6uyjnbCdvT8uwXejRFbkRtJwQRWkWxWbiJFxHlcRK/Nyp1PwSRmtlRg7s0CJjBuK3JjCdUIr+FjNiN3HmcLEeBlm5V7FW8niHASF9Fpo3IvQooAZ0O8jC/YiNwCfg8pBMDhDReYexZ/hwQQ4bfYh8+6nHz7fg6NRxiqwXfxR+x0Kbkf4DWAFBo5ja9EOIYPZnIAQQX34SENspND11oPVxM/wrfQLfcq2fdwEjZSIAjxfnwNn8MNeC8GUPC/KzCPcfwVv8FxrFgP2Ymh3TYktOMqDAW7UKqnDz31dKEXnWhvSFtDUsP1Qj1FFNYlq89GFUB1XSoNs4xlrGC5nnJD5rHQkDnMYCZjDm/jQj1ll/EfhxlJUwW4h5oAAAAASUVORK5CYII=) center center no-repeat; color: #fff; }
a.youtube img { position: absolute; top: 0; margin: -17% 0 0 0; width: 100%; left: 0; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.none { display: none; }
.cq {color: #F28CB1; /* padding-top: 40px !important; */ font-weight: bold;}
.c1 span {color: #7192FF;}
.c2 span {color: #71DCFF;}
.c3 span { color: #9EADFF; }
.c4 span { color: #F0ACFF; }
.c5 span { color: #FF9E9E; }
.c1 span,.c2 span,.c3 span,.c4 span,.c5 span,.ca span { display: inline-block; font-weight: bold;margin-right: 16px;}
.midashi { position: absolute; top: 50%; text-align: center;font-size: 24px;line-height: 1.5;text-shadow: 2px 2px 0px rgba(64,68,88,1); width: 100%;margin: 0; h;/* height: 160px; */-webkit-transform: translateY(-50%);     -o-transform: translateY(-50%);     transform: translateY(-50%);box-sizing: border-box;}
.photobig1 { text-align: center; position: relative; }
.photobig1 h1 {width: 100%;height: auto;margin: 0 auto; position: absolute;top: 28%;-webkit-transform: translateY(-50%);     -o-transform: translateY(-50%);     transform: translateY(-50%);text-align: center;}
.photobig1 h1 svg {width: 45%;min-width: 300px;fill: #404458;}
.photobig1 h1 rt {text-align: center;font-size: 50%;display: block;}
.photobig1 h1 small { display: block; font-size: 24.5px; letter-spacing: 1.2em; margin: 15px 0 0 0; line-height: normal; }
.photobig1 h1 span { display: inline-block; }
.photobig1 h2 {width: 100%;margin: auto;position: absolute; top: 50%;-webkit-transform: translateY(-50%);     -o-transform: translateY(-50%);     transform: translateY(-50%);text-align: center;font-size: 32px; /* font-weight: bold; */letter-spacing: 13px;line-height: auto;  color: #fff; /* text-shadow: 0px 1px 1px #fff,0px 0px 70px #FFF; */}
.photobig1 h2 small { display: block; font-size: 24%; letter-spacing: 1em; margin: -30px 0 0 0; }
.photobig1 h2 span { display: inline-block; }
.release { position: absolute; text-align: left; bottom: 0;right: 0; padding: 24px; font-size: 15px; width: auto; margin: 0;background: rgba(64,68,88,0.5);box-sizing: border-box;}
.photobig1 .release dl { margin: 0; }
.photobig1 .release dd.jake { float: left; margin: 0; padding: 0; width: 90px; height: 90px; }
.photobig1 .release img { width: 100%; }
.photobig1 .release .bun { vertical-align: bottom; margin: 0 0 0 106px; display: block;line-height: 150%;text-shadow: 0 1px 1px rgb(64,68,88);}
.photobig1 .release .noimg { background-color: #efefef; display: block; float: left; margin: 0; width: 90px; height: 90px; font-size: 10px; text-align: center; line-height: 88px; letter-spacing: 1px; color: #ddd; }
.photobig1 .release dl a { color: #fff; text-decoration: underline; }
.mov .video { width: 100%; vertical-align: bottom; }
.mov .video div { display: none; }
.textbig {background: #404458; padding: 80px 0;position: relative;z-index: -1;
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #404458;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(34, 34, 34, 0.5)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(34, 34, 34, 0.5)),
                        color-stop(.75, rgba(34, 34, 34, 0.5)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(34, 34, 34, 0.5)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(34, 34, 34, 0.5)),
                        color-stop(.75, rgba(34, 34, 34, 0.5)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(34, 34, 34, 0.5) 25%, transparent 25%,
                    transparent 50%, rgba(34, 34, 34, 0.5) 50%, rgba(34, 34, 34, 0.5) 75%,
                    transparent 75%, transparent);
}
.textbig p { max-width: 960px;margin: 16px auto; font-size: 24px;line-height: 1.5;}
.text.right { /* overflow:hidden; */ }
.pc .text.right .photo::before{ background-position: center left; left: 0; right: auto; }
.text .photo {}
.photo p:nth-of-type(1) {padding-top: 24px;}
.photo p:nth-last-of-type(1) {/* padding-bottom: 8px; */}
.photo p:nth-last-of-type(1) {}
.text .bg {background: rgba(64,68,88,0.7);max-width: 49%; width: 100%;text-shadow: 0 1px 0px rgb(64, 67, 87);padding: 1px 24px; margin: 0;box-sizing: border-box;}
.text p.cq span, .text p.ca1 span, .text p.ca2 span, .text p.ca3 span, .text p.ca4 span, .text p.ca5 span { min-width: 46px; display: inline-block; }
.text { padding: 0; overflow: hidden; }
.text.right .bg {  float: right; clear: both; }
.mov { text-align: center; position: relative; overflow: hidden;}
.mov .video { width: 100%; vertical-align: bottom; }
.mov video div { display: none; }
.mov h1 { width: 100%; margin: auto; position: absolute; top: 43%; text-align: center; font-size: 72px; color: #fff; text-shadow: 4px 4px 0 #666; letter-spacing: 0.4em; word-spacing: -10px; }
.mov h1 span { display: inline-block; text-indent: -60px; margin: 0 4%; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); }
.mov h1 span.tofu { letter-spacing: normal; }
.mov h2 { position: absolute; text-align: left; bottom: 0; left: 0; padding: 32px; font-size: 16px; width: 90%; margin: 0; line-height: 190%; }
.mov h2 img { float: left; margin: 0; width: 15% }
.mov h2 span { vertical-align: bottom; margin: 0 0 0 16.5%; display: block; }
.mov h2 span a { color: #1EBCB1; text-decoration: underline; }
.photobig, .photo { width: 100%;height: 100%;position: relative; clear: both;/* overflow: hidden; */}

.photobig {
    height: 100vh;
}
.photobig::before,.photo::before{content:""; right: 0; top: 0; z-index: -1; display: block; background-size: auto 100%; background-position: center right; background-repeat: no-repeat; background-attachment: fixed;background-color: rgb(64,68,88);width: 100%; position: absolute; height: 9999px;box-sizing: border-box;}
.photobig::before{content:"";display: block; width: 100%; background-size: cover; background-position:center center; }
.photobig1::before{background-image: url(3/020FH000020.JPG); height: 100%;}

.photobig3::before{ background-image: url(2/121FH010013.JPG); height: 100%;}
.photobig4::before{ background-image: url(3/037FH010001.JPG); height: 100%;}

.text .photos1:nth-of-type(1)::before{ background-image: url(1/080FH020008_l.JPG);}
.text .photos1:nth-of-type(2)::before{ background-image: url(1/100FH020028.JPG);}
.text .photos1:nth-of-type(3)::before{ background-image: url(1/092FH020020.JPG);}
.text .photos1:nth-of-type(4)::before{ background-image: url(1/056FH010020.JPG);}
.text .photos1:nth-of-type(5)::before{ background-image: url(1/058FH010022.JPG);}
.text .photos1:nth-of-type(6)::before{ background-image: url(1/059FH010023.JPG);}
.text .photos1:nth-of-type(7)::before{ background-image: url(1/071FH010035.JPG);}

.text .photos2:nth-of-type(1)::before{ background-image: url(2/116FH010008.JPG); }
.text .photos2:nth-of-type(2)::before{ background-image: url(2/145FH000001.JPG); }
.text .photos2:nth-of-type(3)::before{ background-image: url(2/140FH010032.JPG); }
.text .photos2:nth-of-type(4)::before{ background-image: url(2/141FH010033.JPG); }
.text .photos2:nth-of-type(5)::before{ background-image: url(2/179FH000035.JPG); }
.text .photos2:nth-of-type(6)::before{ background-image: url(2/164FH000020.JPG); }
.text .photos2:nth-of-type(7)::before{ background-image: url(2/165FH000021.JPG); }
.text .photos2:nth-of-type(8)::before{ background-image: url(2/166FH000022.JPG); }
.text .photos2:nth-of-type(9)::before{ background-image: url(2/179FH000035.JPG); }

.text .photos3:nth-of-type(1)::before{ background-image: url(3/029FH000029.JPG); }
.text .photos3:nth-of-type(2)::before{ background-image: url(3/030FH000030_l.JPG); }
.text .photos3:nth-of-type(3)::before{ background-image: url(3/034FH000034.JPG); }
.text .photos3:nth-of-type(4)::before{ background-image: url(3/023FH000023.JPG); }
.text .photos3:nth-of-type(5)::before{ background-image: url(3/015FH000015.JPG); }
.text .photos3:nth-of-type(6)::before{ background-image: url(3/014FH000014_l.JPG); }

.favorite {padding: 40px 0;}
.favorite h1 {text-align: center;font-size: 16px;letter-spacing: 4px;padding: 40px 0;}

.favorite div {
max-width: 1280px;
margin: auto;
padding: 0 24px 40px;
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;}

.favorite div dl {width: 33.3%;padding: 0 16px 40px;box-sizing: border-box;}
.favorite div dl dt img {width: 100%;margin: 0 0 14px;}
.favorite div dl dt {text-align: center;margin: 0 0 16px 0;}
.favorite div dl dt small {display: block;font-size: 10px;}
.favorite div dl dd {font-size: 11px;}

footer { clear: both; background: #fff; padding: 40px 0 0;position: relative;z-index: 9;color: rgb(64,68,88);}
.pora { text-align: center; padding: 120px 0 0px; }
.pora img {height: 320px; margin: 0 0 8px;}

#share, #share h1 {color: rgb(64,68,88);}

@media screen and (max-width:920px) {
	body { font-size: 13px;margin: 48px 0 0 0;}
	.photobig { height: 90vw; }
	.photobig::before { background-attachment: initial;}
	.photobig2::before,.photobig3::before,.photobig4::before,.mov .video {opacity: .7;}
	.mov,.photobig2, .photobig3, .photobig4 {margin: 40px 0;border-top: 1px solid rgba(255,255,255,.4);border-bottom: 1px solid rgba(255,255,255,.4);}
	.release { bottom: -140px; width: 100%; }
	.textbig { padding: 150px 0 40px 0; }
	.textbig p { font-size: 14px; padding: 0 16px; }
	.midashi { font-size: 14px; padding: 0 16px; }
	.midashi br { display: none; }
	.photo::before{width: 100%;  margin: auto;background-color: #2A2D3C;background-size: contain;background-attachment: initial;background-position: center;z-index: initial;position: initial;height: 300px;border: 16px solid #2A2D3C;overflow: hidden;margin: 0;}
	a.youtube { height: 90px; margin: 0 16px; }
	a.youtube span { line-height: 142px; background-size: 11%; font-size: 14px; }
	.photo { position: initial; height: initial; }
	.text .bg { max-width: none; padding: 1px 16px; background: rgb(64,68,88);}
	.share-buttons { list-style: none; padding: 0; margin: 0; overflow: hidden; }
	.share-buttons li { display: block; padding: 8px 8px; font-size: 18px; width: 50%; float: left; box-sizing: border-box; text-align: center; margin: 0; }
	.share-buttons li a { border-bottom: 1px solid #999; padding: 2px; }
	.photo {padding: 0;} 
	
	.favorite div {padding: 0 16px;}
	.favorite div dl {width:50%;padding:0 8px;}
	.favorite div dl dd {font-size:10px;}
	.favorite div dl dt img {margin: 0 0 8px;}
	.favorite div dl dt {margin: 0 0 10px 0;line-height:18px}

}