.view{position:relative;margin:0 auto;padding-bottom:0}.view img{max-width:100%}.view_sys{position:relative;width:100%;box-sizing:border-box}.view_menu{position:relative;margin:0 0 40px;width:100%}.view_menu ol{display:flex;justify-content:center;align-items:center}.view_menu ol li{margin:0 20px;width:20%;min-width:120px}.view_menu ol li button{background-color:#d10100;border:3px solid #980100;width:100%;display:block;text-align:center;color:#fff;text-decoration:none;font-size:24px;padding:10px 0 10px 0;border-radius:10px;transition:.2s ease-in-out;outline:none;font-family:"FOT-筑紫B見出ミン Std E"}.view_menu ol li button:hover{background-color:#fb2d2c}.view_sys[data-select=first] .view_menu ol li:nth-child(1) button,.view_sys[data-select=second] .view_menu ol li:nth-child(2) button{background-color:#d10100}.view_info{position:relative;margin:0 auto;max-width:1000px;font-size:0;width:100%;border:2px solid #96773e;box-sizing:border-box}.view_info p{display:inline-block;padding:.5rem;width:100%;color:#fff;font-size:1rem;text-align:center;background-color:#96773e;box-sizing:border-box}.view_main{position:relative;margin:0 auto;max-width:1000px;width:100%;max-height:600px;height:60vh;border:2px solid #96773e;box-sizing:border-box;overflow:scroll}.view_main::before{content:attr(data-name);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-family:"FOT-筑紫B見出ミン Std E";color:#96773e;text-align:center;background-color:rgba(255,255,255,.6);transition:all 400ms ease-out;opacity:0;pointer-events:none}.view_main[data-state=load]::before{opacity:1;pointer-events:auto}.view_main[data-state=view]::before{opacity:0;pointer-events:none}.view_main ol{width:27677px;height:2488px;font-size:0}.view_main ol li{display:inline-block;width:5%;height:10%}.view_main ol li img{width:100%;height:100%;pointer-events:none;touch-action:none;user-select:none}.view_sys[data-select=top] .view_main ol li{width:5%;height:10%}.view_sys[data-select=second] .view_main ol li{width:3.846%;height:20%}.view_scale{position:relative;display:block;margin:0 auto;padding:2% 0;max-width:1000px;width:100%;text-align:center;background-color:#96773e}.view_scale .view_scale_box{display:flex;justify-content:center;align-items:center;margin:0 auto;width:40%}.view_scale .view_scale_box::before{content:url(../../assets/img/view/icon_small.svg)}.view_scale .view_scale_box::after{content:url(../../assets/img/view/icon_large.svg)}.view_scale .view_scale_box .view_scale_range{width:calc(100% - 56px)}.view_control{position:relative;margin:0 auto;max-width:1000px;font-size:0;width:100%;border:2px solid #96773e;box-sizing:border-box}.view_control .view_pointer{position:absolute;top:0;left:0;padding:0;width:36px;height:20px;border:1px solid #c00;background-color:rgba(180,0,0,.4);box-sizing:border-box;z-index:10;pointer-events:none;touch-action:none}.view_control .view_thumb{position:relative}.view_control .view_thumb:hover{cursor:grab}.view_control .view_thumb:active{cursor:grabbing}.view_control .view_thumb img{opacity:.5;pointer-events:none;touch-action:none;user-select:none}.view_pre{position:relative;margin:0 auto;max-width:1000px;width:100%;box-sizing:border-box;background-color:#000}.view_pre h3{padding:1rem 0;width:100%;color:#96773e;font-size:1.4rem;font-family:loadname;text-align:center;font-family:"FOT-筑紫B見出ミン Std E"}.view_pre .view_pre_thumb{font-size:0;border:2px solid #96773e}.view_pre .view_pre_thumb img{pointer-events:none;touch-action:none;user-select:none}.view_hidetext{opacity:0;height:0px;font-family:"FOT-筑紫B見出ミン Std E"}body[data-device=pc] .view_main{cursor:url(../../assets/img/view/cursor.png) 46 46,url(../../assets/img/view/cursor.cur),all-scroll}input[type=range]{-webkit-appearance:none;margin:0;width:100%;background-color:transparent;color:#c4c4c4}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;box-shadow:inset 1px 1px 2px #747474;background-color:#c4c4c4;border-radius:1.3px;border:1px solid #96773e;border-left:none;border-right:none}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #696767;border:1px solid gray;height:24px;width:24px;border-radius:12px;background-color:#f5f5f5;cursor:pointer;-webkit-appearance:none;margin-top:-7px}@supports(-ms-ime-align: auto){input[type=range]::-webkit-slider-thumb{margin-top:0 !important}}input[type=range]:focus::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;box-shadow:inset 1px 1px 2px #747474;background-color:#c4c4c4;border-radius:1.3px;border:.2px solid #96773e;outline:none}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #696767;border:1px solid gray;height:24px;width:24px;border-radius:12px;background-color:#f5f5f5;cursor:pointer}input[type=range]::-ms-track{width:100%;height:10px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background-color:#c4c4c4;border:.2px solid #96773e;border-radius:2.6px;box-shadow:inset 1px 1px 2px #747474}input[type=range]::-ms-fill-upper{background-color:#c4c4c4;border:.2px solid #96773e;border-radius:2.6px;box-shadow:inset 1px 1px 2px #747474}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #696767;border:1px solid gray;height:24px;width:24px;border-radius:12px;background-color:#f5f5f5;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background-color:#c4c4c4}input[type=range]:focus::-ms-fill-upper{background-color:#c4c4c4}input[type=range]::-ms-tooltip{display:none}@media screen and (max-width: 768px){#sec_contents section.history-wrapper{width:90%}.view_scale .view_scale_box{width:80%}}