@charset "UTF-8";a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;line-height:1;list-style:none;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;text-align:left;background-color:transparent;vertical-align:baseline;font-family:"Rounded Mplus 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-tap-highlight-color:transparent;outline:none}
html{font-size:4.6vw}
body,html{height:100%}
body{position:relative;padding:0 0 0;width:100%;font-size:1rem}
body img{width:100%}
body main{position:relative;display:block;width:100%;background-repeat:no-repeat;background-size:100% auto;background-image:url(../img/bg.jpg);overflow:hidden}
body article{position:absolute;top:0;left:0;-webkit-transition:-webkit-transform 400ms ease-out 100ms;transition:-webkit-transform 400ms ease-out 100ms;-o-transition:transform 400ms ease-out 100ms;transition:transform 400ms ease-out 100ms;transition:transform 400ms ease-out 100ms, -webkit-transform 400ms ease-out 100ms;overflow:hidden}
body[data-state=top] main{
    height:auto;min-height:72.6rem;
}
body[data-state=top] .top{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
body[data-state=top] .maker{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
body[data-state=top] .result{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
body[data-state=maker]{position:fixed}
body[data-state=maker] main{height:100%}
body[data-state=maker] .top{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
body[data-state=maker] .maker{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-ms-touch-action:none;touch-action:none}
body[data-state=maker] .result{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
body[data-state=maker] .appArea,body[data-state=maker] footer{display:none!important;height:0;opacity:0;visibility:hidden}
body[data-state=result] main{
    height:58rem;
}
body[data-state=result] .top{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
body[data-state=result] .maker{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
body[data-state=result] .result{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){html{font-size:3.7vw}
body main{margin:0 auto;width:78%;border-left:2px solid #fc3988;border-right:2px solid #fc3988}
}
@media screen and (max-device-width:1024px) and (orientation:landscape){body:before{content:'';position:fixed;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.6);background-repeat:no-repeat;background-position:center;background-size:auto 80%;background-image:url(../img/landscape_caution.png);z-index:100000}
body[data-device=android]:before{display:none}
}
.popup{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100vh;background-color:rgba(0, 0, 0, 0.4);z-index:100000;display:none}
.popup[data-popup-state=on]{display:-webkit-box;display:-ms-flexbox;display:flex}
.popup_inner{position:relative;width:18rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup_inner:after,.popup_inner:before{content:'';position:absolute;left:0;width:100%;background-repeat:no-repeat;background-size:100%}
.popup_inner:before{top:0;height:3rem;background-image:url(../img/popup/popup_bg_top.png)}
.popup_inner:after{bottom:0;height:2.5rem;background-image:url(../img/popup/popup_bg_bottom.png)}
.popup_inner .popup_main{position:relative;margin:3rem 0 2.4rem;padding:0 0 3rem;width:100%;height:auto;min-height:8rem;background-color:#fff;border-left:2px solid #000;border-right:2px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup_inner .popup_main .popup_title{position:absolute;top:-2.4rem;left:1.5rem;padding:0.5rem 0.8rem 0.4rem 2rem;font-size:1rem;color:#fff;background-color:#000c54;border:2px solid #fff;border-radius:0 1rem 1rem 0}
.popup_inner .popup_main .popup_title:before{content:'';position:absolute;top:-1.1rem;left:-2.2rem;width:3.8rem;height:3.8rem;background-repeat:no-repeat;background-size:100%;background-image:url(../img/popup/popup_icon_info.png)}
.popup_inner .popup_main .popup_body{padding:1rem;font-size:1rem;line-height:1.2;text-align:center}
.popup_inner .popup_main .popup_body .popup_tutorial{position:relative;width:100%;overflow:hidden}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="0"]{display:none}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="1"] ol{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="2"] ol{-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%)}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="3"] ol{-webkit-transform:translateX(-40%);-ms-transform:translateX(-40%);transform:translateX(-40%)}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="4"] ol{-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}
.popup_inner .popup_main .popup_body .popup_tutorial[data-tutorial-pos="5"] ol{-webkit-transform:translateX(-80%);-ms-transform:translateX(-80%);transform:translateX(-80%)}
.popup_inner .popup_main .popup_body .popup_tutorial ol{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:500%;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;-o-transition:transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}
.popup_inner .popup_main .popup_menu{position:absolute;bottom:0;text-align:center}
.popup_inner .popup_main .popup_menu[data-popup-menu-btn-mode=next_back] .popup_menu_back_next{display:-webkit-box;display:-ms-flexbox;display:flex}
.popup_inner .popup_main .popup_menu[data-popup-menu-btn-mode=next_back] .popup_menu_yes_no{display:none}
.popup_inner .popup_main .popup_menu[data-popup-menu-btn-mode=yes_no] .popup_menu_back_next{display:none}
.popup_inner .popup_main .popup_menu[data-popup-menu-btn-mode=yes_no] .popup_menu_yes_no{display:-webkit-box;display:-ms-flexbox;display:flex}
.popup_inner .popup_main .popup_menu[data-popup-menu-btn-mode=yes_no] .popup_btn_close{display:none}
.popup_inner .popup_main .popup_menu ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 0.4rem;width:70%}
.popup_inner .popup_main .popup_menu ul.popup_menu_back_next{display:none}
.popup_inner .popup_main .popup_menu ul.popup_menu_yes_no{display:none}
.popup_inner .popup_main .popup_menu ul li{width:44%}
.popup_inner .popup_main .popup_menu p{display:inline-block;margin:0 auto;width:70%;text-align:center}
.popup_inner .popup_main .popup_menu p button{display:inline-block;width:44%}
@media screen and (max-device-width:1024px){.appArea{position:relative;width:100%;height:auto;text-align:center;background:#04c5ef;z-index:100}
.appArea .logo{margin:0 auto;padding:10% 0 7%;width:50%;text-align:center}
.appArea .logo img{width:100%}
.appArea .text{position:relative;width:77%;margin:0 auto;padding:8% 0}
.appArea .text li{font-size:3.5vw;color:#fff;padding:2% 0}
.appArea .draft{display:inline-block;width:77%;margin:8% auto 0;padding:3% 0;background:#fff;color:#04c5ef;font-size:4vw;letter-spacing:.2em;text-align:center}
.appArea p{text-align:center;font-size:3.5vw;line-height:1.4;color:#fff;padding:0 2% 4%}
.footer_app{position:relative;padding:7vw 0;width:100%;text-align:center;background-repeat:no-repeat;background-size:100% auto;background-position:center top, center bottom;background-image:url(/dreaming/sp/assets/img/footer_app_line.png), url(/dreaming/sp/assets/img/footer_app_line.png)}
.footer_app img{width:100%}
.footer_app h2{position:relative;margin:0 auto 3.4vw;padding:0 0 0 21vw;width:90%;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer_app h2:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:18.4vw;height:18.4vw;border:2px solid #fff;border-radius:24%;background-size:100%;background-repeat:no-repeat;background-image:url(/dreaming/assets/img/game_icon.jpg)}
.footer_app a{display:inline-block;width:44.6%}
footer{position:relative;padding:20px 0 0;color:#fff;font-size:12px;line-height:1.5;text-align:center;position:relative;background:#31394c;z-index:100}
footer{padding:8vw 0 4vw}
footer .footerBox{display:block}
footer .footerBox .coloplLogo{margin:0 auto 4vw;width:100%;max-width:100%;text-align:center}
footer .footerBox .coloplLogo a{display:inline-block;width:46vw;text-align:center}
footer .footerBox .footerCaution{padding:0 4vw}
footer .footerBox .footerCaution li{margin:0 0 2vw 3vw;font-size:2.6vw;line-height:1.2;list-style:disc;list-style-position:outside}
footer .coloplLogo{width:40%;max-width:180px}
footer .coloplLogo img{width:100%}
footer .appNotice{display:inline-block;width:90%;margin:0 auto;padding:10px 0;border-radius:4px}
footer .appNotice li{margin:0 0 10px 20px;list-style-type:disc;line-height:1.5;font-size:2vw}
footer .appNotice li:last-child{margin:0 0 0 5px;list-style-type:none}
footer .link{padding:15px 0 0;line-height:1.5;text-align:center;font-size:3vw;color:#fff}
footer .link a:link,footer .link a:visited{color:#fff}
footer .coloplLogo{display:inline-block}
footer .coloplLogo img{position:relative;top:-5px}
p.notice{text-align:center;font-size:12px;color:#dfcfc0;padding:0 0 20px 0}
footer .copyright{padding:5% 0 5%;text-align:center;font-size:3vw;color:#fff}
}
@media only screen and (min-device-width:1024px){html{font-size:23px}
body main{margin:0 auto;width:500px;border-left:2px solid #fc3988;border-right:2px solid #fc3988}
.appArea{position:relative;width:100%;height:auto;text-align:center;background:#04c5ef}
.appArea img{width:auto}
.appArea .logo{padding-top:50px;text-align:center}
.appArea .text{position:relative;width:290px;margin:0 auto;padding:36px 0 18px}
.appArea .text li{font-size:13px;color:#fff;padding:10px 0}
.appArea .draft{display:inline-block;width:284px;margin:40px auto 0;padding:8px 0;background:#fff;color:#04c5ef;font-size:18px;letter-spacing:.2em;text-align:center}
.appArea p{padding:6px 0 30px;color:#fff;text-align:center;font-size:13px}
.footer_app{margin:40px auto 0;padding:32px 0 0;width:675px;height:225px;text-align:center;background-repeat:no-repeat;background-position:center bottom;background-image:url(/dreaming/assets/img/pc_app_bg.png)}
.footer_app h2{position:relative;margin:-32px auto 11px;padding:54px 0 0 168px;width:350px;height:92px}
.footer_app h2:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:140px;height:140px;border:4px solid #fff;border-radius:24%;background-size:100%;background-repeat:no-repeat;background-image:url(/dreaming/assets/img/game_icon.jpg)}
.footer_app a:last-child{margin:0 0 0 10px}
footer{padding:20px 0;color:#fff;font-size:12px;line-height:1.5;text-align:center;position:relative;background:#31394c}
.footerBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 auto;width:1000px;height:57px}
.footerCaution{margin:0 0 0 12px}
.footerCaution li{margin:0 0 0 2em;line-height:1.4;list-style:disc;list-style-position:outside}
footer .appNotice{display:inline-block;width:535px;margin:15px auto 0;padding:10px 20px;border-radius:4px;line-height:1.5;font-size:10px}
footer .appNotice li{margin:0 0 10px 20px;list-style-type:disc}
footer .appNotice li:last-child{margin:0 0 0 5px;list-style-type:none}
footer .link{padding:30px 0;line-height:1.5;text-align:center;font-size:10px;color:#fff}
footer .link a:link,footer .link a:visited{color:#fff;padding:0 15px}
.copyright{margin-top:0%;padding:0 0 20px;text-align:center;font-size:10px}
}
.top{width:100%;/*height:45rem;*/height:auto;background-size:100% auto;background-repeat:no-repeat;background-image:url(../img/top_bg_cp.jpg)}
.top h1{padding:10.8rem 0 0;margin:0 auto;width:95%}
.top[data-term-open="0"]{height:auto;}
.top[data-term-open="0"] .top_term .term_wrap{margin:0;height:0}
.top[data-term-open="1"]{height:74rem}
.top[data-term-check=false] .top_btn_start{opacity:.5;pointer-events:none}
.top[data-term-check=true] .top_btn_start{opacity:1;pointer-events:auto}
.top_pc{display:none;position:relative;margin:0 auto;width:80%;text-align:center}
.top_pc p{display:inline-block;margin:1rem auto 0;font-size:0.7rem;line-height:1.4;color:#696969;text-align:center}
body[data-device=pc]{background-size:180% auto;background-position:center top;background-repeat:no-repeat;background-image:url(../img/pc_bg.jpg)}
body[data-device=pc] .top_sp{display:none}
body[data-device=pc] .top_pc{display:block}
.top_term{position:relative;margin:0 auto;width:80%;text-align:center}
.top_term .top_term_area{position:relative;margin:0 auto;padding:1rem 1rem 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.8);border:2px solid #fc3988;border-radius:0.6rem;box-sizing:border-box;text-align:left}
.top_term .top_term_area h2{display:inline-block;margin:0 0 1rem;color:#696969;font-weight:bold;line-height:1.7}
.top_term .top_term_area h2 button{display:inline-block;color:#fc3988;font-size:1.2rem;font-weight:bold;text-decoration:underline;-webkit-text-decoration-color:#ffff00;text-decoration-color:#ffff00;cursor:pointer}
.top_term .top_term_area h2 button:hover{-webkit-text-decoration-color:#fc3988;text-decoration-color:#fc3988}
.top_term .top_term_area .term_check{position:absolute;top:.7rem;right:1rem;padding:0;margin:0;display:inline-block;width:2.2rem;height:2.2rem;visibility:hidden}
.top_term .top_term_area .term_check+label{position:absolute;top:.7rem;right:1rem;display:inline-block;width:2.2rem;height:2.2rem;background-size:100% 100%;background-image:url(../img/top_check_off.gif)}
.top_term .top_term_area .term_check:checked+label{background-image:url(../img/top_check_on.gif)}
.top_term .term_wrap{position:relative;margin:0 0 1rem;width:100%;height:10rem;-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -1px -1px 1px rgba(0, 0, 0, 0.4);box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.4), inset -1px -1px 1px rgba(0, 0, 0, 0.4);background-color:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:margin ,height 400ms ease-out;-o-transition:margin ,height 400ms ease-out;transition:margin ,height 400ms ease-out}
.top_term .term_wrap iframe{width:100%;height:100%}
.top_term p{display:inline-block;margin:4vw auto;font-size:0.7rem;line-height:1.4;color:#696969;text-align:center}
.top_btn_start{display:block;margin:0 auto;width:80%}
.top_sns{margin:1rem 0 0;padding:3.3rem 0 1rem;background-repeat:no-repeat;background-size:100% auto;background-image:url(../img/site/socila_bg.png)}
.top_sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10% 0}
.top_sns ul li{margin:0 4% 0 0;width:22%}
.top_sns ul li:last-child{margin:0}
.maker{position:relative;width:100%;height:100%;text-align:center}
.maker[data-maker-state=load] .window_loading{opacity:1;pointer-events:auto}
.maker[data-maker-state=temp] .list_template{-webkit-transform:translateY(-10.8rem);-ms-transform:translateY(-10.8rem);transform:translateY(-10.8rem)}
.maker[data-maker-state=bg] .maker_step_menu,.maker[data-maker-state=chara] .maker_step_menu,.maker[data-maker-state=stamp] .maker_step_menu,.maker[data-maker-state=word] .maker_step_menu{-webkit-transform:translateY(-3rem);-ms-transform:translateY(-3rem);transform:translateY(-3rem)}
.maker[data-maker-state=bg] .maker_step_menu .btn_bg:after{opacity:1}
.maker[data-maker-state=bg] .list_background{-webkit-transform:translateY(-10rem);-ms-transform:translateY(-10rem);transform:translateY(-10rem)}
.maker[data-maker-state=bg] .edit_chara canvas{pointer-events:auto}
.maker[data-maker-state=chara] .maker_step_menu .btn_chara:after{opacity:1}
.maker[data-maker-state=chara] .list_chara{-webkit-transform:translateY(-10rem);-ms-transform:translateY(-10rem);transform:translateY(-10rem)}
.maker[data-maker-state=chara] .edit_chara canvas{pointer-events:auto}
.maker[data-maker-state=stamp] .maker_step_menu .btn_stamp:after{opacity:1}
.maker[data-maker-state=stamp] .list_stamp{-webkit-transform:translateY(-10rem);-ms-transform:translateY(-10rem);transform:translateY(-10rem)}
.maker[data-maker-state=stamp] .edit_stamp canvas{pointer-events:auto}
.maker[data-maker-state=word] .maker_step_menu .btn_word:after{opacity:1}
.maker[data-maker-state=word] .list_word{-webkit-transform:translateY(-10rem);-ms-transform:translateY(-10rem);transform:translateY(-10rem)}
.maker[data-maker-state=word] .edit_word .textarea_div{background-color:#fff}
.maker[data-maker-state=word] .edit_control{display:none}
.maker[data-maker-state=word] .edit_control canvas{pointer-events:none}
.top_menu{position:absolute;top:0;width:100%;z-index:2000}
.top_menu .maker_top_btn_back,.top_menu .maker_top_btn_help{position:absolute;top:0;width:3rem;height:1.3rem}
.top_menu .maker_top_btn_back{left:0}
.top_menu .maker_top_btn_help{right:0}
.edit_canvas{position:relative;display:inline-block;margin:2rem auto 0;max-width:90%;height:60%}
.edit_canvas .edit_temp{position:relative;display:inline-block;text-align:center;width:100%;height:100%;text-align:center}
.edit_canvas .edit_temp img{display:inline-block;-webkit-box-shadow:0.2vw 0.2vw 0.2vw rgba(0, 0, 0, 0.2), -0.2vw -0.2vw 0.2vw rgba(0, 0, 0, 0.2);box-shadow:0.2vw 0.2vw 0.2vw rgba(0, 0, 0, 0.2), -0.2vw -0.2vw 0.2vw rgba(0, 0, 0, 0.2)}
.edit_canvas>div{position:relative;display:inline-block;height:100%}
.edit_canvas>div>div{position:absolute;top:0;left:0}
.edit_canvas canvas{position:absolute;top:0;left:0;pointer-events:none}
.edit_canvas .edit_stamp{z-index:1003}
.edit_canvas .edit_chara{z-index:1002}
.edit_canvas .edit_word{z-index:1001}
.edit_canvas .edit_word .edit_word_inner{position:absolute}
.edit_canvas .edit_word .textarea_div{position:absolute;padding:0.2rem;width:100%;height:100%;opacity:1;text-align-last:auto;color:#4d4e73;line-height:1.2;font-size:1rem;font-family:'M PLUS 1p', sans-serif;border:2px solid #fc3988;-webkit-box-sizing:border-box;box-sizing:border-box}
.edit_canvas .edit_word .textarea_div p{display:inline-block;padding:0;margin:0;width:100%;color:inherit;line-height:1;text-align:inherit;font-size:inherit;font-weight:inherit;font-family:'M PLUS 1p', sans-serif}
.edit_canvas .edit_word .textarea_div div{display:inline}
.edit_canvas .edit_temp_over{position:absolute;top:0;left:0;display:inline-block;text-align:center;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1100}
.edit_canvas .edit_temp_over img{width:100%;height:auto}
.edit_canvas .edit_temp_over:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);background-repeat:no-repeat;background-position:center;background-image:url(../img/loading.gif);z-index:1200;pointer-events:none;-webkit-transition:opacity 200ms ease-out;-o-transition:opacity 200ms ease-out;transition:opacity 200ms ease-out;opacity:0}
.edit_canvas[data-edit-state=loading] .edit_temp_over:after{opacity:1}
.edit_control{position:absolute;top:0;left:0;padding:120% 0 0;width:100%;height:0;z-index:1010}
.edit_control canvas{position:absolute;top:0;left:0;width:100%;height:100%}
@media (min-aspect-ratio:5/8){.edit_canvas .edit_temp{width:auto}
.edit_canvas .edit_temp img{width:auto;height:100%}
.edit_control{padding:105% 0 0}
}
body[data-device=android] .edit_canvas .edit_temp{width:100%}
body[data-device=android] .edit_canvas .edit_temp img{width:100%;height:auto}
body[data-device=android] .maker[data-maker-state=word] .list_word{-webkit-transform:translateY(-14rem);-ms-transform:translateY(-14rem);transform:translateY(-14rem)}
body[data-device=android] .bottom_menu div.list_word{padding:.6rem .4rem 2.3rem}
body[data-device=android] .bottom_menu div.list_word .textarea_android{display:block;position:relative;padding:0.2rem;margin:0 auto 0.6rem;width:95%;height:3.2rem;border:2px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;text-align:left}
body[data-device=android] .bottom_menu div.list_word .textarea_android p{display:inline-block;padding:0;margin:0;width:100%;color:inherit;line-height:1;text-align:inherit;font-size:inherit;font-weight:inherit;font-family:'M PLUS 1p', sans-serif}
body[data-device=android] .bottom_menu div.list_word .textarea_android div{display:inline}
.bottom_menu{position:fixed;bottom:0;left:0;width:100%;-webkit-box-sizing:box-sizing;box-sizing:box-sizing;z-index:10000}
.bottom_menu>div{position:absolute;top:2rem;padding:.6rem .4rem 2.5rem;width:100%;background-color:rgba(255, 255, 255, 0.6);-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;-o-transition:transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out;-webkit-box-sizing:border-box;box-sizing:border-box}
.bottom_menu>div:before{content:'';position:absolute;top:-1.3rem;left:0;width:100%;height:1.4rem;background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.bottom_menu>div.list_template{padding:.6rem .4rem}
.bottom_menu>div.list_template:before{background-image:url(../img/menu_head_temp.png)}
.bottom_menu>div.list_template ul button{width:auto;border:none;border-radius:0}
.bottom_menu>div.list_template ul button img{width:auto;height:100%;border-radius:0}
.bottom_menu>div.list_background:before{background-image:url(../img/menu_head_bg.png)}
.bottom_menu>div.list_background button{border-color:#71e4fe}
.bottom_menu>div.list_background button.select:before{background-color:rgba(113, 228, 254, 0.7)}
.bottom_menu>div.list_background button span{border-color:#71e4fe;background-color:#71e4fe}
.bottom_menu>div.list_chara:before{background-image:url(../img/menu_head_chara.png)}
.bottom_menu>div.list_chara input+label[for=yuma]:after{background-image:url(../img/ui/menu_chara_dir_yuma_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=yuma]:after{background-image:url(../img/ui/menu_chara_dir_yuma_on.png)}
.bottom_menu>div.list_chara input+label[for=yanagi]:after{background-image:url(../img/ui/menu_chara_dir_yanagi_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=yanagi]:after{background-image:url(../img/ui/menu_chara_dir_yanagi_on.png)}
.bottom_menu>div.list_chara input+label[for=senri]:after{background-image:url(../img/ui/menu_chara_dir_senri_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=senri]:after{background-image:url(../img/ui/menu_chara_dir_senri_on.png)}
.bottom_menu>div.list_chara input+label[for=takaomi]:after{background-image:url(../img/ui/menu_chara_dir_takaomi_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=takaomi]:after{background-image:url(../img/ui/menu_chara_dir_takaomi_on.png)}
.bottom_menu>div.list_chara input+label[for=touji]:after{background-image:url(../img/ui/menu_chara_dir_touji_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=touji]:after{background-image:url(../img/ui/menu_chara_dir_touji_on.png)}
.bottom_menu>div.list_chara input+label[for=shion]:after{background-image:url(../img/ui/menu_chara_dir_shion_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=shion]:after{background-image:url(../img/ui/menu_chara_dir_shion_on.png)}
.bottom_menu>div.list_chara input+label[for=issei]:after{background-image:url(../img/ui/menu_chara_dir_issei_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=issei]:after{background-image:url(../img/ui/menu_chara_dir_issei_on.png)}
.bottom_menu>div.list_chara input+label[for=mikage]:after{background-image:url(../img/ui/menu_chara_dir_mikage_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=mikage]:after{background-image:url(../img/ui/menu_chara_dir_mikage_on.png)}
.bottom_menu>div.list_chara input+label[for=shinya]:after{background-image:url(../img/ui/menu_chara_dir_shinya_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=shinya]:after{background-image:url(../img/ui/menu_chara_dir_shinya_on.png)}
.bottom_menu>div.list_chara input+label[for=shigure]:after{background-image:url(../img/ui/menu_chara_dir_shigure_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=shigure]:after{background-image:url(../img/ui/menu_chara_dir_shigure_on.png)}
.bottom_menu>div.list_chara input+label[for=jin]:after{background-image:url(../img/ui/menu_chara_dir_jin_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=jin]:after{background-image:url(../img/ui/menu_chara_dir_jin_on.png)}
.bottom_menu>div.list_chara input+label[for=chizuru]:after{background-image:url(../img/ui/menu_chara_dir_chizuru_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=chizuru]:after{background-image:url(../img/ui/menu_chara_dir_chizuru_on.png)}
.bottom_menu>div.list_chara input+label[for=kasuka]:after{background-image:url(../img/ui/menu_chara_dir_kasuka_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=kasuka]:after{background-image:url(../img/ui/menu_chara_dir_kasuka_on.png)}
.bottom_menu>div.list_chara input+label[for=minato]:after{background-image:url(../img/ui/menu_chara_dir_minato_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=minato]:after{background-image:url(../img/ui/menu_chara_dir_minato_on.png)}
.bottom_menu>div.list_chara input+label[for=rintaro]:after{background-image:url(../img/ui/menu_chara_dir_rintaro_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=rintaro]:after{background-image:url(../img/ui/menu_chara_dir_rintaro_on.png)}
.bottom_menu>div.list_chara input+label[for=yuni]:after{background-image:url(../img/ui/menu_chara_dir_yuni_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=yuni]:after{background-image:url(../img/ui/menu_chara_dir_yuni_on.png)}
.bottom_menu>div.list_chara input+label[for=yousuke]:after{background-image:url(../img/ui/menu_chara_dir_yousuke_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=yousuke]:after{background-image:url(../img/ui/menu_chara_dir_yousuke_on.png)}
.bottom_menu>div.list_chara input+label[for=kiichi]:after{background-image:url(../img/ui/menu_chara_dir_kiichi_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=kiichi]:after{background-image:url(../img/ui/menu_chara_dir_kiichi_on.png)}
.bottom_menu>div.list_chara input+label[for=masachika]:after{background-image:url(../img/ui/menu_chara_dir_masachika_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=masachika]:after{background-image:url(../img/ui/menu_chara_dir_masachika_on.png)}
.bottom_menu>div.list_chara input+label[for=mamoru]:after{background-image:url(../img/ui/menu_chara_dir_mamoru_off.png)}
.bottom_menu>div.list_chara input:checked+label[for=mamoru]:after{background-image:url(../img/ui/menu_chara_dir_mamoru_on.png)}
.bottom_menu>div.list_chara button{border-color:#d2b1ff}
.bottom_menu>div.list_chara button img{border:none}
.bottom_menu>div.list_chara button span{border-color:#d2b1ff;background-color:#d2b1ff}
.bottom_menu>div.list_stamp:before{background-image:url(../img/menu_head_stamp.png)}
.bottom_menu>div.list_stamp input+label{background-repeat:no-repeat;background-size:0% 0%}
.bottom_menu>div.list_stamp input+label:after{top:0.2rem;background-size:80% auto;background-position:center;background-repeat:no-repeat;background-image:inherit;border-radius:0.4rem;z-index:10022}
.bottom_menu>div.list_stamp input+label.long:after{background-size:auto 90%}
.bottom_menu>div.list_stamp input+label:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:3.6rem;height:4.4rem;background-image:url(../img/ui/menu_stamp_dir_off.png);background-size:100% auto;z-index:10020}
.bottom_menu>div.list_stamp input:checked+label:after{z-index:10020}
.bottom_menu>div.list_stamp input:checked+label:before{background-image:url(../img/ui/menu_stamp_dir_on.png);opacity:.8;z-index:10022}
.bottom_menu>div.list_stamp button{border-color:#51de65}
.bottom_menu>div.list_stamp button img{border:none}
.bottom_menu>div.list_stamp button span{border-color:#51de65;background-color:#51de65}
.bottom_menu>div.list_word:before{background-image:url(../img/menu_head_word.png)}
.bottom_menu>div.list_word button{border-color:#ffc514}
.bottom_menu>div.list_word button span{border-color:#ffc514;background-color:#ffc514}
.bottom_menu>div>ul{position:relative;margin:0;padding:.0rem .3rem .7rem .3rem;width:96%;-webkit-box-sizing:box-sizing;box-sizing:box-sizing;font-size:0;overflow-x:auto;overflow-y:hidden;box-sizing:box-sizing;-webkit-overflow-scrolling:touch;white-space:nowrap}
.bottom_menu>div>ul>li{position:relative;display:inline-block;margin:0 0.8rem 0 0;width:auto;height:auto;vertical-align:top}
.bottom_menu>div>ul>li button{position:relative;width:3.8rem;height:3.8rem;border:2px #d2b1ff solid;border-radius:0.5rem;overflow:hidden;text-align:center}
.bottom_menu>div>ul>li button.select:before{content:'SELECT';position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-size:.5rem;color:#fff;text-align:center;vertical-align:middle;background-color:rgba(252, 57, 136, 0.7)}
.bottom_menu>div>ul>li button.long img{width:auto;height:100%}
.bottom_menu>div>ul>li button img{width:100%;height:auto;border:2px #fff solid;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.5rem}
.bottom_menu>div>ul>li button span{position:absolute;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:0.7rem;font-size:.5rem;font-weight:bold;z-index:100;color:#fff;border-top:2px #d2b1ff solid;background-color:#d2b1ff;z-index:10000}
.bottom_menu>div>ul>li input{display:none}
.bottom_menu>div>ul>li input:checked+label>ol{padding:0 0 0 4.2rem}
.bottom_menu>div>ul>li input:checked+label>ol>li{margin-left:0}
.bottom_menu>div>ul>li label{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:auto;min-width:3.6rem;min-height:4.4rem;cursor:pointer;-webkit-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;overflow:hidden}
.bottom_menu>div>ul>li label:after{content:'';position:absolute;top:0;left:0;display:inline-block;margin:0 0 0 0;width:3.6rem;height:4.4rem;background-size:100% auto;background-repeat:no-repeat;z-index:10100}
.bottom_menu>div>ul>li label>ol{position:relative;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;white-space:nowrap;-webkit-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;vertical-align:middle}
.bottom_menu>div>ul>li label>ol>li{position:relative;display:block;margin:0 .6rem 0 -6rem;width:3.8rem;height:3.8rem;-webkit-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;vertical-align:top}
.bottom_menu>div>ul>li label>ol>li[data-chara-new=true]:before,.bottom_menu>div>ul>li label>ol>li[data-stamp-new=true]:before{content:'';position:absolute;top:-10%;left:-10%;padding:30% 0 0;width:30%;height:0;background-repeat:no-repeat;background-size:100% auto;background-image:url(../img/ui/icon_news.png);z-index:10200}
.bottom_menu>div.list_word .textarea_android{display:none}
.bottom_menu>div.list_word[data-no-input=on]:after{content:'テキスト入力エリアのあるテンプレートを\A選択してください';position:absolute;top:0;left:0;padding:1.6rem 1rem 1rem;width:100%;height:100%;font-size:0.8rem;line-height:1.4;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.8);white-space:pre;z-index:10200}
.bottom_menu>div.list_word>ul>li input+label ol li{width:2.4rem}
.bottom_menu>div.list_word>ul>li input+label ol li button{width:2.4rem}
.bottom_menu>div.list_word>ul>li input+label ol li button img{border-radius:0}
.bottom_menu>div.list_word>ul>li:first-child input + label:after{background-size:100% 100%;background-image:url(../img/ui/menu_word_dir_aling_off.png)}
.bottom_menu>div.list_word>ul>li:first-child input:checked + label:after{background-image:url(../img/ui/menu_word_dir_on.png)}
.bottom_menu>div.list_word>ul>li:first-child input + label ol li button{border:none}
.bottom_menu>div.list_word>ul>li:first-child input + label ol li button.select:before{display:none}
.bottom_menu>div.list_word>ul>li:first-child input + label ol li button img{width:100%;height:100%}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label:after{background-size:100% 100%;background-image:url(../img/ui/menu_word_dir_scale_off.png)}
.bottom_menu>div.list_word>ul>li:nth-child(2) input:checked+label:after{background-image:url(../img/ui/menu_word_dir_on.png)}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button.select:before{content:'';background-color:rgba(255, 197, 20, 0.6)}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-0.6rem 0 0;width:100%;height:1rem;font-size:1rem;text-align:center;font-style:normal;color:#000;z-index:10000}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="0.5"] i{font-size:0.5rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="0.6"] i{font-size:0.6rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="0.7"] i{font-size:0.7rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="0.8"] i{font-size:0.8rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="0.9"] i{font-size:0.9rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="1.0"] i{font-size:1rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="1.2"] i{font-size:1.2rem}
.bottom_menu>div.list_word>ul>li:nth-child(2) input+label li button[data-word-size="1.4"] i{font-size:1.4rem}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label:after{background-size:100% 100%;background-image:url(../img/ui/menu_word_dir_color_1_off.png)}
.bottom_menu>div.list_word>ul>li:nth-child(3) input:checked+label:after{background-image:url(../img/ui/menu_word_dir_on.png)}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button.select{background-color:rgba(255, 197, 20, 0.6)}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button.select:before{position:relative}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button:before{content:'';width:2rem;height:2rem;background-color:#000;border-radius:1rem}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button span{background-color:#ffc514;border-color:#ffc514}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#4d4e73"]:before{background-color:#4d4e73}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#8f8ba1"]:before{background-color:#8f8ba1}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#cdd4d7"]:before{background-color:#cdd4d7}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#d6cbc7"]:before{background-color:#d6cbc7}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#e2b498"]:before{background-color:#e2b498}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#ffa8a1"]:before{background-color:#ffa8a1}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#f15183"]:before{background-color:#f15183}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#c6639e"]:before{background-color:#c6639e}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#783f7e"]:before{background-color:#783f7e}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#5c728a"]:before{background-color:#5c728a}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#50c2dc"]:before{background-color:#50c2dc}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#7db0d6"]:before{background-color:#7db0d6}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#948c77"]:before{background-color:#948c77}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#009c59"]:before{background-color:#009c59}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#8fc79c"]:before{background-color:#8fc79c}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#ffda69"]:before{background-color:#ffda69}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#ffb20f"]:before{background-color:#ffb20f}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#ff8e00"]:before{background-color:#ff8e00}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#fd6921"]:before{background-color:#fd6921}
.bottom_menu>div.list_word>ul>li:nth-child(3) input+label li button[data-word-color="#d7004e"]:before{background-color:#d7004e}
.bottom_menu button.btn_temp_select{margin:0 auto;display:block;width:80%}
.maker_step_menu{position:fixed;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-transform 300ms ease-out;transition:-webkit-transform 300ms ease-out;-o-transition:transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out;z-index:20000}
.maker_step_menu ol{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.maker_step_menu ol li{font-size:0}
.maker_step_menu ol li button{position:relative;background-repeat:no-repeat;background-size:100% auto}
.maker_step_menu ol li button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;opacity:0;z-index:10}
.maker_step_menu ol li button.btn_bg:after{background-image:url(../img/btn_bg_on.png)}
.maker_step_menu ol li button.btn_chara:after{background-image:url(../img/btn_chara_on.png)}
.maker_step_menu ol li button.btn_stamp:after{background-image:url(../img/btn_stamp_on.png)}
.maker_step_menu ol li button.btn_word:after{background-image:url(../img/btn_word_on.png)}
.window_loading{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);pointer-events:none;opacity:0;z-index:100000}
.window_loading img{width:20%}
.result{width:100%;height:auto;text-align:center}
.result .result_top_menu{position:absolute;top:0;width:100%;z-index:2000}
.result .result_top_menu .result_top_btn_back{position:absolute;top:0;left:0;width:3rem;height:1.3rem}
.result .result_img{margin:1.4rem auto 0;width:80%}
.result .result_text{display:inline-block;margin:4vw auto;font-size:0.7rem;line-height:1.4;color:#696969;text-align:center}
.result .result_btn_restart{display:block;margin:1.4rem auto 0;width:76%}
.result .result_sns{margin:0 0;padding:3.3rem 0 1rem;background-repeat:no-repeat;background-size:100% auto;background-image:url(../img/site/result_sns_bg.png)}
.result .result_sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10% 0}
.result .result_sns ul li{
    margin:0 4% 0 0;
    width:94%;
}
.result .result_sns ul li:last-child{margin:0}