@charset "UTF-8";

/* candle.css
------------------------------------------ */
/* [PC]
------------------------------------------ */
@media screen and (min-width:721px){
/* TOP
------------------------------------------ */
#TOP{background:url(../images/parts_body_bg-body.gif) left top;}




/* titleArea
------------------------------------------ */
#BODY .titleArea{box-sizing:border-box;height:450px;background:url(../images/candle/parts_title_bg-body.jpg) no-repeat center bottom;}
#BODY .titleArea .divA{position:relative;width:620px;height:429px;margin:0 auto 0 auto;padding-top:21px;}
#BODY .titleArea h1,
#BODY .titleArea .lead,
#BODY .titleArea .candle,
#BODY .titleArea .question{font-size:0;line-height:0;opacity:0;}

#BODY .titleArea h1{margin-left:1px;}

#BODY .titleArea .candle{position:absolute;right:0px;bottom:0px;opacity:1;}
#BODY .titleArea .question{position:absolute;bottom:159px;left:137px;}




/* anchorArea
------------------------------------------ */
#BODY .anchorArea{width:620px;margin:20px auto 0 auto;}
#BODY .anchorArea ol,
#BODY .anchorArea ol li{font-size:0;line-height:0;}
#BODY .anchorArea ol{display:table;}
#BODY .anchorArea ol li{display:table-cell;}
#BODY .anchorArea ol li:nth-child(2){padding:0 11px 0 11px;}




/* talkArea
------------------------------------------ */
#BODY .talkArea{width:680px;margin:27px auto 0 auto;}
#BODY .talkArea .pagetop{margin:20px 10px 0 0;font-size:0;line-height:0;text-align:right;}


/* pointSec */
#BODY .talkArea .pointSec{padding:30px 30px 20px 30px;background-position:left top;}
#BODY .talkArea .typeOdd{background-image:url(../images/candle/parts_talk_bg-body-odd.gif);}
#BODY .talkArea .typeEven{background-image:url(../images/candle/parts_talk_bg-body-even.gif);}

#BODY .talkArea .blockTypeA{position:relative;margin-top:30px;opacity:0;bottom:-5px;}
#BODY .talkArea .blockTypeA dl dt{font-size:16px;}
#BODY .talkArea .blockTypeA dl dt img{position:absolute;top:0px;}
#BODY .talkArea .blockTypeA dl dd.comment{position:relative;display:inline-block;margin-top:5px;padding:20px 25px 20px 25px;background-color:#ffffff;border-radius:20px;font-size:18px;line-height:1.6;font-weight:bold;zoom:1;}
#BODY .talkArea .blockTypeA dl dd.figure{display:inline-block;margin-top:5px;}
#BODY .talkArea .blockTypeA dl dd.figure{position:relative;font-size:0;line-height:0;text-align:center;}
#BODY .talkArea .blockTypeA dl dd.figure .block{font-size:0;line-height:0;}
#BODY .talkArea .blockTypeA dl dd.figure .wipe .hidden{overflow:hidden;height:0px;font-size:0;line-height:0;}
#BODY .talkArea .blockTypeA dl dd.figure .layer{position:relative;}
#BODY .talkArea .blockTypeA dl dd.figure .layer li{position:absolute;font-size:0;line-height:0;opacity:0;}
#BODY .talkArea .blockTypeA dl dd.figure .source{margin-top:10px;font-size:11.55px;text-align:right;}
#BODY .talkArea .animated .wipe,
#BODY .talkArea .animated .wipe .hidden{width:auto !important;height:auto !important;}
#BODY .talkArea .animated .wipe .hidden img{width:auto !important;height:auto !important;}

#BODY .talkArea .typePikaru{padding-left:85px;}
#BODY .talkArea .typePikaru dl dt img{left:0px;}
#BODY .talkArea .typePikaru dl dd.comment{margin-left:25px;border:1px solid #40aae3;}
#BODY .talkArea .typePikaru dl dd.comment:before{position:absolute;content:url(../images/candle/parts_talk_avatar_pikaru.png);top:14px;left:-26px;zoom:1;}

#BODY .talkArea .typeCandle{padding-right:85px;}
#BODY .talkArea .typeCandle dl{float:right;}
#BODY .talkArea .typeCandle dl dt{text-align:right;}
#BODY .talkArea .typeCandle dl dt img{right:0px;}
#BODY .talkArea .typeCandle dl dd.comment{margin-right:25px;border:1px solid #6aa700;}
#BODY .talkArea .typeCandle dl dd.comment:before{position:absolute;content:url(../images/candle/parts_talk_avatar_candle.png);top:14px;right:-26px;zoom:1;}




/* TALK1
------------------------------------------ */
/* typeGeneratorA */
#BODY .talkArea #TALK1 .typeGeneratorA .figure{float:right;padding:15px;background-color:#ffffff;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li.wipe .hidden{width:0px;height:auto !important;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(3){top:0px;left:0px;}


/* typeGeneratorB */
#BODY .talkArea #TALK1 .typeGeneratorB .figure{float:right;padding:15px;background-color:#ffffff;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li.wipe .hidden{width:0px;height:auto !important;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(3){top:0px;left:0px;}




/* TALK2
------------------------------------------ */
/* typeCO2 */
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li.wipe .hidden{width:0px;height:auto !important;opacity:1 !important;}




/* TALK3
------------------------------------------ */
#BODY .talkArea #TALK3{padding-bottom:60px;}


/* typeUranium */
#BODY .talkArea #TALK3 .typeUranium .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li.wipe .hidden{width:0px;height:auto !important;opacity:1 !important;}


/* typeNuclearBomb */
#BODY .talkArea #TALK3 .typeNuclearBomb .figure{float:right;padding:25px;background-color:#ffffff;}
#BODY .talkArea #TALK3 .typeNuclearBomb .typeB{margin-top:25px !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li:nth-child(2){position:static;margin-top:20px;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li.wipe .hidden{width:0px;height:auto !important;opacity:1 !important;}
}







/* [SP]
------------------------------------------ */
@media screen and (max-width:720px){
/* TOP
------------------------------------------ */
#TOP{background:url(../images/parts_body_bg-body.gif) left top;}




/* titleArea
------------------------------------------ */
#BODY .titleArea{padding:3% 4.4% 0 4.4%;background-image:url(../images/candle/sp/parts_title_bg-body.jpg);background-position:center bottom;background-size:cover;}
#BODY .titleArea .divA{position:relative;}
#BODY .titleArea h1,
#BODY .titleArea .candle,
#BODY .titleArea .question{font-size:0;line-height:0;opacity:0;}

#BODY .titleArea h1{position:relative;margin-right:3.2%;z-index:1;}
#BODY .titleArea .candle{position:relative;float:right;width:38%;margin-top:-28.3%;z-index:2;opacity:1;}
#BODY .titleArea .question{position:absolute;width:5.6%;left:22%;bottom:39%;}




/* anchorArea
------------------------------------------ */
#BODY .anchorArea{margin:3% 4.4% 0 4.4%;}
#BODY .anchorArea ol,
#BODY .anchorArea ol li{font-size:0;line-height:0;}
#BODY .anchorArea ol li{display:inline-block;width:32%;}
#BODY .anchorArea ol li:nth-child(2){margin:0 2% 0 2%;}




/* talkArea
------------------------------------------ */
#BODY .talkArea{margin-top:4.5%;}
#BODY .talkArea .pagetop{margin:3.5% 1.6% 0 0;font-size:0;line-height:0;text-align:right;}
#BODY .talkArea .pagetop a img{width:6.2%;}


/* pointSec */
#BODY .talkArea .pointSec{padding:4.75% 4.4% 10px 4.4%;background-position:left top;background-size:17%;}
#BODY .talkArea .typeOdd{background-image:url(../images/candle/parts_talk_bg-body-odd.gif);}
#BODY .talkArea .typeEven{background-image:url(../images/candle/parts_talk_bg-body-even.gif);}

#BODY .talkArea .blockTypeA{position:relative;margin-top:5%;opacity:0;bottom:-2px;}
#BODY .talkArea .blockTypeA dl dt{font-size:8px;}
#BODY .talkArea .blockTypeA dl dt img{position:absolute;width:11.2%;top:0px;}
#BODY .talkArea .blockTypeA dl dd.comment{position:relative;display:inline-block;margin-top:1%;padding:4% 4% 4% 4%;background-color:#ffffff;border-radius:10px;font-size:12px;line-height:1.6;white-space:nowrap;font-weight:bold;zoom:1;}
#BODY .talkArea .blockTypeA dl dd.comment:before{position:absolute;display:inline-block;content:'';width:15px;height:100%;background-repeat:no-repeat;background-size:100%;zoom:1;}
#BODY .talkArea .blockTypeA dl dd.figure{position:relative;margin-top:2%;font-size:0;line-height:0;}
#BODY .talkArea .blockTypeA dl dd.figure .block{font-size:0;line-height:0;}
#BODY .talkArea .blockTypeA dl dd.figure .wipe .hidden{overflow:hidden;height:0px;font-size:0;line-height:0;}
#BODY .talkArea .blockTypeA dl dd.figure .layer{position:relative;}
#BODY .talkArea .blockTypeA dl dd.figure .layer li{position:absolute;font-size:0;line-height:0;opacity:0;}
#BODY .talkArea .blockTypeA dl dd.figure .source{margin-top:10px;font-size:6px;text-align:right;}
#BODY .talkArea .animated .wipe,
#BODY .talkArea .animated .wipe .hidden{width:auto !important;height:auto !important;}
#BODY .talkArea .animated .wipe .hidden img{width:100% !important;height:auto !important;}

#BODY .talkArea .typePikaru dl{margin-left:13.7%;}
#BODY .talkArea .typePikaru dl dt img{left:0px;}
#BODY .talkArea .typePikaru dl dd.comment{margin-left:15px;border:1px solid #40aae3;}
#BODY .talkArea .typePikaru dl dd.comment:before{background-image:url(../images/candle/parts_talk_avatar_pikaru.png);background-position:left top;top:7%;left:-15px;}

#BODY .talkArea .typeCandle dl{margin-right:13.7%;text-align:right;}
#BODY .talkArea .typeCandle dl dt{text-align:right;}
#BODY .talkArea .typeCandle dl dt img{right:0px;}
#BODY .talkArea .typeCandle dl dd.comment{margin-right:15px;border:1px solid #6aa700;}
#BODY .talkArea .typeCandle dl dd.comment:before{background-image:url(../images/candle/parts_talk_avatar_candle.png);background-position:right top;top:8%;right:-15px;}
#BODY .talkArea .typeCandle dl dd.figure{text-align:right;}




/* TALK1
------------------------------------------ */
/* typeStamp1 */
#BODY .talkArea #TALK1 .typeStamp1 dd.figure img{width:57%;}


/* typeStamp2 */
#BODY .talkArea #TALK1 .typeStamp2 dd.figure img{width:40%;}


/* typeGeneratorA */
#BODY .talkArea #TALK1 .typeGeneratorA .figure{float:right;box-sizing:border-box;width:84%;padding:3%;background-color:#ffffff;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li.wipe .hidden{height:auto !important;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK1 .typeGeneratorA .figure .layer li:nth-child(3){top:0px;left:0px;}


/* typeGeneratorB */
#BODY .talkArea #TALK1 .typeGeneratorB .figure{float:right;box-sizing:border-box;width:84%;padding:3%;background-color:#ffffff;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li.wipe .hidden{height:auto !important;opacity:1 !important;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK1 .typeGeneratorB .figure .layer li:nth-child(3){top:0px;left:0px;}


/* typeStamp3 */
#BODY .talkArea #TALK1 .typeStamp3 dd.figure img{width:60%;}


/* typeStamp4 */
#BODY .talkArea #TALK1 .typeStamp4 dd.figure img{width:53%;}




/* TALK2
------------------------------------------ */
/* typeStamp1 */
#BODY .talkArea #TALK2 .typeStamp1 dd.figure img{width:53%;}


/* typeStamp2 */
#BODY .talkArea #TALK2 .typeStamp2 dd.figure img{width:51%;}


/* typeCO2 */
#BODY .talkArea #TALK2 .typeCO2 .figure{float:right;width:84%;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK2 .typeCO2 .figure .layer li.wipe .hidden{height:auto !important;opacity:1 !important;}


/* typeStamp3 */
#BODY .talkArea #TALK2 .typeStamp3 dd.figure img{width:41%;}


/* typeStamp4 */
#BODY .talkArea #TALK2 .typeStamp4 dd.figure img{width:53%;}




/* TALK3
------------------------------------------ */
#BODY .talkArea #TALK3{padding-bottom:9.5%;}


/* typeStamp1 */
#BODY .talkArea #TALK3 .typeStamp1 dd.figure img{width:57%;}


/* typeUranim */
#BODY .talkArea #TALK3 .typeUranium .figure{float:right;width:84%;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li:nth-child(2){top:0px;left:0px;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK3 .typeUranium .figure .layer li.wipe .hidden{height:auto !important;opacity:1 !important;}


/* typeNuclearBomb */
#BODY .talkArea #TALK3 .typeNuclearBomb .figure{float:right;box-sizing:border-box;width:84%;padding:4.6%;background-color:#ffffff;}
#BODY .talkArea #TALK3 .typeNuclearBomb .typeB{margin-top:4% !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li:nth-child(1){position:static;opacity:1 !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li:nth-child(2){position:static;margin-top:4%;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li.wipe{opacity:1 !important;}
#BODY .talkArea #TALK3 .typeNuclearBomb .figure .layer li.wipe .hidden{height:auto !important;opacity:1 !important;}


/* typeStamp2 */
#BODY .talkArea #TALK3 .typeStamp2 dd.figure img{width:40%;}


/* typeStamp3 */
#BODY .talkArea #TALK3 .typeStamp3 dd.figure img{width:57%;}
}