body{font-family:HiraKakuProN-W6, Yu Gothic, Meiryo UI, Meiryo, sans-serif;background:linear-gradient(to bottom, #1b1b1b 0%, #1b1b1b 50%, #2f2f2f 100%);color:#fff}@media only screen and (max-width: 767px){body{font-size:80%}}@media only screen and (min-width: 768px){body{font-size:100%}}h1{text-indent:-9999px;height:0;margin:0;padding:0}figure{margin:0;padding:0}@media only screen and (min-width: 768px){.row{display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:flex}.row .grid1{width:calc(100% / 12 * 1 - 10px);margin:0 5px}.row .grid2{width:calc(100% / 12 * 2 - 10px);margin:0 5px}.row .grid3{width:calc(100% / 12 * 3 - 10px);margin:0 5px}.row .grid4{width:calc(100% / 12 * 4 - 10px);margin:0 5px}.row .grid5{width:calc(100% / 12 * 5 - 10px);margin:0 5px}.row .grid6{width:calc(100% / 12 * 6 - 10px);margin:0 5px}.row .grid7{width:calc(100% / 12 * 7 - 10px);margin:0 5px}.row .grid8{width:calc(100% / 12 * 8 - 10px);margin:0 5px}.row .grid9{width:calc(100% / 12 * 9 - 10px);margin:0 5px}.row .grid10{width:calc(100% / 12 * 10 - 10px);margin:0 5px}.row .grid11{width:calc(100% / 12 * 11 - 10px);margin:0 5px}.row .grid12{width:calc(100% / 12 * 12 - 10px);margin:0 5px}}.rows{display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:flex}.rows .grid1{width:calc(100% / 12 * 1 - 10px);margin:0 5px}.rows .grid2{width:calc(100% / 12 * 2 - 10px);margin:0 5px}.rows .grid3{width:calc(100% / 12 * 3 - 10px);margin:0 5px}.rows .grid4{width:calc(100% / 12 * 4 - 10px);margin:0 5px}.rows .grid5{width:calc(100% / 12 * 5 - 10px);margin:0 5px}.rows .grid6{width:calc(100% / 12 * 6 - 10px);margin:0 5px}.rows .grid7{width:calc(100% / 12 * 7 - 10px);margin:0 5px}.rows .grid8{width:calc(100% / 12 * 8 - 10px);margin:0 5px}.rows .grid9{width:calc(100% / 12 * 9 - 10px);margin:0 5px}.rows .grid10{width:calc(100% / 12 * 10 - 10px);margin:0 5px}.rows .grid11{width:calc(100% / 12 * 11 - 10px);margin:0 5px}.rows .grid12{width:calc(100% / 12 * 12 - 10px);margin:0 5px}.wrap{margin:0 auto}@media only screen and (max-width: 767px){.wrap{width:calc(100% - 10px);max-width:404px;padding:0 5px}}@media only screen and (min-width: 768px){.wrap{width:calc(100% - 20px);max-width:1180px;padding:0 10px}}.wrap img{width:100%}.wrap h2{font-size:2.4rem}@media only screen and (max-width: 767px){.wrap h2{line-height:120%}}@media only screen and (min-width: 768px){.wrap h2{line-height:100%}}.wrap h3{text-align:left;font-size:1.5rem;margin:0 0 10px 0}@media only screen and (max-width: 767px){.wrap h3{line-height:120%}}@media only screen and (min-width: 768px){.wrap h3{line-height:100%}}.wrap h4{font-size:1.2rem;line-height:100%}.wrap .logo{width:100%}@media only screen and (min-width: 768px){.wrap .logo{max-width:700px;margin:0 auto}}.wrap .hero{width:100%;position:relative}@media only screen and (min-width: 768px){.wrap .hero{z-index:10}}@media only screen and (max-width: 767px){.wrap .hero figure{width:100%}}@media only screen and (min-width: 768px){.wrap .hero figure{max-width:1000px;margin:0 auto}}.wrap .hero .caption{position:absolute;right:0}@media only screen and (max-width: 767px){.wrap .hero .caption{top:-30px;width:35%}}@media only screen and (min-width: 768px){.wrap .hero .caption{top:0;width:25%;min-width:250px}}.wrap .desc{background-color:rgba(0,0,0,0.5)}@media only screen and (max-width: 767px){.wrap .desc{width:calc(100% - 10px);padding:18px 5px 1px 5px;margin-top:30px}}@media only screen and (min-width: 768px){.wrap .desc{position:relative;z-index:20;width:calc(100% - 20px);padding:18px 10px 0px 10px;margin-top:-10%}}@media only screen and (max-width: 767px){.wrap .desc .howToBuy h3{text-align:center;display:inline-block;border-bottom:1px solid #fff;padding-bottom:3px}}@media only screen and (min-width: 768px){.wrap .desc .howToBuy h3{text-align:center;display:inline-block;border-bottom:1px solid #fff;padding-bottom:3px}}@media only screen and (max-width: 767px){.wrap .desc .howToBuy p{font-size:1rem;text-align:left;margin:0 1rem 20px 1rem;line-height:140%}}@media only screen and (min-width: 768px){.wrap .desc .howToBuy p{font-size:1.2rem;text-align:left;margin:0 1rem 20px 1rem;line-height:140%}}.wrap .desc .content{text-align:left;width:calc(100% - 22px);padding:0 10px;border:1px solid #fff;border-radius:12px}@media only screen and (max-width: 767px){.wrap .desc .content{line-height:150%;font-size:1rem;margin-bottom:20px}}@media only screen and (min-width: 768px){.wrap .desc .content{font-size:1.2rem}}@media only screen and (max-width: 767px){.wrap .gal{margin-bottom:50px}}@media only screen and (min-width: 768px){.wrap .gal{margin-bottom:50px}}@media only screen and (max-width: 767px){.wrap .gal ul{width:calc(100% - 2px);margin:0 auto;padding:0}}@media only screen and (min-width: 768px){.wrap .gal ul{width:calc(100% - 80px);margin:0 auto;padding:0 20px}}@media only screen and (max-width: 767px){.wrap .gal ul li.slick-slide{border:1px solid #fff;margin:0 10px;position:relative;overflow:hidden}}@media only screen and (min-width: 768px){.wrap .gal ul li.slick-slide{border:1px solid #fff;margin:0 10px;position:relative;overflow:hidden}}.wrap .gal ul li.slick-slide img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.wrap .gal ul li.slick-slide .spacer{padding-bottom:100%}.wrap .gal ul .slick-dots li.slick-active button::before{color:#f1f1f1}
