@charset "UTF-8";

/* CSS Document */



body{ margin:0; padding:0; background:#000 none no-repeat center top; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5em; font-size:14px; color:#FFF;  }
img{ border:none; }

.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }


#wrap{ margin:0 auto;}

#container{ width:900px; margin:0 auto; }


#brandbox{ border:1px solid #666; padding:20px; width:800px; margin:2em auto; background:#111; }
#brandbox p{ margin:0; color:#FFF;}
#brandbox .brandlogo{ float:left; width:200px; }
#brandbox .brandtext{ float:right; width:580px; color:#FFF; text-align:left; }


#footer{ margin:30px 0 0 0; padding:30px 0 10px 0; background-color:#230404; height:150px; }


/*------------------------------------------
輝響曲ゴジラメイン
--------------------------------------------*/

#SHMAKgodzilla_main { background:#860000 url(../img/godzilla1989/20160525_SHMKG_main_bg.jpg) no-repeat center top; min-height:800px;min-width:980px; width:100%;}

#SHMAKgodzilla_main_wrap { min-height:800px; margin:0 auto; width:980px; position:relative;}

#SHMAKgodzilla_main .logo_copy { margin:0 auto; padding:0; text-align:center;}
#SHMAKgodzilla_main .logo_copy .logo { line-height:0; margin:0; padding:0;}
#SHMAKgodzilla_main .logo_copy h2 { line-height:0; margin:0; padding:0;}
#SHMAKgodzilla_main .product_name { position:absolute; bottom:20px;line-height:0; margin:0; padding:33px 0;}

#SHMAKgodzilla_main .product_name img{margin-bottom:30px;}



/*------------------------------------------
輝響曲ゴジラ 輝
--------------------------------------------*/

#SHMAKgodzilla_light { background:#000 url(../img/godzilla1989/20160525_SHMKG_light_bg.jpg) no-repeat center top; min-height:620px;min-width:980px; width:100%;}

#SHMAKgodzilla_light_wrap { min-height:620px; margin:0 auto; width:980px; position:relative;}

#SHMAKgodzilla_light .logo_copy { margin:-20px 0 0 0; padding:0;}
#SHMAKgodzilla_light .logo_copy .logo { line-height:0; margin:0; padding:0;}
#SHMAKgodzilla_light .logo_copy h2 { line-height:0; margin:0; padding:0;}
#SHMAKgodzilla_light .light_thumL { position:absolute; bottom:30px;line-height:0; margin:0;}

#SHMAKgodzilla_light .light_thum {position:absolute; bottom:0; right:0;}
#SHMAKgodzilla_light .light_thum ul { line-height:0; margin:0 0 16px 0; padding:0;}
#SHMAKgodzilla_light .light_thum ul li { display:inline-block; margin:0 8px 14px 0; padding:0; vertical-align:top;}


/*------------------------------------------
輝響曲ゴジラ 響
--------------------------------------------*/

#SHMAKgodzilla_sound { background:#000 url(../img/godzilla1989/20160525_SHMKG_sound_bg.jpg) no-repeat center top; min-height:555px;min-width:980px; width:100%;}

#SHMAKgodzilla_sound_wrap {height:260px; margin:0 auto ; width:980px;}

#SHMAKgodzilla_sound .sound_textL { bottom:0px; line-height:0; margin:243px 0 0; padding:0; float:left; width:500px; position:relative;}

#SHMAKgodzilla_sound .sound_textL .thumnail{ float:left; width:200px; margin:0 0 5px 5px;}

button.sound_btn{width:212px; border:0; height:58px; padding:0; margin:0; background:url(../img/godzilla1989/20160525_sec02_godzilla_soundbtn.png) no-repeat top left;}

button.sound_btn:hover{ opacity:0.8;}

#SHMAKgodzilla_sound .sound_textL .sound_image{ float:left; width:236px; margin:0; top:73px; left:220px; position:absolute;}


#SHMAKgodzilla_sound .light_thum {position:absolute; bottom:0; right:0;}
#SHMAKgodzilla_sound .light_thum ul { line-height:0; margin:0 0 16px 0; padding:0;}
#SHMAKgodzilla_sound .light_thum ul li { display:inline-block; margin:0 8px 14px 0; padding:0; vertical-align:top;}


/*------------------------------------------
輝響曲ゴジラ 曲
--------------------------------------------*/

#SHMAKgodzilla_music { background:#000 url(../img/godzilla1989/20160525_SHMKG_music_bg.jpg) no-repeat center top; min-height:354px;min-width:980px; width:100%;}

#SHMAKgodzilla_music_wrap { min-height:354px; margin:0 auto; width:980px; position:relative;}

#SHMAKgodzilla_music .music_img { position:absolute; top:40px;line-height:0; margin:0; width:500px;}



/*------------------------------------------
輝響曲ゴジラ イメージ
--------------------------------------------*/

#SHMAKgodzilla_image { background:#000 url(../img/godzilla1989/20160525_SHMKG_img_bg.jpg) no-repeat center top; min-height:540px;min-width:980px; width:100%;}

#SHMAKgodzilla_image_wrap { min-height:540px; margin:0 auto; width:980px;}


#SHMAKgodzilla_image .image_text{width:455px; margin:0 auto; padding:40px 0 28px 0; text-align:center;}

#SHMAKgodzilla_image .image_thum {right:0; bottom:0; margin:0 auto; width:500px;}
#SHMAKgodzilla_image .image_thum ul { line-height:0; margin:0; padding:0;}
#SHMAKgodzilla_image .image_thum ul li { display:inline-block; margin:0 10px 10px 0; padding:0; vertical-align:top;}
#SHMAKgodzilla_image .image_thum ul .right{ display:inline-block; margin:0 0 10px 0; padding:0; vertical-align:top;}


/*------------------------------------------
輝響曲ゴジラ 商品情報
--------------------------------------------*/

#SHMAKgodzilla_product {background:#000; min-height:770px;min-width:980px; width:100%;}

#SHMAKgodzilla_product_wrap { min-height:770px; margin:0 auto; width:980px; position:relative;}

#SHMAKgodzilla_product .product_info{width: 630px; margin: 30px auto; float:none; border:solid #272727 1px; padding:25px;
}

#SHMAKgodzilla_product .product_info table{width:100%; }

#SHMAKgodzilla_product .pdinfo_txt{color:#FFF; font-size:16px; line-height:1.5em;}

#SHMAKgodzilla_product .pdinfo_txt .name{font-size:24px; line-height:1.5em;}

#SHMAKgodzilla_product .pv{
	text-align:center;margin:40px 0 45px 0;}

#SHMAKgodzilla_product .itemBlandAbout {
	border:1px solid #FFF;
	padding:15px 20px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	width:880px;
	height:120px;
}
#SHMAKgodzilla_product .itemBlandAbout .itemCaptionEn {
	margin-bottom:0;
}
#SHMAKgodzilla_product .itemBlandLogo {
	float:left;
	width:163px;
	text-align:center;
	margin:10px 0 0 20px;
 }
#SHMAKgodzilla_product .itemBlandAbout > p {
	color:#FFF;
	float:right;
	width:650px;
	margin-right:15px;
	font-size:16px;
	line-height:1.5em;
}

#SHMAKgodzilla_product .attention{color:#FFF; position:absolute;bottom:0; right:0;}



/*------------------------------------------
トピックス
--------------------------------------------*/

.topics_area{ width:960px; margin:0 auto 40px; background: url(../img/20160609_movie/160609_toppics_title_bg.png) no-repeat center -30px; padding:10px 0 0;}

.topics_area .title{ margin:40px 0 10px; text-align:center;}

.topics_area ul{width:960px; list-style:none; float:left; padding:0; margin:0;}

.topics_area ul li{ padding:20px; list-style:none; float:left; width:430px; height:67px; margin:20px 0 0 0; border:1px solid #FFFFFF; background:#101010;
}

.topics_area ul a li{color:#FFFFFF; text-decoration:none;}


.topics_area ul a li:hover{ border:#A4171A 1px solid;}

.topics_area ul a li span{ color:#FFCD50; text-decoration:underline; font-weight:bold;}





.copy { color:#CCC; font-size:10px; line-height:14px; text-align:center; }
.link a{ color:#FFFFFF; }


/* common styles */
.hide{ display:none; }
 
/** margin control **/
.nomargin{ margin:0 !important; }
.notopmargin{ margin-top:0 !important; }
.nobtmargin{ margin-bottom:0 !important; }

.leftmargin1em{ margin:0 0 0 1em; }
.leftmargin2em{ margin:0 0 0 2em; }
.rightmargin1em{ margin:0 1em 0 0; }
.rightmargin2em{ margin:0 2em 0 0; }

/** padding control **/
.leftpad1em{ padding:0 0 0 1em; }
.leftpad2em{ padding:0 0 0 2em; }
.rightpad1em{ padding:0 1em 0 0; }
.rightpad2em{ padding:0 2em 0 0; }
.bpad1em{ padding:0 0 1em 0; }



/** text align **/
.aleft{ text-align:left !important; }
.aright{ text-align:right !important; }
.acenter{ text-align:center !important; }

/** float control **/
.fleft{ float:left !important; }
.fright{ float:right !important; }
.clear{ clear:both; }

/** fontsize control **/
.larger{ font-size:larger !important;}
.smaller{ font-size:smaller !important;}

/** width control **/
.contentwidth{ width:100%; }

/** notice color **/
.note{ color:#C00; }

.under_line{ border-bottom:1px solid #999; padding:5px 0; }

/* -- END -- common styles */



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; font-size:12px;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-size:12px;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}