@charset "UTF-8";*{font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;margin:0;padding:0}:hover{transition:.4s}* .hint{font-size:10pt;padding:12px 0}* a{text-decoration:none}* ul{list-style:none}* button{background:none;border:none;border-radius:12px;cursor:pointer;font-size:12pt}* input,* select,* textarea{background:#f2f2f2;border:none;border-radius:12px;display:block;padding:8px 12px;resize:none}* input[type=checkbox],* input[type=radio],* select{cursor:pointer}* input[type=text],* textarea{cursor:text}* select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#f2f2f2 url(../ui/button/arrow.svg) no-repeat right 16px center/12px auto;border:none;border-radius:12px;height:36px;padding:12px 8px;position:relative}body{background:#f2f2f2}.sectionMain{min-height:calc(100vh - 168px);padding:12px 12px 56px}.sectionMain.empty{align-items:center;display:flex;justify-content:center}.sectionMain.empty .createButton{align-items:center;background:#fff;border:2px solid #f2f2f2;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:12px}.sectionMain.empty .createButton .emptyImage{display:block;fill:#9b9b9b;height:60px;width:60px}.sectionMain.empty .createButton .hint{color:#9b9b9b;padding:0;text-align:center}.sectionMain.empty .createButton:hover{background:#fff;border:2px solid rgba(22,165,188,.5)}.sectionMain.empty .createButton:hover .emptyImage{fill:#16a5bc}.sectionMain.empty .createButton:hover .hint{color:#16a5bc}.sectionMain.loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.sectionMain.loading .loadingImage{display:block;height:60px;width:60px}.sectionMain.loading .hint{color:#9b9b9b;padding:0;text-align:center}.buttonCreate{align-items:center;background:#16a5bc;border:2px solid #16a5bc;border-radius:28px;bottom:0;box-shadow:0 0 8px #0006;display:flex;margin:12px 12px 12px auto;padding:8px 12px;position:fixed;right:0;transition:.4s;z-index:10}.buttonCreate:hover{background:#fff;border:2px solid rgba(22,165,188,.5);transition:.4s}.buttonCreate:hover .buttonIcon{fill:#16a5bc}.buttonCreate:hover .title{color:#16a5bc}.buttonCreate .buttonIcon{fill:#fff;height:20px;margin-right:12px;-o-object-fit:contain;object-fit:contain;width:20px}.buttonCreate .title{color:#fff;font-size:12pt;font-weight:700}.buttonCreate.disable{background:#9b9b9b;border:2px solid #9b9b9b;cursor:not-allowed}.buttonCreate.disable:hover .title{color:#fff}.modal{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:900}.modal .background{background:#00000080;height:100%;width:100%}.modal .window{background:#fff;border-radius:12px;display:grid;grid-template-rows:auto 1fr auto;left:calc(50% - 300px);max-height:calc(100vh - 48px);overflow:hidden;position:fixed;top:24px;width:600px}.modal .window .header{align-items:center;display:flex;justify-content:space-between;padding:12px}.modal .window .header .title{font-size:14pt;font-weight:700}.modal .window .header .buttonClose{align-items:center;display:flex;height:32px;justify-content:center;padding:4px;width:32px}.modal .window .header .buttonClose .buttonIcon{fill:#9b9b9b;height:16px;-o-object-fit:contain;object-fit:contain;width:16px}.modal .window .header .buttonClose:hover{background:#f2f2f2;transition:.4s}.modal .window .contents{overflow-y:auto}.modal .window .contents .list{padding:12px}.modal .window .contents .list .title{font-size:10pt;font-weight:700;margin-bottom:8px;margin-left:12px}.modal .window .contents .list input,.modal .window .contents .list select,.modal .window .contents .list textarea{padding:8px 12px;width:calc(100% - 24px)}.modal .window .contents .list select{width:100%}.modal .window .contents .list.withCheckbox input[type=checkbox]{display:none}.modal .window .contents .list.withCheckbox .checkboxLabel{cursor:pointer;display:block;margin-right:12px;padding:8px 0 8px 48px;position:relative}.modal .window .contents .list.withCheckbox .checkboxLabel:before{border:2px solid #9b9b9b;border-radius:6px;content:"";display:inline-block;height:20px;left:16px;position:absolute;top:calc(50% - 10px);width:20px}.modal .window .contents .list.withCheckbox input[type=checkbox]:checked+label:before{background:#16a5bc;border:2px solid #16a5bc}.modal .window .contents .list.withCheckbox input[type=checkbox]:checked+label:after{border-bottom:3px solid #fff;border-left:3px solid #fff;content:"";display:inline-block;height:8px;left:20.5px;position:absolute;top:calc(50% - 6px);transform:rotate(-45deg);width:10px}.modal .window .contents .list .content.imageAttachment{position:relative}.modal .window .contents .list .content.imageAttachment .inputFile{opacity:0;position:absolute}.modal .window .contents .list .content.imageAttachment .labelImage{background:#f2f2f2;border-radius:12px;cursor:pointer;display:block;padding:24px;text-align:center}.modal .window .contents .list .content.imageAttachment .labelImage:hover{opacity:.5;transition:.4s}.modal .window .contents .list .content.imageAttachment .labelImage p{font-size:10pt}.modal .window .contents .list .content.imageAttachment .labelImage.drop{border:2px dashed rgba(22,165,188,.5)}.modal .window .contents .list .content.imageAttachment .deleteSelectedImage{border-radius:12px;height:200px;overflow:hidden;position:relative;width:100%}.modal .window .contents .list .content.imageAttachment .deleteSelectedImage:before{background:#0006;content:"";display:block;height:100%;position:absolute;width:100%}.modal .window .contents .list .content.imageAttachment .deleteSelectedImage:after{background:url(../ui/button/delete_white.svg) no-repeat 50%/contain;content:"";display:inline-block;height:24px;left:calc(50% - 12px);margin-right:8px;position:absolute;top:calc(50% - 12px);width:24px}.modal .window .contents .list .content.imageAttachment .deleteSelectedImage:hover:before{background:#0003;transition:.4s}.modal .window .contents .list .content.imageAttachment .deleteSelectedImage .image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal .window .footer{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:12px}@media screen and (min-width:1366px){.buttonCreate{right:calc(50% - 680px)}}@media screen and (max-width:768px){.sectionMain{min-height:calc(100vh - 200px);padding:12px 12px 116px;width:calc(100% - 24px)}.sectionMain.myPage{min-height:calc(100vh - 132px);padding:12px}.itemCreate{bottom:64px}.modal .window{left:12px;max-height:calc(100vh - 160px);width:calc(100% - 24px)}.wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:68px 1fr}.menu{flex-direction:row;height:68px;justify-content:space-between;padding:12px;width:calc(100% - 48px)}.menu .appIcon{height:60px}.menu .appIcon img{height:100%;width:auto}.menu .mainmenu{flex-direction:row;margin-bottom:0}.menu .mainmenu a{flex-direction:column;padding:12px 6px}.menu .mainmenu a:first-child{margin-right:12px}.menu .mainmenu a img{margin-bottom:8px;margin-right:0}.menu .mainmenu a p,.menu .submenu p{font-size:9pt}.main{margin-left:0;margin-top:108px;overflow-y:none;width:100%}.main .main_wrapper{padding:12px;width:calc(100% - 24px)}}.modal[data-v-ecab7258]{z-index:999}.header .logo[data-v-ecab7258]{height:20px}.video[data-v-ecab7258]{height:400px;-o-object-fit:contain;object-fit:contain;width:100%}.description[data-v-ecab7258]{display:flex;flex-direction:column;gap:12px;padding:12px;text-align:center}.description .title[data-v-ecab7258]{font-size:24px;font-weight:700}.description .title span[data-v-ecab7258]{background:linear-gradient(transparent,transparent 50%,gold 0,gold)}.functions[data-v-ecab7258]{flex-wrap:wrap;justify-content:center;max-width:600px}.functions[data-v-ecab7258],.functions .function[data-v-ecab7258]{display:flex;gap:12px;padding:12px}.functions .function[data-v-ecab7258]{align-items:center;border:2px solid #f2f2f2;border-radius:12px;flex-direction:column;flex-shrink:0}.functions .function .image[data-v-ecab7258]{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.functions .function .title[data-v-ecab7258]{color:#9b9b9b;font-size:10pt;font-weight:700;text-align:center}.footer[data-v-ecab7258]{align-items:center!important;flex-direction:column!important;justify-content:center!important;padding:20px 12px}.footer .buttons[data-v-ecab7258]{align-items:center;display:flex;justify-content:space-around;margin-bottom:12px;margin-top:12px;width:100%}.footer .buttons .subscription[data-v-ecab7258]{background:#16a5bc;border:2px solid #16a5bc;border-radius:30px;color:#fff;padding:8px 24px;position:relative}.footer .buttons .subscription .buttonTitle[data-v-ecab7258]{font-weight:700}.footer .buttons .subscription .buttonTitle .amount[data-v-ecab7258]{font-size:24px}.footer .buttons .subscription[data-v-ecab7258]:hover{background:#fff;border:2px solid rgba(22,165,188,.5);color:#16a5bc}.footer .buttons .subscription .discount[data-v-ecab7258]{background:#fff;border:2px solid #16a5bc;border-radius:24px;box-shadow:0 0 8px #0006;color:#16a5bc;font-size:10pt;font-weight:700;padding:4px 12px;position:absolute;right:-24px;top:-28px}.footer .processing[data-v-ecab7258]{align-items:center;display:flex;gap:8px}.footer .processing .loading[data-v-ecab7258]{height:20px;width:20px}.footer .processing .title[data-v-ecab7258]{color:#16a5bc;font-size:10pt;font-weight:700}
