@charset "Shift_JIS";

#body { width:100%; }

/**
 * ------------------------------------------------------------
 * 共通
 * ------------------------------------------------------------
 */
.page-hyde { position:relative; width:100%; background:transparent; color:#fff; text-align:center; }
.section { position:relative; padding: 30px 0; border: none; }
.section img { width:100%; outline:none; }
a.hyde-button { width: 86%; height:60px; margin:25px auto 0; border-color:#a80b11; font-size:15px; line-height:40px; box-sizing:border-box; border-radius:3px; }
.hyde-button.btnPrimary { background:#a80b11; }
.hyde-button.btnSecondary { margin-top:15px; color:#a80b11 !important; background:#fff; }

.section .section-header { font-family: 'UnifrakturCook', cursive; font-size: 60px;font-weight:bold; color:#a80b11; line-height:1.166666667; }
.section .section-lead { margin-top:18px; font-size:18px; line-height:1.75; }

.special-item-footer { margin-top:60px; }
.special-item-footer .title { font-size:18px; }
.special-item-footer .hyde-button { width:26.5625%; margin-top:25px; }

/**
 * ------------------------------------------------------------
 * ヒーロー
 * ------------------------------------------------------------
 */
.section-hero { position:relative; background:url("//o.imgz.jp/pc/hyde/hero.jpg") no-repeat center top #000; background-size:cover; height:calc(100vh - 111px); }
.section-hero img { width:100%; }
.section-hero .hero-mask { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, .5); animation:fadeIn 3s 1s ease-out 1; -webkit-animation-fill-mode:backwards;animation-fill-mode:backwards; }
.section-hero h1 { position:absolute; width:28%; margin:0 auto; bottom:0; left:0; right:0; text-align:center; animation:fadeIn 2s 2s ease-out 1; -webkit-animation-fill-mode:backwards;animation-fill-mode:backwards; }
.section-hero .hero-text { position:absolute; display:block; width:100%; top:calc(500 / 2560 * 100vw); font-weight:bold; font-size: calc(42 / 2560 * 100vw); line-height:1.5; }

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}


/**
 * ------------------------------------------------------------
 * intro
 * ------------------------------------------------------------
 */
.section.section-intro { padding: 50px 0 60px; overflow:hidden; }
.section-intro .bg-slide { position:absolute; width:100%; top:0; pointer-events:none; }
.section-intro .bg-slide::after { content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, .5); }
.section-intro .bg-slide .slick-list { width: 29%; }
.section-intro .intro-lead { position:relative; font-size:18px; line-height:2; }
.section-intro .movie { position:relative; margin: 60px calc(60 / 2560 * 100vw) 0; }
.section-intro .movie .title { font-size:21px; line-height:1.209302326; }
.section-intro .movie .movie-content { width:472px; height:266px; margin: 17px auto 0; }
.section-intro .movie .movie-content video { width:100%; height:266px; }


/**
 * ------------------------------------------------------------
 * ラインナップ
 * ------------------------------------------------------------
 */
.section.section-lineup { padding-top:50px; padding-bottom: 75px; }
.lineup-bg { position:fixed; width:100%; height:100%; top:0;left:0; right:0; margin:0 auto; background:url("//o.imgz.jp/pc/hyde/lineup-bg.jpg"); background-size: cover; z-index:-1; }
.lineup-list { display:flex; flex-wrap:wrap; justify-content:center; margin: 0 18.75%; }
.section-lineup .lineup-item { margin-top: 50px; flex-basis:50%; }
.section-lineup .lineup-item .item-img { width:100%; }
.section-lineup .lineup-item .item-content { margin-top:20px; font-size:15px;line-height:1.785714286; font-weight:bold; }
.section-lineup .lineup-item .item-content .tax { margin-left:5px; font-size:11px; font-weight: initial; color:#fff; }
.section-lineup .lineup-item .item-notice { width:80%; margin:20px auto 0; text-align:left; font-size:11px;line-height:1.5; }


/**
 * ------------------------------------------------------------
 * プレゼント
 * ------------------------------------------------------------
 */
.section.section-present { padding:75px 0 50px; background:url("//o.imgz.jp/pc/hyde/present-bg.jpg"); background-size: cover; }
.section-present .present-list { display:flex; justify-content:center; margin: 0 150px; }
.section-present .present-item { position:relative; width:100%; margin: 30px 0 0; padding: 20px 0; }
.section-present .present-item:nth-child(1) { width:296px; padding-right:20px; }
.section-present .present-item:nth-child(2) { width:348px; padding-right:13px; }
.section-present .present-item:nth-child(2) .present-icon { left:20px; }
.section-present .present-item:nth-child(3) { width:274px; padding-left:8px; }
.section-present .present-item:nth-child(3) .present-icon { left:25px; }
.section-present .present-item:nth-child(3) .item-content { margin-left:34px; }
.section-present .present-item .present-img { width:auto; height:269px; }
.section-present .present-item .present-icon { position:absolute; width:80px; height:80px; top:0; left:0; padding-top: 1%; border-radius:50%; background:#a80b11;font-size:18px;}
.section-present .present-item .present-icon .rank { margin-right:3px; font-weight:bold; font-size:45px; font-family: 'Oswald', sans-serif; }
.section-present .present-item .item-content { margin-top:20px; font-size:15px; line-height:1.75;font-weight:bold;}
.section-present .present-item .number { font-size:24px; font-weight:bold; }
.section-present .present-item .number .unit { font-size:15px; font-weight:initial; }
.section-present .present-item .notice { margin:20px 27.5px 0; text-align:left; font-size:11px; line-height:1.5; }

.section-present .apply-desc { position:relative; margin: 25px auto 40px; padding: 22px 30px; width:55.8139535%; min-width:790px; background:rgba(255, 255, 255, .8); color:#000; box-sizing:border-box; }
.section-present .apply-desc .apply-header { margin-bottom:20px; font-size:24px; }
.section-present .apply-desc .apply-notice-list { margin-left:20px; }
.section-present .apply-desc .apply-notice-list li { position:relative; padding: 0 0 17px 39px; text-align:left; font-size:15px; }
.section-present .apply-desc .apply-notice-list .apply-notice-num { position:absolute; width:27px; height:27px; top:-2px; left:0; text-align:center; border-radius:50%;background:#a80b11; color:#fff; line-height:27px; font-size:13px;font-family:'Oswald', sans-serif; }
.section-present .present-notice { font-size:15px; }
.section-present .present-notice a { color:#fff; text-decoration:underline; }


/**
 * ------------------------------------------------------------
 * ニューリリース
 * ------------------------------------------------------------
 */
.section.section-release { background:#fff; color:#000; padding-top:45px; }
.section-release .album-wrapper { text-align:center; }
.section-release .album-img { display:inline-block; width:240px; margin: 30px auto 0; vertical-align:middle; }
.section-release .album-title { display:inline-block; text-align:center; margin-top:20px; margin-left:40px; vertical-align:middle; line-height:1; font-size:20px; font-weight:bold; font-family: 'Oswald', sans-serif; letter-spacing:0.02em; }
.section-release .album-title span { display:block; }
.album-title-main { margin-top:15px; font-size:60px; }
.album-title-date { margin-top:20px; font-size:24px; }
.section-release .profile { width:57.8125%; min-width:740px; margin:50px auto; padding-bottom:35px; background:#000; color:#fff; }
.section-release .profile .profile-img { display:block; width:auto; height: 96px; margin:0 auto 5px; }
.section-release .profile-block { margin:10px 40px 30px; text-align:left; font-size:15px; line-height:2; }
.section-release .profile-block a { display:inline-block; margin-top: 10px; color:#fff; }
.section-release .profile-block a:not(:first-of-type) { margin-top: 0; }
.section-release .profile-block a:after { content:""; position:relative; display:inline-block; width:12px; height:12px; margin-left:8px; background:url('//o.imgz.jp/pc/hyde/icon-blank.png') no-repeat; background-size:12px 12px; }
.section-release .profile-block a:after { content:""; position:relative; display:inline-block; width:12px; height:12px; margin-left:8px; background:url('//o.imgz.jp/pc/hyde/icon-blank.png') no-repeat; background-size:12px 12px; }
.section-release .copyright { font-size:12px; }


/**
 * ------------------------------------------------------------
 * アクション：シェア
 * ------------------------------------------------------------
 */
.block-share { position:relative; background:#fff; color:#000; }
.block-share .action-share { margin-top: 0; padding:50px 0 60px; }


/**
 * ------------------------------------------------------------
 * 注意事項
 * ------------------------------------------------------------
 */
.section.section-notice { padding-bottom:48px; background:#fff; color:#888; text-align-last:left; border-bottom:1px solid #e9e9e9 }
.section-notice .note-title { font-size:12px; line-height:2; }
.note-block { width: 880px; margin:10px auto 0; letter-spacing:-0.002em; }
.note-list-none { list-style:none inside; padding-left:1em; text-indent:-1em; margin-left:3px; }
.note-list-disc { list-style:disc inside; padding-left:1em; text-indent:-1em; margin-left:3px; font-size:12px; line-height:2; }


#gblFooter { position:relative; margin-top:0; }


/**
 * ------------------------------------------------------------
 * finish
 * ------------------------------------------------------------
 */
.page-hyde.close * { animation:none; }
.page-hyde.close .section-hero { height:auto; background:none; }
.page-hyde.close .section-hero h1 { position:relative; width:100%; }
.section.section-finish { padding:50px 0; border-bottom: 1px solid #d5d5d5; background:#fff; color:#000; }
.finish-message { text-align:center; font-size:21px; line-height:1.8; }
.finish-btn { width:420px; margin:40px auto 0 auto; padding-bottom:40px; }
.finish-btn .g-btn {line-height: 1.6; font-size:18px;}

.section-finish .copyright { font-size: 12px; }
.page-hyde.close .section-notice { padding:50px 0 60px; }