﻿@charset "UTF-8";
#event-contents-wrapper{
	margin-top: 0;
}

/* CSS Document */
#event-contents-wrapper,
.list_.col1_,
.contents{
	width: auto;
}
body{
	background: #fff;
}
body.is-fixed{
	overflow: hidden;
}
.btn_item_lp_ {
	right: 5%;
	z-index: 999;
}
.list_.col1_{
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
div#feature-attartans{
	margin: 0 0 120px;
}
section#feature-attartans-mainvisual{
	width: 1000px;
	margin: 0 auto 83px;
}
/*メインビジュアル*/
section#feature-attartans-mainvisual{
	margin-bottom: 120px;
}
.feature-attartans-mainvisual-slider .swiper{
	overflow: hidden;
}
.feature-attartans-mainvisual-slider img{
	width: 100%;
}
section#feature-attartans-mainvisual h1{
	margin: 79px 0 22px;
	padding: 0;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	display: block;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	position: static;
}
section#feature-attartans-mainvisual h1 span{
	display: block;
	line-height: 1;
	margin: 10px 0 0 0;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
section#feature-attartans-mainvisual h1 img{
	vertical-align: bottom;
}
section#feature-attartans-mainvisual span{
	display: block;
	line-height: 1;
}
section#feature-attartans-mainvisual span img{
	vertical-align: bottom;
}
p#feature-attartans-comment{
	margin: 0 0 24px;
	padding: 0;
	color: #333333;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}
p#feature-attartans-comment span{
	display: block;
	font-size: 12px;
	margin: 15px 0 22px;
	padding: 0;
	color: #333333;
}
p#feature-attartans-start {
	font-size: 22px;
  font-weight: bold;
	text-align: center;
  margin: 0 0 10px;
	line-height: 1.63;
}
p#feature-attartans-caution {
	font-size: 14px;
	margin: 0;
	text-align: center;
}
p#feature-attartans-date{
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	margin: 20px 0 0;
	padding: 0 0 0 20px;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
/*メインビジュアル*/

/*コーディネイト*/
#feature-attartans-coordinate{
	width: 1000px;
	margin: 0 auto 120px;
}
#feature-attartans-coordinate h2{
	margin: 0;
}
.feature-attartans-coordinate-box{
	background: #102e55;
	padding: 42px;
}
.feature-attartans-coordinate-list{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0;
	padding: 0;
}
.feature-attartans-coordinate-list li{
	width: 172px;
	cursor: pointer;
}
.feature-attartans-coordinate-list li img{
	display: block;
}
.modal-feature-attartans-coordinate-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.8);
	display: none;
}
.modal-feature-attartans-coordinate{
	position: fixed;
	height: 840px;
	z-index: 99999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #FFF;
	border-radius: 10px;
	display: none;
	box-sizing: border-box;
	padding: 55px 60px;
	overflow: hidden;
}
.modal-feature-attartans-coordinate-box{
	width: 480px;
	height: 100%;
	/* padding: 0 60px; */
	box-sizing: border-box;
}
.modal-feature-attartans-coordinate-list{
	margin: 0;
	padding: 0;
}
.modal-feature-attartans-coordinate-list li{
	/* display: none; */
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.modal-feature-attartans-coordinate-list li::-webkit-scrollbar{
  display:none;
}
.modal-feature-attartans-coordinate .swiper-button-prev{
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}
.modal-feature-attartans-coordinate .swiper-button-next::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	position: absolute;
	top: 50%;
	left: calc(50% - 2px);
	transform: translate(-50%,-50%) rotate(45deg);
}
.modal-feature-attartans-coordinate .swiper-button-next {
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}
.modal-feature-attartans-coordinate .swiper-button-prev::after {
	content: "";
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	position: absolute;
	top: 50%;
	left: calc(50% + 2px);
	transform: translate(-50%,-50%) rotate(45deg);
}
.modal-feature-attartans-coordinate-img{
	width: 480px;
	margin: 0 0 40px;
}
.modal-feature-attartans-coordinate-img img{
	width: 100%;
}
.modal-feature-attartans-coordinate-desc p{
	margin: 0 0 20px;
}
.modal-feature-attartans-coordinate-desc p.link{
	margin: 0;
}
.modal-feature-attartans-coordinate-desc p.link > * + *{
	margin-top: 5px;
}
.modal-feature-attartans-coordinate-desc p.link a{
	text-decoration: underline;
}
.modal-feature-attartans-coordinate-desc p.link a:hover{
	text-decoration: none;
}
.modal-feature-attartans-coordinate-desc p.link a,.modal-feature-attartans-coordinate-desc p.link span{
	display: block;
	font-size: 14px;
}
.modal-feature-attartans-coordinate-close{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.modal-feature-attartans-coordinate-close::before,.modal-feature-attartans-coordinate-close::after{
	content: "";
	width: 20px;
	height: 3px;
	background: #333;
	position: absolute;
	top: 50%;
	left: 50%;
}
.modal-feature-attartans-coordinate-close::before{
	transform: translate(-50%,-50%) rotate(45deg);
}
.modal-feature-attartans-coordinate-close::after{
	transform: translate(-50%,-50%) rotate(-45deg);
}
/*コーディネイト*/

#feature-attartans-fudge{
	width: 940px;
	margin: 0 auto 120px;
	background: #f5f5f5;
	padding: 30px;
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.feature-attartans-fudge-desc p{
	line-height: 1.5;
	margin: 0;
}
.feature-attartans-fudge-desc p.link{
	margin-top: 15px;
}
.feature-attartans-fudge-desc p.link a{
	font-weight: bold;
	display: flex;
	gap: 10px;
	align-items: center;
}
.feature-attartans-fudge-desc p.link a::before{
	content: "";
	width: 20px;
	height: 18px;
	background: url(./ico_pc.png) center center / contain no-repeat;
	display: block;
}

/*ORIGINAL*/
div#feature-attartans-original{
	width: 1000px;
	margin: 100px auto;
}
div#feature-attartans-original h2{
	margin: 0 0 37px;
	padding: 0;
	text-align: center;
}
div#feature-attartans-original h2 span:first-of-type{
	background-image: url(original_line.png),url(original_line.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left 12px,right 12px;
}
div#feature-attartans-original h2 span{
	display: block;
	line-height: 1;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
div#feature-attartans-original h2 span:last-of-type{
	margin: 10px 0 0 0;
}
div#feature-attartans-original-main{
	width: 655px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
}
div#feature-attartans-original-main p{
	display: inline-block;
	vertical-align: middle;
	width: 496px;
	margin-right: 34px;
	color: #333333;
	line-height: 1.6;
	font-size: 16px;
}
div#feature-attartans-original-main span{
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}
/*ORIGINAL*/

/*pattern*/
div#feature-attartans-pattern{
	width: 1000px;
	margin: 0 auto 90px;
}
div#feature-attartans-pattern h2{
	margin: 0 0 37px;
	padding: 0;
	text-align: center;
}
div#feature-attartans-pattern h2 span{
	display: block;
	line-height: 1;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
div#feature-attartans-pattern h2 span:first-of-type{
	background-image: url(pattern_line.png),url(pattern_line.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left 11px,right 11px;
}
div#feature-attartans-pattern-main{
	overflow: hidden;
}
div.feature-attartans-pattern-item-header{
	border-bottom: 2px solid #000;
	padding: 0 0 3px;
	font-size: 0;
}
div.feature-attartans-pattern-item-header span:first-of-type{
	width: 250px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 10px;
}
div.feature-attartans-pattern-item-header span:last-of-type{
	width: 60px;
	display: inline-block;
	vertical-align: middle;
}
div.feature-attartans-pattern-item{
	width: 310px;
	float: left;
	margin-right: 35px;
	margin-bottom: 30px;
}
div.feature-attartans-pattern-item p{
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	margin: 10px 0 0 ;
	padding: 0;
}
div.feature-attartans-pattern-item:nth-child(3n+1){
	clear: both;
}
div.feature-attartans-pattern-item:nth-child(3n+0){
	margin-right: 0;
}
/*pattern*/
p#feature-attartans-tax {
	clear: both;
	font-size: 14px;
	text-align: center;
	color: #494949;
	display: block;
	margin: 0px 0 0 0px;
}

/* .coordinate */
#feature-attartans .coordinate {
	background-color: #b6ac9e;
}
#feature-attartans .coordinate-header {
	padding-block: 59px 125px;
}
#feature-attartans .coordinate-hdg {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#feature-attartans .coordinate-hdg-en {
	margin: unset;
	margin-bottom: 34px;
}
#feature-attartans .coordinate-hdg-sub {
	background: linear-gradient(to bottom, transparent 43%, #dedede 43%,#dedede calc(43% + 2px), transparent calc(43% + 2px));
	padding-inline: 75px;
	margin: unset;
	margin-bottom: 20px;
}
#feature-attartans .coordinate-hdg-sub-inner {
	background-color: #b6ac9e;
	color: #ffffff;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: .2em;
	padding-inline: 20px;
}
#feature-attartans .coordinate-hdg-main {
	color: #ffffff;
	font-size: 31px;
	font-weight: bold;
	letter-spacing: .2em;
	margin: unset;
}
#feature-attartans .coordinate-main {
	background-image: url('/img/usr/event/feature-attartans/2025/pattern_bg1.png');
}
#feature-attartans .coordinate-main-inner {
	position: relative;
	top: -71px;
	max-width: 745px;
	margin-inline: auto;
	width: 100%;
}
#feature-attartans .coordinate-items {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}
#feature-attartans .coordinate-item {
	background-color: #fff;
	border-radius: 10px;
	padding: 44px 90px 62px;
}
#feature-attartans .coordinate-item-lead {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	margin-bottom: 24px;
}
#feature-attartans .coordinate-item-lead p {
	font-feature-settings: "palt";
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .06em;
	line-height: calc(30 / 16);
	margin: unset;
}
#feature-attartans .coordinate-item-header {
	margin-bottom: 24px;
}
#feature-attartans .coordinate-item-main {
}
#feature-attartans .coordinate-item-img-swiper-wrap {
	position: relative;
}
#feature-attartans .coordinate-item-img-swiper {
	position: static;
}
#feature-attartans .coordinate-item-img-swiper .swiper-slide img {
	max-width: 100%;
}
#feature-attartans .coordinate-item-img-swiper .swiper-button-prev,
#feature-attartans .coordinate-item-img-swiper .swiper-button-next {
  background-image: url('/img/usr/event/feature-attartans/2025/arrow.png');
  background-size: 100%;
  margin-top: auto;
	top: 270px;
  height: 35px;
  width: 35px;
}
#feature-attartans .coordinate-item-img-swiper .swiper-button-prev {
  left: -17px;
	rotate: -180deg;
}
#feature-attartans .coordinate-item-img-swiper .swiper-button-next {
  right: -17px;
}
#feature-attartans .coordinate-item-img-swiper .swiper-button-prev.swiper-button-disabled,
#feature-attartans .coordinate-item-img-swiper .swiper-button-next.swiper-button-disabled {
	display: none;
}
#feature-attartans .price-list {
	font-feature-settings: "palt";
  font-size: 14px;
  letter-spacing: .06em;
  line-height: calc(24 / 14);
	padding: unset;
	margin: unset;
  margin-bottom: 14px;
}
#feature-attartans .price-list * {
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
#feature-attartans .price-list a:not(:hover) {
  text-decoration: underline;
}

/* .season-style */
#feature-attartans .sec-season-style {
	background-color: #fff;
	padding-top: 100px;
}
#feature-attartans .sec-season-style-inner {
	margin-inline: auto;
	width: 1000px;
}
#feature-attartans .season-style {
	background-image: url('/img/usr/event/feature-attartans/2025/pattern_bg2.jpg');
	padding-right: 200px;
}
#feature-attartans .season-style-inner {
	background-color: #204340;
	padding-block: 57px 41px;
	padding-left: 60px;
}
#feature-attartans .season-style-hdg {
	display: flex;
	flex-direction: column;
	row-gap: 19px;
	margin-bottom: 43px;
}
#feature-attartans .season-style-hdg > * {
	margin: unset;
}
#feature-attartans .season-style-hdg-en {
}
#feature-attartans .season-style-hdg-jp {
	color: #fff;
	font-size: 31px;
	font-weight: bold;
	letter-spacing: .2em;
}
#feature-attartans .season-style-pickup {
	background-image: url('/img/usr/event/feature-attartans/2025/pc/autumn_style_mv.jpg');
	background-size: cover;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 59px 38px 30px;
	min-height: 440px;
	width: 880px;
	margin-bottom: 30px;
}
#feature-attartans .season-style-pickup > *:last-child {
	margin-bottom: 0;
}
#feature-attartans .season-style-pickup-txt {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
#feature-attartans .season-style-pickup-txt p {
	font-feature-settings: "palt";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .06em;
	line-height: calc(46 / 18);
	margin: unset;
}
#feature-attartans .season-style-thumbnails {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 880px;
}
#feature-attartans .season-style-thumbnail {
	position: relative;
}
#feature-attartans .season-style-thumbnail::before {
	content: '';
	background-image: url('/img/usr/event/feature-attartans/2025/open.png');
	background-size: 100%;
	height: 36px;
	width: 36px;
	pointer-events: none;
	position: absolute;
	right: 9px;
	bottom: 11px;
}
#feature-attartans .season-style-thumbnail-trigger {
	all: unset;
  outline: revert;
	box-sizing: border-box;
	cursor: pointer;
}
#feature-attartans .season-style-thumbnail-trigger img {
	max-width: 100%;
}
#feature-attartans .season-style-thumbnail-modal {
  background-color: transparent;
  border: none;
  padding: 0;
}
#feature-attartans .season-style-thumbnail-modal.-plain-modal {
  max-width: 800px;
  width: 100%;
}
#feature-attartans .season-style-thumbnail-modal.-plain-modal .box-happinessplus-ticket-modal-content {
  background-color: #fff;
  padding: 24px 30px;
}
#feature-attartans .season-style-thumbnail-modal::backdrop {
  background: rgba(0, 0, 0, 0.7);
}
#feature-attartans .season-style-thumbnail-modal-inner {
	padding: 16px;
	position: relative;
}
#feature-attartans .season-style-thumbnail-modal-content > *:last-child {
  margin-bottom: 0;
}
#feature-attartans .season-style-thumbnail-modal-close {
	all: unset;
  outline: revert;
  cursor: pointer;
  width: 36px;
  height: 36px;
	position: absolute;
	top: 0;
	right: 0;
}
#feature-attartans .season-style-thumbnail-modal-close img {
	pointer-events: none;
}
#feature-attartans .modal-box {
	background-color: #fff;
	border-radius: 10px;
	padding: 60px 66px;
}
#feature-attartans .modal-box-img {
	margin-bottom: 24px;
}
#feature-attartans .season-style-profile {
	color: #fff;
	font-feature-settings: "palt";
	padding: 49px 56px 49px 9px;
}
#feature-attartans .season-style-profile * {
	color: inherit;
}
#feature-attartans .season-style-profile-head {
	padding-bottom: 32px;
}
#feature-attartans .season-style-profile-hdg {
	font-size: 16px;
	letter-spacing: .06em;
	line-height: 1;
	margin: unset;
	margin-bottom: 19px;
}
#feature-attartans .season-style-profile-txt {
	font-size: 14px;
	letter-spacing: .06em;
	line-height: calc(30 / 14);
	margin: unset;
}
#feature-attartans .season-style-profile-body {
	padding-top: 40px;
}
#feature-attartans .season-style-profile-head + .season-style-profile-body {
	border-top: 1px solid #dedede;
}