@charset "utf-8";
/* column css */

/*-------------------------------------------------
ページタイトル
-------------------------------------------------*/

#page_goods .page_titlebox::before {
content: "GOODS";
}
body::before {
background-image: url("../img/goods/body_bg.jpg");
}

@media all and (max-width : 767px ){
body::before {
background-image: url("../img/goods/body_bg_sp.jpg");
}
}

.intro_txt {
font-size: 1.6rem;
letter-spacing: 0.2em;
line-height: 1.8;
margin-bottom: 80px;
}
.content_txt {
font-size: 1.6rem;
letter-spacing: 0.2em;
line-height: 1.8;
margin-bottom: 40px;
}

@media all and (max-width : 820px ){
.intro_txt {
font-size: 1.5rem;
}
.content_txt {
font-size: 1.5rem;
}
}

@media all and (max-width : 767px ){
.intro_txt {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-bottom: 50px;
}
.content_txt {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
}


/*-------------------------------------------------
グッズ
-------------------------------------------------*/

.goods_box_wrap {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 50px;
}
.goods_box {
width: calc((100% - 40px) / 3);
margin-bottom: 20px;
}
.goods_img {
width: 100%;
overflow: hidden;
background: #000;
margin-bottom: 10px;
}
.goods_img img {
width: 100%;
transition-duration: 0.7s;
transform: translateZ(0);
backface-visibility: hidden;
will-change: transform;
}
.goods_info {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
}
.goods_info dt {
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 0.2em;
color: #ECDCBE;
margin-bottom: 6px;
}
.goods_info dd {
font-size: 1.5rem;
letter-spacing: 0.1em;
}
.goods_txt {
font-size: 1.4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.goods_box a:hover .goods_img img {
transform: scale(1.05);
transition-duration: 0.7s;
opacity: .8;
}

@media all and (max-width : 820px ){
.goods_info dt {
font-size: 1.5rem;
letter-spacing: 0.1em;
}
}

@media all and (max-width : 767px ){
.goods_box_wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 0px;
margin-bottom: 25px;
}
.goods_box {
width:100%;
margin-bottom: 30px;
}
.goods_info dt {
font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 6px;
}
.goods_info dd {
font-size: 1.4rem;
}
.link_btn span {
display: none;
}
}


/*-------------------------------------------------
ルミナリエ宝くじ
-------------------------------------------------*/

.sec_lottery {
padding-top: 80px;
border-top: solid 1px rgba(255,255,255,0.3);
margin-top: 80px;
}
.lottery_img {
width: 45.92%;
}
.lottery_img img {
width: 100%;
}
.lottery_txt {
width: 48.98%;
font-size: 1.6rem;
letter-spacing: 0.2em;
line-height: 2;
}
.lottery_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px;
}
.lottery_ttl {
font-size: 1.8rem;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
.lottery_info {
font-size: 1.6rem;
letter-spacing: 0.2em;
padding: 25px;
border-top: solid 1px rgba(255,255,255,0.3);
display: flex;
align-items: center;
}
.lottery_info dt {
width: 20%;
}
.lottery_info dd {
width: 80%;
}
.lottery_info:last-of-type {
border-bottom: solid 1px rgba(255,255,255,0.3);
margin-bottom: 60px;
}

@media all and (max-width : 820px ){
.lottery_txt {
font-size: 1.5rem;
}
.lottery_ttl {
font-size: 1.6rem;
}
.lottery_info {
font-size: 1.5rem;
letter-spacing: 0.15em;
}
}

@media all and (max-width : 767px ){
.sec_lottery {
padding-top: 40px;
margin-top: 40px;
}
.lottery_img {
width: 100%;
margin-bottom: 20px;
}
.lottery_txt {
width: 100%;
font-size: 1.4rem;
letter-spacing: 0.15em;
line-height: 1.8;
}
.lottery_box {
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
.lottery_ttl {
font-size: 1.4rem;
margin-bottom: 20px;
}
.lottery_info {
font-size: 1.4rem;
letter-spacing: 0.15em;
padding: 20px 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.lottery_info dt {
width: 100%;
margin-bottom: 6px;
}
.lottery_info dd {
width: 100%;
}
.lottery_info:last-of-type {
margin-bottom: 30px;
}
}