@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body{line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block; }
ul{list-style:none; }
blockquote, q{quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none; }
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
img{vertical-align:top; font-size:0; line-height:0; }
ins{background-color:#ff9; color:#000; text-decoration:none; }
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del{text-decoration:line-through; }
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help; }
table{border-collapse:collapse; border-spacing:0; }
em{font-style:normal; }
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select{vertical-align:middle;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

html{font-size:62.5%;}
body{font-size:14px; font-size:1.4rem; font-family:'Open Sans Condensed','Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif; letter-spacing:0.1rem; line-height:1.6; text-align:center; -webkit-text-size-adjust:100%; color:#000; max-height: 100%; box-sizing:border-box; margin:0;}

img {width:100%; max-width:100%; height:auto;}

/*Layout*/
a{color:#000; text-decoration:none; opacity: 1; transition: 0.5s; -webkit-transition:0.5s; text-decoration:underline;}
a:hover{opacity: 0.7; transition: 0.5s; -webkit-transition:0.5s;}
a.line{text-decoration:underline;}

.red{color:#cc0000;}

br.pc{display:none;}
br.smp{display:block;}
br.tbl{display:block;}
@media only screen and (min-width:660px) {
br.pc{display:block;}
br.smp{display:none;}
}
@media only screen and (min-width:960px) {
br.tbl{display:none;}
}


img[src$=".svg"] {width: 100%;}

a.alink {position: relative; top: -70px; display: block;}
@media only screen and (min-width:740px) {
a.alink {position: relative; top: -150px; display: block;}
}

body{border-top:6px solid #000; border-bottom:3px solid #000;}
#wrapper{word-wrap: break-word; box-sizing:border-box;}
.box{max-width:960px; margin:0 auto;}

.moviebox{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 50px;}
.moviebox iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#topic div.listbox{position: relative; width: 100%; max-width:350px; height: 0; margin:0; padding-bottom:1080px; overflow: hidden; margin-bottom: 50px;}
.listbox iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

header{max-width:960px; margin:0 auto;}
h1{max-width:350px; margin:10px auto 0 auto; padding:0 20px;}

header nav{margin-bottom:10px;}
header nav ul li{display:inline-block; margin-right:10px; font-family:'Roboto',sans-serif; font-weight:100; font-size:20px; font-size:2.0rem;}
header nav ul li:last-child{margin-right:0;}
header nav ul li a{text-decoration:none;}

@media only screen and (min-width:740px) {
header nav ul li{font-size:22px; font-size:2.2rem;}
}

@media only screen and (min-width:800px) {
header{position:relative; padding:0 20px;}
header h1{margin:10px 0; padding:0;}
header nav{position:absolute; right:20px; bottom:10px;}
}
@media only screen and (min-width:980px) {
header{padding:0;}
header nav{right:0;}
}

h2{text-align:left; margin-bottom:10px;}
h2 img{width:inherit;}

footer{padding:20px 0;}
footer #copy{margin-top:20px; font-size:12px; font-size:1.2rem; font-family:'Roboto',sans-serif; font-weight:100;}

@media only screen and (min-width:740px) {
}