.ttlarea ul.outer{max-width:1200px}h1.ttl{padding:1em 0;color:#fff;font-size:40px;font-weight:700;line-height:1.2}h1.ttl span.en{color:#c2a83e;font-size:20px;font-family:'Sorts Mill Goudy',serif;display:block}.post-type-archive h2#h2-article{display:none}.contents{padding-top:80px;background:#001011}.container_subpage{padding:0}.archive_ul{margin-bottom:7%;align-items:stretch}.archive_ul li.outer-li{flex:0 0 31.9999%;margin:0 2% 2% 0;background:#fff;border-radius:20px}.archive_ul li.outer-li:nth-child(3n){margin-right:0}.archive_ul ul.inner li.photo img{border-radius:10px 10px 0 0}.archive_ul ul.inner li.photo{width:100%;position:relative}.archive_ul ul.inner li.photo span.dog-friendly{position:absolute;right:2%;bottom:2%;z-index:10}.archive_ul ul.inner li.photo span.dog-friendly i{color:#fff;font-size:5em}.archive_ul ul.inner li.txt{width:100%;padding:1em}.archive_ul ul.inner li.txt h3{font-size:14px;text-align:left}.archive ul#post-list li ul.inner li.txt div.tag ul.tag li{flex:0 0 auto;width:auto;max-width:100%}.pagination{width:1200px;margin:5% 0}.pagination:after,.pagination ul:after{clear:both;content:".";display:block;height:0;visibility:hidden}.pagination ul{margin:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.pagination li{float:left;list-style:none outside none;margin-left:3px}.pagination li.active{width:46px;height:46px;color:#fff;text-align:center;line-height:46px;cursor:not-allowed;border-radius:50%;background:#0072bb;display:inline-block}.pagination li a.next-page{width:46px;height:46px;color:#fff;text-align:center;line-height:46px;cursor:not-allowed;border-radius:50%;background:#aaa;display:inline-block}.pagination li a.next-page:hover{color:#fff;text-decoration:none;opacity:.8;transition-duration:.5s;transition-property:all;transition-timing-function:ease;background:#0387db;cursor:pointer}.pagination li.prev{margin-left:0;padding-right:.5em}.pagination li.prev a:hover{color:#aaa;text-decoration:none}.pagination li.next{padding-left:.5em}.pagination li.next a:hover{color:#aaa;text-decoration:none}.container_subpage h2{padding:0 0 .5em;font-size:40px;text-align:left;border-bottom:none}.container_subpage h2 span{font-size:16px}@media screen and (max-width:1200px){.contents{padding-top:50px}.pagination{width:100%;margin:5% 0}.ttlarea ul.outer{max-width:94%}}@media screen and (min-width:821px) and (max-width:1200px){h1.ttl{font-size:38px}h1.ttl span.en{font-size:18px}h1.ttl span.jp{font-size:18px}.container_subpage h2{font-size:38px}.container_subpage h2 span{font-size:15px}}@media screen and (max-width:820px){.archive .container_subpage_inner{width:94%;max-width:94%}h1.ttl{font-size:37px}h1.ttl span.en{font-size:17px}h1.ttl span.jp{font-size:17px}.archive_ul li.outer-li{flex:0 0 49%;margin:0 2% 2% 0}.archive_ul li.outer-li:nth-child(4n){margin-right:0}.archive_ul li.outer-li:nth-child(3n){margin-right:2%}.archive_ul li.outer-li:nth-child(2n){margin-right:0}}@media screen and (min-width:641px) and (max-width:820px){h1.ttl{font-size:36px}h1.ttl span.en{font-size:17px}h1.ttl span.jp{font-size:17px}.container_subpage h2{font-size:36px}.container_subpage h2 span{font-size:14px}}@media screen and (max-width:640px){h1.ttl{font-size:34px}h1.ttl span.en{font-size:15px}h1.ttl span.jp{font-size:15px}.contents{padding-top:50px}.container_subpage h2{font-size:34px}.container_subpage h2 span{font-size:14px}}@media screen and (max-width:480px){h1.ttl{font-size:32px}h1.ttl span.en{font-size:14px}h1.ttl span.jp{font-size:14px}.container_subpage h2{font-size:32px}.archive_ul li.outer-li{flex:0 0 auto;width:100%;max-width:100%;margin:0 0 4%}.archive_ul li.outer-li:nth-child(3n){margin-right:0}}@media screen and (max-width:428px){h1.ttl{font-size:30px}.container_subpage h2{font-size:30px}.container_subpage h2 span{display:block}}@media screen and (max-width:414px){h1.ttl{font-size:28px}.container_subpage h2{font-size:28px}}@media screen and (max-width:375px){h1.ttl{font-size:26px}.container_subpage h2{font-size:28px}}@media screen and (max-width:320px){h1.ttl{font-size:24px}h1.ttl span.en{font-size:13px}h1.ttl span.jp{font-size:13px}.container_subpage h2{font-size:24px}.container_subpage h2 span{font-size:13px}}@media screen and (max-width:280px){h1.ttl{font-size:22px}.container_subpage h2{font-size:22px}}