/*
Theme Name: OWPJ Sound Archive
Description: Japanese travel blog homepage restored from the supplied HTML.
Version: 1.0.0
Author: Site Restoration
Text Domain: owpj-sound-archive
Requires at least: 5.5
Requires PHP: 7.4
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f5;color:#444;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#188bb1}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #188bb1;outline-offset:3px}img{max-width:100%;height:auto;display:block}ul{list-style:none;padding:0;margin:0}.wrap{max-width:1180px;margin:0 auto}.header{background:#fff;border-bottom:1px solid #e8e8e8}.header>.wrap{display:flex;align-items:center;gap:38px;min-height:78px;padding:12px 20px}.owpj-wordmark{font-size:21px;font-weight:700;color:#243c4c;white-space:nowrap}.nav{margin-right:auto}.navbar{display:flex;gap:24px}.navbar a{font-size:16px}.search form{display:flex}.search input{width:205px;min-width:0;border:1px solid #ddd;border-radius:3px 0 0 3px;padding:7px 10px;background:#fafafa}.search button{border:1px solid #188bb1;background:#188bb1;color:#fff;width:40px;border-radius:0 3px 3px 0}.mnav,.msearch{display:none;border:0;background:transparent;font-size:21px}.main{display:flex;gap:28px;padding:26px 20px 40px;align-items:flex-start}.mainbody{min-width:0;flex:1}.list{background:#fff;border:1px solid #eaeaea}.infinitescroll_li{display:flex;gap:24px;padding:25px;border-bottom:1px solid #eee}.infinitescroll_li:last-child{border:0}.infinitescroll_li>.img{width:240px;flex-shrink:0}.infinitescroll_li>.img img{width:100%;height:165px;object-fit:cover}.info{min-width:0}.info h3{margin:0 0 10px;font-size:19px;line-height:1.6;font-weight:600}.meta{display:flex;gap:17px;flex-wrap:wrap;color:#999;font-size:12px;margin-bottom:9px}.meta i{margin-right:5px}.excerpt{font-size:14px;line-height:1.9;color:#777}.aside{width:300px;flex-shrink:0}.widget{padding:20px;background:white;border:1px solid #eaeaea;margin-bottom:24px}.widget h5{font-size:17px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #188bb1;font-weight:600}.widget_previous li+li{margin-top:20px}.widget_previous li>a{display:block;min-height:64px}.widget_previous .img{float:left;width:84px;height:65px;margin-right:12px}.widget_previous img{width:84px;height:65px;object-fit:cover}.widget_previous p{font-size:13px;line-height:1.6;margin:0 0 3px}.widget_previous span{font-size:11px;color:#aaa}.widget_previous li:after{content:"";display:block;clear:both}.footer{background:#fff;border-top:1px solid #e5e5e5;color:#888;font-size:12px}.footer>.wrap{display:flex;justify-content:space-between;gap:20px;padding:25px 20px}.goTop{position:fixed;bottom:25px;right:22px;width:38px;height:38px;border:0;background:#697b87;color:white;border-radius:3px;font-size:22px}.fa{font-style:normal}.fa-bars:before{content:"☰"}.fa-search:before{content:"⌕"}.fa-calendar:before{content:"▦"}.fa-folder:before{content:"▱"}.fa-angle-up:before{content:"↑"}[hidden]{display:none!important}#search-status{background:#fff;padding:12px 20px;margin:0 0 15px}
@media(max-width:1050px){.header>.wrap{gap:25px}.aside{width:265px}.infinitescroll_li{padding:20px;gap:18px}.infinitescroll_li>.img{width:190px}.infinitescroll_li>.img img{height:145px}.search input{width:165px}}
@media(max-width:800px){.header>.wrap{position:relative;gap:18px;flex-wrap:wrap;min-height:68px}.logo{margin-right:auto}.owpj-wordmark{font-size:18px}.mnav,.msearch{display:block}.header .nav,.header .search{display:none}.header.menu-open .nav{display:block;order:4;width:100%}.header.search-open .search{display:block;order:5;width:100%}.search form,.search input{width:100%}.search button{flex-shrink:0}.main{padding:18px 12px 28px}.aside{display:none}.infinitescroll_li>.img{width:32%}.footer>.wrap{display:block}.footer .power{margin-top:6px}}
@media(max-width:480px){.header>.wrap{gap:12px;padding:12px}.owpj-wordmark{font-size:16px}.infinitescroll_li{display:block;padding:17px}.infinitescroll_li>.img{width:100%;margin-bottom:14px}.infinitescroll_li>.img img{height:195px}.info h3{font-size:18px}.excerpt{font-size:13px}.meta{gap:12px}}
