@charset "UTF-8";

:root{
  --feature-nals-main-color:#accb92;
  --feature-nals-present-bg:#f7f6f0
  --feature-nals-present-txt:#595757;
  --feature-nals-more-btn:#9a8d96;
}

#event-contents-wrapper{
	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*/

/*base*/

/*メインビジュアル*/

div#feature-nails-mainvisual{
	width: 1000px;
	/* margin: 0 auto 40px */;
  margin: 0 auto 25px;
}

div#feature-nails-mainvisual img{
    display: block;
    width: 100%;
    height: auto;
  }

div#feature-nails-mainvisual h1{
	/* margin: 74px 0 42px; */
  margin: 68px 0 14px;
	position: static;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	color: #accb92;
	color: var(--feature-nals-main-color);
	text-align: center;
  letter-spacing: 0.06em;
}

div#feature-nails-mainvisual h1 img{
	vertical-align: bottom;
}

div#feature-nails-mainvisual span{
	display: block;
	line-height: 1;
}

div#feature-nails-mainvisual span img{
	vertical-align: bottom;
}

div#feature-nails-mainvisual p{
	margin: 0 0 32px;
	padding: 0;
	color: #333333;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}

div#feature-nails-mainvisual p strong{
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.03em;
}

div#feature-nails-mainvisual p span{
	font-size: 14px;
	color: #333333;
	/* margin-top: 1.2em; */
  margin-top: 0;
}

div#feature-nails-mainvisual p#feature-nails-date {
	text-align: left;
	font-size: 16px;
	color: #333333;
	margin: 0;
	padding: 0 0 0 32px;
	line-height: 	1;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/*メインビジュアル*/

/*ABOUT*/

div#feature-nails-about{
	border-top: 2px solid #accb92;
	border-top: 2px solid var(--feature-nals-main-color);
	border-bottom: 2px solid #accb92;
	border-bottom: 2px solid var(--feature-nals-main-color);
	width: 1000px;
	/* margin: 0 auto 80px; */
  margin: 0 auto 99px;
}

div#feature-nails-about h2{
	text-align: center;
	margin: 0;
	padding: 21px 0 19px;
	background: url(plus.png) right 19px center no-repeat;
	background-size: 20px;
	cursor: pointer;
}

div#feature-nails-about h2:hover{
	opacity: 0.8;
}

div#feature-nails-about h2.active{
	background: url(minus.png) right 19px center no-repeat;
	background-size: 20px;
}

div#feature-nails-about h2 span{
	color: #accb92;
	color: var(--feature-nals-main-color);
	font-weight: bold;
	line-height: 1;
	font-size: 0;
}

div#feature-nails-about h2 span img{
	vertical-align: middle;
}

div#feature-nails-about h2 span:first-child{
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}

div#feature-nails-about h2 span:last-child{
	font-size: 17px;
	padding: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
}

#feature-nails-about-main{
	padding: 23px 18px 32px 32px;
	display: none;
}

#feature-nails-about-main span{
	display: inline-block;
	vertical-align: middle;
	width: 151px;
}

#feature-nails-about-main p{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 0 37px;
	width: 757px;
	color: #333333;
	font-size: 16px;
	line-height: 1.8;
}

/*ABOUT*/

/*PRESENT*/

#feature-nails-present{
	/* padding: 70px 80px; */
  padding: 70px 80px 40px;
	margin: 0 auto 99px;
	width: 1000px;
	box-sizing: border-box;
	background: #f7f6f0;
	position: relative;
}

#feature-nails-present h2{
	margin: 0 0 35px;
	padding: 0;
	/* text-align: center; */
  text-align: left;
}

#feature-nails-present .feature-nails-present-contents{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

#feature-nails-present .feature-nails-present-contents{
	margin-bottom: 40px;
}

#feature-nails-present .feature-nails-present-contents:last-child{
	margin-bottom: 0;
}

#feature-nails-present .feature-nails-present-contents:first-child{
  margin: 0 0 30px;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-img{
	width: 360px;
  flex-shrink: 0;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-img img{
  display: block;
  width: 100%;
  height: auto;
}

#feature-nails-present .feature-nails-present-contents .ttl_sub{
position: relative;
  padding-left: 25px !important; 
	font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
	color: var(--feature-nals-present-txt);
	margin: 0 0 12px;
	padding: 0;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
  color: #595757;
}
#feature-nails-present .feature-nails-present-contents .ttl_sub::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url('/img/usr/event/feature-nails/202508/pc/icon_hishi.png');
  background-size: contain;
  background-repeat: no-repeat;
}
#feature-nails-present .feature-nails-present-contents .ttl_sub span{
	display: block;
	line-height: 1;
	margin-bottom: 20px;
}

#feature-nails-present .feature-nails-present-contents .ttl_sub span img{
	vertical-align: bottom;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-txt{
  /* padding-top: 40px; */
	/* width: 515px; */
  width: 100%;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-txt .ttl_bk{
  color: #595757;
  font-size: 20px;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-txt .txt_m{
  color: #333333;
  font-size: 13px;
  line-height: 1.75;
	margin: 0;
	padding: 0;
	padding-left:25px;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-txt .ttl_bl{
  color: #68a9cf;
  font-size: 27px;
  font-weight: bold;
}

#feature-nails-present .feature-nails-present-contents .feature-nails-present-txt .txt{
  color: #333333;
  line-height: 1.75;
}

.feature-nails-present-slick img:nth-child(n+2){
	display: none;
}

.slick-list  img:nth-child(n+2){
	display: block;
}

.feature-nails-present-img .slick-arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 31px;
	height: 30px;
	border: none;
	text-indent: -9999px;
	z-index: 2;
	cursor: pointer;
}

.feature-nails-present-img .slick-arrow:hover{
	opacity: 0.8;
}

.feature-nails-present-img .slick-prev{
	left: -15px;
	background: url(prev.png) center center no-repeat;
}

.feature-nails-present-img .slick-next{
	right: -15px;
	background: url(next.png) center center no-repeat;

}

/*PRESENT*/

/*リード*/

div#feature-nails-lead h2{
	margin: 0 0 60px;
	position: static;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	color: #71b0a1;
	text-align: center;
}

div#feature-nails-lead > p{
	text-align: center;
	font-size: 14px;
	margin: 0 0 60px;
	padding: 0;
	line-height: 1.6;
	color: #333;
}

div#feature-nails-lead > p strong{
	font-weight: bold;
}

/*リード*/

/*PRESENT2*/

#feature-nails-present2{
	padding: 50px;
	margin: 120px 0 120px;
	background: #eff7f7;
	position: relative;
}

#feature-nails-present2 .feature-nails-present2-contents{
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 45px;
}

#feature-nails-present2 .feature-nails-present2-contents:first-child{
  margin: 0 0 0;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-img{
	width: 285px;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-img img{
  width: 100%;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-txt{
  width: calc(100% - 325px);
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-txt .ttl_bk{
  color: #595757;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.75;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-txt .txt_m{
  color: #333333;
  font-size: 13px;
  line-height: 1.75;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-txt .ttl_bl{
  color: #68a9cf;
  font-size: 27px;
  font-weight: bold;
}

#feature-nails-present2 .feature-nails-present2-contents .feature-nails-present2-txt .txt{
  color: #333333;
  line-height: 1.75;
}

#feature-nails-present2 .swiper-container{
	overflow: visible;
	overflow: initial;
}

#feature-nails-present2 .swiper-button-prev{
		width: 31px;
		height: 30px;
		background: url(prev.png) center center no-repeat;
		top: 0;
		bottom: 0;
		left: -15px;
		margin: auto 0;
}

#feature-nails-present2 .swiper-button-next{
		width: 31px;
		height: 30px;
		background: url(next.png) center center no-repeat;
		top: 0;
		bottom: 0;
		right: -15px;
		margin: auto 0;
}

#event-contents-wrapper #feature-nails-present2 h2{
	margin: 2px 0 0 0;
	padding: 0;
}

/*PRESENT2*/

/*goodslist*/

.goodslist{
	width: 1000px;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 auto;
	overflow: hidden;
}

.goodslistitem{
	float: left;
	width: 440px;
  /* 	margin-bottom: 60px; */
  margin-bottom: 97px;
}

.goodslistitem:nth-child(odd){
	margin-right: 40px;
	clear: both;
}

.goodslistitem:nth-child(even){
	margin-left: 40px;
}

.goodslistitem:last-child{
	margin-bottom: 50px;
}

.goodslistitem figure{
	margin: 0 0 0;
	padding: 0;
	line-height: 1;
}

.goodslistitem h3{
	/* margin: 25px 0 19px; */
  margin: 21px 0 12px;
	text-align: center;
	font-size: 20px;
	color: #accb92;
	color: var(--feature-nals-main-color);
	font-weight: bold;
  letter-spacing: 0.075em;
}

.goodslistitem figure img{
  display: block;
  width: 100%;
  height: auto;
}

.goodslistitem p{
	margin: 0;
	padding: 0;
}

#feature-nails-lead .goodslistitem figure + p a{
	font-size: 18px;
	font-weight: bold;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	color: #333333;
	padding: 0 0 2px;
}

#feature-nails-lead .goodslistitem figure + p a:hover{
	-webkit-text-decoration: none;
	text-decoration: none;
	opacity: 0.8;
}

#feature-nails-renewalopen .goodslistitem figure + p{
	font-size: 18px;
	font-weight: bold;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: #333333;
	padding: 0 0 2px;
}

.goodslistitem p.comment{
	/* line-height: 1.7; */
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
}

.goodslistitem:nth-of-type(2) p.comment{
	margin: 25px 0 0;
}

.goodslistitem p.goods{
	/* margin: 28px 0 0 0; */
  margin: 24px 0 0 0;
}

.goodslistitem p.goods,
.goodslistitem p.goods a{
  display: block;
	color: #333333;
	font-size: 14px;
}

.goodslistitem p.goods a{
	margin-bottom: 5px;
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.goodslistitem p.goods span{
	display: block;
	color: #333333;
	margin-bottom: 5px;
	font-size: 14px;
}

.goodslistitem p.goods a:last-child,
.goodslistitem p.goods span:last-child{
	margin-bottom: 0;
}

.goodslistitem p.goods a:hover{
	-webkit-text-decoration: none;
	text-decoration: none;
}

#feature-nails-renewalopen #feature-nails-renewalopen-main h3{
	font-size: 22px;
	color: #71b0a1;
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0;
}

#feature-nails-renewalopen #feature-nails-renewalopen-main h3 + p{
	margin: 0 auto 15px;
	text-align: center;
	display: block;
	line-height: 1.6;
	color: #333;
	font-size: 16px;
}

#feature-nails-renewalopen #feature-nails-renewalopen-main  > p + p{
	text-align: center;
	font-size: 14px;
	color: #333;
	margin: 0 0 60px;
	padding: 0;
}

#feature-nails-renewalopen .goodslistitem{
	margin-bottom: 60px;
}

#feature-nails-renewalopen .goodslistitem:nth-child(odd){
	clear: both;
}

/*goodslist*/

/*TRY*/

#feature-nails-try{
	position: relative;
	overflow: hidden;
	width: 1041px;
	padding: 0 0 33px;
	margin: 0 auto 120px;
}

#feature-nails-try::after{
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	width: 100%;
	height: 357px;
	background: #f9f2f1;
	content: '';
}

#feature-nails-try figure{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	width: 265px;
	float: left;
}

#feature-nails-try-main{
	padding: 259px 245px 0 111px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	text-align: center;
	float: left;
}

#feature-nails-try-main h2{
	margin: 30px 0 24px;
	padding: 0;
}

#feature-nails-try-main p{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

/*TRY*/

#feature-nails-morebtn{
	width: 633px;
	height: 60px;
	margin: 0 auto;
	background: #9a8d96 url(morebtn.png) right 22px center no-repeat;
	background: var(--feature-nals-more-btn) url(morebtn.png) right 22px center no-repeat;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

#feature-nails-morebtn:hover{
	opacity: 0.8;
}

p#feature-nails-tax{
	clear: both;
	font-size: 14px;
	text-align: center;
	color: #494949;
	display: block;
	margin: 120px 0px 120px;
}

#StyleT-list-wrapper{
	width: 1000px;
	margin: 0 auto;
}

.hacobune-app-container{
	margin: 0!important;
	padding: 0!important;
	background: #fff;
}

.hacobune-unit-video-outline{
	display: none;
}

.feature-nails-decoration{
  margin: 0 0 80px;
}

.feature-nails-button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 60px;
  border-radius: 30px;
  margin: 0 auto 0;
  font-weight: bold;
  background: #accb92;
  background: var(--feature-nals-main-color);
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  font-feature-settings: 'palt';
  position: relative;
  gap: 5px 7px;
}

.feature-nails-button::after{
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    background: url(icon_arrow_bottom.png) center center no-repeat;
  }

.decoration-text{
  color: #accb92;
  color: var(--feature-nals-main-color);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.75;
  text-align: center;
  font-feature-settings: 'palt';
}

.decoration-text::after{
    content: '';
    display: block;
    width: 472px;
    height: 49px;
    background: url(border.png) center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

/* ワークショップ */

.workshop-area{
  width: 1000px;
  padding: 79px 0 79px;
  border: 2px solid #accb92;
  border: 2px solid var(--feature-nals-main-color);
  margin: 0 auto;
  box-sizing: border-box;
}

.workshop-area h2{
  margin: 0 0 60px;
  position: static;
  padding: 0;
  text-align: center;
}

.workshop-visual{
  width: 600px;
  margin: 0 auto 0;
}

.workshop-visual img{
    display: block;
    width: 100%;
    height: auto;
  }

.workshop-description{
  margin: 28px auto 0;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.26;
  color: #accb92;
  color: var(--feature-nals-main-color);
  font-feature-settings: 'palt';
  font-weight: bold;
}

.workshop-details{
  width: 650px;
  margin: 52px auto 0;
  font-size: 16px;
  font-weight: 500;
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
}

.workshop-details dt,.workshop-details dd,.workshop-details p,.workshop-details ul,.workshop-details li{
    padding: 0;
    margin: 0;
  }

.workshop-details > dt{
    font-weight: bold;
  }

.workshop-details > dt:nth-of-type(n+2){
      margin: 30px 0 0;
    }

.workshop-details > dd{
    margin: 5px 0 0;
  }

.workshop-details > dd > a{
      -webkit-text-decoration: underline;
      text-decoration: underline;
      color: #accb92;
      color: var(--feature-nals-main-color);
      font-feature-settings: 'palt';
      letter-spacing: 0.05em;
    }

.workshop-details > dd > a:hover{
        -webkit-text-decoration: none;
        text-decoration: none;
      }

.workshop-details .highlight{
    margin-top: 5px;
    font-size: 14px;
  }

.workshop-details .schedule{
    margin: 30px auto 0;
  }

.workshop-details .schedule > dt:nth-of-type(n+2){
        margin-top: 30px;
      }

.workshop-details .schedule > dd{
      display: flex;
      gap: 10px 17px;
      margin-top: 3px;
    }

.workshop-notes{
  padding: 0 174px 0;
  margin: 25px auto 0;
  font-size: 14px;
}

.workshop-notes ul{
    padding: 0;
    margin: 0;
  }

.workshop-notes ul li{
      line-height: 1.8;
    }

/* ワークショップ予約ボタン */

.reservation-buttons{
  width: 632px;
  margin: 20px auto 0;
  display: flex;
  flex-direction: column;
  gap: 20px 20px;
  position: relative;
  left: -8px;
}

.reservation-buttons > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0 0 0 18px;
    border-radius: 30px;
    position: relative;
    background: #accb92;
    background: var(--feature-nals-main-color);
    color: #fff;
    font-feature-settings: 'palt';
    font-size: 16px;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    box-sizing: border-box;
  }

.reservation-buttons > a::after{
      content: '';
      display: block;
      width: 20px;
      height: 19px;
      background: url(icon_arrow_right.png) no-repeat center center/contain;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
    }