@charset "utf-8";
#section1{height:100vh;max-height:340px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
#page_title_block{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
h1#page_title{position:absolute;top:160px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:40px;font-size:4rem;font-weight:400;text-transform:uppercase;margin-bottom:20px}
h1#page_title .jp_title{display:block;font-size:13px;font-size:1.3rem}
h1#page_title::before{position:absolute;top:50px;left:0;width:70px;height:2px;background:#ad8958;content:""}
#section2{position:relative;padding-top:0;padding-bottom:60px}
article#content_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;padding-left:0}
h2#main_title{font-size:13px;font-size:1.3rem;font-weight:400;letter-spacing:2px;color:#ad8958;margin-top:0;margin-bottom:30px}
h2#main_title::after{display:block;font-family:'Cormorant SC',serif;font-size:24px;font-size:2.4rem;color:#FFF;text-transform:uppercase;letter-spacing:3px;margin-top:5px;content:attr(data-title)}
h2#main_title:before{position:absolute;left:10px;top:55px;width:70px;height:2px;background:#ad8958;content:""}
#left_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:60px}
.news_box{padding-right:0;padding-left:0}
.news_box_in{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background:rgba(37,37,37,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-bottom:20px;padding:0}
.news_img_box{position:relative;overflow:hidden;padding-left:0;padding-right:0}
.news_img{display:block;margin:0;padding:0}
.news_img:before{display:block;padding-top:100%;content:""}
.news_img:after{left:0;height:100%;background:rgba(25,42,73,.7);opacity:0;transition:.5s;content:""}
.news_img img,.news_img:after{display:block;position:absolute;top:0;width:100%}
.news_img img{height:auto;line-height:0}
.text_content{padding:5px 10px}
a h3.news_title,h3.news_title{font-size:15px;font-size:1.5rem;font-weight:500;color:#ad8958;margin-top:0;margin-bottom:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news_text{font-size:13px;font-size:1.3rem;line-height:100%;color:#EEE;margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
h3.news_title,a h3.news_title,.news_text{padding-top:0;padding-bottom:0}
ul.news_meta{font-size:12px;font-size:1.2rem;overflow:hidden;width:100%;margin-bottom:0;padding-left:0;list-style:none}
.date{font-size:11px;font-size:1.1rem;color:#aaa;float:left}
.cat{font-size:10px;font-size:1rem;text-align:right}
.cat_news{background:#ad8958}
.cat_,.cat_news,.cat_coupon,.cat_event{color:#fff;padding:2px 5px}
.cat_event{background:#cc5b00}
.cat_coupon{background:#00dd1f}
.cat_{background:#f2858b}
.more{display:inline-block;position:absolute;left:50%;top:50%;font-size:10px;font-size:1rem;color:#fff;text-align:center;width:60px;border:1px solid #fff;transition:.5s;transform:translate(-50%,-50%);padding:6px 3px;opacity:0;z-index:1}
.news_box_in:hover .more,.news_box_in:hover .news_img:after{opacity:1}
.loadmore{display:block;position:relative;cursor:pointer;font-size:16px;font-size:1.6rem;font-weight:400;color:#FFF;text-align:center;text-decoration:none;height:60px;line-height:60px;-webkit-transition:.3s all ease;-moz-transition:.3s all ease;-ms-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;z-index:0;background:#343434}
.loadmore:hover{text-decoration:none;opacity:1;color:#FFF}
.loadmore::after{position:absolute;top:24px;right:10px;background:url(../images/svg/view/link.svg) no-repeat right center / 12px 12px;width:12px;height:12px;content:'';z-index:2}
.loadmore:before{content:"";width:100%;height:0;position:absolute;left:0;bottom:0;color:#FFF;background:#252525;-webkit-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-moz-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-ms-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);-o-transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);transition:.3s all cubic-bezier(0.06,0.74,0.36,0.94);z-index:-1}
.loadmore:hover:before{height:100%}
@media only screen and (min-width: 768px) {
#section1{height:100vh;max-height:580px}
#section1:before{display:block;position:fixed;top:0;width:100%;height:100%;z-index:-1;content:""}
h1#page_title{position:absolute;top:260px;left:10px;right:0;color:#FFF}
h1#page_title .en_title{display:block;font-family:'Cormorant SC',serif;font-size:70px;font-size:7rem;font-weight:400;text-transform:uppercase;margin-bottom:30px}
h1#page_title .jp_title{display:block;font-size:17px;font-size:1.7rem;letter-spacing:2px}
h1#page_title::before{position:absolute;top:90px;left:0;width:70px;height:2px;background:#ad8958;content:""}
#left_block{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:0;padding-left:0}
.news_box{padding-right:10px;padding-left:10px}
.news_box_in{background:rgba(37,37,37,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.2);margin-bottom:20px;padding:0;overflow:hidden}
.news_img_box{position:relative;overflow:hidden;padding-left:0;padding-right:0}
.news_img{display:block;margin:0;padding:0}
.news_img:before{display:block;padding-top:65%;content:""}
.news_img:after{left:0;height:100%;background:rgba(25,42,73,.7);opacity:0;transition:.5s;content:""}
.news_img img,.news_img:after{display:block;position:absolute;top:0;width:100%}
.news_img img{height:auto}
.text_content{padding:15px 15px 10px}
h3.news_title,a h3.news_title{font-size:16px;font-size:1.6rem;font-weight:500;color:#ad8958;margin-top:0;margin-bottom:8px}
.news_text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;font-size:1.3rem;line-height:140%;color:#EEE;margin-top:0;margin-bottom:10px}
ul.news_meta{font-size:12px;font-size:1.2rem;overflow:hidden;width:100%;margin-bottom:0;padding-left:0;list-style:none}
.date{float:left;color:#AAA}
.more{display:inline-block;position:absolute;left:50%;top:50%;font-size:12px;font-size:1.2rem;color:#fff;width:75pt;border:1px solid #fff;transition:.5s;transform:translate(-50%,-50%);padding:6px 15px;opacity:0;z-index:1}
.news_box_in:hover .more,.news_box_in:hover .news_img:after{opacity:1}
}