@charset "UTF-8";

body, button, input, select, option, textarea {
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.font_zen {
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.font_rub {
	font-family: 'Rubik', sans-serif;
}
.font_nsans {
	font-family: 'Noto Sans JP', sans-serif;
}

/*
Zen Kaku Gothic New
Regular 400
Medium 500
Bold 700
Black 900
*/
/*
Rubik
Medium 500
SemiBold 600
Bold 700
*/
/*
Noto Sans Japanese
Regular 400
Medium 500
SemiBold 600
Bold 700
*/

/*----------------------------------------------------
	Structure Module
----------------------------------------------------*/
html {
  /* overflow-y: scroll; */
}

body {
  margin: 0;
  padding: 0;
  color: #333333;
  /* text-align: center; */
  line-height: 1.65;
  letter-spacing: 1px;
  word-break: break-all;
  -ms-word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;

	text-align: justify;
	text-justify: inter-ideograph;
	text-justify: inter-character;
	font-feature-settings: "palt";
}

/*----------------------------------------------------
	Headings Module
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/*----------------------------------------------------
	Phrasing Module
----------------------------------------------------*/
p {
  margin: 0;
  padding: 0;
}

cite, dfn, address, i, em {
  font-style: normal;
}

strong, em, b {
  font-weight: normal;
}

u {
  text-decoration: none;
}

abbr {
  border: 0 none;
}

mark {
  background-color: transparent;
}

q {
  quotes: none;
}

button {
  text-align: left;
  cursor: pointer;
}

input:focus, button:focus, select:focus, textarea:focus {
  outline: none;
}

/*----------------------------------------------------
	Hypertext Module
----------------------------------------------------*/
a {
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(152, 152, 152, .3);
}

a:link,
a:visited {
  color: #ff0000;
}

a:hover {
  text-decoration: underline;
}

a:active,
a:focus {
  background-color: transparent;
}

/*----------------------------------------------------
	Image Module
----------------------------------------------------*/
img {
  border: 0;
  vertical-align: bottom;
}

/*----------------------------------------------------
	Embedded Module
----------------------------------------------------*/
object, embed {
  outline: none;
}

/*----------------------------------------------------
	List Module
----------------------------------------------------*/
ul, ol, dl, dt, dd, li {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

ol li {
  list-style: none;
}

/*----------------------------------------------------
	Table Module
----------------------------------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
}

th, td {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

/*----------------------------------------------------
	Forms Module
----------------------------------------------------*/
form, button, input, select, option, textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

textarea {
  width: 350px;
}

input {
  border: 0 none;
  border-radius: 0px;
}

button {
  background: none;
  border: 0 none;
  overflow: visible;
}

/*----------------------------------------------------
	HTML5 Reset
----------------------------------------------------*/
article, aside, figure, figcaption, dialog, details,
footer, header, menu, main, nav, section, summary {
  display: block;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/*
*  【いもパラ】やきいもパラダイス｜やきいもスイーツ
*  ---------------------------------------------------
*  BaseFont
*  Optimization
*  BaseColor
*  Animation
*  ---------------------------------------------------
*  Z-Index
*  ---------------------------------------------------
*  layout[ALL]
*    html
*    Body
*    Wrapper
*    Header
*    Container/Content
*    Footer


//PCファースト
*  --------------------------------------------------
*  Media Queries for window size under 500px
*  --------------------------------------------------
*/




/*==================================================

  Optimization

====================================================*/
/*  html
--------------------------*/
html {
  font-size: 62.5%; /* 10px */
}


/*  Body
--------------------------*/
body,
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  letter-spacing: 0px;
  /* font-size: 100%;
	font-size: 1rem;  */
	/* 10px */
}


button, input, select, option, textarea {
  border: 0 none;
  letter-spacing: 0px;
  border-radius: 0px;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
button:disabled, input:disabled, select:disabled, option:disabled, textarea:disabled {
  background-color: transparent;
}

select::-ms-expand {
  display: none;
}

textarea {
  resize: none;
  vertical-align: bottom;
}

img {
  -webkit-touch-callout: none;
	vertical-align: top;
	/* max-width: 100%;
	height: auto; */

	max-inline-size: 100%;
	block-size: auto;
}

a:hover {
  text-decoration: none;
}

i {
}

h1, h2, h3, h4 {
  font-size: 100%;
  font-weight: 400;
}

table {
  border-collapse: collapse;
}

/*==================================================

  BaseColor

====================================================*/
/* テキスト
--------------------------*/
body {
  color: #000;
}

button, input, select, option, textarea {
  color: #000;
}

input:-moz-placeholder {
  color: #bbbbbb;
}
input::-webkit-input-placeholder {
  color: #bbbbbb;
}

textarea:-moz-placeholder {
  color: #bbbbbb;
}
textarea::-webkit-input-placeholder {
  color: #bbbbbb;
}

/* リンク
--------------------------*/
a:link,
a:visited {
  color: #000;
}

/*==================================================

  Animation

====================================================*/
@keyframes anim_step_1 {
  0% {
    visibility: visible;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes anim_step_2 {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.anim_step_1 {
  visibility: visible;
  animation-name: anim_step_1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
}
.anim_step_2 {
  visibility: hidden;
  animation-name: anim_step_2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(1, end);
}

@keyframes anim_opct0-1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* @keyframes anim_scrollarw {
	0% {
		transform: translate(-50%,-10%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(-50%,50%);
		opacity: 0;
	}
} */
@keyframes scroll_path_anim {
	0% {
		/* transform: translateY(0%); */
		translate: 0 0%;
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		/* transform: translateY(100%); */
		translate: 0 100%;
		opacity: 0;
	}
}

@keyframes butterfly_anim {
	0% {
		/* transform: rotateZ(0deg); */
		rotate: z 0deg;
	}
	100% {
		/* transform: rotateZ(360deg); */
		rotate: z 360deg;
	}
}
/*==================================================

  Z-Index

====================================================*/

/*==================================================

  layout[ALL]

====================================================*/
.pc {
	display: inline;
}
.sp {
	display: none;
}
.event_disable {
	pointer-events: none;
	user-select: none;
}
.opct_0 {
	opacity: 0;
}
a:hover {
	transition: all 300ms ease 0s;
}
.fadein {
	opacity: 0;
}
/* .fadein {
	opacity: 0;
	transform: translateY(calc(30 / 768 * 100vw));
}
.fadein.on {
	opacity: 1;
	transform: translateY(0);
	transition: all 1200ms ease 500ms;
} */



/*  Html
--------------------------*/
html {
	font-size: 1px;
	scroll-behavior: smooth;
}
/*  Body
--------------------------*/
body {
  /* background-color   : #ffffff;
  background-image   : radial-gradient(#f2e8f0 15%, transparent 18%),
                       radial-gradient(#f2e8f0 15%, transparent 18%);
  background-position: 0 0, 6.5rem 6.5rem;
  background-size    : 13rem 13rem;
	background-attachment: fixed; */
}
body::before {
	content: "";
	display: block;
	position: fixed;
	/* top: 0;
	left: 0;
	right: 0;
	bottom: 0; */
	inset: 0;
  background-color   : #FBF1ED;
  background-image   : radial-gradient(#fff 13%, transparent 16%),
                       radial-gradient(#fff 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;

	/* z-index: -1; */
	/* background-color   : red; */
}
body.pop_open {
	/* height: 100%; */
	/* block-size: 100%; */
	overflow: hidden;
}
/*  Wrapper
--------------------------*/
/* #wrapper {
	overflow: hidden;
	background-image: url(../img/pc_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1920rem auto;
	background-attachment: fixed;
} */
#wrapper {
	overflow: hidden;
}

#pc_bg {
	position: fixed;
	/* top: 0;
	left: 0;
	right: 0;
	bottom: 0; */
	inset: 0;
}
#pc_bg .shape {
	/* width: 1921rem;
	height: 1001rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); */
  /* 
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1920rem auto;

	inline-size: 1920rem;
	block-size: 400rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%; */

	inline-size: 100%;
	block-size: 400rem;
	position: absolute;
  overflow: hidden;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%;
}

/*
#pc_bg .shape_1 {
	background-image: url(../img/pc_bg_1.webp);
}
#pc_bg .shape_2 {
	background-image: url(../img/pc_bg_2.webp);
}
*/

#pc_bg .shape .ani {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: inherit;
}
#pc_bg .shape .ani_item {
  background-image: url(../img/pcbg_anim.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 0;
  top: 0;
  width: 3725rem;
  height: inherit;
  animation-duration: 100s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

#pc_bg .shape .ani_item:nth-child(1) {
  animation-name: bg1;
}
 
#pc_bg .shape .ani_item:nth-child(2) {
  animation-name: bg2;
}

/* #pc_bg .shape .ani_item:nth-child(3) {
  animation-name: bg3;
}

#pc_bg .shape .ani_item:nth-child(4) {
  animation-name: bg3;
} */

 
@keyframes bg1 {
  from {
    left: 0;
  }
  to {
    left: -3725rem;
  }
}
 
@keyframes bg2 {
  from {
    left: 3725rem;
  }
  to {
    left: 0;
  }
}

/* @keyframes bg3 {
  from {
    left: 9880rem;
  }
  to {
    left: 4940rem;
  }
}

@keyframes bg4 {
  from {
    left: -4940rem;
  }
  to {
    left: -9880rem;
  }
} */

#wrapper_in {
	/* width: 500rem;
	margin: auto;
	padding: 0 11rem; */
	background-color: #a40b5e;
	position: relative;

	inline-size: 500rem;
	margin-inline: auto;
	padding-inline: 11rem;
}


/*  pc_nav
--------------------------*/
#pc_nav {
	/* width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0; */

	position: fixed;
	inset: 0;
}
#pc_nav .inner {
	/* width: 500rem;
	height: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,50%); */

	inline-size: 500rem;
	block-size: 0;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%;
	/* inset: 0;
	margin: auto; */
}
#pc_nav .cont {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: flex-start;
	position: absolute;

	/* right: -200rem;
	top: 0;
	transform: translateY(-50%); */

	inset-inline-end: -200rem;
	inset-block-start: 0;
	translate: 0 -50%;
}
#pc_nav .pc_nav_menu {
	/* width: 185rem;
	padding-bottom: 26rem; */
	background-color: rgba(252, 207, 0, .75);
	border-radius: 93rem;
	box-shadow: 8rem 8rem 20rem rgba(51, 9, 43, .40);

	inline-size: 185rem;
	padding-block-end: 60rem;
}
#pc_nav .pc_nav_menu .ttl {
	text-align: center;
	padding-block: 70rem 7rem;
	position: relative;
	margin-inline: auto;
	inline-size: 92rem;
	/* &::after {
		content: "";
		block-size: 2rem;
		border-radius: 2rem;
		background-color: #a40b5e;
		position: absolute;
		inset-block-end: 0;
		inset-inline: 0;
	} */
}
#pc_nav .pc_nav_menu .ttl::after {
	content: "";
	block-size: 2rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
}

#pc_nav .pc_nav_menu .ttl img {
	inline-size: 68rem;
}
#pc_nav .nav_list {
	padding-inline-start: 46rem;
	padding-block-start: 5rem;
}
#pc_nav .nav_list > li {
	padding-block: 18rem 4rem;
}
#pc_nav .nav_list > li a {
	display: inline-flex;
	position: relative;
	&:hover {
		transition: none;
		.txt_wrap {
			color: #a40b5e;
		}
		/* &::before {
			content: "";
			inline-size: 20rem;
			block-size: 36rem;
			background-image: url(../img/pc_nav_icon_imo.webp);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			position: absolute;
			inset-inline-start: -30rem;
			inset-block-start: 50%;
			translate: 0 -50%;
		} */
	}
}
#pc_nav .nav_list > li a:hover::before {
	content: "";
	inline-size: 20rem;
	block-size: 36rem;
	background-image: url(../img/pc_nav_icon_imo.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	inset-inline-start: -30rem;
	inset-block-start: 50%;
	translate: 0 -50%;
}
#pc_nav .nav_list > li .txt_wrap {
	color: #460333;
	display: inline-flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
#pc_nav .nav_list > li .soon {
	color: #999999;
  display: inline-flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}




#pc_nav .nav_list > li span {
	line-height: 1;
}
#pc_nav .nav_list .en {
	font-size: 18rem;
	font-weight: 600;
	letter-spacing: .07em;
}
#pc_nav .nav_list .ja {
	font-size: 13rem;
	font-weight: 700;

	padding-block-start: 3rem;
}
#pc_nav .sns_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-start: 18rem;
}
#pc_nav .sns_list > li {
	padding-inline: 8rem;
}
#pc_nav .sns_list > li a {
	display: block;
	position: relative;
	inline-size: 33rem;
	block-size: 33rem;

	/* &::before {
		content: "";
		inline-size: 30rem;
		block-size: 30rem;
		border-radius: 50%;
		background-color: #999999;
		position: absolute;
		inset-inline-end: 0;
		inset-block-end: 0;
	} */

	&:hover img {
		inset-inline-start: 2rem;
		inset-block-start: 2rem;
	}
}
#pc_nav .sns_list > li a::before {
	content: "";
	inline-size: 30rem;
	block-size: 30rem;
	border-radius: 50%;
	background-color: #999999;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#pc_nav .sns_list > li a img {
	width: 31rem;
	position: relative;
}


/*  nav
--------------------------*/
#nav_menu {
	position: fixed;
	inset-inline-end: 21rem;
	inset-block-start: 10rem;

	z-index: 1;
	display: none;
}
#nav_menu img {
	inline-size: 60rem;
}

#nav {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.9);
	overflow: auto;

	flex-flow: row wrap;
	justify-content: center;
	align-items: center;

	z-index: 2;
	display: none;
}
@keyframes anim_popup_opct {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#nav.open {
	display: flex;
  animation-name: anim_popup_opct;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
body:has(#nav.open) {
	overflow: hidden;
}
#nav .nav_menu {
	inline-size: 500rem;
	margin-block: 60rem;
	position: relative;
}
@keyframes anim_popup_inset {
  0% {
    inset-block-start: 20rem;
  }
  100% {
    inset-block-start: 0;
  }
}
#nav.open .nav_menu {
  animation-name: anim_popup_inset;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#nav_close {
	position: fixed;
	inset-inline-end: 21rem;
	inset-block-start: 17rem;
}
#nav_close img {
	inline-size: 60rem;
}
#nav .nav_menu .ttl {
	text-align: center;
	inline-size: 130rem;
	margin-inline: auto;
	padding-block-end: 11rem;
	position: relative;
	/* &::after {
		content: "";
		inline-size: 100%;
		block-size: 3rem;
		border-radius: 2rem;
		background-color: #a40b5e;
		position: absolute;
		inset-inline-start: 0;
		inset-block-end: 0;
	} */
}
#nav .nav_menu .ttl::after {
	content: "";
	inline-size: 100%;
	block-size: 3rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}

#nav .nav_menu .ttl img {
	inline-size: 97rem;
}
#nav .nav_list {
	inline-size: 500rem;
	margin-inline: auto;
	padding-inline-start: 182rem;
}
#nav .nav_list > li {
	padding-block-start: 28rem;
}


#nav .nav_list > li a {
	display: inline-block;
	position: relative;
	&:hover {
		transition: none;
		/* &::before {
			content: "";
			background-image: url(../img/nav_icon_imo.webp);
			inline-size: 31rem;
			block-size: 56rem;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			position: absolute;
			inset-inline-start: -50rem;
			inset-block-start: 50%;
			translate: 0 -50%;
		} */
	}
}
#nav .nav_list > li a:hover::before {
	content: "";
	background-image: url(../img/nav_icon_imo.webp);
	inline-size: 31rem;
	block-size: 56rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	inset-inline-start: -50rem;
	inset-block-start: 50%;
	translate: 0 -50%;
}
#nav .nav_list > li .txt_wrap {
	color: #460333;
	display: inline-flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
#nav .nav_list > li a:hover .txt_wrap {
	color: #a40b5e;
}
#nav .nav_list > li .soon {
	color: #999999;
  display: inline-flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}


#nav .nav_list > li span {
	line-height: 1;
}
#nav .nav_list .en {
	font-size: 26rem;
	font-weight: 600;
	letter-spacing: .07em;
}
#nav .nav_list .ja {
	font-size: 19rem;
	font-weight: 700;
	padding-block-start: 4rem;
}

#nav .sns_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-start: 30rem;
}
#nav .sns_list > li {
	padding-inline: 20rem;
}
#nav .sns_list > li a {
	display: block;
	position: relative;
	inline-size: 47rem;
	block-size: 47rem;
	/* &::before {
		content: "";
		inline-size: 44rem;
		block-size: 44rem;
		border-radius: 50%;
		background-color: #999999;
		position: absolute;
		inset-inline-start: 0;
		inset-block-end: 0;
	} */
	&:hover img {
		inset-inline-start: 3rem;
		inset-block-start: 3rem;
	}
}
#nav .sns_list > li a::before {
	content: "";
	inline-size: 44rem;
	block-size: 44rem;
	border-radius: 50%;
	background-color: #999999;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#nav .sns_list > li a img {
	position: relative;
	inline-size: 44rem;
}

/*  mainv
--------------------------*/
#mainv {
	text-align: center;
	position: relative;
  background-color   : #fff3db;
  background-image   : radial-gradient(#ffdf87 13%, transparent 16%),
                       radial-gradient(#ffdf87 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;

	padding-block-end: 60rem;
	/* &::after {
		content: "";
		inline-size: 478rem;
		block-size: 25rem;
		background-image: url(../img/sec_btm_shape.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		inset-inline-start: 0;
		inset-block-end: 0;
	} */
}


#mainv::after {
	content: "";
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#mainv .event_logo {
	text-align: left;
	padding-inline-start: 34rem;
	padding-block-start: 30rem;
}
#mainv .event_logo img {
	inline-size: 420rem;
}
#mainv .event_date {
	padding-block-start: 15rem;
}
#mainv .event_date img {
	inline-size: 427rem;
}
#mainv .event_place {
	padding-block-start: 15rem;
  margin-bottom: 50rem;
}
#mainv .event_place img {
	inline-size: 414rem;
}



#mainv .scroll_down {
	position: absolute;
	overflow: hidden;
	inset-block-start: 135rem;
	block-size: 345rem;
}
#mainv .scroll_down1 {
  inset-inline-start: 10rem;
}
#mainv .scroll_down2 {
  inset-inline-end: 10rem;
}
#mainv .scroll_down_inner {
  block-size: 564rem;
  animation: scroll_path_anim2 3s ease-in-out infinite;
}

@keyframes scroll_path_anim2 {
	0% {
		/* transform: translateY(0%); */
		translate: 0 -100rem;
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		/* transform: translateY(100%); */
		translate: 0 100rem;
		opacity: 0;
	}
}


#mainv .scroll_down_inner::before {
	content: "";
	background: #a40b5e;
	position: absolute;	
	inset-block-start: -110rem;
	inset-inline-start: 12rem;
	inline-size: 2rem;
	block-size: 202rem;
}
#mainv .scroll_down_inner::after {
	content: "";
	background: #a40b5e;
	position: absolute;	
	inset-block-end: 90rem;
	inset-inline-start: 12rem;
	inline-size: 2rem;
	block-size: 220rem;
}

#mainv .scroll_down_inner img {
	inline-size: 26rem;
  padding-block-start: 109rem;
}

#mainv .bar {
	inset-block-end: 0;
}



.bar {
  position: absolute;
	inset-inline-start: 0;
  width: 100%;
  height: 100rem;
  background-image: url(../img/mainv_bar_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}
.bar .ani {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: inherit;
}
.bar .ani_item {
  background-image: url(../img/mainv_bar_imo.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 551rem;
  height: inherit;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.bar .ani_item:nth-child(1) {
  animation-name: first;
}
 
.bar .ani_item:nth-child(2) {
  animation-name: second;
}
 
@keyframes first {
  from {
    left: 0;
  }
  to {
    left: -551rem;
  }
}
 
@keyframes second {
  from {
    left: 551rem;
  }
  to {
    left: 0;
  }
}





/*  sec_news
--------------------------*/
#sec_news {
	position: relative;
  background-color   : #f3f3f3;
  background-image   : radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%),
                       radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;
	padding-block-end: 70rem;
}
#sec_news .sec_header {
	text-align: center;
	padding-block-start: 50rem;
}
#sec_news .sec_header img {
	inline-size: 116rem;
}



#sec_news .yt_wrap {
	position: relative;
	inline-size: 413rem;
	margin-block-start: 52rem;
	margin-inline: auto;
}
#sec_news .yt_wrap .check {
	display: block;
	inline-size: 66rem;
	block-size: 86rem;
	position: absolute;
	inset-inline-start: -14rem;
	inset-block-start: -82rem;
	/* &::before {
		content: "";
		inline-size: 10rem;
		block-size: 14rem;
		background-color: #b3b3b3;
		position: absolute;
		inset-inline-start: 50%;
		inset-block-end: 0;
		translate: -50% 0;
	} */
}
#sec_news .yt_wrap .check::before {
	content: "";
	inline-size: 10rem;
	block-size: 14rem;
	background-color: #b3b3b3;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 0;
	translate: -50% 0;
}
#sec_news .yt_wrap .check img {
	position: relative;
}
#sec_news .yt_wrap:hover .check {
	inset-inline-start: -14rem;
	inset-block-start: -78rem;
}

#sec_news .yt_wrap .frame {
	display: block;
	position: relative;
}

/* #sec_news .yt_wrap .player {
	inline-size: 366rem;
	margin-inline: auto;
	block-size: 0;
	padding-block-start: 51.6%;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 21rem;
	translate: -50% 0;
	overflow: hidden;
	border-radius: 11rem;
} */
/* #sec_news .yt_wrap .player iframe {
	inline-size: 412rem;
	block-size: 214rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%;
} */
#sec_news .yt_wrap .player {
	inline-size: 366rem;
	margin-inline: auto;
	block-size: 214rem;
	position: absolute;
	inset-inline-start: 23rem;
	inset-block-start: 20rem;
	overflow: hidden;
	border-radius: 11rem;
}
#sec_news .yt_wrap .player iframe {
	inline-size: 366rem;
	block-size: 214rem;
}
#sec_news .exp_sns {
	text-align: center;
	font-size: 24rem;
	font-weight: 700;
	color: #352133;
	letter-spacing: .1em;
	line-height: 1;
	padding-block-start: 68rem;
	/* padding-block-start: 20rem; */
}

#sec_news .sns_links {
	padding-block-start: 105rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

#sec_news .sns_btn {
	padding-inline: 10rem;
}
#sec_news .sns_btn a {
	display: block;
	position: relative;

	inline-size: 206rem;
	block-size: 62rem;

	/* &::before {
		content: "";
		inline-size: 202rem;
		block-size: 58rem;
		background-color: #fccf00;
		border-radius: 29rem;
		position: absolute;
		inset-inline-end: 0;
		inset-block-end: 0;
	} */
	&:hover {
		.check {
			inset-inline-start: 4rem;
			inset-block-start: -78rem;
		}
		.front {
			inset-inline-start: 4rem;
			inset-block-start: 4rem;
		}
	} 
}
#sec_news .sns_btn a::before {
	content: "";
	inline-size: 202rem;
	block-size: 58rem;
	background-color: #fccf00;
	border-radius: 29rem;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}

#sec_news .sns_btn a .front {
	display: block;
	width: 202rem;
	height: 58rem;
	background-color: #a40b5e;
	border-radius: 29rem;
	text-align: center;
	font-size: 20rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	padding-top: 18rem;
	position: relative;
	letter-spacing: .1em;
}

#sec_news .sns_btn a .check {
	display: block;
	inline-size: 66rem;
	block-size: 86rem;
	position: absolute;
	inset-inline-start: 0rem;
	inset-block-start: -82rem;

	/* &::before {
		content: "";
		inline-size: 10rem;
		block-size: 14rem;
		background-color: #b3b3b3;
		position: absolute;
		inset-inline-start: 50%;
		inset-block-end: 0;
		translate: -50% 0;
	} */
}
#sec_news .sns_btn a .check::before {
	content: "";
	inline-size: 10rem;
	block-size: 14rem;
	background-color: #b3b3b3;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 0;
	translate: -50% 0;
}
#sec_news .sns_btn a .check img {
	position: relative;
}



#sec_news .news_block {
	inline-size: 412rem;
	margin-inline: auto;
	margin-block-start: 45rem;
	border-radius: 14rem;
	border: 2.6rem solid #9a1b5b;
	background-color: #fff;
	padding-block-start: 17rem;
	padding-inline-start: 12rem;
	padding-block-end: 23rem;
}
#sec_news .news_block .new {
	display: block;
	inline-size: 65rem;
}
#sec_news .news_block .ttl {
	color: #460333;
	font-size: 18.6rem;
	font-weight: 700;
	line-height: 1.4;
	padding-block-start: 6rem;
}
#sec_news .news_block .ttl a {
	color: #460333;
	text-decoration: underline;
}
#sec_news .news_block .exp {
	color: #460333;
	font-size: 16rem;
	font-weight: 500;
	line-height: 1.4;
	padding-block-start: 6rem;
}

























/*  sec_ticket
--------------------------*/
#sec_ticket {
	position: relative;
  background-color   : #f3f3f3;
  background-image   : radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%),
                       radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;
	padding-block-end: 70rem;
}
#sec_ticket .sec_header {
	text-align: center;
	padding-block-start: 50rem;
}
#sec_ticket .sec_header img {
	inline-size: 116rem;
}

#sec_ticket .cate_1 {
	text-align: center;
	font-size: 22rem;
	font-weight: 700;
	letter-spacing: .2em;
	color: #352133;
	line-height: 1;
	padding-block-start: 35rem;
}
#sec_ticket .cate_2 {
	text-align: center;
}
#sec_ticket .cate_2 .txt {
	display: inline-block;
	font-size: 17rem;
	font-weight: 700;
	color: #352133;
	line-height: 1;
	position: relative;
}
#sec_ticket .cate_2 .txt .size_s {
	font-size: .9em;
}
#sec_ticket .cate_2 .txt::before,
#sec_ticket .cate_2 .txt::after {
	content: '';
	display: inline-block;
	inline-size: 30rem;
	block-size: 2rem;
	/* border-bottom: 2rem dashed #352133; */
	background-color: #352133;
	position: absolute;
	inset-block-start: 50%;
}
#sec_ticket .cate_2 .txt::before {
	inset-inline-start: 0;
	transform: translateX(-100%);
}
#sec_ticket .cate_2 .txt::after {
	inset-inline-end: 0;
	transform: translateX(100%);
}
#sec_ticket .week {
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	padding-block-start: 15rem;
	padding-block-end: 15rem;
}
#sec_ticket .week > dl {
	line-height: 1;
	padding-inline: 6rem;
}
#sec_ticket .week > dl > dt {
	display: flex;
	justify-content: center;
	align-items: flex-start;

	font-size: 17rem;
	font-weight: 700;
	inline-size: 206rem;
	block-size: 30rem;
	border-radius: 15rem;
	border: 2rem solid;
	padding-block-start: 3rem;
}
#sec_ticket .week > dl > dt.wd {
	color: #352133;
	background-color: #ffde00;
	border-color: #a40b5e;
}
#sec_ticket .week > dl > dt.hd {
	color: #fff;
	background-color: #a40b5e;
	border-color: #ffde00;
}
#sec_ticket .week > dl > dd {
	color: #352133;
}
#sec_ticket .week > dl > dd .txt {
	font-size: 20rem;
	font-weight: 700;
	padding-block-start: 10rem;
}
#sec_ticket .week > dl > dd .sup {
	font-size: 15rem;
	font-weight: 500;
	padding-block-start: 5rem;
}
#sec_ticket .line {
	display: block;
	inline-size: 400rem;
	block-size: 0rem;
	border-bottom: 2rem dashed #333333;
	margin-inline: auto;
	padding-block-start: 25rem;
}

#sec_ticket .cmt_list {
	padding-inline-start: 25rem;
	padding-block-start: 15rem;
}
#sec_ticket .cmt_list > li {
	font-size: 14.6rem;
	font-weight: 500;
	text-indent: -1em;
	padding-inline-start: 1em;
	line-height: 1.37;
}
#sec_ticket .soon {
	text-align: center;
	font-size: 20rem;
	font-weight: 700;
	color: #9a1b5b;
	line-height: 1.4;
	padding-block-start: 50rem;
}















/*  sec_pass
--------------------------*/
#sec_pass {
	text-align: center;
	position: relative;
  background-color   : #F9EEE9;
	padding-block-end: 80rem;
}
#sec_pass::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#sec_pass .logo {
	padding-block-start: 40rem;
}
#sec_pass .logo img {
	inline-size: 244rem;
}
#sec_pass .copy {
	font-size: 46rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: calc(42 / 33);
	letter-spacing: .05em;
	padding-block-start: 10rem;
	/* & mark {
		color: #460333;
	} */
}
#sec_pass .copy mark {
  font-size: 33rem;
	color: #460333;
}
#sec_pass .shape {
	padding-block-start: 17rem;
}
#sec_pass .shape img {
	inline-size: 406rem;
}
#sec_pass .exp {
  text-align: center;
	color: #460333;
	font-size: 20rem;
	font-weight: 900;
	line-height: calc(22.6 / 16);
	letter-spacing: .05em;
	padding-inline-start: 35rem;
	padding-inline-end: 30rem;
	padding-block-start: 15rem;
}
#sec_pass .exp span {
  color: #E73828;
  font-size: 17rem;
	display: inline-block;
	line-height: 1.5;
	padding-block-start: 5rem;
}
#sec_pass dl.location {
  display: flex;
  margin: 20rem auto 10rem;
  width: 360rem;
}
#sec_pass dl.location dt {
  width: 90rem;
  background: #FFDE00;
  border: 1.333rem solid #A40B5E;
  border-radius: 5rem;
  font-size: 14.67rem;
  color: #A40B5E;
  font-weight: 900;
	letter-spacing: .1em;
}
#sec_pass dl.location dd {
  text-align: left;
  font-size: 17.33rem;
  line-height: 21rem;
  padding: 2rem 10rem;
  color: #A40B5E;
  font-weight: 900;
  vertical-align: middle;
}
#sec_pass .btn_more {
  margin: 20rem auto 0;
	position: relative;
	cursor: pointer;
	inline-size: 351rem;
	block-size: 53rem;
}
#sec_pass .btn_more::before {
	content: "";
	display: block;
	inline-size: 346rem;
	block-size: 48rem;
	background-image: url(../img/sec_pass_btn_rear.webp);
	background-size: 346rem auto;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	inset: auto 0 0 auto;
}
#sec_pass .btn_more .front {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	inline-size: 346rem;
	block-size: 48rem;
	position: relative;
	background-image: url(../img/sec_pass_btn_front.webp);
	background-size: 346rem auto;
	background-repeat: no-repeat;
	background-position: center;
	padding-inline: 80rem 75rem;
	font-size: 20rem;
	font-weight: 600;
	letter-spacing: .2em;
	color: #FCCF00;
}
#sec_pass .btn_more .front::after {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 18rem;
	background-image: url(../img/sec_pass_btn_arw.webp);
	background-size: 13rem auto;
	background-repeat: no-repeat;
	background-position: center;
}
#sec_pass .btn_more:hover .front {
	inset: 5rem auto auto 5rem;
}



/*  sec_pickup
--------------------------*/
#sec_pickup {
	text-align: center;
	position: relative;
  background-color   : #F4E2CF;
	padding-block-end: 50rem;
}
#sec_pickup .sec_header {
	padding-block-start: 40rem;
}
#sec_pickup .sec_header img {
	inline-size: 138rem;
}
#sec_pickup .logo {
	padding-block-start: 17rem;
}
#sec_pickup .logo img {
	inline-size: 244rem;
}
#sec_pickup .copy {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: calc(42 / 33);
	letter-spacing: .05em;
	padding-block-start: 10rem;
	/* & mark {
		color: #460333;
	} */
}
#sec_pickup .copy mark {
	color: #460333;
}
#sec_pickup .shape {
	padding-block-start: 17rem;
}
#sec_pickup .shape img {
	inline-size: 378rem;
}
#sec_pickup .exp {
  text-align: left;
	color: #460333;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(22.6 / 16);
	letter-spacing: .12em;
	padding-inline-start: 35rem;
	padding-inline-end: 30rem;
	padding-block-start: 15rem;
}
#sec_pickup .menu {
	padding-block-start: 33rem;
/* 
	& > dt {
		font-size: 20rem;
		color: #fccf00;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1;
		background-image: url(../img/sec_pickup_btn_bg.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		inline-size: 238rem;
		block-size: 42rem;
		display: inline-flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}

	& > dd {
		padding-block-start: 18rem;
		line-height: 1;

		& .name {
			font-size: 18.6rem;
			color: #460333;
			font-weight: 700;
			padding-inline-end: 13rem;
		}

		& .yen {
			font-size: 20rem;
			color: #a40b5e;
			font-weight: 700;
			padding-inline-start: 13rem;

			& .zei {
				font-size: 16rem;
			}
		}
	} */
}
#sec_pickup .menu > dt {
	font-size: 20rem;
	color: #fccf00;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1;
	background-image: url(../img/sec_pickup_btn_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	inline-size: 238rem;
	block-size: 42rem;
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
#sec_pickup .menu > dd {
	padding-block-start: 18rem;
	line-height: 1;
}
#sec_pickup .menu > dd .name {
	font-size: 18.6rem;
	color: #460333;
	font-weight: 700;
	padding-inline-end: 13rem;
}
#sec_pickup .menu > dd .yen {
	font-size: 20rem;
	color: #a40b5e;
	font-weight: 700;
	padding-inline-start: 13rem;
}
#sec_pickup .menu > dd .yen .zei {
	font-size: 16rem;
}








/*  sec_chara
--------------------------*/
#sec_chara {
	background-color: #7a225d;
	padding-block-end: 58rem;
}
#sec_chara .chara_illust {
	inline-size: 407rem;
	margin-inline-start: 47rem;
	padding-block-start: 60rem;
}

#sec_chara .btn_more {
	position: relative;
	cursor: pointer;
	inline-size: 366rem;
	block-size: 62rem;
	margin-inline: auto;
	margin-block-start: 27rem;
}
#sec_chara .btn_more::before {
	content: "";
	display: block;
	inline-size: 361rem;
	block-size: 57rem;
	border-radius: 29rem;
	background-color: #d25585;
	position: absolute;
	inset: auto 0 0 auto;
}
#sec_chara .btn_more .front {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #fccf00;
	inline-size: 361rem;
	block-size: 57rem;
	border-radius: 29rem;
	font-size: 23rem;
	font-weight: 900;
	letter-spacing: .05em;
	color: #460333;
}
#sec_chara .btn_more .front .name {
	color: #9a1b5b;
}
#sec_chara .btn_more .front::after {
	content: "";
	display: block;
	inline-size: 9rem;
	block-size: 14rem;
	background-image: url(../img/sec_shop_btn_arw.webp);
	background-size: 9rem auto;
	background-repeat: no-repeat;
	background-position: center;
}
#sec_chara .btn_more:hover .front {
	inset: 4rem auto auto 5rem;
}









/*  sec_shop
--------------------------*/
#sec_shop {
	position: relative;
  background-color   : #fff3bb;
  background-image   : radial-gradient(rgba(255, 223, 126, 0.77) 13%, transparent 16%),
                       radial-gradient(rgba(255, 223, 126, 0.77) 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;
	padding-block-end: 67rem;
	/* &::before {
		content: "";
		inline-size: 478rem;
		block-size: 25rem;
		background-image: url(../img/sec_top_shape.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		inset-inline-start: 0;
		inset-block-start: 0;
	}
	&::after {
		content: "";
		display: block;
		inline-size: 478rem;
		block-size: 25rem;
		background-image: url(../img/sec_btm_shape.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		position: absolute;
		inset-inline-start: 0;
		inset-block-end: 0;
	} */
}
#sec_shop::before {
	content: "";
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_top_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
#sec_shop::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#sec_shop .sec_header {
	text-align: center;
	position: relative;
	/* &::before,
	&::after {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		position: absolute;
	}
	&::before {
		background-image: url(../img/sec_shop_obj_l.webp);
		inline-size: 86rem;
		block-size: 76rem;
		inset-inline-start: 81rem;
		inset-block-start: 66rem;
	}
	&::after {
		background-image: url(../img/sec_shop_obj_r.webp);
		inline-size: 77rem;
		block-size: 92rem;
		inset-inline-end: 88rem;
		inset-block-start: 72rem;
	} */
}
#sec_shop .sec_header::before,
#sec_shop .sec_header::after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
}
#sec_shop .sec_header::before {
	background-image: url(../img/sec_shop_obj_l.webp);
	inline-size: 94rem;
	block-size: 76rem;
	inset-inline-start: 66rem;
	inset-block-start: 66rem;
}
#sec_shop .sec_header::after {
	background-image: url(../img/sec_shop_obj_r.webp);
	inline-size: 89rem;
	block-size: 96rem;
	inset-inline-end: 74rem;
	inset-block-start: 72rem;
}

#sec_shop .sec_header > span {
	display: block;
}
#sec_shop .sec_header .en {
	padding-block-start: 85rem;
}
#sec_shop .sec_header .en img {
	inline-size: 120rem;
}
#sec_shop .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: 1;
	letter-spacing: .05em;
	padding-block-start: 20rem;
}
#sec_shop .sec_exp {
	text-align: center;
	font-size: 22rem;
	font-weight: 900;
	line-height: calc(29 / 22);
	color: #460333;
	letter-spacing: .12em;
	position: relative;
	inline-size: 410rem;
	margin-inline: auto;
	padding-block: 10rem 20rem;
}
#sec_shop .sec_exp .num {
	font-size: 29rem;
	vertical-align: -2rem;
}
#sec_shop .sec_exp::after {
	content: "";
	inline-size: 100%;
	block-size: 3rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}


#sec_shop .shop_list {
	padding-inline: 18rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210rem, 1fr));
	column-gap: 22rem;
}
#sec_shop .shop_list > li {
	padding-block: 36rem 42rem;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}
#sec_shop .shop_list .thumb {
	position: relative;
}
#sec_shop .shop_list .thumb .area {
	background-image: url(../img/sec_shop_icon_imo.webp);
	background-size: 87rem auto;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 17.4rem;
	line-height: 30rem;
	font-weight: 700;
	letter-spacing: .2em;
	position: absolute;
	inset: -12rem auto auto 0;
	inline-size: 87rem;
	block-size: 32rem;
}
#sec_shop .shop_list .thumb .area.ls0 {
	letter-spacing: 0;
}
#sec_shop .shop_list .thumb img {
}
#sec_shop .shop_list .name {
	font-size: 20rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: calc(23 / 20);
	letter-spacing: .1em;
	padding-block: 10rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
#sec_shop .shop_list .name.ls0 {
	letter-spacing: 0;
}
#sec_shop .shop_list .btn_more {
	position: relative;
	cursor: pointer;
	inline-size: 210rem;
	block-size: 36rem;
}
#sec_shop .shop_list .btn_more::before {
	content: "";
	display: block;
	inline-size: 205rem;
	block-size: 31rem;
	background-image: url(../img/sec_shop_btn_rear.webp);
	background-size: 205rem auto;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	inset: auto 0 0 auto;
}
#sec_shop .shop_list .btn_more .front {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	inline-size: 205rem;
	block-size: 32rem;
	position: relative;
	background-image: url(../img/sec_shop_btn_front.webp);
	background-size: 205rem auto;
	background-repeat: no-repeat;
	background-position: center;
	padding-inline: 52rem 45rem;
	font-size: 13rem;
	font-weight: 600;
	letter-spacing: .2em;
	color: #FCCF00;
}
#sec_shop .shop_list .btn_more .front::after {
	content: "";
	display: block;
	inline-size: 9rem;
	block-size: 14rem;
	background-image: url(../img/sec_shop_btn_arw.webp);
	background-size: 9rem auto;
	background-repeat: no-repeat;
	background-position: center;
}
#sec_shop .shop_list .btn_more:hover .front {
	inset: 4rem auto auto 5rem;
}

#sec_shop .shop_notes {
	font-size: 13rem;
	font-weight: 500;
	color: #460333;
	line-height: 1;
	padding-block-start: 20rem;
}

#sec_shop h3.sec_shop_pre_area {
  text-align: center;
  width: 118rem;
  height: 53rem;
  margin: 30rem auto 20rem;
  background-image: url(../img/sec_shop_pre_area.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  
  color: #A40B5E;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 22rem;
  font-weight: 900;
  line-height: 53rem;
  letter-spacing: .14em;
  text-indent: .14em;
}

#sec_shop ul.sec_shop_pre {
  

  color: #A40B5E;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 20rem;
  font-weight: 700;
  margin: 20rem 0 40rem 55rem;
}
#sec_shop ul.sec_shop_pre li {
  padding-left: .5em;
  position: relative;
  line-height: 1.5em;
  margin-bottom: .5em;
}

#sec_shop ul.sec_shop_pre li::before {
  content: "●";
  color: #7F3D73;
  position: absolute;
  left: -1em;
  top: 0;
}

#sec_shop .sec_exp2 {
	text-align: center;
	font-size: 21rem;
	font-weight: 900;
	line-height: calc(34 / 21);
	color: #460333;
	letter-spacing: .12em;
	position: relative;
	inline-size: 440rem;
	margin-inline: auto;
	padding-block: 10rem 20rem;
}





/*  sec_music
--------------------------*/
#sec_music {
	position: relative;
  background-color: #e1e991;
	padding-block-end: 95rem;
}

#sec_music::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape_green.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset: auto auto 0 0;
}
#sec_music .sec_header {
	text-align: center;
	position: relative;
}
#sec_music .sec_header::before,
#sec_music .sec_header::after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
}
#sec_music .sec_header::before {
	background-image: url(../img/sec_music_obj_l.webp);
	inline-size: 93rem;
	block-size: 68rem;
	inset-inline-start: 70rem;
	inset-block-start: 78rem;
}
#sec_music .sec_header::after {
	background-image: url(../img/sec_music_obj_r.webp);
	inline-size: 72rem;
	block-size: 73rem;
	inset-inline-end: 88rem;
	inset-block-start: 70rem;
}
#sec_music .sec_header > span {
	display: block;
}
#sec_music .sec_header .en {
	padding-block-start: 87rem;
}
#sec_music .sec_header .en img {
	inline-size: 120rem;
}
#sec_music .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: 1;
	letter-spacing: .05em;
	padding-block-start: 20rem;
}
#sec_music .sec_header .free {
	display: block;
	inline-size: 85rem;
	block-size: 85rem;
	background-color: #FCCF00;
	border: 3.5rem solid #a40b5e;
	border-radius: 50%;

	font-size: 18.6rem;
	font-weight: 700;
	color: #a40b5e;
	line-height: 1.3;
	letter-spacing: .05em;
	padding-block-start: 16rem;

	position: absolute;
	inset-inline-end: 30rem;
	inset-block-start: 140rem;
}

#sec_music .sec_exp {
	text-align: center;
	font-size: 21rem;
	font-weight: 900;
	line-height: calc(31 / 21);
	color: #460333;
	position: relative;
	padding-block-start: 10rem;
	padding-block-end: 20rem;
}
#sec_music .sec_exp::after {
	content: "";
	display: block;
	inline-size: 410rem;
	block-size: 3rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 0;
	translate: -50% 0;
}

#sec_music .sec_soon {
  text-align: center;
	font-size: 22rem;
  font-family: 'Rubik', sans-serif;
	font-weight: 500;
  line-height: calc(29 / 22);
	color: #460333;
  padding-block-start: 20rem;
	letter-spacing: .1em;
}



#sec_music .parf_list {
}
#sec_music .parf_list > li {
	padding-block-start: 35rem;
	padding-block-end: 15rem;
}
#sec_music .parf_list .date {
	padding-inline-start: 38rem;
}
#sec_music .parf_list .date img {
	width: auto;
	block-size: 32rem;
  vertical-align: baseline;
}
#sec_music .parf_list .time {
	color: #460333;
	font-size: 22.6rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .03em;
	padding-inline-start: 38rem;
	padding-block-start: 10rem;
}
#sec_music .parf_list .time2 {
  padding-inline-start: 10rem;
	padding-block-start: 0;
}
#sec_music .parf_list .time3 {
  font-size: 20rem;
	font-weight: 700;
}
#sec_music .parf_list .time .font_zen {
	font-size: 20rem;
	font-weight: 900;
}
#sec_music .parf_list .thumb {
	text-align: center;
	padding-block-start: 10rem;
}
#sec_music .parf_list .info {
	text-align: center;
	padding-block-start: 15rem;
}
#sec_music .parf_list .info img {
  width: 410rem;
}
#sec_music .parf_list .thumb.dbl {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}
#sec_music .parf_list .thumb.dbl a {
	margin: auto 8rem;
	display: block;
}
#sec_music .parf_list .thumb img {
	inline-size: 418rem;
}
#sec_music .parf_list .thumb.dbl img {
	inline-size: 201rem;
}
#sec_music .parf_list .name {
	color: #A40B5E;
	font-size: 22.6rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .05em;
	padding-inline-start: 35rem;
	padding-block-start: 15rem;
}
#sec_music .parf_list .exp {
	color: #460333;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(22.6 / 16);
	letter-spacing: .12em;
	padding-inline-start: 35rem;
	padding-inline-end: 30rem;
	padding-block-start: 10rem;
}
#sec_music .parf_list .hosoku {
	display: block;
	font-size: .9em;
	text-indent: -1.2em;
	padding-inline-start: 1.2em;
	padding-block-start: 5rem;
}
#sec_music .parf_list .logo {
	text-align: center;
	padding-block-start: 15rem;
}
#sec_music .parf_list .logo img {
	inline-size: 268rem;
}

#sec_music .more {
	text-align: center;
	font-size: 20rem;
  font-weight: 700;
	line-height: 1.3;
	color: #a40b5e;
	letter-spacing: .1em;
	padding-block-start: 20rem;
}

#sec_music .sec_note {
	text-align: left;
	font-size: 14.6rem;
	line-height: 1.3;
	color: #460333;
	letter-spacing: .1em;
	padding-block-start: 30rem;
  width: calc(292 / 350 * 100%);
  margin: 0 auto;
}



#sec_music .link_btn {
	display: flex;
	justify-content: center;
	padding-block-start: 20rem;
}
#sec_music .link_btn a {
	display: block;
	inline-size: 356rem;
	block-size: 46rem;
	position: relative;
	/* &::before {
		content: "";
		display: block;
		inline-size: 370rem;
		block-size: 46rem;
		background-color: #fccf00;
		border-radius: 16rem;
		position: absolute;
		inset-inline-end: 0;
		inset-block-end: 0;
	} */
	&:hover .front {
		inset-inline-start: 4rem;
		inset-block-start: 4rem;
	}
}
#sec_music .link_btn a::before {
	content: "";
	display: block;
	inline-size: 352rem;
	block-size: 42rem;
	background-color: #fff;
	border-radius: 21rem;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#sec_music .front {
	display: flex;
	align-items: center;
	inline-size: 352rem;
	block-size: 42rem;
	background-color: #a40b5e;
	border-radius: 21rem;
	color: #fff;
	font-size: 18rem;
	font-weight: 500;
	line-height: 1;
	padding-inline-start: 110rem;
	position: relative;
}
#sec_music .front::after {
	content: "";
	background-image: url(../img/btn_arw_r.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	inline-size: 15rem;
	block-size: 20rem;
	margin-inline-start: 16rem;
}








/*  sec_try
--------------------------*/
#sec_sampling {
	position: relative;
  background-color   : #FDDFC5;
  background-image   : radial-gradient(#FCCB9C 13%, transparent 16%),
                       radial-gradient(#FCCB9C 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;

	padding-block-end: 95rem;
}

#sec_sampling::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#sec_sampling .sec_header {
	text-align: center;
	position: relative;
}
#sec_sampling .sec_header::before,
#sec_sampling .sec_header::after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
}
#sec_sampling .sec_header::before {
	background-image: url(../img/sec_sampling_obj_l.webp);
	inline-size: 80rem;
	block-size: 75rem;

	inset-inline-start: 75rem;
	inset-block-start: 66rem;
}
#sec_sampling .sec_header::after {
	background-image: url(../img/sec_sampling_obj_r.webp);
	inline-size: 78rem;
	block-size: 60rem;

	inset-inline-end: 75rem;
	inset-block-start: 80rem;
}
#sec_sampling .sec_header > span {
	display: block;
}
#sec_sampling .sec_header .en {
	padding-block-start: 87rem;
}
#sec_sampling .sec_header .en img {
	inline-size: 140rem;
}
#sec_sampling .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: calc(42 / 33);
	letter-spacing: .05em;
	padding-block-start: 20rem;
}
#sec_sampling .sec_exp {
	text-align: center;
	font-size: 21rem;
	font-weight: 900;
	line-height: calc(31 / 21);
	color: #460333;
	position: relative;
	letter-spacing: .05em;
	padding-block-start: 17rem;
	padding-block-end: 20rem;
}
#sec_sampling .sec_exp::after {
	content: "";
	display: block;
	inline-size: 410rem;
	block-size: 3rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 0;
	translate: -50% 0;
}
#sec_sampling .item_info {
	margin-block-start: 35rem;
	position: relative;
}
#sec_sampling .free {
	color: #a40b5e;
	font-size: 18rem;
	text-align: center;
	font-weight: 700;
	line-height: calc(23.6 / 18);
	inline-size: 235rem;
	border: 4rem solid #a40b5e;
	background-color: #fccf00;
	border-radius: 13rem;
	letter-spacing: -.05em;
	padding-block-start: 10rem;
	padding-block-end: 10rem;
	margin-inline-start: 34rem;
}
#sec_sampling .suryo {
	color: #fccf00;
	font-size: 18rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(23.6 / 18);
	inline-size: 86rem;
	block-size: 86rem;
	border-radius: 50%;
	background-color: #a40b5e;
	border: 4rem solid #fccf00;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	inset-block-start: -2rem;
	inset-inline-end: 110rem;
}
#sec_sampling .exp {
	color: #460333;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(25 / 16);
	inline-size: 290rem;
	padding-block-start: 15rem;
	margin-inline-start: 34rem;
}
#sec_sampling .note {
	color: #460333;
	font-size: 14rem;
	font-weight: 500;
	line-height: calc(20 / 14);
	padding-block-start: 5rem;
	margin-inline-start: 34rem;
}
#sec_sampling .item {
	inline-size: 200rem;
	position: absolute;
	inset-inline-end: -12rem;
	inset-block-start: -30rem;
}
#sec_sampling .item_dfl {
	position: absolute;
	inset-inline-end: 60rem;
	inset-block-start: 230rem;
}
#sec_sampling .item_dfl > dt {
	display: block;
	inline-size: 82rem;
	border: 1rem solid #431133;
	text-align: center;
	color: #431133;
	font-size: 13rem;
	font-weight: 500;
	line-height: 1;
	padding-block-start: 3rem;
	padding-block-end: 3rem;
}
#sec_sampling .item_dfl > dd {
	color: #431133;
	font-size: 13rem;
	font-weight: 500;
	line-height: 1;
	padding-block-start: 8rem;
}
#sec_sampling .logo {
	text-align: center;
	padding-block-start: 60rem;
}
#sec_sampling .logo > img {
	inline-size: 220rem;
}
#sec_sampling .kyosan {
	text-align: center;
	font-size: 17rem;
	font-weight: 500;
	line-height: 1;
	color: #431133;
	padding-block-start: 15rem;
	letter-spacing: .05em;
}
#sec_sampling .link_btn {
	display: flex;
	justify-content: center;
	padding-block-start: 20rem;
}
#sec_sampling .link_btn a {
	display: block;
	inline-size: 378rem;
	block-size: 54rem;
	position: relative;
	/* &::before {
		content: "";
		display: block;
		inline-size: 370rem;
		block-size: 46rem;
		background-color: #fccf00;
		border-radius: 16rem;
		position: absolute;
		inset-inline-end: 0;
		inset-block-end: 0;
	} */
	&:hover .front {
		inset-inline-start: 8rem;
		inset-block-start: 8rem;
	}
}
#sec_sampling .link_btn a::before {
	content: "";
	display: block;
	inline-size: 370rem;
	block-size: 46rem;
	background-color: #fccf00;
	border-radius: 16rem;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#sec_sampling .front {
	display: flex;
	align-items: center;
	inline-size: 370rem;
	block-size: 46rem;
	background-color: #a40b5e;
	border-radius: 16rem;
	color: #fff;
	font-size: 20rem;
	font-weight: 700;
	line-height: 1;
	padding-inline-start: 40rem;
	position: relative;
}
#sec_sampling .front::after {
	content: "";
	background-image: url(../img/btn_arw_r.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	inline-size: 15rem;
	block-size: 20rem;
	margin-inline-start: 16rem;
}








/*  sec_try
--------------------------*/
#sec_try {
	position: relative;
  background-color   : #FDDFC5;
  background-image   : radial-gradient(#FCCB9C 13%, transparent 16%),
                       radial-gradient(#FCCB9C 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;
	padding-block-end: 95rem;
}

#sec_try::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#sec_try .sec_header {
	text-align: center;
	position: relative;
}
#sec_try .sec_header::before,
#sec_try .sec_header::after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
}
#sec_try .sec_header::before {
	background-image: url(../img/sec_try_obj_l.webp);
	inline-size: 68rem;
	block-size: 81rem;
	inset-inline-start: 95rem;
	inset-block-start: 50rem;
}
#sec_try .sec_header::after {
	background-image: url(../img/sec_try_obj_r.webp);
	inline-size: 57rem;
	block-size: 68rem;
	inset-inline-end: 120rem;
	inset-block-start: 60rem;
}
#sec_try .sec_header > span {
	display: block;
}
#sec_try .sec_header .en {
	padding-block-start: 87rem;
}
#sec_try .sec_header .en img {
	inline-size: 120rem;
}
#sec_try .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: 1;
	letter-spacing: .05em;
	padding-block-start: 20rem;
}
#sec_try .sec_header .free {
	display: block;
	inline-size: 85rem;
	block-size: 85rem;
	padding-block-start: 16rem;

	background-color: #FCCF00;
	border: 3.5rem solid #a40b5e;
	border-radius: 50%;
	font-size: 18.6rem;
	font-weight: 700;
	color: #a40b5e;
	line-height: 1.3;
	letter-spacing: .05em;

	position: absolute;
	inset-inline-end: 40rem;
	inset-block-start: 90rem;

}

#sec_try .sec_exp {
	text-align: center;
	font-size: 21rem;
	font-weight: 900;
	line-height: calc(31 / 21);
	color: #460333;
	position: relative;
	padding-block-start: 17rem;
	padding-block-end: 20rem;
}
#sec_try .sec_exp::after {
	content: "";
	display: block;
	inline-size: 410rem;
	block-size: 3rem;
	border-radius: 2rem;
	background-color: #a40b5e;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-end: 0;
	translate: -50% 0;
}
#sec_try .try_list {
}
#sec_try .try_list > li {
	padding-block-start: 40rem;
	padding-block-end: 20rem;
}

#sec_try .try_list .thumb {
	text-align: center;
}
#sec_try .try_list .thumb img {
	inline-size: 418rem;
}
#sec_try .try_list .name {
	color: #A40B5E;
	font-size: 22.6rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .05em;
	padding-inline-start: 35rem;
	padding-block-start: 20rem;
}
#sec_try .try_list .exp {
	color: #460333;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(22.6 / 16);
	letter-spacing: .12em;
	padding-inline-start: 35rem;
	padding-inline-end: 30rem;
	padding-block-start: 10rem;
}
#sec_try .try_list .logo {
	padding-block-start: 15rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
#sec_try .try_list .logo > dt {
	font-size: 18rem;
	font-weight: 500;
	padding-inline-end: 20rem;
}
#sec_try .try_list .logo > dd {
	inline-size: 220rem;
}
#sec_try .sec_note {
	text-align: center;
	font-size: 14.6rem;
	line-height: 1.3;
	color: #460333;
	letter-spacing: .1em;
	padding-block-start: 30rem;
}











/*  sec_map
--------------------------*/
#sec_map {
	background-color: #fff;
	padding-block-start: 65rem;
	padding-block-end: 90rem;
}
#sec_map .sec_header {
	text-align: center;
}
#sec_map .sec_header > span {
	display: block;
}
#sec_map .sec_header .en {
}
#sec_map .sec_header .en img {
	inline-size: 122rem;
}
#sec_map .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: 1;
	letter-spacing: .05em;
	padding-block-start: 18rem;
	padding-block-end: 25rem;
}
#sec_map .thumb_wrap {
	display: flex;
	justify-content: center;
}
#sec_map .map_thumb {
	position: relative;
	border: 3rem solid #a40b5e;
	border-radius: 18rem;
}
#sec_map .map_thumb img {
	inline-size: 414rem;
}
#sec_map .btn_more {
	display: block;
	cursor: pointer;

	inline-size: 59rem;
	block-size: 66rem;
	position: absolute;
	inset-inline-end: -10rem;
	inset-block-start: -38rem;
}
#sec_map .btn_more .front {
	position: relative;
}
#sec_map .btn_more::before {
	content: "";
	display: block;
	inline-size: 59rem;
	block-size: 59rem;
	background-color: #A40B5E;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#sec_map .btn_more:hover .front {
	inset-inline-start: 0;
	inset-block-start: 2rem;
}















/*  sec_access
--------------------------*/
#sec_access {
	padding-block-end: 75rem;
	position: relative;
  background-color   : #f3f3f3;
  background-image   : radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%),
                       radial-gradient(rgba(255, 255, 255, 0.9) 13%, transparent 16%);
  background-position: 0 0, 9rem 9rem;
  background-size    : 18rem 18rem;
}
#sec_access::after {
	content: "";
	display: block;
	inline-size: 478rem;
	block-size: 25rem;
	background-image: url(../img/sec_btm_shape.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}
#sec_access .sec_header {
	text-align: center;
}
#sec_access .sec_header > span {
	display: block;
}
#sec_access .sec_header .en {
	padding-block-start: 50rem;
}
#sec_access .sec_header .en img {
	inline-size: 122rem;
}
#sec_access .sec_header .ja {
	font-size: 33rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: 1;
	letter-spacing: .05em;
	padding-block-start: 18rem;
	padding-block-end: 25rem;
}
#sec_access .gmap {
	inline-size: 413rem;
	block-size: 264rem;
	border-radius: 16rem;
	overflow: hidden;
	margin: auto;
}
#sec_access .gmap iframe {
}
#sec_access .means_dfl {
	margin: auto;
	inline-size: 413rem;
	padding-block-start: 36rem;
}
#sec_access .means_dfl > dt {
	border-block-end: 1.4rem solid #a40b5e;
}
#sec_access .means_dfl.train > dt {
	padding-block-end: 5rem;
}
#sec_access .means_dfl.bus > dt {
	padding-block-end: 8rem;
}
#sec_access .means_dfl > dt img {
	vertical-align: bottom;
}
#sec_access .means_dfl.train > dt img {
	inline-size: 32rem;
	margin-inline-end: 20rem;
	margin-inline-start: 10rem;
}
#sec_access .means_dfl.bus > dt img {
	inline-size: 49rem;
	margin-inline-end: 10rem;
	margin-inline-start: 3rem;
}
#sec_access .means_dfl > dt .txt {
	font-size: 19rem;
	font-weight: 700;
	color: #a40b5e;
	line-height: calc(25 / 20);
	vertical-align: bottom;
	display: inline-block;
	letter-spacing: .1em;
}
#sec_access .means_dfl.train > dt .txt {
	padding-block-end: 3rem;
}
#sec_access .means_dfl.bus > dt .txt {
	padding-block-end: 3rem;
}
#sec_access .means_dfl > dd {
	font-size: 17rem;
	line-height: calc(30 / 17);
	font-weight: 500;
	color: #460333;
	letter-spacing: .05em;
}
#sec_access .means_dfl > dd .list {
	padding-block-start: 10rem;
}
#sec_access .means_dfl > dd .list > li {
	text-indent: -1em;
	padding-inline-start: 1em;
}
#sec_access .means_dfl > dd .sup_txt {
	padding-block-start: 10rem;
}




















/*  sec_faq
--------------------------*/
#sec_faq {
	background-color: #f3f3f3;
	padding-block: 65rem;
}
#sec_faq .sec_header {
	text-align: center;
}
#sec_faq .sec_header > span {
	display: block;
}
#sec_faq .sec_header .en {
}
#sec_faq .sec_header .en img {
	inline-size: 338rem;
}
#sec_faq .sec_header .ja {
	font-size: 22.6rem;
	font-weight: 700;
	color: #a40b5e;
	letter-spacing: .05em;
	line-height: 1;
	padding-block-start: 10rem;
}
#faq_list {
	padding-inline: 32rem;
}
#faq_list > li {
	border-block-end: 2rem solid #460333;
	padding-block: 35rem;
}
#faq_list > li:last-child {
	border-block-end: none;
	padding-block: 35rem 0;
}
#faq_list .question {
	display: block;
	position: relative;
	cursor: pointer;
	padding-inline: 50rem;
}
#faq_list .question.question2 {
	padding-inline: 10rem;
}
#faq_list .question::before {
	content: "";
	display: block;
	background-image: url(../img/sec_faq_icon_q.webp);
	inline-size: 42rem;
	block-size: 41rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 50%;
	translate: 0 -50%;
}
#faq_list .question.question2::before {
  	content: none;
	display: none;
}
#faq_list .question .txt {
	font-size: 18.6rem;
	font-weight: 700;
	color: #460333;
	line-height: calc(28 / 18);
	letter-spacing: .07em;
}
#faq_list .question .icon {
	display: block;
	inline-size: 27rem;
	block-size: 27rem;
	position: absolute;
	inset-inline-end: 0;
	inset-block-start: 50%;
	translate: 0 -50%;
}
#faq_list .question .icon::before,
#faq_list .question .icon::after {
	content: "";
	display: block;
	background-color: #a40b5e;
	inline-size: 27rem;
	block-size: 3rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%;
}
#faq_list .question .icon::before {
}
#faq_list .question .icon::after {
	transition: rotate 200ms ease 0s;

	rotate: 90deg;
}
#faq_list .toggle:checked + .question .icon::after {
	rotate: 0deg;
}
#faq_list .question.open + .answer {
}
#faq_list .answer {
	position: relative;
	padding-inline-start: 50rem;
	transition: max-block-size 200ms ease 0s;	/* 閉じるアニメーション */

	max-block-size: 0;
	overflow: hidden;
}
#faq_list .answer.answer2 {
	padding-inline-start: 5rem;
}

#faq_list .toggle:checked + .question + .answer {
	max-block-size: 500rem;	/* 最大高さ */
	transition: max-block-size 1000ms ease 0s;	/* 開くアニメーション */
}

#faq_list .answer::before {
	content: "";
	display: block;
	background-image: url(../img/sec_faq_icon_a.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	inline-size: 42rem;
	block-size: 42rem;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 27rem;
}
#faq_list .answer.answer2::before {
	content: none;
	display: none;
}

#faq_list .answer .txt {
	font-size: 16rem;
	font-weight: 500;
	color: #460333;
	line-height: calc(22.6 / 16);
	letter-spacing: .07em;
	padding-block-start: 35rem;
	padding-block-end: 12rem;
}
#sec_faq .faq_outher {
	padding-inline-start: 5rem;
	padding-inline-end: 0rem;
	padding-block-start: 25rem;
}
#sec_faq .faq_outher .exp {
	font-size: 16rem;
	font-weight: 500;
	color: #460333;
	line-height: calc(22.6 / 16);
	letter-spacing: .07em;
}
#sec_faq .faq_outher .link {
	padding-block-start: 10rem;
}
#sec_faq .faq_outher .link a {
	font-size: 16rem;
	font-weight: 500;
	color: #a40b5e;
	line-height: calc(22.6 / 16);
	letter-spacing: .07em;
	text-decoration: underline;
}
#sec_faq .faq_outher .link a:hover {
	text-decoration: none;
}

#sec_faq .faq_outher .exp2 {
	font-size: 16rem;
	font-weight: 500;
	color: #460333;
	line-height: calc(22.6 / 16);
	letter-spacing: .07em;
}
#sec_faq .faq_outher .exp2 a {
	font-size: 16rem;
	font-weight: 500;
	color: #a40b5e;
	line-height: calc(22.6 / 16);
	letter-spacing: .07em;
	text-decoration: underline;
}
#sec_faq .faq_outher .exp2 a:hover {
	text-decoration: none;
}


ol.exp2 {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.exp2 li {
  margin-top: 10rem;
  padding-left: 30rem;
  position: relative;
  letter-spacing: 0.02em;
}
ol.exp2 li:before {
  content: counter(my-counter); /* カウンター「my-counter」を呼び出す */
  counter-increment: my-counter; /* この要素が現れる度にカウンター「my-counter」が加算されていく、 */
  background-color: #a40b5e;
  display: block;
  float: left;
  margin-top: 1rem;
  color: #FFF;
  font-size: 80%;
  font-weight: bold;
  letter-spacing: -0.5pt;
  text-indent: -0.5pt;
  line-height: 20rem; /* 行間を高さと同じにすることで、上下中央に配置させる */
  margin-left: -30rem;
  text-align: center;
  height: 21rem;
  width: 21rem; /* width、heightを同じ数値にして、正方形にする */
  border-radius: 50%; /* 要素を丸にする（正方形なので、正円となる） */
}






/*  org_block
--------------------------*/
#org_block {
	text-align: center;
	background-color: #fff;
	position: relative;
	padding-block-end: 120rem;
}
#org_block .org_dfl {
	padding-block-start: 45rem;
}
#org_block .org_dfl > dt {
	color: #a40b5e;
	font-size: 20rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
}
#org_block .org_dfl > dd {
	color: #352133;
	font-size: 17rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-block-start: 10rem;
}

#org_block .org_dfl2 {
	margin-bottom: 100rem
}

















/*  Footer
--------------------------*/
#footer {
	background-color: #460333;
	color: #fff;
	text-align: center;
	position: relative;
	padding-block-end: 35rem;
}
#footer a {
	color: #fff;
}
#footer .sns_link {
	padding-block-start: 40rem;
}
#footer .sns_link > li {
	display: inline-block;
	vertical-align: middle;
	padding-inline: 16rem;
}
#footer .sns_link > li a {
}
#footer .sns_link > li a img {
}
#footer .sns_link > li.tw a img {
	inline-size: 26rem;
}
#footer .sns_link > li.ig a img {
	inline-size: 36rem;
}
#footer .contact {
	font-size: 16rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .2em;
	padding-block-start: 25rem;
}
#footer .contact a {
	text-decoration: underline;
}
#footer .contact a:hover {
	text-decoration: none;
}
#copyright {
	display: block;
	font-size: 12rem;
	line-height: 1;
	letter-spacing: .2em;
	padding-block-start: 80rem;
}
#pagetop {
	position: absolute;
	inset-inline-end: 18rem;
	inset-block-end: 15rem;
}
#pagetop img {
	inline-size: 69rem;
}


#footer .bar {
	inset-block-start: -85rem;
}












/*  #chara_pop
--------------------------*/
#chara_pop {
	overflow: auto;
	scrollbar-width: none;
	position: fixed;
	inset: 0;
	z-index: 1;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;

	display: none;
}
#chara_pop::-webkit-scrollbar {
	display: none;
}
body:has(#chara_pop[style = "display: flex;"]) {
	overflow: hidden;
}
#chara_pop[style = "display: flex;"] {
  animation-name: anim_popup_opct;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

#chara_pop .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.5);
}
#chara_pop .pop_item {
	inline-size: 442rem;
	position: relative;
	margin-block: 16rem;
}
#chara_pop[style = "display: flex;"] .pop_item {
  animation-name: anim_popup_inset;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#chara_pop .pop_thumb {
}
#chara_pop .pop_thumb img {
}

#chara_pop .pop_close {
	inline-size: 50rem;
	block-size: 54rem;
	position: absolute;
	inset-inline-end: 12rem;
	inset-block-start: 12rem;
}
#chara_pop .pop_close .front {
	inline-size: 50rem;
	line-height: 1;
	position: relative;
	inset-block-start: 0;
}
#chara_pop .pop_close:hover .front {
	inset-block-start: 4rem;
}
#chara_pop .pop_close::before {
	content: "";
	display: block;
	inline-size: 50rem;
	block-size: 47rem;
	background-color: #a40b5e;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}





/*  shop_pop_list
--------------------------*/
#shop_pop_list {
}
#shop_pop_list > li {
	overflow: auto;
	scrollbar-width: none;
	position: fixed;
	inset: 0;
	z-index: 1;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;

	display: none;
}
body:has(#shop_pop_list > li[style = "display: flex;"]) {
	overflow: hidden;
}
#shop_pop_list > li::-webkit-scrollbar {
	display: none;
}
#shop_pop_list > li[style = "display: flex;"] {
  animation-name: anim_popup_opct;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#shop_pop_list .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.5);
}
#shop_pop_list .pop_item {
	inline-size: 442rem;
	background-color: #FFF192;
	background-image: url(../img/pop_footer_bg.webp);
	background-size: 478rem auto;
	background-repeat: no-repeat;
	background-position: center bottom;

	padding-block-end: 55rem;
	padding-block-start: 80rem;

	position: relative;
	margin-block: 16rem;
}
#shop_pop_list > li[style = "display: flex;"] .pop_item {
  animation-name: anim_popup_inset;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#shop_pop_list .pop_close {
	inline-size: 50rem;
	block-size: 54rem;
	position: absolute;
	inset-inline-end: 12rem;
	inset-block-start: 12rem;
}
#shop_pop_list .pop_close .front {
	inline-size: 50rem;
	line-height: 1;
	position: relative;
	inset-block-start: 0;
}
#shop_pop_list .pop_close:hover .front {
	inset-block-start: 4rem;
}
#shop_pop_list .pop_close::before {
	content: "";
	display: block;
	inline-size: 50rem;
	block-size: 47rem;
	background-color: #a40b5e;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}

#shop_pop_list .scroll_down {
	overflow: hidden;
	position: absolute;
	inset-inline-start: 10rem;
	inset-block-start: 350rem;
	block-size: 280rem;
}
#shop_pop_list .scroll_down img {
	inline-size: 19rem;
}
#shop_pop_list .scroll_down::after {
	content: "";
	background: #a40b5e;
	animation: scroll_path_anim 2s ease-in-out infinite;
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 8rem;
	inline-size: 2rem;
	block-size: 180rem;
}
#shop_pop_list .thumb {
	position: relative;
}
#shop_pop_list .thumb img {
}
#shop_pop_list .area {
	display: block;
	inline-size: 120rem;
	block-size: 44rem;
	background-image: url(../img/pop_area_icon.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 120rem auto;
	color: #fff;
	font-size: 22.6rem;
	font-weight: 700;
	line-height: 43rem;
	text-align: center;
	letter-spacing: .2em;
	position: absolute;
	inset-inline-start: 12rem;
	inset-block-start: -20rem;
  z-index: 3;
}
#shop_pop_list .area.ls0 {
	letter-spacing: 0;
}
#shop_pop_list .logo {
	text-align: center;
	padding-block-start: 50rem;
}
#shop_pop_list .logo2 {
	padding-block-start: 20rem;
}
#shop_pop_list .logo img {
	max-block-size: 100%;
	inline-size: auto;
	block-size: 132rem;
}
#shop_pop_list .shop_name {
	text-align: center;
	font-size: 23rem;
	font-weight: 900;
	color: #a40b5e;
	line-height: calc(30 / 25);
	letter-spacing: .1em;
	padding-block-start: 20rem;
}
#shop_pop_list .copy {
	padding-block-start: 10rem;
	padding-block-end: 15rem;
	text-align: center;
	font-size: 17rem;
	font-weight: 700;
	color: #460333;
	line-height: calc(26 / 17);
}

#shop_pop_list .exp {
	margin: auto;
	padding: 18rem;
	border-block-start: 2rem solid #a40b5e;
	border-block-end: 2rem solid #a40b5e;
	inline-size: 390rem;

	font-size: 15.6rem;
	font-weight: 500;
	color: #460333;
	line-height: calc(26 / 17);
	letter-spacing: .01em;
}

#shop_pop_list .menu_ttl {
	padding-block-start: 25rem;
	text-align: center;
}
#shop_pop_list .menu_ttl .txt {
	display: inline-block;
	background-image: url(../img/pop_menu_ttl.webp);
	inline-size: 226rem;
	block-size: 41rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 226rem auto;

	font-size: 18.6rem;
	font-weight: 600;
	color: #FCCF00;
	letter-spacing: .1em;
	line-height: 40rem;
}
#shop_pop_list .menu_dfl {
	margin: auto;
	inline-size: 400rem;
	padding-block-start: 10rem;
}
#shop_pop_list .menu_dfl > dt {
	font-size: 17rem;
	font-weight: 700;
	color: #460333;
	letter-spacing: .05em;
	line-height: 1.3;
	padding-block-start: 10rem;
	text-indent: -1em;
	padding-inline-start: 1em;
}
#shop_pop_list .menu_dfl > dt .size_s {
	font-size: .95em;
}
#shop_pop_list .menu_dfl > dd {
	font-size: 17rem;
	font-weight: 700;
	color: #a40b5e;
	letter-spacing: .05em;
	padding-left: 1em;
	line-height: 1.3;
	/* padding-block-start: 5rem; */
}

#shop_pop_list .menu_note {
	margin: auto;
	inline-size: 400rem;
	padding-block-start: 15rem;
}
#shop_pop_list .menu_note > li {
	font-size: 13rem;
	color: #000;
	line-height: 1.2;
	padding-block-start: 5rem;
}

#shop_pop_list .link {
	inline-size: 400rem;
	padding-block-start: 25rem;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: flex-start;
}
#shop_pop_list .link a {
	display: block;
	position: relative;
	inline-size: 194rem;
	block-size: 45rem;
}
#shop_pop_list .link .front {
	position: relative;
	display: block;
	inline-size: 190rem;
	block-size: 40rem;
	border-radius: 20rem;
	background-color: #a40b5e;

	font-size: 16rem;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 38rem;
	letter-spacing: .05em;
}
#shop_pop_list .link a::before {
	content: "";
	display: block;
	inline-size: 190rem;
	block-size: 40rem;
	border-radius: 20rem;
	background-color: #F4C439;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
#shop_pop_list .link a:hover .front {
	inset-inline-start: 4rem;
	inset-block-start: 5rem;
}






/*  #map_pop
--------------------------*/
#map_pop {
	overflow: auto;
	scrollbar-width: none;
	position: fixed;
	inset: 0;
	z-index: 1;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;

	display: none;
}
#map_pop::-webkit-scrollbar {
	display: none;
}
body:has(#map_pop[style = "display: flex;"]) {
	overflow: hidden;
}
#map_pop[style = "display: flex;"] {
  animation-name: anim_popup_opct;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

#map_pop .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.5);
}
#map_pop .map_pop_item {
	inline-size: 442rem;
	position: relative;
	margin-block: 16rem;
}
#map_pop[style = "display: flex;"] .map_pop_item {
  animation-name: anim_popup_inset;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#map_pop .pop_thumb {
}
#map_pop .pop_thumb img {
}







#map_pop .pop_close {
	inline-size: 50rem;
	block-size: 54rem;
	position: absolute;
	inset-inline-end: 12rem;
	inset-block-start: 12rem;
}
#map_pop .pop_close .front {
	inline-size: 50rem;
	line-height: 1;
	position: relative;
	inset-block-start: 0;
}
#map_pop .pop_close:hover .front {
	inset-block-start: 4rem;
}
#map_pop .pop_close::before {
	content: "";
	display: block;
	inline-size: 50rem;
	block-size: 47rem;
	background-color: #a40b5e;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}




/*  #pass_pop
--------------------------*/
#pass_pop {
	overflow: auto;
	scrollbar-width: none;
	position: fixed;
	inset: 0;
	z-index: 1;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;

	display: none;
}
#pass_pop::-webkit-scrollbar {
	display: none;
}
body:has(#pass_pop[style = "display: flex;"]) {
	overflow: hidden;
}
#pass_pop[style = "display: flex;"] {
  animation-name: anim_popup_opct;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

#pass_pop .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.5);
}

#pass_pop .pass_pop_item {
	inline-size: 442rem;
	position: relative;
	margin-block: 16rem;
  text-align: center;
  
  display: block;
	inset: 0;
  background-color   : #FBF1ED;
  background-image   : radial-gradient(#EEDCE3 15%, transparent 18%),
                       radial-gradient(#EEDCE3 15%, transparent 18%);
  background-position: 0 0, 6.5rem 6.5rem;
  background-size    : 13rem 13rem;
}
#pass_pop[style = "display: flex;"] .pass_pop_item {
  animation-name: anim_popup_inset;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
#pass_pop h2,
#pass_pop h3 {
  font-size: 18rem;
	color: #fccf00;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1;
	background-image: url(../img/sec_pickup_btn_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	inline-size: 238rem;
	block-size: 42rem;
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
#pass_pop h2 {
  margin: 75rem auto 20rem;
}
#pass_pop h3 {
  margin: 60rem auto 30rem;
}
#pass_pop ul {
  font-size: 13rem;
  line-height: 18rem;
  font-weight: 500;
  width: 365rem;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 50rem;
}
#pass_pop ul li {
  text-indent: -1.5em;
  margin-left: 1.5em;
  margin-bottom: 1em;
}
#pass_pop ul li:before {
  text-indent: -1.5em;
  margin-right: .5em;
  content: "";
  width: 13rem;
  height: 13rem;
  display: inline-block;
  background-color: #A40B5E;
  border-radius:  50%;
}
#pass_pop ul li mark {
	color: #ed1c24;
}
#pass_pop .pass_pop_item::after {
    content: "";
    display: block;
    inline-size: 442rem;
    block-size: 23rem;
    background-image: url(../img/sec_btm_shape.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
}





#pass_pop .pop_close {
	inline-size: 50rem;
	block-size: 54rem;
	position: absolute;
	inset-inline-end: 12rem;
	inset-block-start: 12rem;
}
#pass_pop .pop_close .front {
	inline-size: 50rem;
	line-height: 1;
	position: relative;
	inset-block-start: 0;
}
#pass_pop .pop_close:hover .front {
	inset-block-start: 4rem;
}
#pass_pop .pop_close::before {
	content: "";
	display: block;
	inline-size: 50rem;
	block-size: 47rem;
	background-color: #a40b5e;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 0;
}


/*==================================================

  Swiper POP SHOP

====================================================*/

.swiper-pagination {
  position: static;
  color: #a40b5e;
  font-family: 'Rubik', sans-serif;
  font-size: 18.6rem;
  font-weight: 600;
  line-height: 20rem;
  margin-top: 10rem;
}
.swiper-pagination2 {
  position: absolute;
  z-index: 3;
  bottom: 27rem!important;
}

.swiper-pagination-bullet {
  width: 12rem;
  height: 12rem;
  background: #FFDE00;
  border: 2.5px solid #9A1B5B;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  width: 12rem;
  height: 12rem;
  background: #C5B9DA;
  border: 2.5px solid #9A1B5B;
}

.swiper-pagination-current {
}

.swiper-pagination-total {
}

.swiper-button-prev,
.swiper-button-next {
	inline-size: 38rem;
	block-size: 43rem;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
	inline-size: 38rem;
	block-size: 43rem;
}
.swiper-button-prev::after {
  background-image: url("../img/pop_thumb_btn_prev.webp");
}
.swiper-button-next::after {
  background-image: url("../img/pop_thumb_btn_next.webp");
}
.swiper-button-prev:hover {
}
.swiper-button-prev:hover::after {
  background-image: url("../img/pop_thumb_btn_prev2.webp");
	background-position: center bottom;
}
.swiper-button-next:hover {
}
.swiper-button-next:hover::after {
  background-image: url("../img/pop_thumb_btn_next2.webp");
	background-position: center bottom;
}


/*==================================================

  Media Queries for window size under 500px

====================================================*/
@media screen and (max-width: 500px) { /* 500px以下*/
/* @media screen and (500px >= width) { 同上 */
/* @media screen and (width <= 500px) { 同上*/
  /*================================================
    Z-Index under 500px
  ==================================================*/

  /*================================================
    layout[ALL] under 500px
  ==================================================*/
	.pc {
		display: none;
	}
	.sp {
		display: inline;
	}
	/*  Html under 500px
	--------------------------*/
	html {
		font-size: calc(1 / 500 * 100vw);
	}
	/*  Body under 500px
	--------------------------*/
	body {
	}


	/*  Wrapper under 500px
	--------------------------*/
	/*  nav under 500px
	--------------------------*/
	#nav_menu {
		display: block;
	}

	/*  Footer under 500px
	--------------------------*/






}