/*! style.css v0.0.0 | MIT License */

/* ============================================ */
body {font-family:"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"メイリオ",Meiryo,Osaka,arial,sans-serif;font-size:10.5pt;line-height:175%;color:#333;}

a, a:visited, a:active {color:#333;text-decoration:none;}
a:hover {color:#f5f;text-decoration:underline;}

/* ============================================ */
header {background:#1680c0;padding:0.5ex;}
header h1 {width:1170px;margin:0 auto;text-align:right;color:#fff;}

section {width:1170px;margin:0 auto 1em;padding:1ex;clear:both;overflow:hidden;}
section.title {margin-bottom:2em;padding:0;}
/* header + section + section + section {min-height:100vh;} */
div#logo {float:left;width:384px;}
div#imagephoto {float:right;width:768px;}
div#logo img {width:100%;}
div#imagephoto img {width:100%;}

section h1 {width:100%;text-align:left;color:#333;font-size:150%;font-weight:bold;}

section.license {width:50%;height:50vh;overflow:scroll;padding:1.5rem;background:#fee;}
section.controls {text-align:center;padding-top:1rem;padding-bottom:1rem;}
section.movie {width:960px;}

a.btn {font-size: 1.5rem;line-height: 1.5;position: relative;display: inline-block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;color: #fff;background-color: #ff0000;padding: 0 3rem;}
a.btn:hover {color: #fff;background:#ff9999;}

table.nav {border-collapse:collapse;width:100%;}
table.nav tbody tr th, table.nav tbody tr td {border:solid 1px;text-align:left;padding:0.5rem 1rem;}

span.session {font-weight:bold;}

footer {background:#7fc258;padding:0.5ex;}
footer address {width:1170px;margin:0 auto;text-align:center;color:#fff;font-style: italic;}


.type01 {background:#ff9;}
.type02 {background:#fde9d9;}
.type03 {background:#fcd5b4;}
.type04 {background:#fabf8f;}
.type05 {background:#eeece1;}
.type06 {background:#ddd9c4;}
.type07 {background:#ebf1de;}
.type08 {background:#e6b8b7;}
.type09 {background:#d8e4bc;}
.type10 {background:#c6d2ae;}
.type11 {background:#f2dcd8;}
.type12 {background:#bfbfbf;}
.type13 {background:#d9d9d9;}
.type14 {background:#dce6f1;}

/* ============================================ */
@media screen and (max-width:960px) {
	header {width:100%;}
	header h1 {width:100%;}
    section {width:100%}
    div#logo {width:33%;}
    div#imagephoto {width:65%;}

    section.license {width:80%;}
    section.movie {width:85%;}

    footer {width:100%;}
    footer address {width:100%;}
}

/* ============================================ */
@media screen and (max-width: 480px) {
	header {width:100%;}
	header h1 {width:100%;text-align:center;}
    section {width:100%}
    div#logo {width:100%;}
    div#imagephoto {display:none;}
    section h1 {text-align:center;word-wrap:break-word;}

    section.license {width:95%}
    section.movie {width:95%;}

    footer {width:100%;}
    footer address {width:100%;}
}