﻿@charset "UTF-8";

/* 変数 */
:root {
  --theme-color: #8DC6C0;
	--inner-width: 1000px;
}

#event-contents-wrapper {
	overflow: auto;
	margin-top: 0;
	width: auto;
}

/* CSS Document */
body{
	background: #fff;
}
.btn_item_lp_ {
	right: 5%;
	z-index: 999;
}
.list_.col1_{
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*base*/
div#future-ELEMENT{
	margin-bottom: 0;
}
div#future-ELEMENT img{
	max-width: 100%;
	vertical-align: bottom;
}
/*メインビジュアル*/
div#future-ELEMENT-mainvisual{
	margin-inline: auto;
	width: var(--inner-width);
	margin-bottom: 70px;
}
div#future-ELEMENT-mainvisual span{
	display: block;
	line-height: 1;
	margin: 0 0 60px;
}
div#future-ELEMENT-mainvisual h1{
	margin: 0 0 29px;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
	display: block;
	line-height: calc(38 / 26);
	text-align: center;
	position: static;
	color: #8dc6c0;
}
div#future-ELEMENT-mainvisual h1 img{
	vertical-align: bottom;
}
div#future-ELEMENT-mainvisual p#future-ELEMENT-comment{
	text-align: center;
	color: #333333;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 0 30px 0;
	padding: 0;
	/* font-weight: bold; */
}
.future-ELEMENT-mainvisual-date1 {
	display: block;
	line-height: 1;
	margin: 0 0 15px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #5f2318;
	text-align: center;
}
.future-ELEMENT-mainvisual-date2{
	display: block;
	line-height: 1;
	margin: 0 0 31px;
	padding: 0;
	font-size: 14px;
	color: #333;
	text-align: center;
}

div#future-ELEMENT-mainvisual p span{
	font-weight: bold;
	font-size: 16px;
	line-height: 1.8;
}
div#future-ELEMENT-mainvisual span img{
	vertical-align: bottom;
}
div#future-ELEMENT-mainvisual a{
	width: 810px;
	margin: 0 auto;
	display: block;
}
div#future-ELEMENT-mainvisual p#future-ELEMENT-release{
	color: #333333;
	font-size: 16px;
	margin: 0 0 76px 29px;
	padding: 0;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
/*メインビジュアル*/


/*商品一覧*/
div#future-ELEMENT-itemlist-tab{
	font-size: 0;
	border-bottom: 3px solid var(--theme-color);
	margin-bottom: 60px;
	text-align: center;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu{
	display: inline-block;
	border-top: 1px solid var(--theme-color);
	border-left: 1px solid var(--theme-color);
	border-right: 1px solid var(--theme-color);
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	width: 450px;
	height: 72px;
	line-height: 72px;
	position: relative;
	cursor: pointer;
	text-align: left;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu.active{
	background: var(--theme-color);
}
div.col1_ div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu.active p{
	color: #fff;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu:hover{
	opacity: 0.8;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu span{
	position: absolute;
	top: -28px;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu:first-child span{
	left: 33px;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu:last-child span{
	left: 53px;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu:first-child{
	margin-right: 10px;
}
div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu:last-child{
	margin-left: 10px;
}

div#future-ELEMENT-itemlist-tab div.future-ELEMENT-itemlist-tab-menu p{
	font-size: 24px;
	font-weight: bold;
	color: var(--theme-color);
	margin: 0;
	padding: 0;
	display: block;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

div#future-ELEMENT .bg_elements{
	width:100%;
	background-color: #f7f6eb;
	padding-top:60px;
	padding-bottom:10px;
	margin-bottom:90px;
}

div.future-ELEMENT-itemlist-select{
	margin-inline: auto;
	margin-bottom: 80px;
	width: var(--inner-width);
}
div.future-ELEMENT-itemlist-select .future-ELEMENT-itemlist-select-title{
	
	padding: 0;
	margin: 0 0 60px;
}
div.future-ELEMENT-itemlist-select .future-ELEMENT-itemlist-select-title-en{
	font-family: "futura-pt";
	font-size: 45px;
	font-weight: 600;
	line-height: 1.3334;
	letter-spacing: 0;
	color: var(--theme-color);
	margin: 0 0 12px;
}
div.future-ELEMENT-itemlist-select .future-ELEMENT-itemlist-select-title-jp{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
div.future-ELEMENT-itemlist-select-line{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 72px 80px;
	padding-inline: 20px;
}
div.future-ELEMENT-itemlist-select-line-item .future-ELEMENT-itemlist-select-line-item-hdg {
	display: flex;
	align-items: start;
	flex-direction: column;
	row-gap: 10px;
	margin: 0 0 21px;
}
div.future-ELEMENT-itemlist-select-line-item .future-ELEMENT-itemlist-select-line-item-hdg-main {
	color: var(--theme-color);
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}
div.future-ELEMENT-itemlist-select-line-item .future-ELEMENT-itemlist-select-line-item-hdg-sub {
	color: var(--theme-color);
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

div.future-ELEMENT-itemlist-select-line-item p{
	margin: 0 0 27px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
}
div.future-ELEMENT-itemlist-select-line-item p.link{
	line-height: 1.8;
}
div.future-ELEMENT-itemlist-select-line-item p.link a{
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 1.8;
}
div.future-ELEMENT-itemlist-select-line-item p.link a:not(:hover){
	text-decoration: none;
}
div.future-ELEMENT-itemlist-select-line-item ul.link{
	text-align: left;
	font-size: 14px;
	line-height: 2;
	margin: 0;
	padding: 0;
}
div.future-ELEMENT-itemlist-select-line-item ul.link li{
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
}
div.future-ELEMENT-itemlist-select-line-item ul.link li a:not(:hover){
	text-decoration: underline;
}
div.future-ELEMENT-itemlist-select-line-item span img{
	max-width: 100%;
}
div.future-ELEMENT-itemlist-select-line-item-slide{
	margin-bottom: 29px;
}
div.future-ELEMENT-itemlist-select-line-item-slide .slick-arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	padding: 0;
	width: 32px;
	height: 60px;
	text-indent: -9999px;
	border: none;
	outline: none;
	z-index: 99;
	cursor: pointer;
}
div.future-ELEMENT-itemlist-select-line-item-slide span:nth-child(n+2){ display: none;}
div.future-ELEMENT-itemlist-select-line-item-slide .slick-arrow:hover{opacity: 0.8;}
div.future-ELEMENT-itemlist-select-line-item-slide .slick-disabled{display: none;}

div.future-ELEMENT-itemlist-select-line-item-slide.e01 .slick-arrow.slick-prev{
	left: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/01prev.png) left center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e01 .slick-arrow.slick-next{
	right: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/01next.png) right center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e02 .slick-arrow.slick-prev{
	left: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/02prev.png) left center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e02 .slick-arrow.slick-next{
	right: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/02next.png) right center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e03 .slick-arrow.slick-prev{
	left: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/03prev.png) left center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e03 .slick-arrow.slick-next{
	right: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/03next.png) right center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e04 .slick-arrow.slick-prev{
	left: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/04prev.png) left center no-repeat;
}
div.future-ELEMENT-itemlist-select-line-item-slide.e04 .slick-arrow.slick-next{
	right: 0;
	background: url(/img/usr/event/future-ELEMENT/2025/04next.png) right center no-repeat;
}





/*商品一覧*/
a#future-ELEMENT-itemlist-main-btn{
	background: var(--theme-color) url(/img/usr/event/future-ELEMENT/2025/btn.png) right 17px center no-repeat;
	border-radius: 28px;
	width: 744px;
	height: 56px;
	line-height: 56px;
	margin: 0 auto 120px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}

#future-ELEMENT-select1{
	display: none;
}
#future-ELEMENT-select1 h2{
	text-align: center;
	display: block;
	margin: 0 0 40px;
	padding: 0;
}
#future-ELEMENT-select1 h2 span{
	color: var(--theme-color);
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: bold;
	position: relative;
}
#future-ELEMENT-select1 h2 span::before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin:  auto 0;
	left: -127px;
	display: inline-block;
	content: '';
	width: 97px;
	height: 7px;
	background: url(/img/usr/event/future-ELEMENT/2023/pc/linel.png) left center no-repeat;
}
#future-ELEMENT-select1 h2 span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin:  auto 0;
	right: -127px;
	display: inline-block;
	content: '';
	width: 97px;
	height: 7px;
	background: url(/img/usr/event/future-ELEMENT/2023/pc/liner.png) left center no-repeat;
}



/* item */
#future-ELEMENT .items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 8.333333333333333%;
	margin-inline: auto;
	max-width: 960px;
	width: 100%;
}
#future-ELEMENT .item > *:last-child {
  margin-bottom: 0;
}
#future-ELEMENT .item-img {
  margin-bottom: 29px;
}
#future-ELEMENT .item-main {
}
#future-ELEMENT .item-txt {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 22px;
}
#future-ELEMENT .item-txt sup {
  font-size: .6em;
  line-height: 1;
}
#future-ELEMENT .item-note {
  font-size: 12px;
  line-height: 1.85;
  margin-bottom: 14px;
}
#future-ELEMENT .price-list {
  color: #333;
  font-size: 14px;
  line-height: calc(24 / 14);
	padding: unset;
  margin-bottom: 14px;
}
#future-ELEMENT .price-list * {
  color: inherit;
  line-height: inherit;
}
#future-ELEMENT .price-list .item-note {
  margin-bottom: 0;
}
#future-ELEMENT .price-list a:not(:hover) {
  text-decoration: underline;
}


/* PICK UP */
#future-ELEMENT .sec-pickup {
  padding: 40px;
	background-color:#f9f9f9;
	width:920px;
	margin: 0 auto;
	margin-bottom:60px;
}
#future-ELEMENT .sec-pickup-inner {
  margin-inline: auto;
  max-width: 880px;
  width: 100%;
	text-align:center;
}
#future-ELEMENT .sec-pickup-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  margin-bottom: 26px;
}
#future-ELEMENT .future-ELEMENT-title-jp {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1.4;
}
#future-ELEMENT .pickup-list {
  display: flex;
  justify-content: center;
  column-gap: 40px;
	padding: unset;
}
#future-ELEMENT a.pickup {
  transition: opacity .3s;
}

div#StyleT-list-wrapper{
	margin: 0 30px 60px;
	overflow: hidden;
}
div#StyleT-list-wrapper li.list-item{
	position: relative!important;
	left: auto!important;
	top: auto!important;
	height: auto!important;
	display: block;
	float: left;
	margin: 0 30px 20px 0!important;
	width: 210px!important;
}
div#StyleT-list-wrapper .list-item-image-container{
	height: auto !important;

}
div#StyleT-list-wrapper #item-list{
	width: 1000px!important;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	
}
div#StyleT-list-wrapper .list-item div.list-item-image-container > p img{
	width: 210px;
}
li.list-item div.block-item ul, div.list-item-image-container ul{
	left: auto;
	right: 10px;
}
li.list-item > div > p
, li.list-item > div > h3{
  padding:0px 0px;
  font-size:13px;
  margin:5px 0px;
}
div#StyleT-list-wrapper li.list-item:nth-child(4n+0){
	margin-right: 0!important;
}
div#StyleT-list-wrapper li.list-item:nth-child(4n+1){
	clear: both;
}
p#future-ELEMENT-tax{
	clear: both;
	font-size: 16px;
	text-align: center;
	color: #494949;
	display: block;
	margin: 0 0 120px 0;
}

li.list-item > div > p span{
  font-size:13px;
}

/**
/**/

