@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
#present, #howto, #bs-guide, #bs-guide #bs-event, #bs-guide #bs-report, #download, #organizer { page-break-before: always; }

#bs-guide .accordion > div, .hide { display: block !important; }

header, #drawer-menu, a[class$="btn"], p[class$="btn"], a.txt { display: none !important; }

#pokegomi { height: unset; min-height: 480px; }
#pokegomi .present { bottom: unset; height: 220px; }
#pokegomi dl.project { flex-direction: column; align-items: flex-start; }
#pokegomi dl.project dd.note { padding-top: 1rem; padding-left: 0; }

#present, #howto, #bs-guide, #download, #organizer, footer { border-top: 1px solid #ddd; background-color: #fff; }
#present h2, #present h3, #present h4, #howto h2, #howto h3, #howto h4, #bs-guide h2, #bs-guide h3, #bs-guide h4, #download h2, #download h3, #download h4, #organizer h2, #organizer h3, #organizer h4, footer h2, footer h3, footer h4 { color: #444; }

section { padding: 3rem 0; }
section h2 { padding-bottom: 1em; }

#concept .box { background: none; }

#howto [class^="step"] { padding-bottom: 1em; background: none; border-bottom: 1px dashed #ddd; }
#howto [class^="step"].clm2 { flex-direction: column; }
#howto [class^="step"].clm2 > figure, #howto [class^="step"].clm2 > picture { display: none; }
#howto [class^="step"].clm2 .box { width: 100%; }
#howto [class^="step"].clm2 .bnr { width: 40%; }

#bs-guide .clm2 figure { width: 40%; }
#bs-guide .clm2 p { width: 58%; }