@charset "utf-8";
/*
Theme Name: SUYARA
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&family=Zen+Kaku+Gothic+New:wght@400;700&family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,100,0,0");

/* ------------------------------------------------------------
 * Base
 * ------------------------------------------------------------ */

html #suyara_lp {
	font-size:14px;

}

body #suyara_lp {
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height:1.6;
	margin:0;
	background-color:#f6f4ec;
    transition: background-color .65s ease;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}

body.is-active {
  height: 100%;
  overflow: hidden;
}

/*p{
	margin:0;
	padding:0;
}*/

#suyara_lp img{
	max-width:100%;
	height:auto;
}

*:focus,
*:active {
  outline: none !important;
  box-shadow: none !important;
}

/* ------------------------------------------------------------
 * Common
 * ------------------------------------------------------------ */

br.sp{
	display:none;
}

br.pc{
	display:inline;
}

@media screen and (max-width: 768px) {
	br.sp{
		display:inline;
	}
	br.pc{
		display:none;
	}
}

/* ------------------------------------------------------------
 * Inview
 * ------------------------------------------------------------ */

/*.inview{
	opacity:0;
	transition:all 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.25s;
}

.inview.is-show{
	opacity:1;
}


.inview.fade-up{
	transform:translate(0, 3.5rem);
}

.inview.is-show.fade-up{
	transform:translate(0, 0rem);
}*/

/* ------------------------------------------------------------
 * main
 * ------------------------------------------------------------ */

main{
position:relative;
z-index:0;
padding:0rem 0 0 0;
width:100%;
overflow-x:clip;
}

main.narrow{
	width:800px;
	max-width:100%;
margin-right:auto;
margin-left:auto;
padding-top:9rem;
padding-right:1rem;
padding-left:1rem;
}

main.container{
width:1200px;
max-width:100%;
padding-top:9rem;
padding-right:1rem;
padding-left:1rem;
margin-right:auto;
margin-left:auto;
}

main section .container{
	padding-right:1rem;
	padding-left:1rem;
}



/* ------------------------------------------------------------
 * Inview
 * ------------------------------------------------------------ */

/*.inview{
	transition:all 0.6s ease-in-out;
	display:block;
}

.inview.delay50{
	transition-delay:0.05s
}

.inview.delay100{
	transition-delay:0.1s
}

.inview.delay150{
	transition-delay:0.15s
}

.inview.delay200{
	transition-delay:0.2s
}

.inview.delay250{
	transition-delay:0.25s
}

.inview.delay300{
	transition-delay:0.3s
}

.inview.delay350{
	transition-delay:0.35s
}

.inview.delay400{
	transition-delay:0.4s
}

.inview.delay450{
	transition-delay:0.45s
}
.inview.delay500{
	transition-delay:0.5s
}



.inview.fadeUp{
	transform:translate(0, 1.5rem);
	opacity:0;
}

.inview.fadeUp.is-show{
	transform:translate(0, 0rem);
	opacity:1;
}

.inview.rotate{
	transform-origin:0% 0%;
	transform:rotate(90deg);
	opacity:0;
}

.inview.rotate.is-show{
	transform:rotate(0);
	opacity:1;
}

.inview.fadeLeft{
	transform:translate(1.5rem, 0rem);
	opacity:0;
}

.inview.fadeLeft.is-show{
	transform:translate(0, 0rem);
	opacity:1;
}

.inview.blur{
	filter:blur(30px);
	opacity:0;
}

.inview.blur.is-show{
	filter:blur(0);
	opacity:1;
}

.inview.zoomOut{
	transform:scale(1.25);
	opacity:0;
}

.inview.zoomOut.is-show{
	transform:scale(1);
	opacity:1;
}*/







/* ------------------------------------------------------------
 * Home Hero
 * ------------------------------------------------------------ */

section.home#hero{
	height:100vh;
	padding:0;
	overflow:clip;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

section.home#hero .home__hero-image {
	height:100%;
	display:block;
}

.home__hero-image img,
.home__hero-image source{
/*	width:100%;
	height:auto;*/
	min-height:100%;
	min-width:100%;
	object-fit:cover;
}

.hero__copy{
	position:absolute;
	width:512px;
	height:auto;
}



@media screen and (orientation: portrait) {
	.home__hero-image img,
	.home__hero-image source{
/*		width:auto;
		height:100%;*/
		min-width:100%;
		min-height:100%;
	}

	.hero__copy{
		width:256px;
		margin-top:50vh;
	}

}







.hero {
  position: relative;
  width: 100%;
  height: 100vh; /* 任意の高さ */
  overflow: hidden;
}

.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* デフォルトはSP用を表示、PC用を非表示 */
.hero__video--pc { display: none; }
.hero__video--sp { display: block; }

/* PC幅になったら切り替え */
@media screen and (min-width: 769px) {
  .hero__video--pc { display: block; }
  .hero__video--sp { display: none; }
}


/* ------------------------------------------------------------
 * Home Concept
 * ------------------------------------------------------------ */



#svgPath{
	width:100%;
	height:auto;
}




/* ------------------------------------------------------------
 * Home Line-up
 * ------------------------------------------------------------ */

section.home.line-up{
	color:#eaece2;
	padding-bottom:12.5rem;
}



section.home .line-up__content-top{
	width: calc(50vw + 50%);
	margin-left:calc(-50vw + 50%);
	margin-right:0;
	margin-bottom:3.5rem;
}

section.home .line-up__content-top .line-up__container-flex{
	display:flex;
	gap:6.5rem;
}

section.home.line-up .line-up__copy{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:2.0rem;
	letter-spacing:0.2em;
	font-weight:500;
	writing-mode: vertical-rl;
	width:12rem;
	text-align:left;
	display:flex;
	align-items:flex-start;
	line-height:2em;
	color:#eaece2;
}

section.home.line-up .line-up__image{
	width:calc(100% - 12rem);
	padding:4.5rem 0 0 0;
}

section.home.line-up .line-up__image img{
	width:100%;
	object-fit:cover;
	width:100%;
	max-height:32rem;
}

.line-up__content-bottom .line-up__container-flex{
	display:flex;
	flex-wrap:wrap;
}


.line-up__content-bottom .line-up__container-flex .line-up__number{
	font-family:Montserrat, sans-serif;
	font-size:2rem;
	letter-spacing:0.1em;
	padding-right:1rem;
	padding-top:1rem;
}

.line-up__content-bottom .line-up__container-flex .line-up__logo{
	padding:0 2.0rem 0 0;

}

.line-up__content-bottom .line-up__container-flex .line-up__logo img{
	width:190px;
	max-width:40vw;
	display:block;
	margin:0 0 1rem;
}

#line-up__bounce .line-up__content-bottom .line-up__container-flex .line-up__logo img{
	width:300px;
}

.line-up__content-bottom .line-up__container-flex .line-up__logo div{
	font-size:1.25rem;
	letter-spacing:0.2em;
}

.line-up__content-bottom .line-up__container-flex .line-up__product-list{
	padding:0 0 0 2.5rem;
}

.line-up__content-bottom .line-up__container-flex .line-up__product-list ul{
	list-style:disc;
	margin:0 0 0 1rem;
	padding-left:3rem;
	border-left:1px solid #eaece2;
}

.line-up__content-bottom .line-up__container-flex .line-up__product-list ul li{
	font-size:1.15rem;
	margin:0 0 0.5rem;
}


.line-up__content-bottom .line-up__container-flex .line-up__product-list ul li:last-child{
	margin:0;
}

.line-up__content-bottom .line-up__container-flex .line-up__button{
	display:flex;
	align-items:flex-end;
	margin:0 0 0 auto;
}


.line-up__content-bottom .line-up__container-flex .line-up__button a{
	border:1px solid #fffbc7;
	background-color:#fffbc7;
	border-radius:100vh;
	padding:1.25rem 3.5rem 1.25rem 2rem;
	font-family: "Crimson Text", serif;
	display:inline-block;
	position:relative;
	letter-spacing:0.1em;
	line-height:0;
	font-size:1rem;
	font-weight:500;
	color:#357e7b;
}

#line-up__bounce .line-up__content-bottom .line-up__container-flex .line-up__button a{
	color:#37547e;
}

.line-up__content-bottom .line-up__container-flex .line-up__button a:before{
	width:2rem;
	height:1px;
	content:'';
	background-color: #357e7b;
	right:1rem;
	top:calc(50% - 1px);
	display:block;
	position:absolute;
}

.line-up__content-bottom .line-up__container-flex .line-up__button a:after{
	width:0.35rem;
	height:1px;
	content:'';
	background-color: #357e7b;
	right:1rem;
	top:calc(50% - 1px);
	display:block;
	position:absolute;
	transform:rotate(45deg);
	transform-origin:100% 0%;
}

#line-up__bounce .line-up__content-bottom .line-up__container-flex .line-up__button a:before,
#line-up__bounce .line-up__content-bottom .line-up__container-flex .line-up__button a:after{
	background-color: #37547e;
}

@media screen and (max-width: 768px) {

section.home .line-up__content-top .line-up__container-flex{
	display:flex;
	gap:1rem;
}

section.home.line-up .line-up__copy{
	width:7rem;
	line-height:1.7em;
}

section.home.line-up .line-up__image{
	width:calc(100% - 7rem);
}

	.line-up__content-bottom .line-up__container-flex .line-up__number{
		width:100%;
	}
	.line-up__content-bottom .line-up__container-flex .line-up__logo{
		width:50%;
		padding:0 0.5rem 0 0;
	}
	.line-up__content-bottom .line-up__container-flex .line-up__logo img{
		width:calc(100% - 0.5rem)!important;
	}
	
	.line-up__content-bottom .line-up__container-flex .line-up__product-list{
		width:50%;
		padding:0 0 0 1rem;
	}
	.line-up__content-bottom .line-up__container-flex .line-up__product-list ul li{
		font-size:1rem;
	}
	
	.line-up__content-bottom .line-up__container-flex .line-up__button{
		margin:2.5rem 0 0 0;
		width:100%;
		justify-content:center;
	}
}

/* ------------------------------------------------------------
 * Home banner
 * ------------------------------------------------------------ */

section.home#banner{
	padding:3.5rem 0;
	min-height:auto;
	}

section.home#banner a.home-banner{
	display:flex;
	flex-wrap:wrap;
	border:5px solid #4eafba;
	border-right-width:36px;
	border-radius:0.5rem;
	background-color:#e4f0dd;
	position:relative;
}

section.home#banner a.home-banner:before,
section.home#banner a.home-banner:after{
	width:1.25rem;
	height:3px;
	background-color:#fff;
	display:block;
	content:'';
	position:absolute;
	right:-24px;
	top:50%;
	transform-origin:100% 50%;
}

section.home#banner a.home-banner:before{
	transform:rotate(55deg);
}

section.home#banner a.home-banner:after{
	transform:rotate(-55deg);
}

section.home#banner  a.home-banner .home-banner__logo{
	width:50%;
	padding:2.75rem;
}

section.home#banner  a.home-banner .home-banner__logo img{
	width:22rem;
	max-width:100%;
	display:block;
	margin:0 0 0 auto;
}

section.home#banner  a.home-banner .home-banner__text{
	width:50%;
	color:#4eafba;
	font-size:1.5rem;
	padding:2.75rem;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}


@media screen and (max-width: 768px) {
section.home#banner  a.home-banner .home-banner__logo,
section.home#banner  a.home-banner .home-banner__text{
	width:100%;
	padding:1.5rem;
	}
	section.home#banner  a.home-banner .home-banner__logo img{
		margin:0 auto;
	}
}




/* ------------------------------------------------------------
 * Home Link
 * ------------------------------------------------------------ */

section#link{
	padding:4.5rem 0;
	min-height:auto!important;
}

section#link .link__container-flex{
	display:flex;
	gap:2rem;
	flex-wrap:nowrap;
}

section#link .link__container-flex a{
	width:50%;
	display:block;
	background-color:rgba(89,127,127,0.2);
	color:rgba(89,127,127,1);
	text-align:center;
	padding:1.25rem;
	transition:all 0.4s ease;
}

section#link .link__container-flex a span:nth-child(1){
	font-weight:bold;
	font-family:Montserrat, sans-serif;
	font-size:1.5rem;
	display:block;
	letter-spacing:0.2em;
}

section#link .link__container-flex a span:nth-child(2){
	display:block;
	font-size:0.75rem;
}

section#link .link__container-flex a:hover{
	background-color:rgba(89,127,127,0.45);
}

@media screen and (max-width: 768px) {
	section#link .link__container-flex{
		flex-wrap:wrap;
		}
	section#link .link__container-flex a{
		width:100%;
	}
}


/* ------------------------------------------------------------
 * Home Information
 * ------------------------------------------------------------ */
dl.information {
display: flex;
flex-flow: row wrap;
width: 100%;
margin:0;
}


dl.information > dt {
flex-basis: 6rem;
padding: 0.5rem 0;
border-bottom: 1px solid #eee;
margin:0;
}

dl.information > dd {
flex-basis: calc(100% - 6rem);
padding: 0.5rem 0;
border-bottom: 1px solid #eee;
margin:0;
}

dl.information dl {
display: flex;
flex-flow: row wrap;
width: 100%;
margin:0;
}


dl.information dl dt {
flex-basis: 4rem;
padding: 0 0 0.25rem 0;
margin:0;
font-weight:normal;
}

dl.information dl dd {
flex-basis: calc(100% - 4rem);
padding: 0 0 0.25rem 0;
margin:0;
}

.swiper-container.information{
	position:relative;
	margin:0 0 2.5rem;
}

.swiper.information{
	overflow:visible!important;
	margin-bottom:3.5rem;
}

.swiper.information .information__image,
.swiper.information .information__image img{
border-radius:1.0rem;
}

.swiper.information .swiper-slide .information__caption{
	font-size:0.8rem;
	background-color:rgba(239, 25, 99,0.9);
	color:#fff;
	width:5rem;
	height:5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	position:absolute;
	top:-1rem;
	right:1rem;
	border-radius:100vh;
	padding:0.5rem;
	line-height:1.2;
	transform:scale(0);
	transition:all 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.25s;
}


.swiper.information .swiper-slide.swiper-slide-active .information__caption{
  transform:scale(1);
}




/* ------------------------------------------------------------
 * Line UP - Common
 * ------------------------------------------------------------ */

section.line-up{
	padding:3rem 0;
}

section.line-up .section__container{
	width:1200px;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
	padding-right:1.5rem;
	padding-left:1.5rem;
}


section.line-up h3{
	font-family: "Crimson Text", serif;
	text-transform:uppercase;
	letter-spacing:0.125em;
	text-align:left;
	position:relative;
	color:#357e7b;
	font-size:2.15rem;
	margin:0 0 3.25rem;
	transform:translate(4rem, 0);
	left:10vw;
}

section.line-up h3:before{
	content:'';
	height:2px;
	width:100vw;
	background-color:#357e7b;
	position:absolute;
	display:block;
	left:calc(-100vw - 1.25rem);
	top:1.5rem;
}

section.line-up#line-up h3{
	color:#eaece2;
}

section.line-up#line-up h3:before{
	background-color:#eaece2;
}


section.line-up.point .section__title{
	text-align:center;
	color:#357e7b;
	margin:0 0 3.5rem;
}

.bounce_contents section.line-up.point .section__title{
	color:#37547e;
}

section.line-up.point .section__title div:nth-child(1){
	font-family: "Crimson Text", serif;
	font-size:4.5rem;
}

section.line-up.point .section__title div:nth-child(2){
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:3.0rem;
	font-weight:500;
}

@media screen and (max-width: 768px) {
	section.line-up.point .section__title{
		display:flex;
		align-items:center;
		justify-content:center;
	}

	section.line-up.point .section__title div:nth-child(1){
		line-height:1.1;
		margin:0 1.5rem 0 0;
		font-size:5.5rem;
	}

	section.line-up.point .section__title div:nth-child(2){
		line-height:1.1;
		text-align:left;
		font-size:2.5rem;
	}

}

section.line-up.point .flex__container{
	display:flex;
	flex-wrap:wrap;
	gap:4.5rem;
}

section.line-up.point .flex__container.column3{
	gap:3rem;
}

section.line-up.point .flex__container.column2 .flex__item{
	width:calc(50% - 2.25rem);
	display:flex;
	flex-direction:column;
	margin:0;
}
section.line-up.point .flex__container.column2 .flex__item img{
	display:block;
	margin:0 0 4.5rem;
}

section.line-up.point .flex__container.column3 .flex__item{
	width:calc(33.333333% - 2rem);
	display:flex;
	flex-direction:column;
}

section.line-up.point .flex__container .title{
	font-family: "Zen Maru Gothic", sans-serif;
	text-align:center;
	color:#357e7b;
	border-bottom:2px solid #357e7b;
	padding:0 0 0.5rem;
	margin:0 0 1rem;
	font-size:1.5rem;
	font-weight:500;
}

.bounce_contents section.line-up.point .flex__container .title{
	color:#37547e;
	border-color:#37547e;
}

section.line-up.point .flex__container .description{
	margin:0 0 1rem;
	font-size:1.2rem;
}
section.line-up.point .flex__container .description.text-center{
	text-align:center;
}

section.line-up.point .flex__container .image{
	display:block;
	margin-top:auto;
}

section.line-up.point .flex__container .tag ul{
	display:flex;
	flex-wrap:wrap;
	gap:0.5rem;
	margin:0 0 1rem;
}

section.line-up.point .flex__container .tag ul li{
	border:1px solid #000;
	padding:0.25rem 0.5rem;
}

section.line-up.point .flex__container .flex__container-inner{
	display:flex;
	flex-wrap:nowrap;
	gap:1.5rem;
	margin-top:auto;
}

section.line-up.point .flex__container .flex__container-inner > div{
	width:calc(50% - 0.75rem);
}
section.line-up.point .flex__container .flex__container-inner > .description{
	display:flex;
	align-items:center;
}

section.line-up .bottom__image{
	width:100vw;
	height:25vh;
}
section.line-up .bottom__image img{
	object-fit:cover;
	max-height:100%;
	width:100%;
}

section.line-up.bounce .bottom__image img{
	object-position:50% 35%;
}

section.line-up .bottom__description{
	padding:3rem 0 0 0;
	text-align:center;
	color:#357e7b;
}

section.line-up .line-up__copy{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:2.5rem;
	letter-spacing:0.25em;
	font-weight:500;
	color:#357e7b;
	writing-mode: vertical-rl;
	width:40%;

	display:flex;
	align-items:center;
	line-height:2.5em;
}



section.line-up a.lineup-banner{
	border:5px solid #4eafba;
	border-radius:0.5rem;
	background-color:#e4f0dd;
	position:relative;
	display:block;

}

section.line-up a.lineup-banner .inner{
	padding:2.75rem 2.75rem 0;
}

section.line-up  a.lineup-banner .lineup-banner__logo{

}


section.line-up  a.lineup-banner .lineup-banner__logo img{
	display:block;
	margin:0 auto 0 auto;
	width:300px;
	max-width:100%;
}

section.line-up  a.lineup-banner .lineup-banner__text{
	border-top:3px solid #4eafba;
	color:#4eafba;
	font-size:1.5rem;
	margin:2rem 0 0 0;
	text-align:center;
	padding-top:1.5rem;
}

section.line-up  a.lineup-banner .lineup-banner__text p{
	margin:0 0 1.6rem 0;
}


section.line-up  a.lineup-banner .lineup-banner__button{
	background-color:#4eafba;
}

section.line-up  a.lineup-banner .lineup-banner__button .image{
	transition:all 0.4s ease;
}

section.line-up  a.lineup-banner .lineup-banner__button.active .image{
	transform:rotate(180deg);
}

.lineup-banner__text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease, opacity 0.4s ease;
  opacity: 0;
}

.lineup-banner__text.is-open {
  max-height: 1500px; /* 十分に大きめに（中身より大きければOK） */
  opacity: 1;
}

.lineup-banner__button {
  cursor: pointer;
  background: #eee;
  text-align: center;
  padding: .8em;
  transition: background 0.75s;
}

.lineup-banner__button.active {
  background: #ccc;
}


@media screen and (max-width: 768px) {
	section.line-up .line-up__copy{
		line-height:1.5em;
		font-size:1.75rem;
	}
	section.line-up  a.lineup-banner .lineup-banner__text{
		text-align:left;
		font-size:1.25rem;
	}
	section.line-up a.lineup-banner .inner{
		padding-right:1rem;
		padding-left:1rem;
	}
}


/* ベース */
.acc__base + .acc__extra { margin-top: 12px; }

/* スライド感をCSSで滑らかに（heightアニメのためのラッパ不要版） */
.acc__extra {
  overflow: hidden;
  transition: grid-template-rows 300ms ease, opacity 300ms ease;
  display: grid;
  grid-template-rows: 0fr;     /* 閉 */
  opacity: 0;
}
.acc__extra > * { min-height: 0; } /* gridの収縮で必要 */

.acc__extra.is-open {
  grid-template-rows: 1fr;     /* 開 */
  opacity: 1;
}

/* ボタン */
.acc__btn {
	border-radius:100vh;
	padding:3.5rem 0 2rem 0;
	font-family: "Crimson Text", serif;
	display:block;
	width:20rem;
	text-align:center;
	position:relative;
	letter-spacing:0.1em;
	line-height:0;
	font-size:1rem;
	font-weight:500;
	color:#357e7b;
	cursor:pointer;
  transition: opacity .45s ease;
	margin-right:auto;
	margin-left:auto;
}

.acc__btn:hover { opacity: .85; }

.acc__btn:before,
.acc__btn:after{
	content:'';
	width:1.5rem;
	height:2px;
	background-color:#357e7b;
	position:absolute;
	left:50%;
	bottom:0;
	transition:all 0.3s ease;
}


.acc__btn:before{
	transform-origin:100% 100%;
	transform:translate(-100% ,0) rotate(20deg);

}

.acc__btn:after{
	transform-origin:0% 100%;
	transform:translate(0% ,0) rotate(-20deg);
}


.acc__btn[aria-expanded="true"]:before,
.acc__btn[aria-expanded="true"]:after{
	opacity:0;
}


.bounce.acc .acc__btn {
	color:#37547e;
}

.bounce.acc .acc__btn:before,
.bounce.acc .acc__btn:after{
	background-color:#37547e;
}

/* ------------------------------------------------------------
 * Line UP Dots
 * ------------------------------------------------------------ */

section.line-up#hero .hero__image{
	width:100vw;
}
section.line-up#hero .hero__image img{
	object-fit:cover;
	max-height:100%;
	width:100%;
	height:400px;
}

.hero__logo{
	text-align:center;
	margin:3.5rem auto;
	display:flex;
	justify-content:center;
	align-items:center;

}

.hero__logo span{
	color:#357e7b;
	font-family: "Montserrat", sans-serif;
	font-size:2rem;
	font-weight:500;
	letter-spacing:0.1em;
	display:inline-block;
	margin:0 1.5rem 0 0;
}

.hero__logo img{
	width:200px;
	display:block;
}

@media screen and (max-width: 768px) {
	section.line-up.dots#hero .hero__image img{
		height:400px;
	}
	.hero__logo{
	flex-direction:column;	
	}
	.hero__logo span{
		margin:0 0 1rem;
	}
}




/* ------------------------------------------------------------
 * Dots
 * ------------------------------------------------------------ */
section.line-up.dots .flex__container{
	display:flex;
	flex-direction:column;
}
section.line-up.dots .line-up__content-top{
	display:flex;
	margin:0 0 4.5rem;
}


section.line-up.dots .line-up__content-top .section__image{
	width:60%;
}

section.line-up.dots .line-up__content-top .section__image.pc img{
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
	transform:translate(-10vw, 0);
}

section.line-up.dots .line-up__content-top .section__image.sp img{
  -webkit-clip-path: url(#svgPathSp);
  clip-path: url(#svgPathSp);
}



section.line-up.dots .line-up__content-top .section__image.pc{
		display:block;
	}
section.line-up.dots .line-up__content-top .section__image.sp{
		display:none;
	}

section.line-up.dots .line-up__content-top .section__image img{
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
	transform:translate(-10vw, 0);
}

section.line-up.dots .line-up__description p{
	margin:0 0 1.5rem;
	font-size:1.15rem;
}

@media screen and (max-width: 768px) {
section.line-up.dots .line-up__content-top .section__image.pc{
		display:none;
	}
section.line-up.dots .line-up__content-top .section__image.sp{
		display:block;
	}

	section.line-up.dots .line-up__description p{
		font-size:1.25rem;
	}
	section.line-up.dots .line-up__content-top .concept__image-01{
		/*max-width:75vw;
		width:75vw;*/
		padding-top:15vh;
	}

}

section.line-up.dots.point{
	position:relative;
}

section.line-up.dots.point:after{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:58.4vw;
	content:'';
	display:block;
	background-image:url(/img/usr/goods/suyara/dots/point01__bg.svg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:-1;
}

section.line-up.dots.point#point01:after{
	background-image:url(/img/usr/goods/suyara/dots/point01__bg.svg);
	top:-15vh;
}

section.line-up.dots.point#point02:after{
	background-image:url(/img/usr/goods/suyara/dots/point02__bg.svg);
	top:10vh;
}

section.line-up.dots.point#point03:after{
	background-image:url(/img/usr/goods/suyara/dots/point03__bg.svg);
	top:-3vh;
}


section.line-up.dots.point#point01 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
}


@media screen and (max-width: 768px) {
	section.line-up.dots.point#point01 .flex__container{
		gap:3rem;
		flex-direction:column-reverse;
	}
}
section.line-up.dots.point#point01 .flex__container .image{
	width:55%;
}

section.line-up.dots.point#point01 .flex__container .flex__item:nth-child(1){
	width:55%;
}

section.line-up.dots.point#point01 .flex__container .flex__item:nth-child(2){
	width:calc(45% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

@media screen and (max-width: 768px) {
	section.line-up.dots.point#point01 .flex__container{
		gap:1rem;
		flex-direction:column-reverse;
	}
	section.line-up.dots.point#point01 .flex__container .image,
	section.line-up.dots.point#point01 .flex__container .flex__item:nth-child(1),
	section.line-up.dots.point#point01 .flex__container .flex__item:nth-child(2){
		width:100%;
	}
}

section.line-up.dots.point#point01 .flex__container .flex__item:nth-child(1) img{
	border-radius:0.25rem;
}


section.line-up.dots.point#point02 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
	margin:0 0 3.5rem;
}

section.line-up.dots.point#point02 .flex__container .image{
	width:55%;
}

section.line-up.dots.point#point02 .flex__container .flex__item:nth-child(1){
	width:55%;
}

section.line-up.dots.point#point02 .flex__container .flex__item:nth-child(2){
	width:calc(45% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

section.line-up.dots.point#point02 .flex__container .flex__item:nth-child(1) img{
	border-radius:0.25rem;
}

section.line-up.dots.point#point02 .point02__container{
	background-color:rgba(53,126,123,0.15);
	padding:3.5rem;
	border-radius:0.25rem;
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__item:nth-child(1){
	width:calc(50% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__item:nth-child(2){
	width:50%;
}


section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child{
	display:flex;
	gap:2rem;
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
	width:calc(50% - 1rem);	
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item .title{
	font-size:1rem;
	height:30px;
	border:0px;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 0.5rem;
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item .title img{
	height:26px;
}

section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item > img{
	display:block;
	margin:0 0 0.5rem;
}

@media screen and (max-width: 768px) {
	section.line-up.dots.point#point02 .point02__container{
		padding:1rem;
	}
	section.line-up.dots.point#point02 .point02__container .flex__container .flex__item:nth-child(2),
	section.line-up.dots.point#point02 .point02__container .flex__container .flex__item:nth-child(1){
		width:100%;
	}
	section.line-up.dots.point#point02 .flex__container{
		gap:1rem;
		flex-direction:column;
	}
	section.line-up.dots.point#point02 .flex__container .image,
	section.line-up.dots.point#point02 .flex__container .flex__item:nth-child(1),
	section.line-up.dots.point#point02 .flex__container .flex__item:nth-child(2){
		width:100%;
	}
section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
	width:100%;
	}
	section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child{
		gap:1rem;
	}
	section.line-up.dots.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
		width:calc(50% - 0.5rem);	
	}
}

section.line-up.dots.point#point03 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
	margin:0 0 3.5rem;
}


section.line-up.dots.point#point03 .flex__container .flex__item{
	width:calc(50% - 1.5rem);
}


@media screen and (max-width: 768px) {
	section.line-up.dots.point#point03 .flex__container .flex__item{
		width:100%;
	}
}


section.line-up.dots .line-up__header img{
	display:block;
	object-fit:cover;
	height:20rem;
	width:100vw;
	margin:4.5rem 0 0 0;
}

section.line-up.dots .line-up__title{
	text-align:center;
	color:#f0ece0;
	font-size:1.75rem;
	margin:3.5rem 0 0.25rem;
}

section.line-up.dots .line-up__lead{
	text-align:center;
	color:#f0ece0;
	margin:0 0 3.5rem;
	font-size:1.2rem;
}


section.line-up.dots#line-up .swiper.line-up{
	padding-bottom:7.5rem;
}

section.line-up.dots#line-up .swiper.line-up .swiper-slide{
padding-right:0rem;
padding-left:0rem;
	display:flex;
	flex-direction:column;
	height: auto;
}

section.line-up.dots#line-up .swiper.line-up .swiper-pagination{
	bottom:3rem;
}

section.line-up.dots#line-up .swiper.line-up .swiper-pagination .swiper-pagination-bullet{
	border:1px solid #fff;
	opacity:1;
	background-color:#fff;
}

section.line-up.dots#line-up .swiper.line-up .swiper-pagination .swiper-pagination-bullet-active  {
	background-color:transparent;
	}

/*
section.line-up.dots#line-up .swiper.line-up .swiper-button-next ,
section.line-up.dots#line-up .swiper.line-up .swiper-button-prev {
	background-color: transparent;
	color:#fff;
	width:36px;
	height:36px;
	border-radius:100vh;
	padding:5px;
	top:auto;
	bottom:2.35rem;
	}


section.line-up.dots#line-up .swiper.line-up .swiper-button-prev{
	left:calc(50% - 6rem);
}

section.line-up.dots#line-up .swiper.line-up .swiper-button-next {
	right:calc(50% - 6rem);
}

section.line-up.dots#line-up .swiper.line-up .swiper-button-next:after ,
	.swiper-button-prev:after{
		font-size:12px;
	}
*/

section.line-up.dots#line-up .banner{
	margin:0 0 1.5rem;
}

section.line-up.dots#line-up .banner img{
	border-radius:0.25rem;
}

section.line-up.dots#line-up .information{
	width:640px;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
}


section.line-up.dots#line-up .title{
	color:#f0ece0;
	text-align:center;
	font-size:1.75rem;
	font-weight:bold;
	line-height:1.05;
}
section.line-up.dots#line-up .title span{
	font-family: "Montserrat", sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
}

section.line-up.dots#line-up .table table{
	width:100%;
	border-collapse: separate;
  border-spacing: 0;
	border:2px solid #f0ece0;
	border-radius:0.5rem;
	overflow: hidden;
	margin-bottom:2rem;
}

section.line-up.dots#line-up .table table td,
section.line-up.dots#line-up .table table th{
	color:#f0ece0;
	border-bottom:2px solid #f0ece0;
	padding:0.25rem;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
	font-kerning: none;
	letter-spacing:0;
}


section.line-up.dots#line-up .table table tr:last-child td,
section.line-up.dots#line-up .table table td[rowspan]{
	border-bottom:0px;
}

section.line-up.dots#line-up .table table td{
	border-left:2px solid #f0ece0;
}
section.line-up.dots#line-up .table table tr td:first-child{
	border-left:0px;
}

section.line-up.dots#line-up .table table th{
	background-color:#f0ece0;
	color:#357e7b;
	font-size:1.25rem;
	padding:0.1rem;
}
section.line-up.dots#line-up .table table td .size{
	display:flex;
	align-items:center;
	justify-content:center;
}

section.line-up.dots#line-up .table table td .size img{
	display:inline-block;
	margin-right:0.5rem;
}

section.line-up.dots#line-up .link{
	text-align:center;
	margin:auto 0 0 0;
}

section.line-up.dots#line-up .link a{
 border:1px solid #fffbc7;
	background-color:#fffbc7;
	color:#357e7b;
	display:inline-block;
	padding:0.5rem 3rem;
	border-radius:100vh;
	line-height:1;
	font-weight:500;
	letter-spacing:0.1em;
}

section.line-up.dots#bottom .bottom__description{
	color:#f0ece0;
	
}




/* ------------------------------------------------------------
 * Bounce
 * ------------------------------------------------------------ */



.bounce_contents section.line-up h3{
	font-family: "Crimson Text", serif;
	text-transform:uppercase;
	letter-spacing:0.125em;
	text-align:left;
	position:relative;
	color:#37547e;
	font-size:2.15rem;
	margin:0 0 3.25rem;
	transform:translate(4rem, 0);
}

.bounce_contents section.line-up h3:before{
	content:'';
	height:2px;
	width:100vw;
	background-color:#37547e;
	position:absolute;
	display:block;
	left:calc(-100vw - 1.25rem);
	top:1.5rem;
}


.bounce_contents .hero__logo{
	text-align:center;
	margin:3.5rem auto;
	display:flex;
	justify-content:center;
	align-items:center;

}

.bounce_contents .hero__logo span{
	color:#37547e;
	font-family: "Montserrat", sans-serif;
	font-size:2rem;
	font-weight:500;
	letter-spacing:0.1em;
	display:inline-block;
	margin:0 1.5rem 0 0;
}

.bounce_contents .hero__logo img{
	width:300px;
	display:block;
}

@media screen and (max-width: 768px) {
	.bounce_contents section.line-up.dots#hero .hero__image img{
		height:400px;
	}
	.bounce_contents .hero__logo{
	flex-direction:column;	
	}
	.bounce_contents .hero__logo span{
		margin:0 0 1rem;
	}
}


.bounce_contents section.line-up .line-up__copy{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:2.5rem;
	letter-spacing:0.25em;
	font-weight:500;
	color:#37547e;
	writing-mode: vertical-rl;
	width:40%;

	display:flex;
	align-items:center;
	line-height:2.5em;
}

@media screen and (max-width: 768px) {
	.bounce_contents section.line-up .line-up__copy{
		line-height:1.5em;
		font-size:1.5rem;
	}
}

section.line-up.bounce#concept .flex__container{
	display:flex;
	flex-direction:column;
}

section.line-up.bounce#point03 .flex__container{
	display:flex;
}
section.line-up.bounce .line-up__content-top{
	display:flex;
	margin:0 0 4.5rem;
}


section.line-up.bounce .line-up__content-top .section__image{
	width:60%;
}

section.line-up.bounce .line-up__content-top .section__image img{
  -webkit-clip-path: url(#svgPath);
  clip-path: url(#svgPath);
	transform:translate(-10vw, 0);
}


section.line-up.bounce .line-up__content-top .section__image.sp img{
  -webkit-clip-path: url(#svgPathSp);
  clip-path: url(#svgPathSp);
}

section.line-up.bounce .line-up__content-top .section__image.pc{
		display:block;
	}
section.line-up.bounce .line-up__content-top .section__image.sp{
		display:none;
	}

section.line-up.bounce .line-up__description p{
	margin:0 0 1.5rem;
	font-size:1.15rem;
}

@media screen and (max-width: 768px) {
section.line-up.bounce .line-up__content-top .section__image.pc{
		display:none;
	}
section.line-up.bounce .line-up__content-top .section__image.sp{
		display:block;
	}

	section.line-up.bounce .line-up__description p{
		font-size:1.25rem;
	}
	section.line-up.bounce .line-up__content-top .concept__image-01{
		/*max-width:75vw;
		width:75vw;*/
		padding-top:15vh;
	}

}

section.line-up.bounce.point{
	position:relative;
}

section.line-up.bounce.point:after{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:58.4vw;
	content:'';
	display:block;
	background-image:url(/img/usr/goods/suyara/bounce/point01__bg.svg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	z-index:-1;
}

.bounce_contents section.line-up.bounce.point#point01:after{
	background-image:url(/img/usr/goods/suyara/bounce/point01__bg.svg);
	top:-15vh;
}

.bounce_contents section.line-up.bounce.point#point02:after{
	background-image:url(/img/usr/goods/suyara/bounce/point02__bg.svg);
	top:10vh;
}

.bounce_contents section.line-up.bounce.point#point03:after{
	background-image:url(/img/usr/goods/suyara/bounce/point03__bg.svg);
	top:-3vh;
}


section.line-up.bounce.point#point01 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
}


@media screen and (max-width: 768px) {
	section.line-up.bounce.point#point01 .flex__container{
		gap:3rem;
		flex-direction:column-reverse;
	}
}
section.line-up.bounce.point#point01 .flex__container .image{
	width:55%;
}

section.line-up.bounce.point#point01 .flex__container .flex__item:nth-child(1){
	width:55%;
}

section.line-up.bounce.point#point01 .flex__container .flex__item:nth-child(2){
	width:calc(45% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

@media screen and (max-width: 768px) {
	section.line-up.bounce.point#point01 .flex__container{
		gap:1rem;
		flex-direction:column-reverse;
	}
	section.line-up.bounce.point#point01 .flex__container .image,
	section.line-up.bounce.point#point01 .flex__container .flex__item:nth-child(1),
	section.line-up.bounce.point#point01 .flex__container .flex__item:nth-child(2){
		width:100%;
	}
}

section.line-up.bounce.point#point01 .flex__container .flex__item:nth-child(1) img{
	border-radius:0.25rem;
}


section.line-up.bounce.point#point02 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
	margin:0 0 3.5rem;
}

section.line-up.bounce.point#point02 .flex__container .image{
	width:55%;
}

section.line-up.bounce.point#point02 .flex__container .flex__item:nth-child(1){
	width:55%;
}

section.line-up.bounce.point#point02 .flex__container .flex__item:nth-child(2){
	width:calc(45% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

section.line-up.bounce.point#point02 .flex__container .flex__item:nth-child(1) img{
	border-radius:0.25rem;
}

.bounce_contents section.line-up.bounce.point#point02 .point02__container{
	background-color:rgba(55,84,126,0.15);
	padding:3.5rem;
	border-radius:0.25rem;
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__item:nth-child(1){
	width:calc(50% - 3rem);
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__item:nth-child(2){
	width:50%;
}


section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child{
	display:flex;
	gap:2rem;
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
	width:calc(50% - 1rem);	
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item .title{
	font-size:1rem;
	height:30px;
	border:0px;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 0.5rem;
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item .title img{
	height:26px;
}

section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item > img{
	display:block;
	margin:0 0 0.5rem;
}

@media screen and (max-width: 768px) {
	section.line-up.bounce.point#point02 .point02__container{
		padding:1rem;
	}
	section.line-up.bounce.point#point02 .point02__container .flex__container .flex__item:nth-child(2),
	section.line-up.bounce.point#point02 .point02__container .flex__container .flex__item:nth-child(1){
		width:100%;
	}
	section.line-up.bounce.point#point02 .flex__container{
		gap:1rem;
		flex-direction:column;
	}
	section.line-up.bounce.point#point02 .flex__container .image,
	section.line-up.bounce.point#point02 .flex__container .flex__item:nth-child(1),
	section.line-up.bounce.point#point02 .flex__container .flex__item:nth-child(2){
		width:100%;
	}
section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
	width:100%;
	}
	section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child{
		gap:1rem;
	}
	section.line-up.bounce.point#point02 .point02__container .flex__container .flex__container-child .flex__item{
		width:calc(50% - 0.5rem);	
	}
	.bounce_contents section.line-up.bounce.point#point02 .point02__container{
		padding:1.5rem;
	}
}


}

.bounce_contents section.line-up.bounce.point#point03 .flex__container{
	display:flex;
	gap:3rem;
	flex-direction:row;
	margin:0 0 3.5rem;
}


.bounce_contents section.line-up.bounce.point#point03 .flex__container .flex__item{
	width:calc(50% - 2.25rem);
}

.bounce_contents section.line-up.bounce.point#point03 .flex__container.column3{
	display:flex;
	gap:3rem;
	flex-direction:row;
	margin:0 0 3.5rem;
}


.bounce_contents section.line-up.bounce.point#point03 .flex__container.column3 .flex__item{
	width:calc(33.3333333% - 2rem);
}


@media screen and (max-width: 768px) {
	.bounce_contents section.line-up.bounce.point#point03 .flex__container .flex__item,
	.bounce_contents section.line-up.bounce.point#point03 .flex__container.column3 .flex__item{
		width:100%;
	}
}


section.line-up.bounce .line-up__header img{
	display:block;
	object-fit:cover;
	height:20rem;
	width:100vw;
	margin:4.5rem 0 0 0;
}

section.line-up.bounce .line-up__title{
	text-align:center;
	color:#f0ece0;
	font-size:1.75rem;
	margin:3.5rem 0 0.25rem;
}

section.line-up.bounce .line-up__lead{
	text-align:center;
	color:#f0ece0;
	margin:0 0 3.5rem;
	font-size:1.2rem;
}


section.line-up.bounce#line-up .swiper.line-up{
	padding-bottom:7.5rem;
}

section.line-up.bounce#line-up .swiper.line-up .swiper-slide{
padding-right:0rem;
padding-left:0rem;
	display:flex;
	flex-direction:column;
	height: auto;
}

section.line-up.bounce#line-up .swiper.line-up .swiper-pagination{
	bottom:3rem;
}

section.line-up.bounce#line-up .swiper.line-up .swiper-pagination .swiper-pagination-bullet{
	border:1px solid #fff;
	opacity:1;
	background-color:#fff;
}


section.line-up.bounce#line-up .swiper.line-up .swiper-pagination .swiper-pagination-bullet-active  {
	background-color:transparent;
	}

/*
section.line-up.bounce#line-up .swiper.line-up .swiper-button-next ,
section.line-up.bounce#line-up .swiper.line-up .swiper-button-prev {
	background-color: transparent;
	color:#fff;
	width:36px;
	height:36px;
	border-radius:100vh;
	padding:5px;
	top:auto;
	bottom:2.35rem;
	}

section.line-up.bounce#line-up .swiper.line-up .swiper-button-prev{
	left:calc(50% - 5rem);
}

section.line-up.bounce#line-up .swiper.line-up .swiper-button-next {
	right:calc(50% - 5rem);
}

section.line-up.bounce#line-up .swiper.line-up .swiper-button-next:after ,
	.swiper-button-prev:after{
		font-size:12px;
	}
*/


section.line-up.bounce#line-up .banner{
	margin:0 0 1.5rem;
}

section.line-up.bounce#line-up .banner img{
	border-radius:0.25rem;
}
section.line-up.bounce#line-up .information{
	width:640px;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
}


section.line-up.bounce#line-up .title{
	color:#f0ece0;
	text-align:center;
	font-size:1.75rem;
	font-weight:bold;
	line-height:1.05;
}
section.line-up.bounce#line-up .title span{
	font-family: "Montserrat", sans-serif;
	font-weight:500;
	letter-spacing:0.1em;
}

section.line-up.bounce#line-up .table table{
	width:100%;
	border-collapse: separate;
  border-spacing: 0;
	border:2px solid #f0ece0;
	border-radius:0.5rem;
	overflow: hidden;
	margin-bottom:2rem;
}

section.line-up.bounce#line-up .table table td,
section.line-up.bounce#line-up .table table th{
	color:#f0ece0;
	border-bottom:2px solid #f0ece0;
	padding:0.25rem;
	text-align:center;
	vertical-align:middle;
	font-weight:500;
	font-kerning: none;
	letter-spacing:0;
}


section.line-up.bounce#line-up .table table tr:last-child td,
section.line-up.bounce#line-up .table table td[rowspan]{
	border-bottom:0px;
}

section.line-up.bounce#line-up .table table td{
	border-left:2px solid #f0ece0;
}
section.line-up.bounce#line-up .table table tr td:first-child{
	border-left:0px;
}

section.line-up.bounce#line-up .table table th{
	background-color:#f0ece0;
	color:#37547e;
	font-size:1.25rem;
	padding:0.1rem;
}
section.line-up.bounce#line-up .table table td .size{
	display:flex;
	align-items:center;
	justify-content:center;
}

section.line-up.bounce#line-up .table table td .size img{
	display:inline-block;
	margin-right:0.5rem;
}

section.line-up.bounce#line-up .link{
	text-align:center;
	margin:auto 0 0 0;
}

section.line-up.bounce#line-up .link a{
 border:1px solid #fffbc7;
	background-color:#fffbc7;
	color:#37547e;
	display:inline-block;
	padding:0.5rem 3rem;
	border-radius:100vh;
	line-height:1;
	font-weight:500;
	letter-spacing:0.1em;
}

section.line-up.bounce#bottom .bottom__description{
	color:#f0ece0;
	
}


/* ------------------------------------------------------------
 * Dots Bounce共通
 * ------------------------------------------------------------ */

.swiper.line-up .swiper-button-next,
.swiper.line-up .swiper-button-prev {
	background-color: transparent;
	color:#fff;
	width:36px;
	height:36px;
	border-radius:100vh;
	padding:5px;
}

.swiper.line-up .swiper-button-next:after,
.swiper.line-up .swiper-button-prev:after {
    font-size: 24px;
}

.swiper.line-up .swiper-button-prev{
	left:;
}

.swiper.line-up .swiper-button-next {
	right:;
}
@media screen and (max-width: 768px) {
	
.swiper.line-up .swiper-button-next,
.swiper.line-up .swiper-button-prev {
	top:auto;
	bottom:2.25rem;
}
}

/* --------------------nishikawa reset-------------------- */
/* dots_reset */
@media screen and (max-width: 768px) {
  section.line-up#hero {
    padding: 0 0 1.5rem;
  }
  section.line-up {
    padding: 3rem 0 1.5rem;
  }
  section.line-up .section__container {
    width: 100%;
  }
  section.line-up.dots .line-up__content-top .section__image.sp img,section.line-up.bounce .line-up__content-top .section__image.sp img {
    max-width: 140% !important;
  }
  section.line-up h3 {
    font-size: 2rem;
    left: -8vw;
  }
  section.line-up .line-up__copy {
    font-size: 1.5rem;
  }
  section.line-up.dots .line-up__description p,section.line-up.bounce .line-up__description p {
    font-size: 1.05rem;
  }
  section.line-up.point .section__title div:nth-child(1) {
    font-size: 5.0rem;
  }
  section.line-up.point .section__title div:nth-child(2) {
    font-size: 2.1rem;
  }
  section.line-up.point .flex__container .title {
    font-size: 1.3rem;
  }
  section.line-up.point .flex__container .description {
    font-size: 1.0rem;
  }
  section.line-up.dots.point#point03 .flex__container,section.line-up.bounce.point#point03 .flex__container {
    margin: 0;
  }
}

/* ecb_reset */
body #suyara_lp {
    margin-bottom: 50px;
}
#suyara_lp h1,#suyara_lp h2,#suyara_lp h3,#suyara_lp h4 {
	background: transparent;
	border: none;
	padding: unset;
	font-weight: unset;
}
@media screen and (min-width: 769px) {
  /* grid_reset */
  .pane-goods-center {
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .block-goods-comment1 {
    margin-bottom: 0;
    border-bottom: none;
  }

  .block-goods-comment2 {
    margin: 0 auto 50px;
  }

  .block-goods-attention {
    width: 1000px;
    margin: 0 auto 60px;
  }

  .goods-detail-description-wrap {
    width: 1000px;
    margin: 0 auto 50px;
  }

  .revico-star:not(.revico_yellow),
  #revico-comment.revico-comment-body,
  .block-goods-comment3,
  .block-goods-comment5,
  .block-goods-hashtagarea,
  .revico-comment-outer-head,
  .revico-review-header2,
  .revico-multicomment-top,
  .block-goods-with,
  .note_mordal_box {
    width: 1000px;
    margin: auto;
  }

  .block-goods-name .block-goods-hashtagarea {
    width: auto;
  }

}

@media screen and (max-width: 768px) {
  body #suyara_lp {
    margin-left: -10px;
    margin-bottom: 0;
    width: calc(100% + 20px);
  }
  .block-goods-comment1 {
    padding-bottom: 0;
    margin: 0 10px;
    border-bottom: none;
  }
  .block-goods-comment2 {
    margin: 0 10px;
  }
  .block-goods-comment2 > div {
    margin: 30px auto !important;
  }
  .block-goods-comment3 {
    padding-bottom: 0;
  }
}