.wrapper a{text-decoration:underline;outline:none}.wrapper a:link{color:#e53da4}.wrapper a:visited{color:#e53da4}@media (hover: hover){.wrapper a:hover{color:#e1095a}}.wrapper a:active{color:#e53da4}.wrapper img{display:block;vertical-align:bottom;line-height:0;max-width:100%}#navBar>ul>li{color:#fff;text-shadow:0px 0px 8px #004098}#navBar>ul>li a{color:#fff;transition:all 0.2s}@media (hover: hover){#navBar>ul>li a:hover{color:#e53da4 !important}}.bgVisual{overflow:hidden;display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:'';z-index:-2}.bgVisual .layer{display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:''}.bgVisual .layer.effectStar1{background:url(../../images/twinkle/starcolorpen/bg/star_move1.png) repeat;background-position:top center;opacity:0;animation:efStar1 2s infinite linear;-webkit-animation:efStar1 2s infinite linear}.bgVisual .layer.effectStar2{background:url(../../images/twinkle/starcolorpen/bg/star_move2.png) repeat;background-position:top center;animation:efStar2 5s infinite linear;-webkit-animation:efStar2 5s infinite linear}.bgVisual .moveStarWrap{margin-left:auto;margin-right:auto;position:relative;list-style-type:none}.bgVisual .moveStar1,.bgVisual .moveStar2,.bgVisual .moveStar3,.bgVisual .moveStar4,.bgVisual .moveStar5{position:absolute;overflow:hidden}.bgVisual .meteor{position:absolute;width:47px;height:42px;opacity:0;background:url(../../images/twinkle/starcolorpen/bg/star_meteor.png) left top no-repeat;margin-left:0px;overflow:hidden;-webkit-animation:meteor 0.5s cubic-bezier(0.25, 0, 0.705, 1) 1;animation:meteor 0.5s cubic-bezier(0.25, 0, 0.705, 1) 1}@media screen and (max-width: 1039px){.bgVisual .layer.effectStar1{background-size:contain}.bgVisual .layer.effectStar2{background-size:contain}.bgVisual .moveStarWrap{width:100%}.bgVisual .moveStar1{top:-30vw;left:-30vw}.bgVisual .moveStar2{top:-10vw;left:-10vw}.bgVisual .moveStar3{top:1vw;right:-2vw}.bgVisual .moveStar4{top:3vw;left:2vw}.bgVisual .moveStar5{top:3vw;right:-10vw}}@media screen and (min-width: 1040px){.bgVisual .layer{top:20px}.bgVisual .layer.effectStar1{background-size:30%}.bgVisual .layer.effectStar2{background-size:30%}.bgVisual .moveStarWrap{width:1200px}.bgVisual .moveStar1{top:80px;left:-140px}.bgVisual .moveStar2{top:210px;left:350px}.bgVisual .moveStar3{top:150px;right:-80px}.bgVisual .moveStar4{top:260px;left:-20px}.bgVisual .moveStar5{top:50px;right:400px}}@-webkit-keyframes efStar1{0%{background-position:100% 100%;opacity:0}50%{opacity:1}100%{background-position:100% 100%;opacity:0}}@-webkit-keyframes efStar2{0%{background-position:100% 100%;opacity:0}50%{opacity:1}100%{background-position:100% 100%;opacity:0}}@keyframes efStar2{0%{background-position:100% 100%;opacity:0}50%{opacity:1}100%{background-position:100% 100%;opacity:0}}@-webkit-keyframes meteor{0%{-webkit-transform:translate(350px, 0px);transform:translate(350px, 0px);opacity:0}50%{opacity:100}100%{-webkit-transform:translate(0px, 350px);transform:translate(0px, 350px);opacity:0}}@keyframes meteor{0%{-webkit-transform:translate(350px, 0px);transform:translate(350px, 0px);opacity:0}50%{opacity:100}100%{-webkit-transform:translate(0px, 350px);transform:translate(0px, 350px);opacity:0}}.btnCol{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}.btnCol li a,.btnCol li span{position:relative;display:block}.btnCol li a img,.btnCol li span img{margin-left:auto;margin-right:auto}@media screen and (max-width: 1039px){.btnCol li{width:100%}.btnCol.clm2 li:nth-child(n+2){margin-top:2vw}}@media screen and (min-width: 1040px){.btnCol li a img{position:relative;z-index:1}.btnCol.clm2 li{width:455px}.btnCol.clm2 li:nth-child(2n-1){margin-right:20px}.btnCol.clm2 li:last-child{margin-right:0}}.btnTopPage{background:url(../../images/twinkle/starcolorpen/bg/contents_btm.png) center top no-repeat}.btnTopPage li{max-width:477px}@media screen and (max-width: 1039px){.btnTopPage{background-size:153%}.btnTopPage li{width:75%;padding-top:7%}}@media screen and (min-width: 1040px){.btnTopPage li{padding:74px 0 0 0}}@media screen and (min-width: 1040px) and (hover: hover){.btnTopPage li a:hover{opacity:1}}@media screen and (min-width: 1040px) and (hover: hover){.btnTopPage li a img:hover{opacity:1}}.footerBandaiToys .footerBandaiToys__inner{width:98%;max-width:1200px}#relatedLinks>h2{width:auto;max-width:990px}#relatedLinks>ul,#relatedLinks>.copy_area{width:auto;max-width:990px}@media screen and (min-width: 1040px){.footerBandaiToys .footerBandaiToys__inner{max-width:1200px;width:98%}}.txtSmall{display:inline-block;font-size:75%}body{position:relative;color:#333;background:transparent}body::before{display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:'';background:url(../../images/twinkle/starcolorpen/bg/star.png) center top,url(../../images/twinkle/starcolorpen/bg/sky.png) center top repeat-x,url(../../images/twinkle/starcolorpen/bg/sky_btm.jpg) center bottom,#f568aa;background-size:auto;z-index:-10}#container{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;font-size:14px;font-size:1.4rem}@media screen and (max-width: 1039px){body::before{background-size:150%}}@media screen and (min-width: 1040px){#container{background:url(../../images/twinkle/starcolorpen/bg/milky.png) center top 150px no-repeat,url(../../images/twinkle/starcolorpen/bg/star_line.png) center top 140px repeat-y}}@media screen and (max-width: 1039px){.wrapper{padding-top:3vw;padding-bottom:5vw}}@media screen and (min-width: 1040px){.wrapper{padding-top:30px;padding-bottom:40px}}.wrapper h2 img{margin-left:auto;margin-right:auto}@media screen and (max-width: 1039px){.wrapper h2{margin:2vw auto}}@media screen and (min-width: 1040px){.wrapper h2{margin-left:auto;margin-right:auto}}.mainCol{margin:0 auto;max-width:1020px;width:100%}.mainCol .mainColInner{position:relative}@media screen and (min-width: 1040px){.mainCol .mainColInner{width:100%;max-width:990px}}.contents{position:relative;background:url(../../images/twinkle/starcolorpen/bg/content.png) center top 5px repeat}.contents::before,.contents::after{z-index:10}.contents::before{pointer-events:none}.contents::after{pointer-events:none}.contents:first-of-type{margin:10px auto 0}.contents .contentsInner{position:relative;z-index:1}@media screen and (max-width: 1039px){.contents{width:100%;margin:4vw auto 0}.contents::before{margin:-0.6vw 0;display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:'';height:calc(100% + 1.2vw);background:url(../../images/twinkle/starcolorpen/img_decor_line-top.png) left top repeat-x,url(../../images/twinkle/starcolorpen/img_decor_line-btm.png) left bottom repeat-x;background-size:50%}}@media screen and (min-width: 1040px){.contents{width:990px;margin:30px auto 0}.contents::before{margin:-7px;display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;content:'';width:calc(100% + 14px);height:calc(100% + 14px);z-index:2;background:url(../../images/twinkle/starcolorpen/img_decor_line-le.png) left bottom repeat-y,url(../../images/twinkle/starcolorpen/img_decor_line-ri.png) right bottom repeat-y,url(../../images/twinkle/starcolorpen/img_decor_line-top.png) left top repeat-x,url(../../images/twinkle/starcolorpen/img_decor_line-btm.png) right bottom repeat-x}.contents::after{display:block;position:absolute;margin:-10px;z-index:2;width:calc(100% + 20px);height:calc(100% + 20px);content:'';top:0;left:0;right:0;bottom:0;background:url(../../images/twinkle/starcolorpen/img_decor_dia.png) left top no-repeat,url(../../images/twinkle/starcolorpen/img_decor_dia.png) right top no-repeat,url(../../images/twinkle/starcolorpen/img_decor_dia.png) right bottom no-repeat,url(../../images/twinkle/starcolorpen/img_decor_dia.png) left bottom no-repeat}}section.sectionCol ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}section.sectionCol ul.about{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center}section.sectionCol ul.about li{margin:-1% -0.5% 0 0.5%;width:calc((100% - 1.1%) / 2)}section.sectionCol ul.goods{-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-ms-flex-pack:space-around}section.sectionCol ul.goods li a{position:relative;display:block}section.sectionCol ul.penListBtn{-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-ms-flex-pack:space-around}section.sectionCol ul.penListBtn li a{display:block;position:relative}section.sectionCol .txtClick{margin:auto;padding-top:3%}section.sectionCol .txtNotes{display:block;text-align:center;margin:25px 0 0}@media screen and (max-width: 1039px){section{padding:2% 2% 4% 2%}section.sectionCol h3{margin:0 0 1% -1%}section.sectionCol ul.goods li{width:calc((100% - 2.1vw) / 2)}section.sectionCol ul.penListBtn li{width:calc((100% - 4.1vw) / 3)}section.sectionCol .txtClick{width:75%}section.sectionCol .txtNotes{margin:4% 0 1%;font-size:12px;font-size:1.2rem}}@media screen and (min-width: 1040px){section.sectionCol{padding:25px 25px 35px 25px}section.sectionCol h3{margin:0 0 10px -7px}section.sectionCol ul.goods li{width:455px}}@media screen and (min-width: 1040px) and (hover: hover){section.sectionCol ul.penListBtn a:hover{opacity:1}}@media screen and (min-width: 1040px){section.sectionCol ul.penListBtn a img{position:relative;z-index:1}}@media screen and (min-width: 1040px) and (hover: hover){section.sectionCol ul.penListBtn a img:hover{opacity:1}}section.sectionCol h4{padding:2% 0 1% 0}section.sectionCol ul.starColorPenList{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start}section.sectionCol ul.starColorPenList li{position:relative;background:url(../../images/twinkle/starcolorpen/bg_scp_list.png) left top no-repeat;display:block;box-sizing:border-box}section.sectionCol ul.starColorPenList li a{display:block;position:relative}section.sectionCol ul.starColorPenList li span.iconNew{position:absolute}@media screen and (max-width: 1039px){section.sectionCol ul.starColorPenList li{margin:0.5%;padding:1.6%;background-size:100%;width:calc((50% - 2.1%) / 2)}section.sectionCol ul.starColorPenList li a{padding:2.0vw 1.0vw}section.sectionCol ul.starColorPenList li span.iconNew{width:25%;left:-0.5%;top:-0.5%}section.sectionCol ul.starColorPenList li img{width:100%}}@media screen and (min-width: 1040px){section.sectionCol ul.starColorPenList li{margin:4px;padding:15px}section.sectionCol ul.starColorPenList span.iconNew{left:-4px;top:-8px}}