@charset 'UTF-8';

body { padding: 0; margin: 0; }
.cf:after { content: ''; display: block; clear: both; }

#disney { font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; position: relative; }
#disney #wave { position: absolute; top: 1409px; z-index: 60; height: 140px; width: 100%; background-position: 50% 0; background-image: url(../img/wave.png); background-repeat: repeat-x; }

#disney #main {
	/*height: 609px;
	background-size: cover;*/
	height: 0;
	padding-top: 45.80%;
	background-size: contain;
	position: relative;
	z-index: 100;
	background-image: url(../img/mv.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#disney #main p.mv_copyright { position: absolute; bottom: 16px; right: 52px; }
#disney #main p.logo { position: absolute; bottom: 44px; right: 20px; }

#disney #lead { background: #ffffff; padding: 80px 0 60px; } 
#disney #lead h2 { font-size: 30px; line-height: 38px; color: #000000; margin-bottom: 20px; font-weight: bold; } 
#disney #lead p { font-size: 12px; line-height: 20px; color: #c2d3df; } 

#disney #movie { background: #dce4ea url(../img/bg.png); background-repeat: repeat; height: 800px; position: relative; z-index: 50; }
#disney #movie > h2 { font-size: 48px; line-height: 1.4; color: #000000; font-weight: bold; z-index: 100; position: absolute; width: 100%; top: 80px; } 
#disney #movie > h2 > span.jp { font-size: 24px; line-height: 36px; } 
#disney #movie .wrap { position: absolute; top: 232px; left: 50%; margin-left: -480px; width: 960px; height: 462px; }
#disney #movie .wrap .inner { width: 894px; margin: 0 auto; padding: 33px; background: #ffffff; border-radius: 5px; /*box-shadow:0px 2px 0px 0px #8c4891;*/ }
#disney #movie .wrap .inner .youtube { width: 400px; height: 280px; margin: 16px auto 8px; background: url(../img/bg_movie.jpg) no-repeat top left; padding-left: 494px; }
#disney #movie .wrap .inner .copyright { text-align: left; }


#disney #item h2 { margin-bottom: 56px; }
#disney #item .item_sec {
	position: relative;
	width: 750px; /*box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.3);*/
	z-index: 100;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#disney #item .item_sec .slider_sec {
	position: absolute;
	top: 24px;
	width: 560px;
	z-index: 5;
	left: 24px;
}
#disney #item .item_sec .slider_sec .bx-viewport { width: 560px; height: 560px; margin-bottom: 8px;}
#disney #item .item_sec .slider_sec .bx-viewport ol { padding: 0; margin: 0;  }
#disney #item .item_sec .slider_sec .bx-viewport ol li { padding: 0; margin: 0; }
#disney #item .item_sec .slider_sec .bx-controls { display: none; }
#disney #item .item_sec .bx_pager {
	font-size: 0;
	width: 114px;
	float: right;
	padding-top: 24px;
	padding-left: 10px;
	padding-right: 24px;
}
#disney #item .item_sec .bx_pager a {
	display: inline-block;
	width: 114px;
	height: 114px;
float: ; 	margin-bottom: 8px;
}
#disney #item .item_sec .bx_pager a img {
	width: 114px;
	height: 114px;
}
#disney #item .item_sec .bx_pager a:last-child { margin-right: 0; }
#disney #item .item_sec .bx_pager a.active { outline: 3px solid #333645; outline-offset: -3px; }
#disney #item .item_sec .upper {
	color: #000000;
	text-align: left;
	width: 702px;
	height: 324px;
	position: relative;
	background-color: #00244d;
	padding-top: 25px;
	padding-right: 24px;
	padding-left: 24px;
}
#disney #item .item_sec .upper span.nimo { position: absolute; bottom: -28px; right: 0; }
#disney #item .item_sec .upper span.dory { position: absolute; bottom: -32px; right: 0; }
#disney #item .item_sec .upper dl {
	font-weight: bold;
}
#disney #item .item_sec .upper dl dt { font-size: 10px; line-height: 14px; }
#disney #item .item_sec .upper dl dd { font-size: 18px; line-height: 24px; margin-bottom: 22px; }
#disney #item .item_sec .upper dl dd h3 { font-weight: bold; }
#disney #item .item_sec .upper dl dd.price {
	color: #333645;
}
#disney #item .item_sec .upper p { line-height: 20px; }
#disney #item .item_sec .upper .btn_sec {
	position: absolute;
	bottom: 23px;
	left: 24px;
}
#disney #item .item_sec .upper .btn_sec a {
	color: #fff;
	margin-right: 8px;
	outline: 3px solid rgba(255,255,255, 1.0);
	outline-offset: -3px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 40px;
	line-height: 40px;
	width: 300px;
	text-align: center;
	display: block;
	outline: none;
	float: left;
	position: relative;
	z-index: 2;
	background-color: #CE0000;
}
#disney #item .item_sec .upper .btn_sec a:before,#disney #item .item_sec .upper .btn_sec a:after { position: absolute; display: block; content:""; height: 100%; width: 100%; -webkit-transition:all 0.3s; transition:all 0.3s; }
#disney #item .item_sec .upper .btn_sec a:hover { color: #fff; }
#disney #item .item_sec .upper .btn_sec a:after { top: 0; left: -100%; z-index: -1; }
#disney #item .item_sec .upper .btn_sec a:hover:after {
	left: 0;
	background-color: #B0001F;
}
#disney #item .item_sec .upper .btn_sec a span { background: url(../img/icon_arrow_link_hover.png) no-repeat right; display: inline-block; padding-right: 10%; background-size: 8px 12px; }
#disney #item .item_sec .upper .btn_sec a:hover span { background: url(../img/icon_arrow_link_hover.png) no-repeat right; }
#disney #item .item_sec .upper .btn_sec a.sizetxt {
	height: auto;
	line-height: 20px;
	padding: 15px 0;
	font-size: 14px;
}
#disney #item .item_sec .lower {
	width: 710px;
	height: 564px;
	background-color: #00244d;
	padding-top: 24px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	/*background-color: #333645;*/
}
#disney #item .item_sec .lower .pickup { width: 408px; padding: 15px 0 0 0; background-image: url(../img/pickup_header.png),url(../img/pickup_bottom.png);background-repeat: no-repeat,no-repeat; background-size: contain,contain; background-position: top,bottom; }
#disney #item .item_sec .lower .pickup h2 { margin-bottom: 25px; }
#disney #item .item_sec .lower .pickup ul { font-size: 0; padding: 0; }
#disney #item .item_sec .lower .pickup ul li { display: inline-block; width: 120px; margin-right: 12px; vertical-align: top; }
#disney #item .item_sec .lower .pickup ul li:last-child { margin-right: 0; }
#disney #item .item_sec .lower .pickup ul li .pic { position: relative; width: 120px; height: 120px; overflow: hidden; }
#disney #item .item_sec .lower .pickup ul li:nth-of-type(1) .pic:after { position: absolute; content: url(../img/pickup_mask.png); top: 0; left: 0; }
#disney #item .item_sec .lower .pickup ul li:nth-of-type(2) .pic:after { position: absolute; content: url(../img/pickup_mask.png); top: 0; left: 0; }
#disney #item .item_sec .lower .pickup ul li:nth-of-type(3) .pic:after { position: absolute; content: url(../img/pickup_mask.png); top: 0; left: 0; }
#disney #item .item_sec .lower .pickup ul li .pic img { -ms-transition: -ms-transform 0.3s linear; transition: transform 0.3s linear; }
#disney #item .item_sec .lower .pickup ul li .pic:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#disney #item .item_sec .lower .pickup ul li p { padding: 10px 0 22px; text-align: left; color: #ffffff; font-size: 11px; line-height: 16px; }

.fadeInDown { -webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -ms-animation-duration:1s; animation-duration:1s; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; visibility: visible !important; }
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.comment_bg{
	background-color: #FFF;
	padding: 15px;
}