*{box-sizing:border-box}html{min-height:100%;background:#fff}body{margin:0;color:#34271e;font:15px/1.65 Georgia,serif;background:#fffaf1;background-image:linear-gradient(to bottom,transparent 320px,rgba(255,250,241,.12) 440px,#fffaf1 860px),url(assets/osiris-osaka/c1-panorama-v3.jpg);background-position:center top;background-size:1920px auto;background-repeat:no-repeat}a{color:#795421;text-decoration:none}a:hover{color:#b17c32;text-decoration:underline}header{height:350px;max-width:1100px;margin:auto;padding:70px 0 0 170px}.brand{display:inline-block;color:#dba345;font:bold 80px/1 Georgia,serif;letter-spacing:5px;text-shadow:0 2px #4a260f,2px 4px 3px #24150c,0 0 20px #efc78288}.brand:hover{color:#f4d080;text-decoration:none}.tag{color:#fff4d9;text-shadow:0 2px 4px #1d120a;font:12px/2 Arial,sans-serif;letter-spacing:3px;margin:14px 0 0 4px}nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:656px;height:100px;margin:0 auto -12px;padding:15px 24px 19px;background:url(assets/osiris-osaka/top.png) center/100% 100% no-repeat}nav a{flex:1;text-align:center;color:#f3dfba;font:11px/1.5 Georgia,serif;text-transform:uppercase;padding:13px 5px;border-right:1px solid #94764c55}nav a:last-child{border:0}nav a:hover{color:white;text-decoration:none;background:#f5d7980c}main{position:relative;width:1100px;max-width:calc(100% - 32px);margin:auto;display:grid;grid-template-columns:224px minmax(0,616px) 224px;gap:18px;align-items:start}aside{margin-top:-26px;color:#ecdfc4}aside .panel{position:relative;margin-bottom:24px;padding-bottom:27px;background:url(assets/osiris-osaka/left_02.png) center/100% auto repeat-y}aside .panel:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:35px;background:url(assets/osiris-osaka/left_03.png) center bottom/100% 100% no-repeat;pointer-events:none}aside h2{height:48px;margin:0;text-align:center;padding:11px 5px 0;background:url(assets/osiris-osaka/left_01.png) center/100% 100% no-repeat;font:bold 14px/1.5 Georgia,serif;color:#f2e2bc;text-shadow:0 1px #000}aside .body{padding:5px 24px 6px;font-size:13px}aside p{margin:10px 0}aside a{color:#dfc89e}aside a:hover{color:white}aside .note{color:#c3ae8e;font-size:12px}.menu a{display:block;padding:7px 0;border-bottom:1px solid #92755433}.menu a:before{content:"◈";margin-right:8px;color:#b39158}.right-side .panel{background-image:url(assets/osiris-osaka/right_02.png)}.right-side .panel:after{background-image:url(assets/osiris-osaka/right_03.png)}.right-side h2{background-image:url(assets/osiris-osaka/right_01.png)}article{min-width:0}article>.panel{min-height:580px;background:#eee4cd url(assets/osiris-osaka/center_bg.png) center top/100% auto repeat-y;position:relative;padding:30px 40px 50px;border:1px solid #96785377;border-top:0;box-shadow:0 7px 20px #34241822}article h2{font:24px/1.3 Georgia,serif;color:#5f4027;margin:0 0 25px;padding:0 0 18px;border-bottom:1px solid #a58b5955}article .body{min-height:400px}h3{font:21px Georgia,serif}p{margin:0 0 18px}.button,button{display:inline-block;padding:11px 18px;color:#f7e7c1;border:1px solid #ad8752;background:linear-gradient(#50382c,#281f19);box-shadow:inset 0 0 0 2px #d8bd6e22;font:14px Georgia,serif;text-align:center;cursor:pointer;border-radius:2px}.button:hover,button:hover{color:white;background:linear-gradient(#6d4c32,#39281d);text-decoration:none}aside .button{width:100%;padding:10px 3px;font-size:12px}label{display:block;margin:15px 0 5px}input{width:100%;max-width:440px;padding:11px;border:1px solid #a58d69;background:#faf3df;color:#35291d;border-radius:2px;font:16px Arial,sans-serif}input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #a57424;outline-offset:3px}form{max-width:500px}form p{margin-top:20px}.note{font-size:13px;color:#73634c}.message{padding:14px;margin-bottom:20px;background:#e1d2b4;border-left:3px solid #9d773d}.features{display:grid;gap:14px;margin:24px 0}.feature{padding:14px 16px;border:1px solid #b7a17b66;background:#fff9ed66}.feature strong{display:block;color:#694823;margin-bottom:3px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:8px 4px;text-align:left;border-bottom:1px solid #9c805f44;overflow-wrap:anywhere}.top-list{font:11px/1.6 Georgia,serif}.top-list td,.top-list th{padding:6px 2px;color:#e9daba}.top-list td:last-child{text-align:right}td form button{font-size:12px;padding:7px}.events-list{padding-left:18px}footer{max-width:1100px;margin:35px auto 0;text-align:center;color:#655240;padding:28px;font-size:12px;border-top:1px solid #c6b18b66}@media(min-width:1400px){body{background-size:1920px auto}}@media(max-width:1000px){header{height:310px;padding:65px 20px 0;text-align:center}.brand{font-size:64px}.tag{letter-spacing:2px}main{grid-template-columns:200px minmax(0,1fr);gap:15px}.right-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}nav{width:calc(100% - 36px);max-width:656px}article>.panel{padding:28px}}@media(max-width:640px){body{background-size:auto 860px,1100px auto}header{height:245px;padding-top:65px}.brand{font-size:48px;letter-spacing:3px}.tag{font-size:9px;letter-spacing:1.5px}nav{height:auto;min-height:96px;background:#2e221bee;border:1px solid #b39864;flex-wrap:wrap;padding:9px;margin-bottom:18px;box-shadow:0 3px 9px #251b1244}nav a{flex:0 0 33.333%;padding:10px 3px;font-size:10px}main{max-width:calc(100% - 24px);display:flex;flex-direction:column;gap:20px}article{order:0;width:100%}article>.panel{min-height:0;padding:25px 23px 35px}article .body{min-height:0}aside.left-side{order:1;width:100%;display:grid;grid-template-columns:1fr;gap:0;margin:0}.right-side{order:2;width:100%;display:block;margin:0}aside .panel{background:#2b211c;border:1px solid #a98a56;padding-bottom:18px}aside h2{background:none!important;height:auto;padding:14px;background-color:#453024!important}aside .panel:after{display:none}aside .body{padding:10px 22px}article h2{font-size:23px}footer{margin-top:10px}table{font-size:12px}td,th{padding:7px 3px}}