@import url(https://fonts.googleapis.com/css?family=Comfortaa:700);@font-face{font-family:Nasu;src:url(../assets/fonts/Nasu-Regular-20141215.ttf)}*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:1080px;min-height:100vh;position:relative}a{text-decoration:none!important}ul{list-style:none}a.more{width:13em;background:#28a7e1;text-decoration:none;color:#fff;letter-spacing:4px;padding:20px 0;margin-top:30px;text-align:center;font-size:1.1em;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:14px 14px 14px rgba(50,50,50,.1)}a.more:hover:before{transform:translateX(0)}a.more:before{position:absolute;top:0;bottom:0;left:0;width:100%;background:rgba(255,255,255,.2);content:"";transition:.35s all;transform:translateX(-100%)}a.more span{vertical-align:middle}a.more i{font-size:1.5em;margin-right:.5em;vertical-align:middle}header#detail-header{height:350px;background-size:cover;background-position:center}header#detail-header .wrapper{height:100%;background:rgba(50,50,50,.55);display:flex;justify-content:center;align-items:center;padding-bottom:80px}header#detail-header .wrapper h3{transform:skewX(-5deg);color:#ddd;letter-spacing:12px;font-family:Nasu;font-size:2.5em;max-width:70%;line-height:1.75em;text-align:center}header:not(#special-header):not(#spot):not(#detail-header){background-position:center;background-size:cover;background-image:url(../assets/images/himawari.JPG);height:300px}header:not(#special-header):not(#spot):not(#detail-header)>.wrapper{background:rgba(50,50,50,.6);height:100%;display:flex;justify-content:center;align-items:center}header:not(#special-header):not(#spot):not(#detail-header)>.wrapper h3{font-family:Comfortaa;color:#fff;letter-spacing:18px;font-weight:600;font-size:3em}footer{position:absolute;bottom:0;width:100%;background:#28a7e1;padding:3em .5em 0}footer ul.links{display:flex;align-items:center;justify-content:center}footer ul.links li{padding:0 1.25em}footer ul.links li a{font-family:Nasu;letter-spacing:5px;color:#efefef;font-weight:400;font-size:.95em}footer ul.sns{display:flex;padding:2em 0;align-items:center;justify-content:center}footer ul.sns li{padding:0 .75em}footer ul.sns li a{width:4em;display:block;box-shadow:10px 10px 10px rgba(50,50,50,.1);border-radius:100px;transition:all .2s}footer ul.sns li a:hover{opacity:.9}footer ul.sns li a img{width:100%}footer .copy{text-align:center;padding:10px 0;letter-spacing:2px;color:#efefef}footer .copy p{font-family:Comfortaa,cursive}section#tile{display:flex;flex-wrap:wrap;padding:20px}section#tile .item-wrapper{width:calc(100% / 3);padding:10px}section#tile .item{position:relative;background-size:cover;background-position:center}section#tile .item.flat>a{background:0 0}section#tile .item:before{content:"";display:block;padding-top:75%}section#tile .item a{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:rgba(50,50,50,.5)}section#tile .item a:hover:before{opacity:1;transform:scale(1)}section#tile .item a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);content:"";opacity:0;transform:scale(.75);transition:all .3s}section#tile .item a h3{color:#efefef;font-family:Nasu;letter-spacing:8px;text-align:center;font-size:1.8em;font-weight:400}section#full-width .item-wrapper{width:100%;height:320px;background-size:cover;background-position:center}section#full-width .item-wrapper:nth-child(1){background-image:url(../assets/images/tanabata.JPG)}section#full-width .item-wrapper:nth-child(2){background-image:url(../assets/images/gift.jpg)}section#full-width .item-wrapper:nth-child(3){background-image:url(../assets/images/food.jpg)}section#full-width .item-wrapper:nth-child(4){background-image:url(../assets/images/wapichan/fake.png)}section#full-width .item-wrapper .item{width:100%;height:100%;background:rgba(50,50,50,.5);justify-content:center;align-items:center;display:flex;flex-direction:column}section#full-width .item-wrapper .item h3{color:#efefef;letter-spacing:10px;font-family:Nasu;font-size:1.7em;font-weight:300}section#full-width .item-wrapper .item a.more{font-size:1em;padding:20px}.lang-select-wrapper{padding:20px 40px;position:absolute;top:0;right:0;z-index:1000}.lang-select{position:relative;color:#eee;display:flex}.lang-select p{font-size:1.3em;letter-spacing:5px;cursor:pointer}.lang-select p span{vertical-align:middle;font-weight:600}.lang-select p i{vertical-align:middle;font-size:1.5em;margin-left:.35em}.lang-select.hover .list,.lang-select:hover .list{transform:scaleY(1);opacity:1}.lang-select .list{opacity:0;transition:all .3s;transform-origin:top;position:absolute;top:110%;left:0;right:0;padding:10px 0;background:#fff;overflow:hidden;transform:scaleY(0);box-shadow:15px 15px 15px rgba(50,50,50,.2)}.lang-select .list a{display:block;padding:10px;color:#888;letter-spacing:1px;font-weight:600;position:relative}.lang-select .list a:hover:before{transform:translateX(0)}.lang-select .list a:before{position:absolute;top:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.035);content:"";transition:.35s all;transform:translateX(-100%)}.lang-select .list a.selected{color:#28a7e1}@media only screen and (max-width:770px){body{min-width:0;overflow-x:hidden}a.more{width:12em;letter-spacing:4px;padding:20px 0;margin-top:20px;font-size:1em}a.more i{font-size:1.4em;margin-right:.35em}footer{padding:2em 10px 0}footer ul.links{flex-wrap:wrap}footer ul.links li{padding:5px 10px}footer ul.links li a{letter-spacing:3px}footer ul.sns{display:flex;padding:1em 0}footer ul.sns li{padding:0 .5em}footer ul.sns li a{width:3.5em}footer .copy p{font-family:Comfortaa,cursive;font-size:.9em}section#tile{padding:10px 5px}section#tile .item-wrapper{width:50%;padding:5px}section#tile .item a h3{letter-spacing:6px;font-size:1.5em;font-weight:400}section#full-width .item-wrapper{width:100%;height:280px}section#full-width .item-wrapper .item h3{letter-spacing:8px;font-size:1.5em;font-weight:400}section#full-width .item-wrapper .item a.more{font-size:1em;padding:20px}.lang-select-wrapper{padding:20px 20px}.lang-select p{font-size:1.3em}.lang-select p i{font-size:1.3em;margin-left:.25em}.lang-select:hover .list{transform:scaleY(1);opacity:1}.lang-select .list{opacity:0;transition:all .3s;transform-origin:top;position:absolute;top:110%;left:0;right:0;padding:10px 0;background:#fff;overflow:hidden;transform:scaleY(0);box-shadow:15px 15px 15px rgba(50,50,50,.2)}.lang-select .list a{display:block;padding:10px;color:#888;letter-spacing:1px;font-weight:600;position:relative}.lang-select .list a:hover:before{transform:translateX(0)}.lang-select .list a:before{position:absolute;top:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.035);content:"";transition:.35s all;transform:translateX(-100%)}.lang-select .list a.selected{color:#28a7e1}header:not(#special-header):not(#spot):not(#detail-header){height:200px}header:not(#special-header):not(#spot):not(#detail-header)>.wrapper{padding-top:1em}header:not(#special-header):not(#spot):not(#detail-header)>.wrapper h3{letter-spacing:12px;font-size:1.3em}header#detail-header{height:300px}header#detail-header .wrapper{padding-bottom:30px}header#detail-header .wrapper h3{transform:skewX(-3deg);letter-spacing:10px;font-size:1.8em;max-width:90%;line-height:1.75em}}