@import url("https://fonts.googleapis.com/css?family=Concert+One|Noto+Sans+JP:400,900|Roboto:400,900|M+PLUS+Rounded+1c:400,800&display=swap");html{scroll-behavior:smooth}body{font-family:'Roboto', 'Noto Sans JP', sans-serif;margin:0;text-align:center;color:#4f2c13}p,a,h3{letter-spacing:0.08em;line-height:1.8em}a{color:inherit}header{padding-bottom:60px}section,.post{margin:48px auto;padding:8px;width:80vw;max-width:1000px;clear:both;overflow:hidden}section h2{font-family:'Concert One', cursive;font-size:2em;margin-bottom:0.5em}section .caption{font-weight:500;margin:0 auto 2em}@media screen and (max-width: 800px){.x-scroll{overflow-x:scroll;flex-wrap:nowrap !important}}.flex{display:flex;flex-wrap:wrap}.article{background-color:#fff;border-radius:6px;box-shadow:0px 0px 12px rgba(170,170,170,0.3);float:left;margin:12px 8px;text-align:left}.article a{text-decoration:none}.article-contest{padding:4vw;margin:6px 10%;width:calc(80% - 8vw)}.article-contest .article-thumbnail{height:calc(((80vw / 1.5) - 2vw) * (400 / 600))}.article-date{font-weight:bold;margin-bottom:4px}.article-event{padding:2vw;width:calc(50% - 4vw - 16px)}.article-event .article-thumbnail{height:calc( ((80vw / 2) - 4vw - 16px) * (400 / 600) );max-height:calc(((800px / 2) - 40px - 16px) * (400 / 600))}.article-session{padding:2vw;width:calc(50% - 4vw - 16px)}.article-session .article-thumbnail{height:auto !important}.article-news{padding:2vw;transition:0.3s;width:calc(33% - 4vw - 16px)}.article-news .article-thumbnail{height:calc( ((80vw / 3) - 4vw - 16px) * (400 / 600) );max-height:calc(((800px / 3) - 40px - 16px) * (400 / 600))}.article-news:hover{color:#f90;transition:0.3s}.article-thumbnail{border-radius:4px;object-fit:cover;width:100%}.article-title{margin-top:4px}@media screen and (max-width: 800px){.article{padding:4vw;flex:0 0 120px;margin:6px 8px;min-width:70%;width:calc(100% - 8vw)}.article .article-thumbnail{height:calc(((80vw / 1.5) - 2vw) * (400 / 600))}.article-news .article-title{height:auto}}.background-ninja{background:url("https://dojocon2019.coderdojo.jp/img/background.jpg");background-size:80vh auto;padding:24px}.button{background-color:#7dd0ff;border-radius:10px;box-shadow:0px 6px #418ebf;color:#fff;display:block;margin:0 auto 12px;padding:8px 36px;text-align:center;text-decoration:none;transition:0.3s;width:30%}.button:hover{box-shadow:none;opacity:0.8;transform:translateY(12px);transition:0.3s}@media screen and (max-width: 800px){.button{padding:8px 0;width:100%}}footer{background-color:#888;color:#fff;padding-bottom:12px}.footer-menu-list{list-style:none;padding:0}.footer-menu-list li{display:inline}h2{margin-top:1.6em}.img-section{margin-bottom:2vw}.img-section img{border-radius:4px;height:20vw;object-fit:cover;width:100%}.link{background-color:#f90;border-radius:calc(12px + 0.5em);color:#fff;padding:12px;margin-right:6px}.list-simple{list-style:none;margin-top:24px;padding:0}.list-simple a{text-decoration:none}.map{width:100%;max-width:600px}.menu{background-color:#f90;height:60px;position:fixed;top:0;left:0;width:100%;z-index:10}.menu input{display:none}.menu-close{background-color:#ff6a33;border-radius:0 0 0 8px;display:none;padding:24px 14px;position:absolute;right:-24px;top:-14px}.menu-entry-button{background-color:#fff;border-radius:4px;color:#555;display:inline;font-weight:bold;line-height:24px;margin:calc((60px - 40px) / 2);padding:8px 36px;position:absolute;right:10vw;text-decoration:none}.menu-hamburger{cursor:pointer;display:none;position:absolute;top:14px;right:24px;width:20px}.menu-hamburger .fa-times{display:none}.menu-hamburger img{height:30px}.menu-list{list-style:none;margin:auto;padding:0;width:80vw;max-width:1100px}.menu-list>li{color:#fff;float:left;font-weight:bold;line-height:60px}.menu-list>li:not(:last-child){margin-right:24px}.menu-list li a{text-decoration:none}.menu-second{background-color:#f5f5f5;color:#000;display:none;list-style:none;padding:0;position:fixed;text-align:left}.menu-second>li{padding:12px 24px;line-height:1.2em}.menu-second>li:hover{background-color:#ddd}.menu-first:hover>.menu-second{display:block}@media screen and (max-width: 1100px){.menu-entry-button{background-color:#f90;border-radius:0;color:#fff;display:block;font-size:1.2em;margin:0;padding:24px 0;position:static}.menu-list{background-color:rgba(255,255,255,0.8);display:none;height:100vh;overflow-y:scroll;width:100vw}.menu-list>li{color:inherit;display:block;float:none;margin:0 !important;line-height:7vh}.menu-second{background-color:inherit;display:block;position:static;text-align:center}.menu-second>li{line-height:7vh;padding:0}.menu-hamburger{display:block}}#menu-check:checked ~ .menu-list{display:block}#menu-check:checked ~ .menu-hamburger .menu-bars{display:none}#menu-check:checked ~ .menu-hamburger .menu-close{display:block}.outline-one{margin:12px;text-align:left}.outline-one *{display:inline-block;margin:0}.outline-one h3{background-color:#f90;color:#fff;margin-right:12px;padding:4px 12px;text-align:center;width:5em}#page-top a{background-color:#7dd0ff;border-radius:35px;bottom:0;color:#fff;font-size:1.5em;line-height:70px;height:70px;margin:4vw;opacity:0.6;position:fixed;right:0;transition:0.3s;width:70px}#page-top a:hover{opacity:1}.ph{display:none}.post{margin-bottom:12vh;text-align:left}.post h1{text-align:center}.post .post-date,.post .post-time{text-align:center}.post-content{padding:24px 0}.post-content img{display:block;width:100%;margin:auto;max-width:600px}.post-head{background-color:#f90;color:#fff;margin-bottom:60px;padding:60px 0}.post-head h2{margin:0}.post-title{font-size:1.6em}.share a{float:left;line-height:60px;height:60px;width:50%;text-decoration-line:none}.share::after{content:'';clear:both;display:block}.share .share-twitter,.share .share-facebook{display:block}.share-facebook{background-color:#3b5998}.share-twitter{background-color:#1da1f2}.share-line{background-color:#0b0;display:none}@media screen and (max-width: 800px){.share a{width:100%}.share-line{display:block}}.speaker{margin-bottom:48px}.speaker-description{clear:both}.speaker-img{border-radius:60px;float:left;margin:0 12px 12px 0;width:120px}#sponsors h3{background:rgba(15,175,250,0.1);border-radius:10px;clear:both;color:#646464;font-size:14px;margin:auto;padding:5px;text-align:center;width:150px}.sponsors-rank{letter-spacing:-1em;margin-bottom:60px;text-align:left}.sponsors-rank img{display:block;height:16vw;max-height:120px;float:left;object-fit:contain}.sponsors-rank-img{display:block;height:16vw;max-height:120px;float:left;object-fit:contain}.individual{text-align:center;list-style:none;letter-spacing:0.08em;padding:0}.individual li{display:inline-block}.individual li:not(:last-child)::after{content:','}.sponsor-gold{padding:4vw;width:calc(100% - 8vw)}.sponsor-silver{padding:2vw;width:calc(50% - 4vw)}.sponsor-bronze,.sponsor-in-kind{padding:1vw;width:calc(25% - 2vw)}.staff{float:left;padding:1.5vw;width:calc(20% - 3vw)}.staff p{font-size:14px;margin-top:1vw;transition:0.5s;width:100%;height:25px}.staff:hover p{font-weight:bold;transition:0.5s}.staff-image{height:calc(16vw - 3vw);max-height:170px}.staff-image img{border-radius:50%;box-shadow:0 0 3px #d1d3e4;transition:0.5s;width:100%}.staff-image :hover{border-radius:40%;box-shadow:0 0 10px #d1d3e4;transition:0.5s}@media screen and (max-width: 800px){.staff{width:calc(33% - 3vw)}.staff-image{height:calc(26vw - 3vw)}}.table-column{float:left;margin:0 4px}.table-column h3{font-size:1em;margin:0}.table-column p{font-size:12px;margin:0}.table-column ol{list-style:none;margin:0;padding:0}.table-column li{background-color:#f5f5f5;display:block;margin-bottom:8px;padding:10px}.table{z-index:1}.table input{display:none}.table h2{background-color:#f5f5f5;color:#4f2c13;float:left;font-size:1em;margin:4px;padding:8px;text-align:center}.table-content{display:none;position:relative;width:calc(100% - 58px - 16px - 8px)}.table-content li{position:absolute}.table-session li{width:100%}.table-session .session-tag{background-color:#fff}.table-workshop li{width:calc(33% - 20px)}.table-head{width:calc((100% - 58px) / 2 - 16px - 8px)}.table-time{clear:both;width:50px}.table-time li{font-size:12px;font-weight:bold;height:calc(240px - 20px - 8px)}.table-timehead{width:calc(50px - 16px)}#radio-session:checked ~ .table-session,#radio-workshop:checked ~ .table-workshop{display:block}.table input:checked+label h2{background-color:#7dd0ff;color:#fff}@media screen and (max-width: 1000px){.table-head{width:calc((100% - 58px) - 16px - 8px)}.table-timehead{height:calc(24px * 2 + 16px + 8px)}}.tags{text-align:center}.tag-workshop{background:linear-gradient(transparent 70%, #7dd0ff 70%)}.session-tag{background-color:#f5f5f5;margin-bottom:8px;padding:12px;text-align:center}.tag-post{background-color:#f5f5f5;border-radius:1em;display:inline-block;margin:6px;padding:4px 24px}.text{margin:auto;width:80%}.thumbnail{margin:0 10%;width:80%}.top{margin-bottom:0;padding:0;position:relative;text-align:center;width:100%}.top h1{color:#ff6a33;font-family:'Concert One';font-size:8vh;line-height:1em;margin:16px 0}.top img{left:0;z-index:-8}.top p{margin:0}.top-background{left:0;position:absolute;top:60px;width:100%;z-index:-10}.top-cloud{position:absolute;width:100% !important}.top-ninja{bottom:0;max-height:60%;margin:24px 0;max-width:100%}.top-right{vertical-align:middle;height:16px}.top-title{margin:0 10%;max-height:20vh;object-fit:contain;width:80%}.top-title-big{margin:0 20%;width:60%}.top-title-small{display:none}.top-date{color:#ff6a33;font-family:'Concert One';font-size:36px;line-height:1.2em}.top-date span{font-size:24px}.top-theme{color:#4f2c13;font-size:24px;font-family:'M PLUS Rounded 1c';font-weight:800;margin-bottom:24px}.top-venue{color:#4f2c13}@media screen and (max-width: 1000px){.outline-one{text-align:center}.outline-one *{display:block}.outline-one h3{margin:12px auto 6px}.text{width:100%}.ph{display:inline}}@media screen and (max-width: 800px){.top-background{display:none}.top-title-big{display:none}.top-title-small{display:block}}