@charset "Shift_JIS";



/**
 * ------------------------------------------------------------
 * ページ
 * ------------------------------------------------------------
 */
#body { width:100%; }

.page-avengers,
.page-avengers:before,
.page-avengers:after,
.page-avengers *,
.page-avengers *:before,
.page-avengers *:after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

.page-avengers img { max-width:100%; height:auto; }
.pahe-avengers-h2 { text-align:center; padding-top:80px; }
.page-avengers-lead { text-align:center; margin-top:45px; font-size:20px; color:#7a90c4; line-height:2; }



/**
 * ------------------------------------------------------------
 * ヒーロー
 * ------------------------------------------------------------
 */
.page-hero { position:relative; }
.page-hero img { width:100%; }

/**
 * ------------------------------------------------------------
 * イントロ
 * ------------------------------------------------------------
 */
.section-intro { padding:80px 0;
 background-image: -moz-linear-gradient( -80deg, rgb(1,13,39) 0%, rgb(0,31,88) 40%, rgb(1,13,39) 100%);
 background-image: -webkit-linear-gradient( -80deg, rgb(1,13,39) 0%, rgb(0,31,88) 40%, rgb(1,13,39) 100%);
 background-image: -ms-linear-gradient( -80deg, rgb(1,13,39) 0%, rgb(0,31,88) 40%, rgb(1,13,39) 100%);
}
.section-intro .intro-logo { text-align:center; }
.section-intro .intro-lead { margin-top:40px; text-align:center; color:#fff; font-size:20px; line-height:2.2; }




/* ----------------------------------------
 * 共通
 * ---------------------------------------- */
.collection-h { margin: 0 auto; padding-top:80px; }
.collection-gallery { margin-top:-40px; height:600px;}
.collection-gallery-slider { position:relative; margin-top:30px; }

.collection-gallery-slide-img { display:none; }
.collection-gallery-slider.slick-initialized .collection-gallery-slide-img { display:block; }
.collection-spec { display:none; }
.collection-gallery-slider.slick-initialized .collection-spec { display:block; }

.collection-gallery-slide-img-cover { overflow: hidden; border-radius: 10px; width: 400px; margin: 0 auto; }

.collection-spec { margin-top:40px; text-align: center;color:#FFFFFF; }
.collection-spec-name { font-size:18px; line-height:1.542222222; font-weight:bold; }
.collection-spec-price { font-size:16px; line-height:1.59125; }
.collection-spec-price-tax { font-size:12px; margin-left: 3px; }

.collection-gallery .slick-slide { outline:0; }
.collection-gallery .slick-arrow { overflow:hidden; outline:0; position:absolute; z-index:1; top:215px; margin:auto 0; border:0; border-radius:50%; width:49px; height:49px; background:rgba(192, 192, 192, 0.7); font-size:0; line-height:1; text-align:center; cursor:pointer; }
.collection-gallery .slick-arrow:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:17px; height:31px; background:url(//o.imgz.jp/pc/_news/disney/mickey90/gallery-nav.png) no-repeat; }
.collection-gallery .slick-arrow:hover { filter:brightness(105%); }
.collection-gallery .slick-arrow.slick-prev { left:52px; }
.collection-gallery .slick-arrow.slick-next { right:52px; }
.collection-gallery .slick-arrow.slick-prev:before { background-position:0 -41px; }
.collection-gallery .slick-arrow.slick-next:before { background-position:-27px -41px; }
.collection-gallery .slick-arrow.slick-disabled { visibility:hidden; z-index:-1; }

.collection-gallery .slick-dots { margin:0 auto;  font-size:0; line-height:1; position: absolute; top: 500px; left: 0; right: 0; text-align: center; }
.collection-gallery .slick-dots li { display: inline; vertical-align:middle; }
.collection-gallery .slick-dots li + li { padding-left:7px; }
.collection-gallery .slick-dots li button { overflow:hidden; outline:0; border:0; border-radius:50%; padding:0; width:9px; height:9px; background:#d4d4d4; text-indent:200%; vertical-align:bottom; word-wrap:normal; white-space:nowrap; }
.collection-gallery .slick-dots li.slick-active button { background-color:#676767; }

.-tshirt .collection-gallery { margin-top:-35px; }

.collection-lead { margin-top:60px; font-size:22px; line-height:1.772727273; text-align:center; }



/* ----------------------------------------
 * オリジナルアイテム
 * ---------------------------------------- */
.section-items { padding-bottom:70px; background-image:url('//o.imgz.jp/pc/avengers-endgame/backimg-item.png'); background-size:100% auto;  }
.section-items .items-groups { width:960px; margin:0 auto; font-size:0; }
.section-items .items-groups > .items-group { width:50%; display:inline-block; vertical-align:top; }
.section-items .items-group-h { position:relative; margin: 70px auto 50px; text-align:center; height:100px; }
.section-items .nav-action-item { width: 350px; margin: 0 auto; }
.section-items .items-groups + .grid-container { margin-top: 70px; padding-top:1px; }
.section-items .items-groups + .grid-container::before { content:""; display:block; position:absolute; left:0; right:0; height:0; border-top:1px solid #dcdcdc; width: 880px; margin: 0 auto; }


/* ----------------------------------------
 * キャラクターから選ぶ
 * ---------------------------------------- */
.choose-character .choose-character-block { width:1000px; margin:70px auto; padding-bottom: 40px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;}
.choose-character .choose-character-block .choose-character-title {text-align:center; padding:60px 0 40px 0;}
.choose-character .choose-character-block .look-list {max-width:1000px; margin:auto;}
.choose-character .choose-character-block .look-list li {float:left; padding:10px;}
.choose-character .choose-character-block .look-list li a:hover {text-decoration:none;}
.choose-character .choose-character-block .look-list .character-name {font-size:16px; font-weight:bold; text-align:center; color:#FFFFFF; margin-top: 10px;}



/* ----------------------------------------
 * プレゼント企画
 * ---------------------------------------- */
.fixed-bg {
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.bg02  { background-image:url('//o.imgz.jp/pc/avengers-endgame/backimg-present.jpg'); background-size:100% auto; }

.section-present { padding-bottom:55px; }

.section-present .page-avengers-lead { color:#fff; text-align:center; margin:15px 10px 0; font-size:22px;  line-height:1.692307692; }
.section-present .present-limit { color:#fff; text-align:center; margin:25px auto 0; padding-bottom:20px; font-size:20px; font-weight:bold;}
.section-present .page-avengers-lead-l { color:#fff; text-align:center; margin:0 10px; font-size:24px;  line-height:1.692307692; }
.section-present .page-avengers-lead-l span { color:#fff; text-align:center; margin:0 5px; font-size:38px; }
.section-present .page-avengers-lead-s { color:#fff; text-align:center; margin:15px 10px 0; font-size:18px;  line-height:1.692307692; }
.section-present .page-avengers-lead-s span { color:#fff; text-align:center; margin:15px 10px 0; font-size:20px;  line-height:1.692307692; }

.section-present .present-item-img { margin: 50px auto 30px; position:relative; max-width:500px;}
.section-present .present-ico { position:absolute; top:-30px; left:15px;}
.section-present .present_mainv { text-align:center;}

.section-present .present-apply { max-width:720px; width:calc(100% - 40px); margin:60px auto 0 auto; background-color: rgba(0, 0, 0, 0.502); color:#FFFFFF; border-radius:5px; }
.present-apply .present-apply-inner { padding:40px 80px; }
.present-apply .apply-h {padding:12px 0; color:#000; font-size:28px;font-weight:bolder; text-align:center;  line-height:1; background:#FFFFFF; border-radius:30px;  }
.present-apply .appliy-step { margin-top:35px; text-align:center;}
.present-apply .apply-step-num { font-size:16px; font-weight:bold;}
 .present-apply .apply-step-content { margin-top:5px; font-size:20px; line-height:1.692307692;}
.section-present .present-note { text-align:center; font-size:18px; margin-top:25px; color:#fff; }
.section-present .present-note a { color:#4394d2; text-decoration:underline; }
.section-present .present-note a:hover { text-decoration:none; }

/**
 * ------------------------------------------------------------
 * MV
 * ------------------------------------------------------------
 */
.section-mv { padding-bottom:100px; background:#000; }
.section-mv .mv-lead { margin:30px auto 0; text-align:left; font-size:18px; color:#FFFFFF; line-height:1.8; width:650px;}
.section-mv .page-movie { margin-top:40px; }
.page-movie { position:relative; width:650px; height:auto; margin:0 auto; background:no-repeat center; background-size:cover; cursor:pointer; }
.page-movie:hover { filter:brightness(130%); }
.page-movie-inner { display:block; position:relative; overflow:hidden; height:auto; padding-top:56.0606061%; }
.movie-player { position: absolute; left:0; top:0; border:0; width:100%; height:100%; visibility:hidden; z-index:-1; }
.page-movie.played { opacity:1; background:none; cursor:default; }
.page-movie.played .movie-player { visibility:visible; z-index:0; }
.page-movie-tit { margin-top:40px; text-align:center; font-size:12px; font-weight:bold; line-height:1.5; font-family:Helvetica, sans-serif; }
.page-movie.movie01 { background-image:url('//o.imgz.jp/pc/avengers-endgame/movie_img.jpg'); }
.section-text-img { text-align:center; margin-top: 25px; }

/* ----------------------------------------
 * コピーライト
 * ---------------------------------------- */
.release-copy {padding:35px 0; text-align:center; color:#505050; font-size:12px; border-bottom:1px solid #d5d5d5; }


/**
 * ------------------------------------------------------------
 * 誘導
 * ------------------------------------------------------------
 */
.block-induction { padding-top:60px; }

.block-induction .induction-lead { font-size:22px; line-height:1.545454545; text-align:center; }
.block-induction .induction-action { margin:40px auto 0; width:400px; }



/**
 * ------------------------------------------------------------
 * アクション：シェア
 * ------------------------------------------------------------
 */
.block-share .action-share { padding:60px 0; background:#f5f5f5; }



/**
 * ------------------------------------------------------------
 * 注意事項
 * ------------------------------------------------------------
 */
.page-note { width: 880px; margin: 60px auto 0; }
.page-note-title { font-size:24px; line-height:1; }
.page-note-block { margin-top:34px; font-size:12px; line-height: 2; }
.page-note-list-disc { list-style:disc inside; padding-left:1em; text-indent:-1em; margin-left:3px; }
.page-note-list-num { list-style:decimal inside; padding-left:1em; text-indent:-1em; margin-left:3px; }


/**
 * ------------------------------------------------------------
 * end
 * ------------------------------------------------------------
 */
.hero-end { width:750px; margin:0 auto; }
.main-end { margin-top:40px; text-align:center; font-size:26px; line-height:1.8; }
.end-btn { width:420px; margin:40px auto 0 auto; }