@charset "UTF-8";

/* 基本設定 -------------------------*/
body { max-width: 70em; }
.information { display: block flow-root; max-width: 41em; }
.information img { float: right; margin-left: 0.5em; margin-bottom: 0.8em; border: black 1px solid; }
#main { margin-top: 2em; }
#typeRadio { max-width: 40em; }
#typeRadio label { margin-right: 1em; }
.date { font-size: 90%; }
.related { font-size: 90%; border: none; text-decoration: underline; background-color: transparent; cursor: pointer; }
.movies > div { clear: both; }
.movies img { border: black 1px solid; float: left; margin-bottom: 5px; margin-right: 5px; max-width: 100%; height: auto; }

/* PDFのみ -------------------------*/
.pdfonly { max-width: 43em; }
.pdfonly .pdf .title div { display: inline; margin-left: 1em; }
.pdfonly .pdf .text { clear: both; }
.pdfonly .movies { display: none; max-width: 40em; width: 80%; }
.pdfonly .popup { display: block; position: absolute; border: black 2px solid; padding: 5px; background-color: white; }
.pdfonly .close { position: absolute; top: 0px; right: 0px; cursor: pointer;
                  background-color: white; border-color: black; border-style:solid; border-width: 0px 0px 2px 2px;  }

/* 動画あり -------------------------*/
.movie ul { border: black 1px solid; }
.movie li { display: grid; grid-template-columns: 2fr 3fr; margin: 0; }
.movie li > div { border: black 1px solid; padding: 5px; }
.movie .pdf { grid-row: 1; grid-column: 1; }
.movie .movies { grid-row: 1; grid-column: 2; }
.movie .pdf .text { margin-top: 5px; }
.movie .related { display: none; }
.movie .close { display: none; }

.nothumbnail img { display: none; }

/* スマホ用設定 ---------------------*/
@media screen and (max-width: 46em) {
	.movies img { float: none; }
	.movies > div { margin-bottom: 0.7em; }
}