@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: 80px;
}
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;
}
.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#future-ELEMENT-release{
	color: #333333;
	font-size: 16px;
	margin: 0 0 0 29px;
	padding: 0;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
/*メインビジュアル*/


/*商品一覧*/
div#future-ELEMENT .bg_elements{
	width:100%;
	background-color: #f7f6eb;
	padding-top:100px;
	padding-bottom:10px;
}

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;
	text-align: center;
}
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 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/2026/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/2026/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/2026/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/2026/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/2026/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/2026/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/2026/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/2026/04next.png) right center no-repeat;
}

/* PICK UP */
#future-ELEMENT .sec-pickup {
  padding: 40px;
	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 .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;
}

/* 投票しよう */
#future-ELEMENT .future-ELEMENT-vote {
  background-color: #f7f0e9;
  padding-block: 120px;
}
#future-ELEMENT .future-ELEMENT-vote * {
  box-sizing: border-box;
}
#future-ELEMENT .future-ELEMENT-vote-inner {
  --vote-color: #5f2318;
  margin-inline: auto;
  max-width: 880px;
}
#future-ELEMENT .future-ELEMENT-vote-images {
	margin-bottom: 60px;
	text-align: center;
}
#future-ELEMENT .future-ELEMENT-vote-ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 30px;
}
#future-ELEMENT .future-ELEMENT-vote-ttl-main {
  color: var(--vote-color);
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
#future-ELEMENT .future-ELEMENT-vote-ttl-sub {
  order: -1;
  color: var(--vote-color);
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: calc(28 / 22);
  text-align: center;
  position: relative;
  padding-inline: .8em;
  margin: 0;
}
#future-ELEMENT .future-ELEMENT-vote-ttl-sub::before,
#future-ELEMENT .future-ELEMENT-vote-ttl-sub::after {
  content: '';
  background-color: currentColor;
  height: 100%;
  width: 2px;
  position: absolute;
  bottom: 2px;
}
#future-ELEMENT .future-ELEMENT-vote-ttl-sub::before {
  left: 0;
  rotate: -30deg;
}
#future-ELEMENT .future-ELEMENT-vote-ttl-sub::after {
  right: 0;
  rotate: 30deg;
}
#future-ELEMENT .future-ELEMENT-vote-lead {
  display: flex;
  flex-direction: column;
  row-gap: 1.5em;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: calc(28 / 18);
  text-align: center;
  margin-bottom: 30px;
}
#future-ELEMENT .future-ELEMENT-vote-lead * {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
}
#future-ELEMENT .future-ELEMENT-vote-recommend {
  background-color: #f7f2e9;
  border-radius: 10px;
  padding: 30px 40px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-bottom: 34px;
}
#future-ELEMENT .future-ELEMENT-vote-inner .future-ELEMENT-vote-recommend,
#future-ELEMENT .future-ELEMENT-vote-recommend-title span {
  background-color: #fff;
}
#future-ELEMENT .future-ELEMENT-vote-recommend-title {
	font-size:16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.5;
}
#future-ELEMENT .future-ELEMENT-vote-recommend-title span {
    font-size: 18px;
    font-weight: bold;
    color: #7c4324;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}
#future-ELEMENT .future-ELEMENT-vote-recommend-title::before,
#future-ELEMENT .future-ELEMENT-vote-recommend-title::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background-color: #7c4324;
    z-index: 1;
}
#future-ELEMENT .future-ELEMENT-vote-recommend-text {
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    text-align: left;
    margin: 0;
    padding: 0;
}
#future-ELEMENT .future-ELEMENT-vote-recommend-text + .future-ELEMENT-vote-recommend-title {
  margin-top: 20px;
}
#future-ELEMENT .future-ELEMENT-vote-btn {
	background: var(--vote-color) url('/img/usr/event/future-ELEMENT/2026/arrow_next.png') no-repeat right 15px center;
  border-radius: 9999px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 12px 40px;
	transition: 0.3s;
}
#future-ELEMENT .future-ELEMENT-vote-btn:hover {
  opacity: .8;
}
#future-ELEMENT .future-ELEMENT-vote-btn-area {
  display: grid;
  grid-template-columns: 410px;
  justify-content: center;
  margin-bottom: 50px;
}
#future-ELEMENT .future-ELEMENT-vote-acd-btn {
  all: unset;
  outline: revert;
  box-sizing: border-box;
  border-bottom: 1px solid #c9b2a1;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .1em;
  padding-block: 14px;
  position: relative;
  width: 100%;
}
#future-ELEMENT .future-ELEMENT-vote-acd-btn::before,
#future-ELEMENT .future-ELEMENT-vote-acd-btn::after {
  content: '';
  background-color: #7c4324;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 14px;
  width: 2px;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: 0 -50%;
  transition: rotate .3s;
}
#future-ELEMENT .future-ELEMENT-vote-acd-btn::before {
  rotate: 90deg;
}
#future-ELEMENT .future-ELEMENT-vote-acd-btn.is-open::after {
  rotate: 90deg;
}
#future-ELEMENT .future-ELEMENT-vote-acd-content {
  display: none;
  padding-block: 16px;
}
#future-ELEMENT .future-ELEMENT-vote-acd-txt {
  display: flex;
  flex-direction: column;
  row-gap: 1.6em;
  font-size: 16px;
  line-height: calc(26 / 16);
}
#future-ELEMENT .future-ELEMENT-vote-acd-txt * {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}
#future-ELEMENT .future-ELEMENT-vote-acd-txt a {
  color: #7c4324;
}

/* アプリ導線 */
#future-ELEMENT .future-ELEMENT-app-btn {
	background: #5f2318 url('/img/usr/event/future-ELEMENT/2026/arrow_next.png') no-repeat right 15px center;
	background-size: 14px 13px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	row-gap: 1px;
	width: 540px;
	margin: 0 auto 16px;
	padding: 14px 0;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}
#future-ELEMENT .future-ELEMENT-app-sub {
	color: inherit;
	font-weight: bold;
	font-size: 16px;
}
#future-ELEMENT .future-ELEMENT-app-main {
	color: inherit;
	font-weight: bold;
	font-size: 20px;
}
#future-ELEMENT .future-ELEMENT-app-text {
	font-size: 16px;
	text-align: center;
	padding: 0;
	margin: 0;
}