header#spot{height:400px;background-position:center;background-size:cover;background-image:url(../assets/images/himawari.JPG)}header#spot .wrapper{display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:0 50px 50px;background:rgba(50,50,50,.7);height:100%}header#spot .wrapper h3{font-size:3em;font-family:Comfortaa;color:#fff;letter-spacing:18px}header#spot .wrapper p{font-size:2.25em;font-weight:600;color:#dedede;font-family:Nasu;letter-spacing:10px}section#spot-list{margin-top:-50px}section#spot-list ul{display:flex;padding:0 40px;flex-wrap:wrap}section#spot-list ul li{width:31%;margin:0 1%;margin-bottom:60px;background:#fff;border:solid 1px #eee;box-shadow:12px 12px 12px rgba(50,50,50,.125)}section#spot-list ul li a>*{transition:all .3s}section#spot-list ul li a:hover>*{opacity:.9}section#spot-list ul li .thumb{position:relative;background-size:cover;background-position:center}section#spot-list ul li .thumb:before{content:"";display:block;padding-top:50%}section#spot-list ul li .thumb>div.image{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover;background-position:center}section#spot-list ul li .thumb>div.filter{position:absolute;top:0;left:0;bottom:0;right:0}section#spot-list ul li .detail{padding:10px}section#spot-list ul li .detail h4{color:#28a7e1;font-family:Nasu;letter-spacing:3px;font-size:1.35em;padding:10px 0;font-weight:500}section#spot-list ul li .detail>p:not(.loc){color:#444;letter-spacing:1px;font-size:.95em;font-family:Nasu}section#spot-list ul li .detail>p.loc{text-align:right;padding:5px}section#spot-list ul li .detail>p.loc i{color:#28a7e1;font-size:1.35em;margin-right:.25em;vertical-align:middle}section#spot-list ul li .detail>p.loc span{vertical-align:middle;font-size:.95em;font-family:Nasu;letter-spacing:2px;color:#333}@media only screen and (max-width:770px){header#spot{height:250px}header#spot .wrapper h3{font-size:2em;font-family:Comfortaa;color:#fff;letter-spacing:18px}header#spot .wrapper p{font-size:1em;font-weight:600;color:#dedede;font-family:Nasu;letter-spacing:10px}section#spot-list{margin-top:-50px}section#spot-list ul{display:flex;padding:0 15px;flex-wrap:wrap}section#spot-list ul li{width:100%;margin:0 0;margin-bottom:40px;box-shadow:15px 15px 15px rgba(50,50,50,.1)}section#spot-list ul li .detail,section#spot-list ul li .thumb{padding:10px}section#spot-list ul li .detail h4,section#spot-list ul li .thumb h4{font-size:1.25em;padding:10px 0}section#spot-list ul li .detail>p:not(.loc),section#spot-list ul li .thumb>p:not(.loc){font-size:.9em}section#spot-list ul li .detail>p.loc,section#spot-list ul li .thumb>p.loc{text-align:right;padding:5px}section#spot-list ul li .detail>p.loc i,section#spot-list ul li .thumb>p.loc i{color:#28a7e1;font-size:1.35em;margin-right:.25em;vertical-align:middle}section#spot-list ul li .detail>p.loc span,section#spot-list ul li .thumb>p.loc span{vertical-align:middle;font-size:.95em;font-family:Nasu;letter-spacing:2px;color:#333}section#tile .item-wrapper{width:100%}section#tile .item-wrapper div.item:before{padding-top:50%}}