@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:#000;background:url(../img/20160609/00_wrap_bg.png) center top #99caf5;}
img{ border:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0; line-height:1.6em; }



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

a:hover img {opacity:.80;-ms-filter: "alpha(opacity=80)";}
a:hover img.gnaviimg{position:relative;top:2px;opacity:100;-ms-filter: "alpha(opacity=100)";}
#footer a:hover img {opacity:100;-ms-filter: "alpha(opacity=100)";}
.langrage_btn a:hover img {opacity:100;-ms-filter: "alpha(opacity=100)";}


#wrap{ margin:0 auto;}

#container1{ width:1300px; margin:0 auto; }
#container2{ width:1300px; 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{height:190px; margin:0 0 0 0; padding:30px 0 10px 0; background:url(../img/20160609/201609_chogokin_toystory_fotter02.jpg) center top #541809; }

#footerimg{height:395px;background:url(../img/20160609/201609_chogokin_toystory_fotter01.jpg) center top #99caf5;}

/* -------------------170126追記　メインビジュアル--------------------- */

.tr_movie{list-style:none; width:920px;}
.tr_movie li{float:left; margin:0 15px 0 0;}
.tr_movie li:nth-child(3n){margin:0;}
.tr_movie li:hover{opacity:.8;}

/* -------------------160721追記　メインビジュアル--------------------- */

#pixarrobot_main02 .main_visual{width:1040px;background:#FFFFFF;padding:20px 20px 20px 20px; box-shadow: 0 3px rgba(43,43,43,0.13); margin:0 auto;}

.bx-pager{width:40px; height:30px; margin:10px auto 0 auto;}

.bx-pager a {
	float:left;
	background: #084693;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-moz-border-radius: 5px;/
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	
.bx-pager a:hover,
.bx-pager a.active{
	opacity:.4;
}

.langrage_btn{text-align:right; margin:15px 15px 15px 0;}

/* -------------------160721追記　メインビジュアル--------------------- */

/* -------------------160805追記 変形ムービー--------------------- */

.short_movie02{margin:18px auto 70px auto;width:960px;box-shadow:0 3px rgba(43,43,43,0.13);}

.short_movie02 .short_movie_box{background-color:#FFF;padding:0 20px 20px 20px;}



/* -------------------160721追記 ショートムービー--------------------- */


.short_movie{margin:18px auto 30px auto;width:960px;box-shadow:0 3px rgba(43,43,43,0.13);}

.short_movie .short_movie_box{background-color:#FFF;padding:0 20px 0 20px; background: url(../img/20160609/20160609_commentary_bg.png) no-repeat center top;}

.movie_btn_bx{height:231px; width:960px; margin:0 auto 45px; background: url(../img/20160609/20160609_commentary_bg.png) no-repeat center top; position:relative;}

.movie_btn_bx .commentry_pinL{position:absolute; left:5px; z-index:3;}
.movie_btn_bx .commentry_pinR{position:absolute; right:5px; z-index:3;}

.movie_btn_bx .movie_txt{text-align:center; font-size:19px; color:#58411c; font-weight:bold; padding:34px 0 0 0;}

.movie_btn_bx .movie_txt_en{text-align:center; font-size:17px; color:#58411c; font-weight:bold; padding:34px 0 0 0;}

.movie_btn_bx .movie_btnL{position:absolute; top:117px; left:75px;}

.movie_btn_bx .movie_btnR{position:absolute; top:117px; left:506px;}

.movie_btn_bx .switch img:hover{opacity:.8;}

.movie_btn_bx .switch img:hover{opacity:.8;}

.movie_btn_bx .switch02 img:hover{opacity:.8;}

.movie_btn_bx .switch02 img:hover{opacity:.8;}


/* -------------------160721追記 ショートムービー--------------------- */


/* -------------------160721追記 合体解説--------------------- */
#great_king{
	width:1300px;
	height:1827px;
	background:url(../img/20160721/cont_bg.jpg) no-repeat center top;
	margin:0 auto 110px auto;
	position:relative;
}

#great_king .king_logo{
	position:absolute;
	top:998px;
	left:416px;
	}

#great_king .king_read01{
	position:absolute;
	left:428px;
	top:17px;
	}

#great_king .king_read02{
	position:absolute;
	left:455px;
	top:1256px;
	}

#great_king .buz_robot_name{
	position:absolute;
	left:8px;
	top:467px;
	}

#great_king .woody_robot_name{
	position:absolute;
	right:9px;
	top:467px;
	}

#great_king .bonus_item{
	position:absolute;
	left:419px;
	bottom:20px;
	}

#great_king .buzz_txt{
	position:absolute;
	left:219px;
	top:827px;
	}

#great_king .alien_txt{
	position:absolute;
	left:225px;
	top:1024px;
		}

#great_king .space_txt{
	position:absolute;
	left:221px;
	top:1286px;
		}
		
#great_king .woody_txt{
	position:absolute;
	right:226px;
	top:677px;
		}

#great_king .bullseye_txt{
	position:absolute;
	right:211px;
	top:810px;
		}
		
#great_king .rex_txt{
	position:absolute;
	right:228px;
	top:984px;
		}		

#great_king .slinky_txt{
	position:absolute;
	right:212px;
	top:1251px;
		}
		
#great_king .hamm_txt{
	position:absolute;
	right:217px;
	top:1510px;
		}		
		
/* -------------------160721追記 合体解説--------------------- */

/* -------------------160721 ENGLISH--------------------- */
#great_king_en{
	width:1300px;
	height:1827px;
	background:url(../img/20160721/cont_bg_en.jpg) no-repeat center top;
	margin:0 auto 110px auto;
	position:relative;
}

#great_king_en .king_logo{
	position:absolute;
	top:998px;
	left:416px;
	}

#great_king_en .king_read01{
	position:absolute;
	left:377px;
	top:55px;
	}

#great_king_en .king_read02{
	position:absolute;
	left:415px;
	top:1256px;
	}

#great_king_en .buz_robot_name{
	position:absolute;
	left:60px;
	top:484px;
	}

#great_king_en .woody_robot_name{
	position:absolute;
	right:17px;
	top:484px;
	}

#great_king_en .bonus_item{
	position:absolute;
	left:416px;
	bottom:9px;
	}

#great_king_en .buzz_txt{
	position:absolute;
	left:219px;
	top:815px;
	}

#great_king_en .alien_txt{
	position:absolute;
	left:224px;
	top:1026px;
		}

#great_king_en .space_txt{
	position:absolute;
	left:210px;
	top:1293px;
		}
		
#great_king_en .woody_txt{
	position:absolute;
	right:208px;
	top:681px;
		}

#great_king_en .bullseye_txt{
	position:absolute;
	right:165px;
	top:815px;
		}
		
#great_king_en .rex_txt{
	position:absolute;
	right:217px;
	top:1026px;
		}		

#great_king_en .slinky_txt{
	position:absolute;
	right:215px;
	top:1292px;
		}
		
#great_king_en .hamm_txt{
	position:absolute;
	right:224px;
	top:1551px;
		}		
		
/* -------------------160721 ENGLISH--------------------- */


/* -------------------160721追記 ブランド情報--------------------- */
#brand_wrap{height:142px; width:1080px;background:url(../img/20160609/20160609_commentary_bg.png) repeat-x center top;margin:40px auto 55px auto; position:relative;}

#brand_wrap_en{height:160px; width:1080px;background:url(../img/20160609/20160609_commentary_bg.png) repeat-x center top;margin:40px auto 55px auto; position:relative;}


#brand_wrap .commentry_pinL{position:absolute; left:5px; z-index:3;}
#brand_wrap .commentry_pinR{position:absolute; right:5px; z-index:3;}


#brand_wrap .brand_logo_sml{float:left;margin:32px 0 30px 60px;}
.pdinfo_txt{font-weight:bold;}

#brand_wrap .brandtext{float:right; margin:38px 35px 30px 0px;width:754px; color:#58411c; font-weight:bold;height:254px;}


#brand_wrap_en .commentry_pinL{position:absolute; left:5px; z-index:3;}
#brand_wrap_en .commentry_pinR{position:absolute; right:5px; z-index:3;}


#brand_wrap_en .brand_logo_sml{float:left;margin:32px 0 30px 60px;}
.pdinfo_txt{font-weight:bold;}

#brand_wrap_en .brandtext{float:right;margin:30px 23px 30px 0px;width:754px; color:#58411c; font-weight:bold;height:120px;}



/* -------------------160721追記 ブランド情報--------------------- */




/* -------------------メインビジュアル--------------------- */

#pixarrobot_main{width:960px; min-height:989px;background:url(../img/20160609/20160609_main.png) no-repeat center top; position:relative;margin:0 0 30px 0;}

#pixarrobot_main .chara_logo{position:absolute;top:6px;}

#pixarrobot_main .brand_logo{position:absolute; right:0;top:50px;}

#pixarrobot_main .langrage_btn{position:absolute; right:0;top:10px;}

#pixarrobot_main .product_info{position:absolute; bottom:0;}

#pixarrobot_main .product_name{position:absolute; right:0;bottom:0;}

#pixarrobot_main .pcopy01{position:absolute;right:38px;top:157px;}

#pixarrobot_main .pcopy02{position:absolute;left:63px;bottom:248px;}

#pixarrobot_main .pcopy01_en{position:absolute;right:24px;top:435px;}

#pixarrobot_main .pcopy02_en{position:absolute;left:5px;bottom:380px;}


/* -------------------メインビジュアル--------------------- */



/* -------------------ナビメニュー--------------------- */

#navi_wrap{min-height:93px;}

#gnavi{width:960px; position:relative; margin:0 auto;min-width:960px; margin-top:30px;}

#gnavi_ul{width:960px; list-style:none;}

.gnavi_li{float:left; margin-right:43px;}

.gnavi_li_R{float:left;}


#navi_border{border-top:solid 30px #084693; margin-top:60px; height:50px;}

/* -------------------ナビメニュー--------------------- */


/* -------------------ストーリー--------------------- */

#story_wrap{height:398px; width:960px; background:url(../img/20160609/20160609_story_bg.png) no-repeat center top; margin:0 0 30px 0;}

#story_wrap .story_icon{margin:30px 10px 0 15px; float:left; width:137px; height:254px;}


#story_wrap .story_text{margin:30px 0 0 0; width:400px; float:left; color:#58411c; font-weight:bold; font-size:14.5px;height:260px;}

#story_wrap .story_text_en{margin:30px 0 0 0; width:400px; float:left; color:#58411c; font-weight:bold; font-size:14px;}


/* -------------------ストーリー--------------------- */

/* -------------------解説--------------------- */

#commentry_wrap{min-height:1584px;width:960px;background:url(../img/20160609/20160609_commentary_bg.png) no-repeat center bottom;margin:0 auto 30px auto; position:relative;}


#commentry_wrap .commentry_pin{position:absolute; right:5px; z-index:3;}

#commentry_wrap .commentry_icon{position:absolute; top:-19px; left:-20px; z-index:3;}

#commentry_wrap	#charactor{padding:0 0 0 20px;}

#commentry_wrap	.allchara_img{text-align:center; margin-top:20px;}


#commentry_wrap #charactor li{float:left; list-style:none; position:relative; margin-top:22px;}

#commentry_wrap .chara_infoL{position:absolute; top:275px;left:10px;}

#commentry_wrap .chara_infoC{position:absolute; top:390px;left:35px;}

#commentry_wrap .chara_infoR{position:absolute; top:275px;left:22px;}

#commentry_wrap .chara_infoROBO{position:absolute; bottom:30px;}

#commentry_wrap .chara_infoL2{position:absolute; top:246px;left:10px;}

#commentry_wrap .chara_infoR2{position:absolute; top:248px;left:22px;}


#commentry_wrap #charactor .charactor_text{color:#58411c; margin:10px 0 12px 0; font-weight:bold;}

#commentry_wrap	#charactor .chara_L{width:291px; height:538px;margin:22px 7px 0 0;}

#commentry_wrap	#charactor .img01{margin-top:31px;}

#commentry_wrap	#charactor .chara_C{width:336px; height:538px;}

#commentry_wrap	#charactor .chara_R{width:287px; height:538px;}

#commentry_wrap	#charactor .chara_L2{width:291px; height:476px;margin:22px 7px 0 0;}

#commentry_wrap	#charactor .chara_C2{width:336px; height:476px;}

#commentry_wrap	#charactor .chara_R2{width:287px; height:476px;}

/* -------------------解説--------------------- */

/* -------------------解説_en--------------------- */

#commentry_wrap_en{min-height:1620px;width:960px;background:url(../img/20160609/20160609_commentary_bg.png) no-repeat center bottom;margin:0 0 30px 0; position:relative;}


#commentry_wrap_en .commentry_pin{position:absolute; right:5px; z-index:3;}

#commentry_wrap_en .commentry_icon{position:absolute; top:-19px; left:-20px; z-index:3;}

#commentry_wrap_en #charactor{padding:0 0 0 20px;}

#commentry_wrap_en .allchara_img{text-align:center; margin-top:20px;}


#commentry_wrap_en #charactor li{float:left; list-style:none; position:relative; margin-top:22px;}

#commentry_wrap_en .chara_infoL{position:absolute; top:275px;left:10px;}

#commentry_wrap_en .chara_infoC{position:absolute; top:395px;left:35px;}

#commentry_wrap_en .chara_infoR{position:absolute; top:275px;left:22px;}

#commentry_wrap_en .chara_infoROBO{position:absolute; bottom:0;}

#commentry_wrap_en .chara_infoL2{position:absolute; top:246px;left:10px;}

#commentry_wrap_en .chara_infoR2{position:absolute; top:248px;left:22px;}


#commentry_wrap_en #charactor .charactor_text{color:#58411c; margin:10px 0 12px 0; font-weight:bold;}

#commentry_wrap_en	#charactor .img01{margin-top:31px;}


#commentry_wrap_en #charactor .chara_L_en{width:291px; height:625px;margin:22px 7px 0 0;}

#commentry_wrap_en #charactor .chara_C_en{width:336px; height:625px;}

#commentry_wrap_en #charactor .chara_R_en{width:287px; height:625px;}

#commentry_wrap_en #charactor .robot_imgR_en{position:absolute;bottom:14px;left:22px;}

#commentry_wrap_en #charactor .robot_imgL_en{position:absolute;bottom:14px;left:10px;}


#commentry_wrap_en #charactor .chara_L2_en{width:291px; height:430px;margin:22px 7px 0 0;}

#commentry_wrap_en #charactor .chara_C2_en{width:336px; height:430px;}

#commentry_wrap_en #charactor .chara_R2_en{width:287px; height:430px;}


/* -------------------解説_en--------------------- */


/* -------------------初回特典--------------------- */
#privilege_wrap{width:843px; height:388px; background:url(../img/20160609/20160609_privilege_bg.png) no-repeat center top; position:relative; margin:0 auto 20px auto;}

#privilege_wrap .privilege_icon{width:137px;height:254px; position:absolute;left:-20px;top:-4px;}

#privilege_wrap .privilege_h{width:383px;height:88px; position:absolute;left:138px;top:27px;}

#privilege_wrap .privilege_h_en{width:400px;height:77px; position:absolute;left:126px;top:40px;}

#privilege_wrap .privilege_text{width:451px;height:71px; position:absolute;left:30px;;top:160px; color:#58411c;font-size:15px;font-weight:bold;}

#privilege_wrap .privilege_text span{font-size:12px;font-weight:bold;}


#privilege_wrap .privilege_img{width:284px;height:388px; position:absolute;right:30px;;top:5px;}



/* -------------------初回特典--------------------- */


/* -------------------NEXT INFO--------------------- */

#next_wrap{text-align:center;}

/* -------------------NEXT INFO--------------------- */


/* -------------------商品情報--------------------- */

.product_wrap{margin:20px auto;width:778px; height:390px; background:url(../img/20160721/20160721_product_bg.png) no-repeat center bottom; color:#58411c;position:relative;}

.product_wrap .commentry_pinL{position:absolute; left:5px; z-index:3;}
.product_wrap .commentry_pinR{position:absolute; right:5px; z-index:3;}

.product_wrap .name{font-size:18px;}
.product_wrap .name_en{font-size:16px;}


/* -------------------商品情報--------------------- */




.copy { color:#FFF; font-size:10px; line-height:14px; text-align:center; margin-top:6px;}
.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;}