html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, 
strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*----END-----------Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)http://cssreset.com*/

body{ font-family: 'Jura', sans-serif; font-size:16px;color:#454545;}
html{overflow-y:scroll;}
header{position:fixed;background-color: rgb(255, 239, 213, 0.7);top:60px;left:50%;transform:translate(-50%, -50%);width:100%;min-height:100px;box-shadow:0px 2px 20px #999999;border-bottom:1px #999999 inset;}
header p {text-align:center; padding:10px;}
header h1{color:#791531;font-size:40px;font-weight:bold;text-shadow:0 2px 10px #8A8A8A;text-align:center;padding-top:10px}
h2{ color: #791531;font-size:22px;font-weight:bold;text-align: center; margin-top:14px}
span{font-size:12px}
img { display:block;margin:auto;width:80%; box-shadow: 4px 4px 40px #999999; border-radius:0 0 10px 10px }
#container {display:flex;flex-wrap:wrap;justify-content:center;margin-top:-140px}
#container p {padding:14px}
.block {width:200px;height:200px;margin:10px;padding:10px;border:1px #791531 solid;background-color:#FFE6CC;text-align:center;color:#666666;box-shadow: 0px 2px 20px #999999;border-radius:10px;}
.opacity {opacity:0.7}
.opacity:hover{ opacity:0.9}
.opacityvoll {opacity:1}
.opacityvoll:hover {opacity:0.9}
.point{ cursor:pointer;}
a {text-decoration:none; color:#791531}
footer{width:100%;min-height:26px;background-color:#FFE6CC;border-top:1px #F3F3F3 inset;padding:20px 0;margin-top:40px}
footer p{padding:5px;text-align:center}
footer a{ font-size:12px}

@media screen and (max-width: 1100px) {
img {width:100%; border-radius:0}
#container {;margin-top:-90px}
}
@media screen and (max-width: 800px) {
header{top:100px}
img { margin-top:200px}
h2{font-size:16px;margin-top:5px}
#container {;margin-top:10px}
.block {width:170px; height:160px;margin:10px;}
.opacity {opacity:1}
}