@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

body, button, input, select, option, textarea {
	font-family: 'Noto Sans JP', sans-serif;
}
.font_sans {
	font-family: 'Noto Sans JP', sans-serif;
}
.font_rob {
	font-family: 'Roboto', sans-serif;
}
.font_serif {
	font-family: 'Shippori Mincho', serif;
}
/*
Noto Sans Japanese
Light 300
Regular 400
Medium 500
Bold 700
Black 900

Roboto
Light 300
Regular 400
Medium 500
Bold 700
Black 900

Shippori Mincho
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
*/


/*----------------------------------------------------
	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;
}

/*----------------------------------------------------
	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%;
	block-size: auto;
	/* width: 100%; */
}

a:hover {
  text-decoration: none;
}

i {
}

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

table {
  border-collapse: collapse;
}

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

  BaseColor

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

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_opct0-1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes anim_candle_light {
	0% {opacity: .3;}
	10% {opacity: .3;}
	100% {opacity: 1;}
}
@keyframes scroll_path_anim {
	0% {
		transform: translateY(0%);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translateY(100%);
		opacity: 0;
	}
}
/*==================================================

  Z-Index

====================================================*/
#pc_nav {
	z-index: 1;
}
#pop_list {
	position: relative;
	z-index: 1;
}

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

  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;
	transform: translateY(10rem);
}
.fadein.view {
	opacity: 1;
	transform: translateY(0);
	transition: all 2000ms ease 500ms;
}


/*  Html
--------------------------*/
html {
	font-size: 1px;
	/* font-size: calc(1px * 0.66666666); */
	/* font-size: calc((1px / 3) * 2); */
	scroll-behavior: smooth; /* CSSだけでスムーススクロール */
}
/*  Body
--------------------------*/
body {
	background-color: #192e59;
	word-break: normal; /* 英単語の途中で折り返さない */
	word-wrap: normal; /* 英単語の途中で折り返さない */
}
body:has(.modal) {
	overflow: hidden;
}


/*  Wrapper
--------------------------*/
#wrapper {
	overflow: hidden;
}


#bg_all {
	position: fixed;
	inset: 0;
	background-image: url(../img/common/bg_pc.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	opacity: 0;
	animation: anim_opct0-1 2000ms linear 0ms forwards;
}




/*  pc_nav
--------------------------*/
#pc_nav {
	position: fixed;
	/* inset: 0; */
	block-size: 0;
	inset-block-start: 50%;
	inset-inline-start: 0;
	inset-inline-end: 0;

	opacity: 0;
	animation: anim_opct0-1 3000ms linear 2000ms forwards;
}

#pc_nav .inner_r {
	inline-size: 500rem;
	block-size: 0;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	/* translate: -50% 0; */
	transform: translateX(-50%);

}
#pc_nav .pc_nav_r {
	inline-size: 204rem;
	border-radius: 18rem;
	background-color: rgba(45, 21, 0, .5);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: absolute;
	/* inset-inline-end: -254rem; */
	inset-inline-end: -265rem;
	inset-block-start: -338rem;
}
#pc_nav .pc_nav_r a {
	color: #fff;
}
#pc_nav .pc_nav_r .txt {
	letter-spacing: .1em;
}
#pc_nav .pc_nav_top {
	inline-size: 100%;
	padding-block-start: 30rem;
}
#pc_nav .pc_nav_top > li {
	text-align: center;
	line-height: 1;
	padding-block-start: 20rem;
}
#pc_nav .pc_nav_top > li a {
}

#pc_nav .pc_nav_top > li .txt {
	font-size: 16rem;
	position: relative;
}
#pc_nav .pc_nav_top > li .txt::before {
	content: "";
	display: block;
	background-image: url(../img/common/pc_nav_icon_can.webp);
	inline-size: 23rem;
	block-size: 30rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	inset-inline-start: -34rem;
	inset-block-start: 50%;
	/* translate: 0 -63%; */
	transform: translateY(-63%);
	opacity: 0;
	transition: opacity 500ms ease 0ms;
}
#pc_nav .pc_nav_top > li a:hover {
	color: #ffef40;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_top > li a:hover .txt::before {
	opacity: 1;
}

#pc_nav .pc_nav_cont {
	inline-size: 100%;
	padding-block-start: 27rem;
/*	padding-block-end: 30rem;*/
}
#pc_nav .pc_nav_cont:last-child {
	padding-block-end: 30rem;
}
#pc_nav .pc_nav_cont > dt {
	text-align: center;
	inline-size: 168rem;
	margin-inline: auto;
	line-height: 1;
	border-block-start: 1rem solid #fff;
	border-block-end: 1rem solid #fff;
	padding-block-start: 9rem;
	padding-block-end: 10rem;
}
#pc_nav .pc_nav_cont > dt a {
}
#pc_nav .pc_nav_cont > dt a:hover {
	color: #de7a00;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dt .txt {
	font-size: 15rem;
}
#pc_nav .pc_nav_cont > dd {
	padding-inline-start: 20rem;
}
#pc_nav .pc_nav_cont > dd > p {
	padding-block-start: 20rem;
}
#pc_nav .pc_nav_cont > dd a {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
#pc_nav .pc_nav_cont > dd a::before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	inline-size: 34rem;
	block-size: 34rem;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 50%;
	/* translate: 0 -50%; */
	transform: translateY(-50%);
}
#pc_nav .pc_nav_cont > dd a:hover::before {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.spot a::before {
	background-image: url(../img/common/pc_nav_icon_spot.webp);
}
#pc_nav .pc_nav_cont > dd > p.award a::before {
	background-image: url(../img/common/pc_nav_icon_award.webp);
}
#pc_nav .pc_nav_cont > dd > p.live a::before {
	background-image: url(../img/common/pc_nav_icon_live.webp);
}
#pc_nav .pc_nav_cont > dd > p.market a::before {
	background-image: url(../img/common/pc_nav_icon_market.webp);
}
#pc_nav .pc_nav_cont > dd > p.satellite a::before {
	background-image: url(../img/common/pc_nav_icon_satellite.webp);
}
/*
#pc_nav .pc_nav_cont > dd > p.align a::before {
	background-image: url(../img/common/pc_nav_icon_align.webp);
	inline-size: 45rem;
	block-size: 42rem;
  translate: -6rem -50%; 
	transform: translate(-6rem, -50%);
}
*/

#pc_nav .pc_nav_cont > dd > p.spot a:hover {
	color: #CF9D66;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.award a:hover {
	color: #D5BD3C;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.live a:hover {
	color: #80ACC1;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.market a:hover {
	color: #B999BF;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.satellite a:hover {
	color: #F79BBD;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd > p.align a:hover {
	color: #90c59d;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont > dd .txt {
	line-height: calc(18 / 14);
	font-size: 14rem;
	padding-inline-start: 46rem;
	letter-spacing: 0;
}

#pc_nav .pc_nav_cont ul.other {
  text-align: left;
  font-size: 14rem;
  display: flex;
  flex-direction: column;
  padding-inline-start: 0;
  padding-inline-end: 20rem;
}
#pc_nav .pc_nav_cont ul.other li {
  padding-block-start: 30rem;
}
#pc_nav .pc_nav_cont ul.other li a {
  display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
#pc_nav .pc_nav_cont ul.other li.event a:hover {
	color: #90C59D;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont ul.other li.stamp a:hover {
	color: #D5BD3C;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_cont ul.other li a::before {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	inline-size: 34rem;
	block-size: 34rem;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 50%;
	/* translate: 0 -50%; */
	transform: translateY(-50%);
}
#pc_nav .pc_nav_cont ul.other li.event a::before {
	background-image: url(../img/common/pc_nav_icon_event.webp);
}
#pc_nav .pc_nav_cont ul.other li.stamp a::before {
	background-image: url(../img/common/pc_nav_icon_stamp.webp);
}

#pc_nav .pc_nav_en {
	inline-size: 160rem;
	border-radius: 8rem;
	background-color: rgba(45, 21, 0, .5);
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
  align-content: center;
	position: absolute;
	inset-inline-start: -310rem;
	inset-block-start: 190rem;
	font-weight: 700;
	line-height: 1;
	padding-block-start: 20rem;
	padding-block-end: 20rem;
}
#pc_nav .pc_nav_en > li {
	text-align: center;
}
#pc_nav .pc_nav_en > li {
}
#pc_nav .pc_nav_en > li a {
}
#pc_nav .pc_nav_en > li a:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
#pc_nav .pc_nav_en > li .txt {
}
#pc_nav .pc_nav_en > li .txt > span {
	display: block;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
}
#pc_nav .pc_nav_en > li .en {
	font-size: 14rem;
}
#pc_nav .pc_nav_en > li .gt {
	font-size: 12rem;
	padding-block-start: 6rem;
}



#pc_nav .pc_nav_archive {
	inline-size: 160rem;
	border-radius: 8rem;
	background-color: rgba(45, 21, 0, .5);
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
  align-content: center;
	position: absolute;
	/* inset-inline-end: -254rem; */
	inset-inline-start: -310rem;
	inset-block-start: 60rem;
	font-weight: 700;
	line-height: 1;
	padding-block-start: 20rem;
	padding-block-end: 20rem;
}
#pc_nav .pc_nav_archive a {
	color: #fff;
}
#pc_nav .pc_nav_archive > dt {
}
#pc_nav .pc_nav_archive > dt .txt {
	font-size: 16rem;
	letter-spacing: .1em;
}
#pc_nav .pc_nav_archive:hover > dt .txt {
	color: #d5bd3c;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_archive > dd {
	padding-block-start: 11rem;
	font-size: 14rem;
  text-align: center;
  line-height: 1.5em;
}
#pc_nav .pc_nav_archive > dd a {
}
#pc_nav .pc_nav_archive > dd a:hover {
	color: #de7a00;
	transition: color 500ms ease 0ms;
}
#pc_nav .pc_nav_archive > dd .slash {
	display: inline-block;
	color: #fff;
	padding-inline-start: 2rem;
	padding-inline-end: 2rem;
}
#pc_nav .pc_nav_archive > dd a {
	display: inline-block;
}

#pc_nav .pc_nav_r_obj {
	inline-size: 161rem;
	border-radius: 184rem;

	position: absolute;
	/* inset-inline-end: -435rem; */
	inset-inline-end: -445rem;
	inset-block-start: 235rem;
}
#pc_nav .pc_nav_r_obj > .light {
	position: absolute;
	inset: 0;
	animation: anim_candle_light 3000ms ease-in 0ms infinite alternate;
}


#pc_nav .inner_l {
	inline-size: 500rem;
	block-size: 0;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	/* translate: -50% 0; */
	transform: translateX(-50%);
}
#pc_nav .pc_nav_l {
	inline-size: 74rem;
	background-color: rgba(45, 21, 0, .5);
	border-radius: 8rem;
	padding-block-start: 30rem;
	padding-block-end: 30rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	position: absolute;
	inset-inline-start: -130rem;
	inset-block-start: 60rem;

	color: #fff;
	text-align: center;
	line-height: 1;
}
#pc_nav .pc_nav_l > dt {
	inline-size: 100%;
}
#pc_nav .pc_nav_l > dt::before {
	content: "";
	display: block;
	background-image: url(../img/common/pc_sns_nav_icon_can.webp);
	inline-size: 52rem;
	block-size: 35rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-inline: auto;
}
#pc_nav .pc_nav_l > dt .txt {
	display: block;
	font-size: 15rem;
	padding-block-start: 7rem;
	letter-spacing: .1em;
}
#pc_nav .pc_nav_l > dd {
	inline-size: 100%;
}
#pc_nav .pc_nav_l > dd > p {
	margin-inline: auto;
	padding-block-start: 21rem;
}
#pc_nav .pc_nav_l > dd > p a {
	display: block;
	inline-size: 30rem;
	block-size: 30rem;
	margin-inline: auto;
}
#pc_nav .pc_nav_l > dd > p a:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}


#pc_nav .pc_nav_l_obj {
	inline-size: 134rem;
	border-radius: 151rem;

	position: absolute;
	inset-inline-start: -445rem;
	inset-block-start: 246rem;
}
#pc_nav .pc_nav_l_obj > .light {
	position: absolute;
	inset: 0;
	animation: anim_candle_light 3100ms ease-in 1500ms infinite alternate;
}








#mainv .scroll_down {
	inline-size: 100%;
	block-size: 55rem;
	overflow: hidden;
	text-align: center;
	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 17rem;
}

#mainv .scroll_down::after {
	content: "";
	background: #fff;
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 50%;
	inline-size: 1rem;
	block-size: 34rem;

	animation: scroll_path_anim 2s ease-in-out infinite;
}
#mainv .scroll_down .txt {
	color: #fff;
	font-size: 13rem;
	font-weight: 700;
	display: inline-block;
	line-height: 1;
	letter-spacing: .1em;
}

















/*  container
--------------------------*/
#container {
	inline-size: 500rem;
	margin-inline: auto;
	position: relative;

	opacity: 0;
	animation: anim_opct0-1 1500ms linear 1000ms forwards;
}

.gmap_link {
	text-align: center;
}
.gmap_link a {
	display: inline-block;
	position: relative;
	inline-size: 364rem;
	block-size: 56rem;
}
.gmap_link a::before {
	content: "";
	display: block;
	inline-size: 359rem;
	block-size: 49rem;
	background-color: rgba(0, 0, 0, .5);
	border: 1rem solid rgba(255, 255, 255, .5);
	border-radius: 24rem;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.gmap_link a:hover::before {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.gmap_link .btn {
	display: block;
	position: relative;
	inline-size: 364rem;
	block-size: 56rem;
}
.gmap_link .btn::before {
	content: "";
	display: block;
	inline-size: 359rem;
	block-size: 49rem;
	background-color: #cbcbcb;
	border-radius: 24rem;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.gmap_link .btn .txt {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	inline-size: 359rem;
	block-size: 49rem;
	border-radius: 24rem;
	background-color: rgba(247, 147, 30, .6);
	border: 1rem solid rgba(255, 255, 255, .6);
	font-size: 17rem;
	font-weight: 700;
	letter-spacing: .15em;
	color: #fff;
	padding-block-start: 2rem;
}
.gmap_link .btn .txt::after {
	content: "";
	display: inline-block;
	background-image: url(../img/common/gmap_arw.webp);
	inline-size: 14rem;
	block-size: 20rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-inline-start: 22rem;
}
.gmap_link a:hover .btn .txt {
	inset-inline-start: 5rem;
	inset-block-start: 7rem;
}

.gmap_link.green .btn .txt {
	background-color: rgba(144, 197, 157, .6);
}
.align_page #sec_align .gmap_link.green {
	padding-block-start: 20rem;
	padding-block-end: 5rem;
}

.satellite_page #sec_satellite .gmap_link.green {
	padding-block-start: 20rem;
	padding-block-end: 5rem;
}

.gmap_link.pink .btn .txt {
	background-color: rgba(255, 139, 184, .6);
}
.align_page #sec_align .gmap_link.pink {
	padding-block-start: 20rem;
	padding-block-end: 5rem;
}

.satellite_page #sec_satellite .gmap_link.pink {
	padding-block-start: 20rem;
	padding-block-end: 5rem;
}



/*  Footer
--------------------------*/
#footer {
	background-color: #150201;
	position: relative;
	text-align: center;
	color: #fff;
	line-height: 1;
	padding-block-end: 130rem;
}

#footer::before {
	content: "";
	display: block;
	inline-size: 500rem;
	block-size: 169rem;
	background-image: url(../img/common/footer_machi.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	position: absolute;
	inset-inline-start: 0;
	inset-block-end: 20rem;
}

#footer a {
	color: #fff;
}
#footer .inner {
	position: relative;
}
#page_top {
	inline-size: 112rem;
	margin-inline: auto;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: -48rem;
	transform: translateX(-50%);
}
#page_top a {
	display: block;
	transition: opacity 500ms ease 0ms;
}
#page_top a:hover {
	opacity: .5;
}
#footer .archive {
	padding-block-start: 60rem;
}
#footer .archive > dt {
}
#footer .archive > dt .txt {
	font-size: 17rem;
	font-weight: 700;
	position: relative;
	letter-spacing: .15em;
}
#footer .archive > dt .txt::before,
#footer .archive > dt .txt::after {
	content: "";
	display: block;
	inline-size: 21rem;
	block-size: 1rem;
	background-color: #fff;
	position: absolute;
	inset-block-start: 55%;
}
#footer .archive > dt .txt::before {
	inset-inline-start: -35rem;
}
#footer .archive > dt .txt::after {
	inset-inline-end: -35rem;
}
#footer .archive > dd {
	padding-block-start: 14rem;
}
#footer .archive > dd a {
	display: inline-block;
	font-size: 16rem;
	margin-inline: 7rem;
	inline-size: 68rem;
	padding-block-start: 2rem;
	padding-block-end: 1rem;
	border: 1rem solid #fff;
	border-radius: 10rem;
	letter-spacing: .05em;
	transition: background-color 500ms ease 0ms;
}
#footer .archive > dd a:hover {
	background-color: #f19500;
}
#copyright {
	display: block;
	font-size: 12rem;
	padding-block-start: 20rem;
	letter-spacing: .15em;
}


#w_band {
	z-index: 1000;
	position: fixed;
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-end: 0;
	background-color: #fff;
	text-align: center;
	padding-block-start: 20rem;
	padding-block-end: 40rem;
	padding-inline-start: 20rem;
	padding-inline-end: 20rem;
}
#w_band .txt {
	font-size: 25rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .1em;
	display: block;
}
#w_band a {
	text-decoration: underline;
}
#w_band a:hover {
	text-decoration: none;
}

/*  sp_nav
--------------------------*/
#sp_nav {
	display: none;
}
#nav_btn_open {
	display: none;
}

/*  pop_map
--------------------------*/
#pop_list {
}
#pop_list > li {
	inline-size: 100%;
	block-size: 100%;
	overflow: auto;

	position: fixed;
	inset-inline-start: 0;
	inset-block-start: 0;

	display: none;
}
#pop_list > li.modal {
	display: flex !important;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;

	scrollbar-width: none;
}
#pop_list > li.modal::-webkit-scrollbar{
  display:none;
}


















/*  top_page mainv
--------------------------*/
.top_page #pc_nav {
	/* animation: anim_opct0-1 3000ms linear 3000ms forwards; */
}
/* .top_page #main_bg {
	block-size: 100vh;
	block-size: calc(var(--vh, 1vh) * 100);
	background-image: url(../img/top/mainv_bg.webp);
} */
.top_page #container {
	/* animation: anim_opct0-1 3000ms linear 3000ms forwards; */
}
.top_page #mainv {
	position: relative;

	block-size: 100vh;
	block-size: calc(var(--vh, 1vh) * 100);
  background-image: url(../img/top/bg_sp.webp);
  background-size: cover;
  
	/* height: 100vh;
	block-size: calc(var(--vh, 1vh) * 100); */

	/* min-height: 665rem; */
	/* height: 665rem; */
}
.top_page #mainv .site_name {
	inline-size: 700rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
	/* left: 18rem;
	inset-block-start: 50%;
	transform: translateY(-320rem); */
}
/* .top_page #mainv .catch_copy {
	inline-size: 241rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-116rem, 54rem);
} */
/*
.top_page #mainv .obj {
	position: absolute;
	inset: 0;
}
.top_page #mainv .obj > img {
	position: absolute;
}
.top_page #mainv .light_lt {
	inline-size: 185rem;
	inset-inline-start: 0rem;
	inset-block-start: 50%;
	 translate: 0rem -37rem; 
	transform: translateY(-37rem);
	animation: anim_candle_light 3000ms ease-in 0ms infinite alternate;
}
.top_page #mainv .light_rt {
	inline-size: 169rem;
	inset-inline-end: 32rem;
	inset-block-start: 50%;
	 translate: 0rem -47rem; 
	transform: translateY(-47rem);
	animation: anim_candle_light 3300ms ease-in 1100ms infinite alternate;
}
.top_page #mainv .light_lb {
	inline-size: 203rem;
	inset-inline-start: -22rem;
	inset-block-start: 50%;
	 translate: 0rem 160rem; 
	transform: translateY(160rem);
	animation: anim_candle_light 2700ms ease-in 2300ms infinite alternate;
}
.top_page #mainv .light_rb {
	inline-size: 208rem;
	inset-inline-end: -16rem;
	inset-block-start: 50%;
	 translate: 0rem 108rem; 
	transform: translateY(108rem);
	animation: anim_candle_light 3000ms ease-in 1300ms infinite alternate;
}
.top_page #mainv .peaple {
	inline-size: 500rem;
	inset-inline-start: 0rem;
	inset-block-start: 50%;
	 translate: 0rem -20rem; 
	transform: translateY(-20rem);
}

*/












































/*  top_page sec_info
--------------------------*/
.top_page #sec_info {
	position: relative;
	background-color: #fff;
	padding-block-start: 50rem;
	padding-block-end: 40rem;
}
.top_page #sec_info .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	font-size: 24rem;
	font-weight: 800;
	line-height: 1;
	padding-block-start: 15rem;
	padding-block-end: 15rem;
	letter-spacing: .1em;
}
.top_page #sec_info .can_time {
	padding-block-start: 15rem;
}
.top_page #sec_info .can_time > dt {
	text-align: center;
}
.top_page #sec_info .can_time > dt img {
	inline-size: 356rem;
}
.top_page #sec_info .can_time > dd {
	padding-block-start: 23rem;
}
.top_page #sec_info .can_time > dd .txt_wrap {
	inline-size: 420rem;
	text-align: center;
	background-color: #a5c4d3;
	border-radius: 7rem;
	font-size: 14rem;
	font-weight: 500;
	line-height: 1;
	padding-block: 7rem;
	margin-inline: auto;
}
.top_page #sec_info .note_list {
	padding-inline-start: 38rem;
	padding-inline-end: 20rem;
	padding-block-start: 12rem;
}
.top_page #sec_info .note_list > li {
	font-size: 13rem;
	line-height: calc(21 / 13);
	letter-spacing: .1em;
	padding-block-start: 8rem;
	text-indent: -1em;
	padding-inline-start: 1em;
}

/*  top_page sec_info2
--------------------------*/
.top_page #sec_info2 {
	position: relative;
	background-image: url(../img/top/info2_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-block-start: 50rem;
	padding-block-end: 40rem;
}
.top_page #sec_info2 .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #fff;
	border-bottom: 1rem solid #fff;
  color: #fff;
	text-align: center;
	font-size: 21.3rem;
	font-weight: 800;
	line-height: calc(34 / 21.3);
	padding-block-start: 15rem;
	padding-block-end: 15rem;
	letter-spacing: .0em;
}

.top_page #sec_info2 .thumb {
  inline-size: 449rem;
  margin-block-start: 30rem;
  margin-inline: auto;
}

/*  top_page sec_news
--------------------------*/
.top_page #sec_news {
	background-color: #e6eaef;
	padding-block-start: 45rem;
	padding-block-end: 40rem;
}
.top_page #sec_news .sec_header {
	text-align: center;
}
.top_page #sec_news .sec_header .txt {
	display: inline-block;
	line-height: 1;
	font-size: 24rem;
	letter-spacing: .15em;
	font-weight: 800;
	position: relative;
}
.top_page #sec_news .sec_header .txt::before,
.top_page #sec_news .sec_header .txt::after {
	content: "";
	display: block;
	inline-size: 44rem;
	block-size: 1rem;
	background-color: #000;
	position: absolute;
	inset-block-start: 50%;
}
.top_page #sec_news .sec_header .txt::before {
	inset-inline-start: -62rem;
}
.top_page #sec_news .sec_header .txt::after {
	inset-inline-end: -62rem;
}
.top_page #sec_news .news_list {
	inline-size: 420rem;
	margin-inline: auto;
}
.top_page #sec_news .news_list.old {
	display: none;
}
.top_page #sec_news .news_list > li {
	border-bottom: 1rem solid #b3a9a2;
	padding-block-start: 28rem;
	padding-block-end: 28rem;
}
.top_page #sec_news .date {
	line-height: 1;
}
.top_page #sec_news .date .txt {
	display: inline-block;
	vertical-align: middle;
	font-size: 18rem;
	font-weight: 700;
	padding-inline-end: 20rem;
}
.top_page #sec_news .date .new {
	display: inline-block;
	vertical-align: middle;
	font-size: 16rem;
	font-weight: 700;
	color: #fff;
	background-color: #de7a00;
	padding: 2rem 14rem 4rem;
	border-radius: 4rem;
}
.top_page #sec_news .news_body {
	font-size: 16rem;
	line-height: calc(24 / 16);
	padding-block-start: 18rem;
}
.top_page #sec_news .news_body a {
	text-decoration: underline;
}
.top_page #sec_news .news_body a:hover {
	text-decoration: none;
}

.top_page #sec_news .art_name {
	font-weight: 500;
	font-size: 1.1em;
}
.top_page #sec_news .art_name label {
	text-decoration: underline;
	cursor: pointer;
}
.top_page #sec_news .art_name label:hover {
	text-decoration: none;
}
.top_page #sec_news input {
	display: none;
}
.top_page #sec_news .news_body_wrap {
	display: none;
}
.top_page #sec_news input:checked + .news_body_wrap {
	display: block;
}

.top_page #sec_news .art_dfl {
	padding-block-start: .5em;
}
.top_page #sec_news .art_dfl > dt {
	font-weight: 500;
}
.top_page #sec_news .art_dfl > dd {
	padding-block-start: .3em;
}
.top_page #sec_news .art_list {
}
.top_page #sec_news .art_list > li {
	text-indent: -1em;
	padding-inline-start: 1em;
}



.top_page #sec_news .tgl_btn {
	margin-inline-start: 45rem;
	margin-block-start: 18rem;
}
.top_page #sec_news .tgl_btn::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/top/news_icon_arw.webp);
	inline-size: 25rem;
	block-size: 25rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.top_page #sec_news.tgl_open .tgl_btn::after {
	transform: rotateZ(180deg);
}
.top_page #sec_news .tgl_btn > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15rem;
	padding-inline-end: 10rem;
}
.top_page #sec_news .tgl_btn .view {
}
.top_page #sec_news .tgl_btn .close {
	display: none;
}
.top_page #sec_news.tgl_open .tgl_btn .view {
	display: none;
}
.top_page #sec_news.tgl_open .tgl_btn .close {
	display: inline-block;
}











/*  top_page sec_about
--------------------------*/
.top_page #sec_about {
	position: relative;
	/* background-image: linear-gradient(180deg, rgba(3, 48, 92, 1) 0%, rgba(0, 0, 0, 1) 100%); */
	/* padding-top: 30rem; */
/*	background-color: #fffcf3;*/
	background-image:
		url(../img/top/about_bg_t.webp),
		url(../img/top/about_bg_can.webp),
    linear-gradient(180deg, rgba(255, 252, 243, 0) 0%, rgba(255, 252, 243, 0) 40%, rgba(255, 252, 243, 1) 40%); 
	background-position:
		center top,
		center bottom;
	background-size: 500rem auto;
	background-repeat: no-repeat;

	block-size: 1000rem;
}
.top_page #sec_about .inner {
}
.top_page #sec_about .inner::before {
}
.top_page #sec_about .obj {
	position: absolute;
}
.top_page #sec_about .light_t {
	inline-size: 190rem;
	inset-inline-end: 52rem;
	inset-block-start: 42rem;
	animation: anim_candle_light 2800ms ease-in 0ms infinite alternate;
}
.top_page #sec_about .light_m {
	inline-size: 274rem;
	inset-inline-start: -26rem;
	inset-block-start: 383rem;
	animation: anim_candle_light 3000ms ease-in 1200ms infinite alternate;
}
.top_page #sec_about .copy {
	inline-size: 220rem;
	inset-inline-start: 12rem;
	inset-block-start: 450rem;
}
.top_page #sec_about .peaple_t {
	inline-size: 282rem;
	inset-inline-end: -10rem;
	inset-block-start: 420rem;
}
/*
.top_page #sec_about .peaple_m {
	inline-size: 267rem;
	inset-inline-start: 12rem;
	inset-block-start: 546rem;
}
.top_page #sec_about .can {
	inline-size: 148rem;
	inset-inline-start: 100rem;
	inset-block-start: 695rem;
}
.top_page #sec_about .peaple_b {
	inline-size: 234rem;
	inset-inline-end: 30rem;
	inset-block-start: 660rem;
}
*/
.top_page #sec_about .light_b {
	inline-size: 297rem;
	inset-inline-end: -110rem;
	inset-block-start: 520rem;
	animation: anim_candle_light 3200ms ease-in 2500ms infinite alternate;
}

.top_page #sec_about .sec_header {
	text-align: center;
	padding-block-start: 120rem;
	position: relative;
}
.top_page #sec_about .sec_header img {
	inline-size: 352rem;
}
.top_page #sec_about .txt_top {
	font-size: 17rem;
	font-weight: 500;
	line-height: calc(29 / 17);
	padding-block-start: 25rem;
	position: relative;
}
.top_page #sec_about .txt_top > dt {
	text-align: center;
}
.top_page #sec_about .txt_top > dd {
	/* margin-inline-start: 57rem; */
	inline-size: 392rem;
	margin-inline: auto;
}
.top_page #sec_about .txt_btm {
	font-size: 17rem;
	font-weight: 500;
	line-height: calc(29 / 17);
  block-size: 400rem;
	padding-block-start: 250rem;
	padding-inline-start: 50rem;
	padding-inline-end: 50rem;
	position: relative;
}





/*  top_page sec_cont
--------------------------*/
.top_page #sec_cont {
	position: relative;
	background-color: #fffcf3;
	padding-block-start: 70rem;
}
.top_page #sec_cont .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	font-size: 24rem;
	font-weight: 800;
	line-height: 1;
	padding-block: 15rem;
	letter-spacing: .1em;
}
.top_page #sec_cont .cont_list_wrap {
	padding-block-start: 60rem;
	padding-block-end: 50rem;
	overflow: hidden;
	position: relative;
}

.top_page #sec_cont .cont_list {
}
.top_page #sec_cont .cont_list > li {
}
.top_page #sec_cont .cont_list > li a {
}

.top_page #sec_cont .cont_list .card {
	inline-size: 205rem;
	/* block-size: 332rem; */
	position: relative;
	padding-block-start: 12rem;
	min-block-size: 332rem;
	padding-block-end: 10rem;
  border-bottom-right-radius: 10rem;
  border-top-left-radius: 10rem;
}
/*
.top_page #sec_cont .cont_list .align .card {
	background-color: #90c59d;
}
*/
.top_page #sec_cont .cont_list .satellite .card {
	background-color: #F79BBD;
}
.top_page #sec_cont .cont_list .spot .card {
	background-color: #d5852a;
}
.top_page #sec_cont .cont_list .award .card {
	background-color: #d5bd3c;
}
.top_page #sec_cont .cont_list .live .card {
	background-color: #80acc1;
}
.top_page #sec_cont .cont_list .market .card {
	background-color: #b999bf;
}

.top_page #sec_cont .cont_list .icon {
	display: block;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 0;
	transform: translate(-50%, -44%);
}
.top_page #sec_cont .cont_list .align .icon {
	inline-size: 108rem;
}
.top_page #sec_cont .cont_list .spot .icon {
	inline-size: 96rem;
}
.top_page #sec_cont .cont_list .award .icon {
	inline-size: 98rem;
}
.top_page #sec_cont .cont_list .live .icon {
	inline-size: 99rem;
}
.top_page #sec_cont .cont_list .market .icon {
	inline-size: 99rem;
}




.top_page #sec_cont .cont_list .thumb {
	inline-size: 180rem;
	margin-inline: auto;
}
.top_page #sec_cont .cont_list .thumb img {
  border-bottom-right-radius: 10rem;
  border-top-left-radius: 10rem;
}
.top_page #sec_cont .cont_list .card_txt {
	padding-inline-start: 12rem;
}
.top_page #sec_cont .cont_list .txt_top {
	color: #fff;
	font-size: 14.6rem;
	line-height: calc(20 / 14.6);
	font-weight: 700;
	padding-block-start: 6rem;
	padding-inline-end: 10rem;
}
.top_page #sec_cont .cont_list .txt_top .size_s {
	letter-spacing: -.05em;
	font-size: 13.5rem;
}
.top_page #sec_cont .cont_list .txt_mid {
	font-size: 20rem;
	line-height: calc(26 / 21);
	font-weight: 800;
	letter-spacing: .05em;
	padding-block-start: 6rem;
}
.top_page #sec_cont .cont_list .align .txt_mid {
	padding-block-start: 2rem;
}
.top_page #sec_cont .cont_list .txt_btm {
	font-size: 13rem;
	line-height: calc(18 / 13);
	font-weight: 700;
	padding-block-start: 6rem;
}
.top_page #sec_cont .cont_list .txt_list {
	
}
.top_page #sec_cont .cont_list .txt_list > li {
	font-size: 13rem;
	line-height: calc(16 / 13);
	font-weight: 700;
	text-indent: -1em;
	padding-inline-start: 1em;
	padding-block-start: 5rem;
}

/*  top_page sec_cont slider custamize
--------------------------*/
.top_page #sec_cont .cont_list .slick-list {
	overflow: visible;
}
.top_page #sec_cont .cont_list .slick-slide {
	inline-size: 205rem;
	margin-inline: 10rem;
}
.top_page #cont_dots .slick-dots {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-start: 40rem;
}
.top_page #cont_dots .slick-dots > li {
	padding-inline: 7rem;
}
.top_page #cont_dots .slick-dots > li button {
	inline-size: 12rem;
	block-size: 12rem;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -100%;
	background-color: #ccc;
}
.top_page #cont_dots .slick-dots button#slick-slide-control00 {
	background-color: #d5852a;
}
.top_page #cont_dots .slick-dots button#slick-slide-control01 {
	background-color: #d5bd3c;
}
.top_page #cont_dots .slick-dots button#slick-slide-control02 {
	background-color: #80acc1;
}
.top_page #cont_dots .slick-dots button#slick-slide-control03 {
	background-color: #b999bf;
}
.top_page #cont_dots .slick-dots button#slick-slide-control04 {
	background-color: #F79BBD;
}
.top_page #sec_cont #cont_dots .slick-dots > li.slick-active button {
}
.top_page #cont_arw {
	position: relative;
}
.top_page #cont_arw .slick-arrow {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 20rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	inset-block-start: -16.5rem;
}
.top_page #cont_arw .slick-prev {
	background-image: url(../img/top/cont_arw_l.webp);
	inset-inline-start: 48rem;
}
.top_page #cont_arw .slick-next {
	background-image: url(../img/top/cont_arw_r.webp);
	inset-inline-end: 48rem;
}






/*  top_page sec_other
--------------------------*/
.top_page #sec_other {
	position: relative;
	background-image: url(../img/top/other_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-block-start: 70rem;
  padding-block-end: 20rem;
}
.top_page #sec_other .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #fff;
	border-bottom: 1rem solid #fff;
	text-align: center;
	font-size: 24rem;
	font-weight: 800;
	line-height: 1;
	padding-block: 15rem;
	letter-spacing: .1em;
  color: #fff;
}

.top_page #sec_other .sec_htxt {
	inline-size: 420rem;
	margin-inline: auto;
	text-align: center;
	font-size: 19rem;
	font-weight: 500;
	line-height: 1.5;
	padding-block: 15rem;
	letter-spacing: .1em;
  color: #fff;
}

.top_page #sec_other .other_list_wrap {
	padding-block-start: 20rem;
	padding-block-end: 50rem;
	overflow: hidden;
	position: relative;
}

.top_page #sec_other .other_list {
}
.top_page #sec_other .other_list > li {
}
.top_page #sec_other .other_list > li a {
}

.top_page #sec_other .other_list .card {
	inline-size: 202rem;
	/* block-size: 332rem; */
	position: relative;
	padding-block-start: 0;
	block-size: 282rem;
  border-top-right-radius: 10rem;
  background: #fff;
  box-shadow: 9rem 9rem 6rem 0rem rgb(25, 27, 21, .3);
}
.top_page #sec_other .other_list .card.card_b {
  background: #000;
}


.top_page #sec_other .other_list .thumb {
	inline-size: 202rem;
	margin-inline: auto;
}
.top_page #sec_other .other_list .thumb img {
  border-top-right-radius: 10rem;
}
.top_page #sec_other .other_list .card_txt {
	padding-inline-start: 12rem;
}
.top_page #sec_other .other_list .card.card_b .card_txt {
	color: #fff;
}
.top_page #sec_other .other_list .txt_top {
	font-size: 14.6rem;
	line-height: calc(21 / 14.6);
	font-weight: 600;
	letter-spacing: .05em;
	padding-block-start: 10rem;
}
.top_page #sec_other .other_list .txt_btm {
	font-size: 20rem;
	line-height: calc(26 / 20);
	font-weight: 800;
	letter-spacing: .02em;
	padding-block-start: 10rem;
}
.top_page #sec_other .other_list .txt_btm.ls0 {
	letter-spacing: -.03em;
  font-size: 19rem;
}
.top_page #sec_other .other_list .img_btm {
  display: flex;
  justify-content: center;
	padding-block-start: 5rem;
  padding-inline-end: 12rem;
}
.top_page #sec_other .other_list .txt_btm.txt_btm3line {
	font-size: 19rem;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: .02em;
	padding-block-start: 5rem;
}
.top_page #sec_other .other_list .txt_list {
	
}
.top_page #sec_other .other_list .txt_list > li {
	font-size: 13rem;
	line-height: calc(16 / 13);
	font-weight: 700;
	text-indent: -1em;
	padding-inline-start: 1em;
	padding-block-start: 5rem;
}

/*  top_page sec_other slider custamize
--------------------------*/
.top_page #sec_other .other_list .slick-list {
	overflow: visible;
}
.top_page #sec_other .other_list .slick-slide {
	inline-size: 205rem;
	margin-inline: 10rem;
}
.top_page #other_dots .slick-dots {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-start: 40rem;
}
.top_page #other_dots .slick-dots > li {
	padding-inline: 7rem;
}
.top_page #other_dots .slick-dots > li button {
	inline-size: 12rem;
	block-size: 12rem;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -100%;
	background-color: #FFFFEC;
}
.top_page #other_dots .slick-dots > li.slick-active button {
  background-color: #FDF492;
}
.top_page #sec_other #other_dots .slick-dots > li.slick-active button {
}
.top_page #other_arw {
	position: relative;
}
.top_page #other_arw .slick-arrow {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 20rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	inset-block-start: -16.5rem;
}
.top_page #other_arw .slick-prev {
	background-image: url(../img/top/other_arw_l.webp);
	inset-inline-start: 48rem;
}
.top_page #other_arw .slick-next {
	background-image: url(../img/top/other_arw_r.webp);
	inset-inline-end: 48rem;
}


.top_page #sec_other .card_btm {
  display: block;
  inline-size: 442rem;
  block-size: 175rem;
	margin-inline: auto;
  box-shadow: 9rem 9rem 6rem 0rem rgb(25, 27, 21, .3);
  border-top-right-radius: 10rem;
  background: #FFFFF5;
  background-image: url("../img/top/other_thumb_07.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  margin-block-start: 50rem;
}

.top_page #sec_other .card_btm .card_btm_txt {
  display: flex;
  flex-direction: column;
  padding-inline-start: 20rem;
}


.top_page #sec_other .card_btm .card_btm_txt .txt_top {
	font-size: 20rem;
	line-height: calc(26 / 20);
	font-weight: 800;
	letter-spacing: .02em;
	padding-block-start: 26rem;
}
.top_page #sec_other .card_btm .card_btm_txt .txt_top span {
  font-size: 21rem;
}
.top_page #sec_other .card_btm .card_btm_txt .txt_btm {
	font-size: 14.6rem;
	line-height: calc(21 / 14.6);
	font-weight: 600;
	letter-spacing: .05em;
	padding-block-start: 10rem;
}


.top_page #sec_other .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 362rem;
	block-size: 42rem;
	border-radius: 21rem;
	border: 1rem solid #fff;
	cursor: pointer;
	position: relative;
  background-color: rgba(255, 216, 8, .7);
  margin-inline: auto;
  box-shadow: 9rem 9rem 6rem 0rem rgb(25, 27, 21, .3);
  margin-block-start: 30rem;
}

.top_page #sec_other .btn::after {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 18rem;
	background-image: url(../img/top/areamap_arw.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-inline-start: 18rem;
}

.top_page #sec_other .btn:hover {
	opacity: .5;
	transition: opacity 300ms ease 0s;
}

.top_page #sec_other .btn .txt {
	font-size: 15rem;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	letter-spacing: .2em;
	position: relative;
	inset-block-start: -1rem;
}


/*  top_page sec_note
--------------------------*/

.top_page #sec_note {
	background-color: #e6eaef;
	padding-block-start: 50rem;
	padding-block-end: 50rem;
	color: #03305c;
}

.top_page #sec_note .sec_header {
	inline-size: 378rem;
  font-size: 24rem;
  color: #506C90;
	margin-inline: auto;
	text-align: center;
	line-height: 1;
}
.top_page #sec_note .sec_htxt {
  inline-size: 420rem;
  font-size: 17rem;
	margin-inline: auto;
	text-align: center;
	line-height: calc(24 / 17);
  margin-block-start: 20rem;
}
.top_page #sec_note ul {
  inline-size: 452rem;
  font-size: 14rem;
  line-height: calc(20 / 14);
	margin-inline: auto;
  margin-block-start: 20rem;
}
.top_page #sec_note ul:last-child {
  margin-block-start: 10rem;
}
.top_page #sec_note ul li {
  margin-block-start: 10rem;
  padding-inline-start: 1em;
  position: relative;
}
.top_page #sec_note ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6rem;
  left: 0;
  inline-size: 10rem;
  block-size: 10rem;
  background-color: #506C90;
  border-radius: 5rem;
}
.top_page #sec_note .txt_mid {
  inline-size: 452rem;
  font-size: 16rem;
	margin-inline: auto;
	text-align: left;
	line-height: calc(24 / 16);
  margin-block-start: 30rem;
}

/*  top_page sec_l-d
--------------------------*/
.top_page #sec_l-d {
	background-color: #fffcf3;
	padding-block-end: 56rem;
	padding-inline: 28rem;
}
.top_page #sec_l-d .sec_cont {
	background-color: #e6eaef;
	padding-block-end: 50rem;
}
.top_page #sec_l-d .sec_header {
	inline-size: 378rem;
	margin-inline: auto;
	text-align: center;
	line-height: 1;
	border-bottom: 1rem solid #000;
	padding-block-end: 20rem;
	padding-block-start: 40rem;
}
.top_page #sec_l-d .sec_header > span {
	display: block;
}
.top_page #sec_l-d .sec_header .ttl {
	font-size: 24rem;
	font-weight: 800;
	letter-spacing: .15em;
}
.top_page #sec_l-d .sec_header .time {
	font-size: 18rem;
	font-weight: 700;
	letter-spacing: .15em;
	padding-block-start: 18rem;
}
.top_page #sec_l-d .l-d_exp {
	padding-block-start: 20rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.top_page #sec_l-d .l-d_exp > dt {
	inline-size: 145rem;
	margin-inline-start: 35rem;
}
.top_page #sec_l-d .l-d_exp > dd {
	inline-size: 220rem;
	font-size: 16rem;
	line-height: calc(26 / 16);
	letter-spacing: .05em;
	margin-inline-start: 16rem;
}














/*  top_page sec_map
--------------------------*/
.top_page #sec_map {
	position: relative;
	padding-block-start: 42rem;
	padding-block-end: 72rem;
	background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top_page #sec_map .area_map {
}
.top_page #sec_map .sec_header {
	position: absolute;
}
.top_page #sec_map .sec_header > img {
	inline-size: 500rem;
}

.top_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}

/*
.top_page #sec_map .map_btns {
	display: flex;
	justify-content: center;
  padding-block-start: 20rem;
}
.top_page #sec_map .map_btns > li {
	padding-inline: 8rem;
}
.top_page #sec_map .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 358rem;
	block-size: 48rem;
	border-radius: 24rem;
	border: 1rem solid #fff;
	cursor: pointer;
	position: relative;
}

.top_page #sec_map .btn::after {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 18rem;
	background-image: url(../img/top/areamap_arw.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-inline-start: 18rem;
}
.top_page #sec_map .illust .btn {
	background-color: rgba(255, 210, 8, .6);
}
.top_page #sec_map .google .btn {
	background-color: rgba(247, 147, 30, .6);
}
.top_page #sec_map .btn:hover {
	opacity: .5;
	transition: opacity 300ms ease 0s;
}

.top_page #sec_map .txt {
	font-size: 15rem;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	letter-spacing: .2em;
	position: relative;
	inset-block-start: -1rem;
}
*/


/* 
.top_page #sec_map .map > img {
	inline-size: 362rem;
	position: relative;
}
.top_page #sec_map .pop_btn_open {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-74rem, -74rem);

	transition: opacity 500ms ease 0ms;
}
.top_page #sec_map .pop_btn_open:hover {
	opacity: .7;
}
.top_page #sec_map .pop_btn_open img {
	inline-size: 159rem;
}
.top_page #sec_map .link_btn {
	padding-block-start: 40rem;
}
.top_page #sec_map .link_btn a {
	inline-size: 308rem;
	block-size: 42rem;
	display: block;
	margin-inline: auto;
	border: 1rem solid #fff;
	border-radius: 21rem;
	padding-inline-start: 55rem;
	line-height: 1;

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

	transition: background-color 500ms ease 0ms;
}
.top_page #sec_map .link_btn a:hover {
	background-color: #f19500;
}
.top_page #sec_map .link_btn a::after {
	content: "";
	display: block;
	background-image: url(../img/top/arw_right.webp);
	inline-size: 12rem;
	block-size: 18rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 18rem;
}
.top_page #sec_map .link_btn .txt {
	color: #fff;
	font-size: 15rem;
	font-weight: 700;
	letter-spacing: .12em;
}
*/
.top_page #pop_map {
}
.top_page #pop_map .pop_bg {
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, .7);
}
.top_page #pop_map .pop_map_wrap {
	position: relative;
	margin-block: 20rem;
	inline-size: 440rem;
}

.top_page #pop_map .pop_btn_close {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 7rem;
	inset-block-start: 7rem;
}
.top_page #pop_map .pop_btn_close::before {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #96bbf1;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.top_page #pop_map .pop_btn_close::after {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #b999bf;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	background-image: url(../img/common/pop_icon_close.webp);
	background-size: 27rem auto;
	background-position: center;
	background-repeat: no-repeat;
}
.top_page #pop_map .pop_btn_close:hover::after {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}












/*  top_page sec_spon
--------------------------*/
.top_page #sec_spon {
	position: relative;
	background-color: #fff;
	padding-block-start: 72rem;
	padding-block-end: 70rem;
}
.top_page #sec_spon .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	font-size: 24rem;
	font-weight: 800;
	line-height: 1;
	padding-block: 15rem;
	letter-spacing: .5em;
}
.top_page #sec_spon .spon_bans {
	padding-block-start: 10rem;
}
.top_page #sec_spon .spon_bans > li {
	padding-block-start: 40rem;
	inline-size: 417rem;
	margin-inline: auto;
}
.top_page #sec_spon .spon_bans a {
	transition: opacity 300ms ease 0s;
}
.top_page #sec_spon .spon_bans a:hover {
	opacity: .5;
}








/*  top_page sec_sns
--------------------------*/
.top_page #sec_sns {
	background-color: #e6eaef;
	padding-block-start: 50rem;
	padding-block-end: 50rem;
	color: #03305c;
}
.top_page #sec_sns .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #03305c;
	border-bottom: 1rem solid #03305c;
	text-align: center;
	font-size: 24rem;
	font-weight: 800;
	line-height: 1;
	padding-block-start: 15rem;
	padding-block-end: 15rem;
	letter-spacing: .2em;
}
.top_page #sec_sns .sns_icons {
	inline-size: 384rem;
	margin-inline: auto;
	padding-block-start: 36rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.top_page #sec_sns .sns_icons > li {	
}
.top_page #sec_sns .sns_icons > li a {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	position: relative;
}
.top_page #sec_sns .sns_icons > li a::before {
	content: "";
	display: block;
	inline-size: 52rem;
	block-size: 52rem;
	background-color: #889bb4;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.top_page #sec_sns .sns_icons > li a .icon {
	display: block;
	inline-size: 52rem;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.top_page #sec_sns .sns_icons > li a:hover .icon {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.top_page #sec_sns .hash_tag {
	line-height: 1;
	font-size: 22rem;
	font-weight: 500;
	text-align: center;
	padding-block-start: 25rem;
	letter-spacing: .1em;
	transform: skewX(-2deg);
}








/*  top_page sec_org
--------------------------*/
.top_page #sec_org {
	background-color: #fff;
	padding-block-start: 60rem;
	padding-block-end: 75rem;
}
.top_page #sec_org .sec_header {
	text-align: center;
	font-size: 16rem;
	line-height: calc(27 / 16);
	font-weight: 700;
	letter-spacing: .1em;
}
.top_page #sec_org .org_icons {
	padding-block-start: 10rem;
	inline-size: calc(143 * 3rem);
	margin-inline: auto;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
  justify-content: center;
}
.top_page #sec_org .org_icons > li {
	inline-size: 143rem;
	padding-block-start: 12rem;
	text-align: center;
}
.top_page #sec_org .org_icons > li a {
	display: inline-block;
	transition: opacity 500ms ease 0ms;
}
.top_page #sec_org .org_icons > li a:hover {
	opacity: .5;
}
.top_page #sec_org .org_icons > li img {
	inline-size: 130rem;
}
.top_page #sec_org .org_co {
	text-align: center;
	font-size: 16rem;
	line-height: 1;
	padding-block-start: 40rem;
}
.top_page #sec_org .yumemachi_logo {
	inline-size: 126rem;
	margin-inline: auto;
	padding-block-start: 36rem;
}
.top_page #sec_org .org_list {
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	padding-block-start: 5rem;
}
.top_page #sec_org .org_dfl {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	font-size: 16rem;
	line-height: calc(22 / 16);
	padding-block-start: 27rem;
}
.top_page #sec_org .org_dfl > dt {
}
.top_page #sec_org .org_dfl > dd {
}
.top_page #sec_org .logo_expo {
	text-align: center;
	padding-block-start: 50rem;
}
.top_page #sec_org .logo_expo img {
	inline-size: 282rem;
}

.top_page #sec_org .sdgs_logo {
	inline-size: 311rem;
	margin-inline: auto;
	padding-block-start: 45rem;
}
.top_page #sec_org .sdgs_txt {
	text-align: center;
	padding-block-start: 16rem;
	font-size: 13rem;
	line-height: 1;
	font-weight: 300;
}

.top_page #sec_org .logo_oad {
	text-align: center;
	padding-block-start: 50rem;
}
.top_page #sec_org .logo_oad img {
	inline-size: 348rem;
}























/*  award_page main
--------------------------*/
.award_page #pc_nav {
}
.award_page #container {
}
.award_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/award/mainv_bg.webp");
	background-size: cover;
}
.award_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.award_page #mainv .slide > li {
}
.award_page #mainv .page_name {
	inline-size: 172rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -426%);
}
.award_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(220%, -95%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.award_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}









/*  award_page sec_info
--------------------------*/
.award_page #sec_info {
	background-color: #fff;
	padding-block-start: 55rem;
	padding-block-end: 40rem;
}
.award_page #sec_info .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	padding-block: 20rem;
}
.award_page #sec_info .sec_header > span {
	display: block;
}
.award_page #sec_info .sec_header .txt {
	font-size: 18.6rem;
	font-weight: 500;
	letter-spacing: .05em;
}
.award_page #sec_info .sec_header .time {
	font-size: 27.1rem;
	font-weight: 700;
	letter-spacing: .15em;
	padding-block-start: 10rem;
}
.award_page #sec_info .sec_header .note {
	font-size: 17rem;
	padding-block-start: 10rem;
	letter-spacing: .05em;
}
.award_page #sec_info .exp {
	padding-block-start: 14rem;
	inline-size: 390rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}




/*  award_page sec_vote
--------------------------*/
.award_page #sec_vote {
	background-color: #f1f5ef;
	padding-block-start: 115rem;
	padding-block-end: 75rem;
}
.award_page #sec_vote .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	position: relative;
	font-size: 24rem;
	font-weight: 700;
	letter-spacing: .2em;
	padding-block-start: 10rem;
	padding-block-end: 12rem;
}
.award_page #sec_vote .sec_header .icon {
	display: block;
	inline-size: 95rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: -88rem;
	transform: translateX(-50%);
}
.award_page #sec_vote .exp {
	padding-block-start: 28rem;
	inline-size: 392rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
}

.award_page #sec_vote .vote_spot {
	padding-block-start: 28rem;
	inline-size: 392rem;
	margin-inline: auto;
  display: flex;
}
.award_page #sec_vote .vote_spot dt {
  inline-size: 110rem;
  block-size: 46rem;
  font-size: 14.6rem;
	line-height: 17rem;
  border: 1rem solid #000;
  text-align: center;
  padding-block-start: 5rem;
}
.award_page #sec_vote .vote_spot dd {
  block-size: 46rem;
	font-size: 17.3rem;
	line-height: 23rem;
  padding-inline-start: 15rem;
}

.award_page #sec_vote .thumb {
	padding-block-start: 30rem;
	inline-size: 348rem;
	margin-inline: auto;
}
.award_page #sec_vote .result {
	inline-size: 426rem;
	margin-inline: auto;
	margin-block-start: 44rem;
	position: relative;
	background-color: #fff;
	text-align: center;
	line-height: 1;
	padding-block-start: 7rem;
	padding-block-end: 8rem;
}

.award_page #sec_vote .result::before,
.award_page #sec_vote .result::after {
	content: "";
	inline-size: 100%;
	block-size: 0;
	display: block;
	position: absolute;
	inset-inline-start: 0;
}
.award_page #sec_vote .result::before {
	inset-block-start: -13rem;
	border-bottom: solid 13rem #fff;
	border-right: solid 13rem transparent;
	border-left: solid 13rem transparent;
}
.award_page #sec_vote .result::after {
	inset-block-end: -13rem;
	border-top: solid 13rem #fff;
	border-right: solid 13rem transparent;
	border-left: solid 13rem transparent;
}
.award_page #sec_vote .result > span {
	display: block;
}
.award_page #sec_vote .result .txt {
	font-size: 17rem;
	font-weight: 700;
}
.award_page #sec_vote .result .txt .mark {
	color: #ff9c3d;
	letter-spacing: .1em;
}
.award_page #sec_vote .result .txt .date {
	font-size: 26rem;
	padding-inline-start: 4rem;
	padding-inline-end: 2rem;
}
.award_page #sec_vote .result .note {
	font-size: 13rem;
	padding-block-start: 10rem;
}
.award_page #sec_vote .result .note .date {
	font-size: 16rem;
}


/*  award_page sec_gp
--------------------------*/
.award_page #sec_gp {
	background-color: #f1f5ef;
	padding-block-start: 135rem;
	padding-block-end: 75rem;
}
.award_page #sec_gp .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	position: relative;
	font-size: 24rem;
	font-weight: 700;
	letter-spacing: .2em;
	padding-block-start: 11rem;
	padding-block-end: 12rem;
}
.award_page #sec_gp .sec_header .icon {
	display: block;
	inline-size: 95rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: -86rem;
	transform: translateX(-50%);
}
.award_page #sec_gp .exp {
	padding-block-start: 25rem;
	font-size: 20rem;
	line-height: calc(34 / 20);
	text-align: center;
	letter-spacing: .1em;
}
.award_page #sec_gp .exp .size_l {
	font-size: 23rem;
	font-weight: 500;
}
.award_page #gp_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}
.award_page #gp_list .gp_dfl {
	/* inline-size: 197rem;
	padding-block-start: 50rem;
	padding-block-end: 15rem; */

	padding-inline-start: 14rem;
	padding-inline-end: 14rem;
	padding-block-start: 60rem;
	padding-block-end: 15rem;
}
.award_page #gp_list .gp_dfl > dt {
}
.award_page #gp_list .gp_dfl > dt a {
	display: block;
	position: relative;

	transition: opacity 200ms ease 0s;
}
.award_page #gp_list .gp_dfl > dt a:hover {
	opacity: .5;
}
.award_page #gp_list .gp_dfl > dt a .thumb {
	width: 200rem;
}
.award_page #gp_list .gp_dfl > dt a .icon {
	display: block;
	inline-size: 137rem;
	position: absolute;
	inset-inline-start: -45rem;
	inset-block-start: -57rem;
}
.award_page #gp_list .gp_dfl > dd {
	padding-block-start: 17rem;
}
.award_page #gp_list .gp_dfl > dd .cate {
	display: block;
	font-size: 15rem;
	line-height: 1.2;
}
.award_page #gp_list .gp_dfl > dd .a_name {
	display: block;
	font-size: 18.4rem;
	font-weight: 500;
	line-height: 1.3;
	padding-block-start: 5rem;
}
.award_page #gp_list .gp_dfl > dd .en {
	letter-spacing: .15em;
}
.award_page #gp_list .gp_dfl > dd .w_name {
	display: block;
	font-size: 21rem;
	font-weight: 700;
	line-height: calc(27.6 / 21);
	padding-block-start: 5rem;
}

.award_page #gp_list .gp_dfl.rank_1 {
	/* inline-size: 346rem; */
	padding-inline-start: 0;
	padding-inline-end: 0;
}
.award_page #gp_list .gp_dfl.rank_1 > dt {
}
.award_page #gp_list .gp_dfl.rank_1 > dt a {
}
.award_page #gp_list .gp_dfl.rank_1 > dt a .thumb {
	inline-size: 400rem;
}
.award_page #gp_list .gp_dfl.rank_1 > dt a .icon {
	inline-size: 211rem;
	inset-inline-start: -60rem;
	inset-block-start: -58rem;
}
.award_page #gp_list .gp_dfl.rank_1 > dd {
	text-align: center;
}
.award_page #gp_list .gp_dfl.rank_1 > dd .cate {
	display: inline-block;
	padding-inline-end: 5rem;
}
.award_page #gp_list .gp_dfl.rank_1 > dd .a_name {
	display: inline-block;
	padding-block-start: 0rem;
	padding-inline-start: 10rem;
}
.award_page #gp_list .gp_dfl.rank_1 > dd .w_name {
	font-size: 21rem;
	letter-spacing: .05em;
	line-height: calc(33 / 21);
	padding-block-start: 0rem;
}
.award_page #gp_list .gp_dfl.rank_1 > dd .w_name .en {
	font-size: 24rem;
}
.award_page #gp_list dd .w_name.ls-0 {
	letter-spacing: 0.05em;
}


.award_page #sec_gp .thanks {
	text-align: center;
	font-size: 23rem;
	line-height: calc(34 / 23);
	letter-spacing: .1em;
	padding-block-start: 30rem;
}





/*  award_page sec_opus
--------------------------*/
.award_page #sec_opus {
	background-color: #f5edc3;
	padding-block-start: 74rem;
	padding-block-end: 86rem;
}
.award_page #sec_opus .sec_header {
	inline-size: 428rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(42 / 24);
	padding-block: 13rem;
	letter-spacing: .2em;
}
.award_page #sec_opus .opus_list {
	inline-size: 428rem;
	margin-inline: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}
.award_page #sec_opus .opus_list > li {
	inline-size: 201rem;
	padding-block-start: 54rem;
	padding-block-end: 2rem;
}
.award_page #sec_opus .opus_list .thumb {
	position: relative;
	cursor: pointer;
}
.award_page #sec_opus .opus_list .thumb img {
	position: relative;
}
.award_page #sec_opus .opus_list .thumb:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
.award_page #sec_opus .opus_list .thumb:before {
	content: "";
	display: block;
	inline-size: 201rem;
	block-size: 198rem;
	background-color: #FFC000;
	border-radius: 0 0 14rem 0;
	position: absolute;
	inset-inline-start: 8rem;
	inset-block-start: 8rem;
}
.award_page #sec_opus .opus_list .num {
	display: block;
	inline-size: 47rem;
	block-size: 47rem;
	background-image: url(../img/award/opus_num_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	line-height: 43rem;
	font-size: 29rem;
	letter-spacing: -.05em;
	font-weight: 800;
	color: #ff7e02;
	position: absolute;
	inset-inline-start: -8rem;
	inset-block-start: -24rem;
}
.award_page #sec_opus .opus_list .artist {
	font-weight: 500;
	padding-block-start: 18rem;
}
.award_page #sec_opus .opus_list .artist > dt {
	font-size: 14.6rem;
	line-height: calc(24 / 14.6);
}
.award_page #sec_opus .opus_list .artist > dt.size_s {
	font-size: 13.2rem;
	line-height: calc(24 / 14.6);
}
.award_page #sec_opus .opus_list .artist > dd {
	font-size: 18.6rem;
	line-height: calc(24 / 18.6);
	letter-spacing: .1em;
}







/*  award_page sec_map
--------------------------*/
.award_page #sec_map {
	background-color: #fffdf4;
	padding-block-start: 42rem;
	padding-block-end: 72rem;
  background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.award_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}






/*  award_page pop_list
--------------------------*/
.award_page #pop_list {
}
.award_page #pop_list > li {
}
.award_page #pop_list .pop_bg {
	position: fixed;
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-start: 0;
	inset-block-end: 0;
	background-color: rgba(0, 0, 0, .7);
}
.award_page #pop_list .pop_opus_wrap {
	position: relative;
	inline-size: 440rem;
	border-radius: 35rem 0 35rem 0;
	overflow: hidden;
	margin-block: 20rem;
  background-image: url(../img/award/pop_opus_bg.webp);
  background-size: cover;
}
.award_page #pop_list .pop_opus_wrap .inner {
/*
	background-color: #fffcf3;
	background-image: url(../img/award/pop_opus_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
*/
	padding-block-end: 25rem;
}
.award_page #pop_list .artist {
	padding-inline-start: 36rem;
	padding-block-start: 35rem;
	line-height: 1;
}
.award_page #pop_list .artist > dt {
	font-size: 15rem;
	font-weight: 500;
	color: #ed7119;
}
.award_page #pop_list .artist > dd {
	font-size: 18rem;
	font-weight: 700;
	padding-block-start: 5rem;
	letter-spacing: .1em;
}
.award_page #pop_list .thumb {
	padding-block-start: 15rem;
}
.award_page #pop_list .opus {
	inline-size: 352rem;
	margin-inline: auto;
	padding-block-start: 35rem;
}
.award_page #pop_list .opus > dt {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
.award_page #pop_list .opus > dt .num {
	display: block;
	inline-size: 53rem;
	block-size: 54rem;
	background-image: url(../img/award/pop_opus_num_bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	line-height: 50rem;
	font-size: 33rem;
	font-weight: 800;
	color: #ff7e02;
	letter-spacing: -.1em;
	text-indent: -.1em;
}
.award_page #pop_list .opus > dt .opus_name {
	color: #c2aa00;
	font-size: 18rem;
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
	padding-inline-start: 13rem;
}
.award_page #pop_list .opus > dd {
	padding-block-start: 18rem;
}
.award_page #pop_list .opus > dd .exp {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 15rem;
	font-weight: 500;
	line-height: calc(23 / 15);
	padding-block-start: 21rem;
	padding-block-end: 21rem;
}
.award_page #pop_list .opus > dd .links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	padding-block-start: 16rem;
}
.award_page #pop_list .opus > dd .links > li {
}
.award_page #pop_list .opus > dd .links a {
	display: block;
	inline-size: 48rem;
	block-size: 48rem;
	position: relative;
}
.award_page #pop_list .opus > dd .links a::before {
	content: "";
	display: block;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #AD8800;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.award_page #pop_list .opus > dd .links .btn {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #e0be3b;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.award_page #pop_list .opus > dd .links .btn img {
	inline-size: 21rem;
	block-size: 21rem;
}
.award_page #pop_list .opus > dd .links .btn.hp img {
	inline-size: 25rem;
	block-size: 24rem;
}
.award_page #pop_list .opus > dd .links a:hover .btn {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}
/* 
.award_page #pop_list .opus > dd .multi_links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding-block-start: 14rem;
}
.award_page #pop_list .opus > dd .multi_links > li {
	padding-block-end: 10rem;
	padding-inline-end: 10rem;
}

.award_page #pop_list .opus > dd .multi_links a {
	display: inline-block;
	block-size: 38rem;
	position: relative;
}
.award_page #pop_list .opus > dd .multi_links a::before {
	content: "";
	display: block;
	inline-size: 100%;
	block-size: 100%;
	background-color: #cccccc;
	border-radius: 19rem;
	position: absolute;
	inset-inline-end: -2rem;
	inset-block-end: -2rem;
}
.award_page #pop_list .opus > dd .multi_links .btn {
	display: inline-block;
	block-size: 100%;
	padding-inline-start: 15rem;
	padding-inline-end: 15rem;
	background-color: #e0be3b;
	border-radius: 19rem;

	position: relative;
	inset-inline-start: 0;
	inset-block-start: 0;

	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.award_page #pop_list .opus > dd .multi_links a:hover .btn {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: -2rem;
	inset-block-end: -2rem;
}
.award_page #pop_list .opus > dd .multi_links .ig_id {
	color: #fff;
	font-weight: 700;
	font-size: 13.1rem;
	line-height: 1;
	padding-inline-start: 5rem;
	display: block;
	padding-block-end: 3rem;
} */

/* .award_page #pop_list .opus > dd .btn.ig img {
}
.award_page #pop_list .opus > dd .btn.hp img {
} */


.award_page #pop_list .pop_btn_close {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 10rem;
	inset-block-start: 11rem;
}
.award_page #pop_list .pop_btn_close::before {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #AD8800;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.award_page #pop_list .pop_btn_close::after {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #e0be3b;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	background-image: url(../img/common/pop_icon_close.webp);
	background-size: 27rem auto;
	background-position: center;
	background-repeat: no-repeat;
}
.award_page #pop_list .pop_btn_close:hover::after {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}





























/*  market_page main
--------------------------*/
.market_page #pc_nav {
}
.market_page #container {
}
.market_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/market/mainv_bg.webp");
	background-size: cover;
}
.market_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.market_page #mainv .slide > li {
}
.market_page #mainv .page_name {
	inline-size: 182rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -393%);
	overflow: hidden;
}
.market_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(217%, -121%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.market_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}




/*  market_page sec_info
--------------------------*/
.market_page #sec_info {
	background-color: #fff;
	padding-block-start: 55rem;
	padding-block-end: 40rem;
}
.market_page #sec_info .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	padding-block: 20rem;
}
.market_page #sec_info .sec_header > span {
	display: block;
}
.market_page #sec_info .sec_header .txt {
	font-size: 18.6rem;
	font-weight: 500;
	letter-spacing: .05em;
}
.market_page #sec_info .sec_header .time {
	font-size: 27.1rem;
	font-weight: 700;
	letter-spacing: .15em;
	padding-block-start: 10rem;
}
.market_page #sec_info .sec_header .note {
	font-size: 17rem;
	padding-block-start: 10rem;
	letter-spacing: .05em;
}
.market_page #sec_info .exp {
	padding-block-start: 14rem;
	inline-size: 390rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}





/*  market_page sec_shop
--------------------------*/
.market_page #sec_shop {
	background-color: #e7dce9;
	padding-block-start: 74rem;
	padding-block-end: 86rem;
}
.market_page #sec_shop .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(42 / 24);
	padding-block: 13rem;
	letter-spacing: .2em;
}
.market_page #sec_shop .shop_list {
	inline-size: 428rem;
	margin-inline: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}
.market_page #sec_shop .shop_list > li {
	inline-size: 201rem;
	padding-block-start: 54rem;
	padding-block-end: 2rem;
}
.market_page #sec_shop .shop_list .thumb {
	position: relative;
	cursor: pointer;
}
.market_page #sec_shop .shop_list .thumb img {
	position: relative;
}
.market_page #sec_shop .shop_list .thumb:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
.market_page #sec_shop .shop_list .thumb::before {
	content: "";
	display: block;
	inline-size: 201rem;
	block-size: 198rem;
	background-color: #662D91;
	border-radius: 0 0 14rem 0;
	position: absolute;
	inset-inline-start: 8rem;
	inset-block-start: 8rem;
}
.market_page #sec_shop .shop_list .shop_name {
	font-weight: 500;
	padding-block-start: 13rem;
	font-size: 18rem;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
}
.market_page #sec_shop .shop_list .shop_name.ls_0 {
	letter-spacing: 0;
}




/*  market_page sec_map
--------------------------*/
.market_page #sec_map {
	padding-block-start: 42rem;
	padding-block-end: 72rem;
	background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.market_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}


/*  market_page pop_list
--------------------------*/
.market_page #pop_list {
}
.market_page #pop_list > li {
}
.market_page #pop_list {
}
.market_page #pop_list .pop_bg {
	position: fixed;
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-start: 0;
	inset-block-end: 0;
	background-color: rgba(0, 0, 0, .7);
}
.market_page #pop_list .pop_shop_wrap {
	position: relative;
	inline-size: 440rem;
	border-radius: 35rem 0 35rem 0;
	overflow: hidden;
	margin-block: 20rem;
  background-image: url(../img/market/market_shape_bg.webp);
	background-size: cover;
}
.market_page #pop_list .pop_shop_wrap .inner {
/*	background-color: #f8f2f8;*/
	padding-block-end: 25rem;
	position: relative;
}
.market_page #pop_list .thumb {
	padding-block-start: 88rem;
}
.market_page #pop_list .shape {
	content: "";
	display: block;
	inline-size: 440rem;
	block-size: 543rem;
/*
	background-image: url(../img/common/pop_shape_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 440rem auto;
*/
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.market_page #pop_list .shop_dfl {
	inline-size: 352rem;
	margin-inline: auto;
	padding-block-start: 50rem;
	position: relative;
}
.market_page #pop_list .shop_dfl > dt {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-end: 35rem;
}
.market_page #pop_list .shop_dfl > dt .shop_name {
	color: #b999bf;
	font-size: 18rem;
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
  text-align: center;
}

.market_page #pop_list .shop_dfl > dd {
}
.market_page #pop_list .shop_dfl > dd .exp {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 15rem;
	font-weight: 500;
	line-height: calc(23/ 15);
	padding-inline: 2rem;
	padding-block: 18rem;
}
.market_page #pop_list .shop_dfl > dd .links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	padding-block-start: 16rem;
}
.market_page #pop_list .shop_dfl > dd .links > li {
  display: flex;
  align-items: center;
}
.market_page #pop_list .shop_dfl > dd .links a {
	display: block;
	inline-size: 48rem;
	block-size: 48rem;
	position: relative;
}
.market_page #pop_list .shop_dfl > dd .links a::before {
	content: "";
	display: block;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #92609B;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.market_page #pop_list .shop_dfl > dd .links .btn {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #b999bf;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.market_page #pop_list .shop_dfl > dd .links .btn img {
	inline-size: 25rem;
	block-size: 24rem;
}
.market_page #pop_list .shop_dfl > dd .links a:hover .btn {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}

.market_page #pop_list .shop_dfl > dd .links .acount {
  color: #b999bf;
  font-size: 14rem;
  font-weight: 500;
  padding-inline-start: 10rem;
  padding-inline-end: 10rem;
}

.market_page #pop_list .pop_btn_close {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 10rem;
	inset-block-start: 11rem;
}
.market_page #pop_list .pop_btn_close::before {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #92609B;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.market_page #pop_list .pop_btn_close::after {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #b999bf;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	background-image: url(../img/common/pop_icon_close.webp);
	background-size: 27rem auto;
	background-position: center;
	background-repeat: no-repeat;
}
.market_page #pop_list .pop_btn_close:hover::after {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}

.market_page #pop_list .shop_dfl > dd .info {
  position: relative;
}
.market_page #pop_list .shop_dfl > dd .info h4 {
  font-size: 14rem;
  font-weight: 500;
  color: #fff;
  background: #9594C2;
  border-radius: 4.5rem;
  line-height: 24rem;
  text-align: center;
  margin-block-start: 40rem;
}
.market_page #pop_list .shop_dfl > dd .info h5 {
  font-size: 14rem;
  line-height: calc(16 /12);
  font-weight: 500;
  margin-block-start: 18rem;
  position: relative;
}
.market_page #pop_list .shop_dfl > dd .info .img {
  position: absolute;
  top: 40rem;
  right: 0;
}
.market_page #pop_list .shop_dfl > dd .info .mid {
  font-size: 14rem;
  line-height: calc(17 /12);
  margin-block-start: 5rem;
}
.market_page #pop_list .shop_dfl > dd .info .btm {
  font-size: 14rem;
  line-height: calc(24 /12);
  margin-block-start: 15rem;
}


/*  live_page main
--------------------------*/
.live_page #pc_nav {
}
.live_page #container {
}
.live_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/live/mainv_bg.webp");
	background-size: cover;
}
.live_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.live_page #mainv .slide > li {
}
.live_page #mainv .page_name {
	inline-size: 242rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -937%);
}
.live_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(332%, -95%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.live_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}




/*  live_page sec_info
--------------------------*/
.live_page #sec_info {
	background-color: #fff;
	padding-block-start: 55rem;
	padding-block-end: 40rem;
}
.live_page #sec_info .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	padding-block: 20rem;
}
.live_page #sec_info .sec_header > span {
	display: block;
}
.live_page #sec_info .sec_header .txt {
	font-size: 18.6rem;
	font-weight: 500;
	letter-spacing: .05em;
}
.live_page #sec_info .sec_header .time {
	font-size: 27.1rem;
	font-weight: 700;
	letter-spacing: .15em;
	padding-block-start: 10rem;
}
.live_page #sec_info .sec_header .note {
	font-size: 17rem;
	padding-block-start: 10rem;
	letter-spacing: .05em;
}


.live_page #sec_info .exp {
	padding-block-start: 14rem;
	inline-size: 390rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}


/* .live_page #sec_info .sec_header .btn {
	padding-block-start: 13rem;
}
.live_page #sec_info .sec_header .btn a {
	display: block;
	margin-inline: auto;
	text-align: left;
	inline-size: 330rem;
	border-radius: 17.2rem;
	color: #fff;
	padding-inline-start: 28rem;
	font-size: 15rem;
	line-height: 34rem;
	background-color: #81adc2;
	transition: opacity 500ms ease 0s;
	letter-spacing: .1em;
}
.live_page #sec_info .sec_header .btn a::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/common/gmap_arw.webp);
	inline-size: 12rem;
	block-size: 18rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: rotate(90deg);
	margin-left: 12rem;
}
.live_page #sec_info .sec_header .btn a:hover {
	opacity: .5;
} */






/*  live_page sec_sch
--------------------------*/
.live_page #sec_sch {
	background-color: #e6eaef;
	padding-block-start: 53rem;
	padding-block-end: 51rem;
}
.live_page #sec_sch .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(42 / 24);
	padding-block: 13rem;
	letter-spacing: .2em;
}
.live_page #sec_sch .sch {
	inline-size: 430rem;
	margin-inline: auto;
	padding-block-start: 38rem;
}
.live_page #sec_sch .exp {
	inline-size: 430rem;
	margin-inline: auto;
	font-size: 14rem;
	line-height: calc(24 / 14);
	padding-block-start: 18rem;
}




/*  live_page sec_perf
--------------------------*/
.live_page #sec_perf {
	background-color: #d6e4eb;
	padding-block-start: 74rem;
	padding-block-end: 86rem;
}
.live_page #sec_perf .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(42 / 24);
	padding-block: 13rem;
	letter-spacing: .2em;
}
.live_page #sec_perf .perf_list {
	inline-size: 428rem;
	margin-inline: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}
.live_page #sec_perf .perf_list > li {
	inline-size: 201rem;
	padding-block-start: 54rem;
	padding-block-end: 2rem;
}
.live_page #sec_perf .perf_list .thumb {
	position: relative;
	cursor: pointer;
}
.live_page #sec_perf .perf_list .thumb img {
	position: relative;
}
.live_page #sec_perf .perf_list .thumb:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
.live_page #sec_perf .perf_list .thumb::before {
	content: "";
	display: block;
	inline-size: 201rem;
	block-size: 198rem;
	background-color: #0958A8;
	border-radius: 0 0 14rem 0;
	position: absolute;
	inset-inline-start: 8rem;
	inset-block-start: 8rem;
}
.live_page #sec_perf .perf_list .perf_name {
	font-weight: 500;
	padding-block-start: 13rem;
	font-size: 18rem;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
	text-align: center;
}









/*  live_page sec_map
--------------------------*/
.live_page #sec_map {
	padding-block-start: 42rem;
	padding-block-end: 72rem;
	background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.live_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}






/*  market_page pop_list
--------------------------*/
.live_page #pop_list {
}
.live_page #pop_list > li {
}
.live_page #pop_list {
}
.live_page #pop_list .pop_bg {
	position: fixed;
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-start: 0;
	inset-block-end: 0;
	background-color: rgba(0, 0, 0, .7);
}
.live_page #pop_list .pop_perf_wrap {
	position: relative;
	inline-size: 440rem;
	border-radius: 35rem 0 35rem 0;
	overflow: hidden;
	margin-block: 20rem;
  background-image: url(../img/live/live_shape_bg.webp);
	background-size: cover;
}

.live_page #pop_list .pop_perf_wrap .inner {
/*	background-color: #eff8fe;*/
	padding-block-end: 25rem;
	position: relative;
}
.live_page #pop_list .thumb {
	padding-block-start: 88rem;
}
.live_page #pop_list .shape {
	content: "";
	display: block;
	inline-size: 440rem;
	block-size: 543rem;
/*
	background-image: url(../img/common/pop_shape_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 440rem auto;
*/
  position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.live_page #pop_list .perf_dfl {
	inline-size: 352rem;
	margin-inline: auto;
	padding-block-start: 50rem;
	position: relative;
}
.live_page #pop_list .perf_dfl:has(.parf_logo) {
	padding-block-start: 30rem;
}
.live_page #pop_list .perf_dfl > dt {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding-block-end: 35rem;
}
.live_page #pop_list #pop_perf_2 .perf_dfl > dt {
	flex-flow: column wrap;
	padding-block-end: 20rem;
}
.live_page #pop_list #pop_perf_2 .perf_dfl > dt .parf_logo {
	display: block;
	inline-size: 104rem;
	margin-inline: auto;
	padding-block-end: 20rem;
}
.live_page #pop_list .perf_dfl > dt .perf_name {
	color: #81adc2;
	font-size: 18rem;
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
}
.live_page #pop_list .perf_dfl > dd {
}
.live_page #pop_list .perf_dfl > dd .exp {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 17rem;
	font-weight: 500;
	line-height: calc(23/ 15);
	padding-inline: 2rem;
	padding-block: 18rem;
}
.live_page #pop_list .perf_dfl > dd .comp_dfl {
	padding-block-start: 30rem;
}
.live_page #pop_list .perf_dfl > dd .comp_dfl > dt {
}
.live_page #pop_list .perf_dfl > dd .comp_dfl > dt .txt_wrap {
	display: inline-block;
	background-color: #9594c2;
	line-height: 22rem;
  inline-size: 281rem;
	block-size: 23rem;
	border-radius: 5rem;
	font-size: 15rem;
	font-weight: 500;
	color: #fff;
	padding-inline-start: 18rem;
	padding-inline-end: 18rem;
  text-align: center;
}
.live_page #pop_list .perf_dfl > dd .comp_dfl > dd {
	padding-block-start: 10rem;
}
.live_page #pop_list .perf_dfl > dd .comp_dfl > dd .main {
	font-size: 14rem;
	line-height: calc(23 / 14);
}

.live_page #pop_list .perf_dfl > dd p.exp2 {
  font-size: 16rem;
  line-height: calc(18 / 12);
	border-top: 0rem solid #000;
	border-bottom: 0rem solid #000;
	font-weight: 400;
	padding-inline: 2rem;
	padding-block: 16rem;
}


.live_page #pop_list .perf_dfl > dd .perf_dfl2,
.live_page #pop_list .perf_dfl > dd .place_dfl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	padding-block-start: 8rem;
}
.live_page #pop_list .perf_dfl > dd .perf_dfl2 > dt,
.live_page #pop_list .perf_dfl > dd .place_dfl > dt {
	font-size: 16rem;
	line-height: calc(17 / 14);
	font-weight: 500rem;
	padding-inline-end: 10rem;
  display: flex;
  align-items: center;
}
.live_page #pop_list .perf_dfl > dd .perf_dfl2 > dd,
.live_page #pop_list .perf_dfl > dd .place_dfl > dd {
	border-left: 1rem solid #000;
	padding-inline-start: 10rem;
}
.live_page #pop_list .perf_dfl > dd .perf_dfl2 > dd .main,
.live_page #pop_list .perf_dfl > dd .place_dfl > dd .main {
	font-size: 16rem;
	line-height: calc(21.3 / 16);
	font-weight: 500;
}
.live_page #pop_list .perf_dfl > dd .perf_dfl2 > dd .sub,
.live_page #pop_list .perf_dfl > dd .place_dfl > dd .sub {
	font-size: 13rem;
	line-height: calc(17 / 13);
	padding-block-end: 5rem;
}

.live_page #pop_list .perf_dfl > dd .place_dfl > dd .main.size_s {
  font-size: 14.5rem;
}


.live_page #pop_list .perf_dfl > dd .about_dfl {
	color: #fff;
	margin-top: 20rem;
	background-color: #98bccd;
	border-radius: 0 10rem 0 10rem;
	padding: 18rem 12rem 20rem 10rem;
}
.live_page #pop_list .perf_dfl > dd .about_dfl > dt {
	font-size: 15rem;
	font-weight: 700;
	line-height: calc(21 / 15);
}
.live_page #pop_list .perf_dfl > dd .about_dfl > dd {
	font-size: 14rem;
	line-height: calc(20 / 14);
	padding-block-start: 5rem;
}

.live_page #pop_list .perf_dfl > dd .links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	padding-block-start: 30rem;
}
.live_page #pop_list .perf_dfl > dd .links > li {
}
.live_page #pop_list .perf_dfl > dd .links a {
	display: block;
	inline-size: 48rem;
	block-size: 48rem;
	position: relative;
}
.live_page #pop_list .perf_dfl > dd .links a::before {
	content: "";
	display: block;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #0071BC;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.live_page #pop_list .perf_dfl > dd .links .btn {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #81adc2;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.live_page #pop_list .perf_dfl > dd .links .btn img {
	inline-size: 25rem;
	block-size: 24rem;
}
.live_page #pop_list .perf_dfl > dd .links a:hover .btn {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}
/* .live_page #pop_list .perf_dfl > dd .btn.ig img {
	inline-size: 18rem;
}
.live_page #pop_list .perf_dfl > dd .btn.hp img {
	inline-size: 22rem;
} */



.live_page #pop_list .pop_btn_close {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 10rem;
	inset-block-start: 11rem;
}
.live_page #pop_list .pop_btn_close::before {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #0071BC;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.live_page #pop_list .pop_btn_close::after {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #81adc2;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	background-image: url(../img/common/pop_icon_close.webp);
	background-size: 27rem auto;
	background-position: center;
	background-repeat: no-repeat;
}
.live_page #pop_list .pop_btn_close:hover::after {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}













/*  spot_page main
--------------------------*/
.spot_page #pc_nav {
}
.spot_page #container {
}
.spot_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/spot/mainv_bg.webp");
	background-size: cover;
}
.spot_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.spot_page #mainv .slide > li {
}
.spot_page #mainv .page_name {
	inline-size: 232rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -426%);
}
.spot_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(220%, -95%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.spot_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}




/*  spot_page sec_info
--------------------------*/
.spot_page #sec_info {
	background-color: #fff;
	padding-block-start: 55rem;
	padding-block-end: 40rem;
}
.spot_page #sec_info .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	padding-block: 20rem;
}
.spot_page #sec_info .sec_header > span {
	display: block;
}
.spot_page #sec_info .sec_header .txt {
	font-size: 18.6rem;
	font-weight: 500;
	letter-spacing: .05em;
}
.spot_page #sec_info .sec_header .time {
	font-size: 27.1rem;
	font-weight: 700;
	letter-spacing: .15em;
	padding-block-start: 10rem;
}
.spot_page #sec_info .sec_header .note {
	font-size: 17rem;
	padding-block-start: 10rem;
	letter-spacing: .05em;
}
.spot_page #sec_info .exp {
	padding-block-start: 14rem;
	inline-size: 390rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}





/*  spot_page sec_spot
--------------------------*/
.spot_page #sec_spot {
	background-color: #f1e3d4;
	padding-block-start: 74rem;
	padding-block-end: 86rem;
}
.spot_page #sec_spot .sec_header {
	inline-size: 420rem;
	margin-inline: auto;
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(42 / 24);
	padding-block: 13rem;
	letter-spacing: .2em;
}
.spot_page #sec_spot .spot_list {
	inline-size: 428rem;
	margin-inline: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}
.spot_page #sec_spot .spot_list > li {
	inline-size: 201rem;
	padding-block-start: 54rem;
	padding-block-end: 2rem;
}
.spot_page #sec_spot .spot_list .thumb {
	position: relative;
	cursor: pointer;
}
.spot_page #sec_spot .spot_list .thumb img {
	position: relative;
}
.spot_page #sec_spot .spot_list .thumb:hover {
	opacity: .5;
	transition: opacity 500ms ease 0ms;
}
.spot_page #sec_spot .spot_list .thumb::before {
	content: "";
	display: block;
	inline-size: 201rem;
	block-size: 125rem;
	background-color: #a4bfbf;
	border-radius: 0 0 14rem 0;
	position: absolute;
	inset-inline-start: 5rem;
	inset-block-start: 5rem;
}
.spot_page #sec_spot .spot_list .alpha {
	display: block;
	inline-size: 38rem;
	block-size: 48rem;
	background-image: url(../img/spot/icon_spot.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	font-size: 29rem;
	font-weight: 800;
	line-height: 52rem;
	padding-inline-start: 3rem;
	color: #fff;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: -20rem;
	transform: translateX(-16rem);
}
.spot_page #sec_spot .spot_list .spot_name {
	font-weight: 500;
	padding-block-start: 13rem;
	font-size: 17rem;
	line-height: calc(21 / 17);
	letter-spacing: .1em;
}
.spot_page #sec_spot .spot_list .spot_name.ls_0 {
	letter-spacing: 0;
}



/*  spot_page sec_road
--------------------------*/
.spot_page #sec_road {
	background-color: #fff;
	padding-block-start: 55rem;
	padding-block-end: 40rem;
}
.spot_page #sec_road .sec_header {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	text-align: center;
	line-height: 1;
	inline-size: 420rem;
	margin-inline: auto;
	position: relative;
	font-size: 24rem;
	font-weight: 800;
	letter-spacing: .2em;
	padding-block-start: 10rem;
	padding-block-end: 12rem;
}
.spot_page #sec_road .road_dfl {
	padding-block-start: 28rem;
}
.spot_page #sec_road .road_dfl > dt {
	text-align: center;
}
.spot_page #sec_road .road_dfl > dt img {
	inline-size: 350rem;
}
.spot_page #sec_road .road_dfl > dd {
	padding-block-start: 20rem;
	inline-size: 380rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .1em;
}




/*  spot_page sec_map
--------------------------*/
.spot_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}
.spot_page #sec_map {
	position: relative;
	padding-block-start: 42rem;
	padding-block-end: 72rem;
	background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}



/*  spot_page pop_list
--------------------------*/
.spot_page #pop_list {
}
.spot_page #pop_list > li {
}
.spot_page #pop_list .pop_bg {
	position: fixed;
	inset-inline-start: 0;
	inset-inline-end: 0;
	inset-block-start: 0;
	inset-block-end: 0;
	background-color: rgba(0, 0, 0, .7);
}
.spot_page #pop_list .pop_spot_wrap {
	position: relative;
	inline-size: 440rem;
	border-radius: 35rem 0 35rem 0;
	overflow: hidden;
	margin-block: 20rem;
  background-image: url(../img/common/pop_shape_bg.webp);
  background-size: cover;
}
.spot_page #pop_list .pop_spot_wrap .inner {
/*	background-color: #fffcf3;*/
	padding-block-end: 25rem;
	position: relative;
}
.spot_page #pop_list .thumb {
	padding-block-start: 88rem;
}
.spot_page #pop_list .shape {
	content: "";
	display: block;
	inline-size: 440rem;
	block-size: 543rem;
/*
	background-image: url(../img/common/pop_shape_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 440rem auto;
*/
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.spot_page #pop_list .place_dfl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;

	position: absolute;
	inset-inline-start: 36rem;
	inset-block-start: 32rem;
}
.spot_page #pop_list .place_dfl > dt {
	font-size: 17rem;
	font-weight: 500;
	line-height: calc(19 / 17);
	color: #ba5d00;
	padding-inline-start: 0;
}
.spot_page #pop_list .place_dfl > dd {
	padding-inline-start: 3rem;
	font-size: 17rem;
	font-weight: 500;
	line-height: calc(19 / 17);
	letter-spacing: .05em;
}
.spot_page #pop_list .place_dfl > dd .size_s {
	font-size: .86em;
}
.spot_page #pop_list .place_dfl > dd .u_ {
	font-size: .86em;
	text-decoration: underline;
	position: relative;
	inset-block-start: -2rem;
}

.spot_page #pop_list .spot_dfl {
	inline-size: 352rem;
	margin-inline: auto;
	padding-block-start: 20rem;
	position: relative;
}
.spot_page #pop_list .spot_dfl > dt {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-block-end: 18rem;
}
.spot_page #pop_list .spot_dfl > dt .alpha {
	display: block;
	inline-size: 42rem;
	block-size: 54rem;
	background-image: url(../img/common/pop_icon_spot.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	line-height: 57rem;
	padding-inline-start: 2rem;
	font-size: 32rem;
	font-weight: 800;
	color: #fff;
}
.spot_page #pop_list .spot_dfl > dt .spot_name {
	color: #ba5d00;
	font-size: 18rem;
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .1em;
	padding-inline-start: 16rem;
}
.spot_page #pop_list .spot_dfl > dd {
}
.spot_page #pop_list .spot_dfl > dd .exp {
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	font-size: 15rem;
	font-weight: 500;
	line-height: calc(23/ 15);
	padding-inline: 2rem;
	padding-block: 18rem;
}
.spot_page #pop_list .spot_dfl > dd .exp .size_s {
	font-size: .92em;
}
.spot_page #pop_list .spot_dfl > dd .btm_info {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding-block-start: 16rem;
	padding-inline-start: 2rem;
}
.spot_page #pop_list .spot_dfl > dd .org {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;

	font-size: 14rem;
	font-weight: 500;
	line-height: calc(18 / 14);
}
.spot_page #pop_list .spot_dfl > dd .org > dt {
}
.spot_page #pop_list .spot_dfl > dd .org > dd {
	letter-spacing: .1em;
}
.spot_page #pop_list .spot_dfl > dd .org > dd .u_ {
	font-size: .83em;
	text-decoration: underline;
	position: relative;
	inset-block-start: -2rem;
}
.spot_page #pop_list .spot_dfl > dd .links {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
}
.spot_page #pop_list .spot_dfl > dd .links > li {
}
.spot_page #pop_list .spot_dfl > dd .links a {
	display: block;
	inline-size: 48rem;
	block-size: 48rem;
	position: relative;
}
.spot_page #pop_list .spot_dfl > dd .links a::before {
	content: "";
	display: block;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #F15A24;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.spot_page #pop_list .spot_dfl > dd .links .btn {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	inline-size: 45rem;
	block-size: 45rem;
	background-color: #ffa666;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
}
.spot_page #pop_list .spot_dfl > dd .links .btn img {
	inline-size: 25rem;
	block-size: 24rem;
}
.spot_page #pop_list .spot_dfl > dd .links a:hover .btn {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.spot_page #pop_list .pop_btn_close {
	display: block;
	inline-size: 56rem;
	block-size: 56rem;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 10rem;
	inset-block-start: 11rem;
}
.spot_page #pop_list .pop_btn_close::before {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #F15A24;
	border-radius: 50%;
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: 0;
}
.spot_page #pop_list .pop_btn_close::after {
	content: "";
	display: block;
	inline-size: 53rem;
	block-size: 53rem;
	background-color: #ffa666;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	background-image: url(../img/common/pop_icon_close.webp);
	background-size: 27rem auto;
	background-position: center;
	background-repeat: no-repeat;
}
.spot_page #pop_list .pop_btn_close:hover::after {
	inset-inline-start: auto;
	inset-block-start: auto;
	inset-inline-end: 0;
	inset-block-end: 0;
}


/*  satellite_page main
--------------------------*/
.satellite_page #pc_nav {
}
.satellite_page #container {
}
.satellite_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/satellite/mainv_bg.webp");
	background-size: cover;
}
.satellite_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.satellite_page #mainv .slide > li {
}
.satellite_page #mainv .page_name {
	inline-size: 320rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -392%);
}
.satellite_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(326%, -106%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.satellite_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}




/*  satellite_page sec_info
--------------------------*/
.satellite_page #sec_info {
	background-color: #fff;
	padding-block-start: 30rem;
	padding-block-end: 30rem;
}
.satellite_page #sec_info .exp {
	inline-size: 354rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}




/*  satellite_page sec_satellite
--------------------------*/
.satellite_page #sec_satellite {
}
.satellite_page #sec_satellite .satellite_list {
}
.satellite_page #sec_satellite .satellite_list > li {
	padding-block-start: 50rem;
	padding-block-end: 50rem;
	background-color: #d4e9da;
}
.satellite_page #sec_satellite .satellite_list > li:nth-child(odd) {
	background-color: #F4EAE9;
}
.satellite_page #sec_satellite .satellite_list .name {
	inline-size: 420rem;
	margin-inline: auto;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(32 / 24);
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	padding-block-start: 14rem;
	padding-block-end: 14rem;
	letter-spacing: .1em;
}
.satellite_page #sec_satellite .satellite_list .name span {
  font-size: 21.3rem;
}
.satellite_page #sec_satellite .satellite_list .thumb {
	inline-size: 350rem;
	margin-inline: auto;
	margin-top: 48rem;
	position: relative;
}
.satellite_page #sec_satellite .satellite_list .thumb .num {
	display: block;
	background-image: url(../img/align/icon_align.webp);
	inline-size: 47rem;
	block-size: 47rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	color: #69a677;
	line-height: 42rem;
	font-size: 31rem;
	font-weight: 800;
	position: absolute;
	inset-inline-start: -18rem;
	inset-block-start: -20rem;
}
.satellite_page #sec_satellite .satellite_list .exp {
	font-size: 16rem;
	line-height: calc(25 / 16);
	padding-block-start: 20rem;
	inline-size: 375rem;
	margin-inline-start: 58rem;
}
.satellite_page #sec_satellite .satellite_list .align_2 .exp {
	letter-spacing: .05em;
}
.satellite_page #sec_satellite .satellite_list .info {
	padding-block-start: 7rem;
	padding-inline-start: 58rem;
}
.satellite_page #sec_satellite .satellite_list .dfl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(25 / 16);
	padding-block-start: 9rem;
	letter-spacing: .05em;
}
.satellite_page #sec_satellite .satellite_list .dfl > dt {
	padding-inline-end: 12rem;
	border-inline-end: 1rem solid #000;
}
.satellite_page #sec_satellite .satellite_list .dfl > dd {
	padding-inline-start: 15rem;
}
.satellite_page #sec_satellite .satellite_list .u_ {
	text-decoration: underline;
	position: relative;
	inset-block-start: -2rem;
	font-size: .8em;
}

.satellite_page #sec_satellite .satellite_list .sgs_dfl {
	inline-size: 378rem;
	margin-block-start: 20rem;
	margin-inline-start: 60rem;
	border-radius: 18rem 0 18rem 0;
	background-image : linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(225, 242, 192, .9) 100%);
	padding: 22rem 25rem 22rem 22rem;
}

.satellite_page #sec_satellite .satellite_list .sgs_dfl > dt {
	font-size: 17rem;
	line-height: calc(24 / 17);
	font-weight: 700;
	color: #70b185;
	letter-spacing: .1em;
}
.satellite_page #sec_satellite .satellite_list .sgs_dfl > dd {
	font-size: 14rem;
	line-height: calc(24 / 14);
	letter-spacing: -.05em;
	padding-block-start: 8rem;
}
.satellite_page #sec_satellite .satellite_list .logo {
	inline-size: 228rem;
	margin-inline: auto;
	padding-block-start: 25rem;
}
.satellite_page #sec_satellite .satellite_list .logo a {
	display: block;
	transition: opacity 500ms ease 0ms;
}
.satellite_page #sec_satellite .satellite_list .logo a:hover {
	opacity: .5;
}





/*  satellite_page sec_map
--------------------------*/
.satellite_page #sec_map {
	padding-block-start: 42rem;
	padding-block-end: 72rem;
	background-image: url(../img/top/areamap_bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.satellite_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}










/*  align_page main
--------------------------*/
.align_page #pc_nav {
}
.align_page #container {
}
.align_page #mainv {
	position: relative;
	block-size: 700rem;
  background-image: url("../img/align/mainv_bg.webp");
	background-size: cover;
}
.align_page #mainv .slide {
	inline-size: 694rem;
	block-size: 793rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -50%);
}
.align_page #mainv .slide > li {
}
.align_page #mainv .page_name {
	inline-size: 251rem;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(-50%, -808%);
}
.align_page #mainv .page_copy {
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	transform: translate(218%, -95%);
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: flex-start;

	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.align_page #mainv .page_copy .txt {
	background-color: rgba(255, 255, 255, .7);
	color: #542106;
	font-size: 16rem;
	font-weight: 700;
	letter-spacing: .1em;
	padding-inline: 7rem;
	margin-block: 3rem;
}




/*  align_page sec_info
--------------------------*/
.align_page #sec_info {
	background-color: #fff;
	padding-block-start: 30rem;
	padding-block-end: 30rem;
}
.align_page #sec_info .exp {
	inline-size: 354rem;
	margin-inline: auto;
	font-size: 17rem;
	line-height: calc(29 / 17);
	letter-spacing: .05em;
}




/*  align_page sec_align
--------------------------*/
.align_page #sec_align {
}
.align_page #sec_align .align_list {
}
.align_page #sec_align .align_list > li {
	padding-block-start: 50rem;
	padding-block-end: 50rem;
	background-color: #eaf4df;
}
.align_page #sec_align .align_list > li:nth-child(odd) {
	background-color: #d4e9da;
}
.align_page #sec_align .align_list > li:first-child {
	background-color: #FFFBF5;
}
.align_page #sec_align .align_list .name {
	inline-size: 420rem;
	margin-inline: auto;
	font-size: 24rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(32 / 24);
	border-top: 1rem solid #000;
	border-bottom: 1rem solid #000;
	padding-block-start: 14rem;
	padding-block-end: 14rem;
	letter-spacing: .1em;
}
.align_page #sec_align .align_list .name.ls_0 {
  letter-spacing: 0;
  font-size: 23rem;
}
.align_page #sec_align .align_list .name span {
  font-size: 18rem;
}
.align_page #sec_align .align_list .thumb {
	inline-size: 350rem;
	margin-inline: auto;
	margin-top: 48rem;
	position: relative;
}
.align_page #sec_align .align_list .thumb .num {
	display: block;
	background-image: url(../img/align/icon_align.webp);
	inline-size: 47rem;
	block-size: 47rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	color: #69a677;
	line-height: 42rem;
	font-size: 31rem;
	font-weight: 800;
	position: absolute;
	inset-inline-start: -18rem;
	inset-block-start: -20rem;
}
.align_page #sec_align .align_list .exp {
	font-size: 16rem;
	line-height: calc(25 / 16);
	padding-block-start: 20rem;
	inline-size: 375rem;
	margin-inline-start: 58rem;
  letter-spacing: .05em;
}
.align_page #sec_align .align_list .align_2 .exp {
	letter-spacing: .05em;
}
.align_page #sec_align .align_list .info {
	padding-block-start: 7rem;
	padding-inline-start: 58rem;
}
.align_page #sec_align .align_list .dfl {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 16rem;
	font-weight: 500;
	line-height: calc(25 / 16);
	padding-block-start: 9rem;
	letter-spacing: .05em;
}
.align_page #sec_align .align_list .dfl > dt {
	padding-inline-end: 12rem;
	border-inline-end: 1rem solid #000;
}
.align_page #sec_align .align_list .dfl > dt.line2 {
	line-height: calc(14 / 13);
  padding-block-start: 4rem;
  padding-block-end: 4rem;
}
.align_page #sec_align .align_list .dfl > dt:nth-child(n+2) {
  padding-inline-start: 15rem;
}
.align_page #sec_align .align_list .dfl > dd {
	padding-inline-start: 15rem;
}
.align_page #sec_align .align_list .u_ {
	text-decoration: underline;
	position: relative;
	inset-block-start: -2rem;
	font-size: .8em;
}

.align_page #sec_align .align_list .dfl_stamp {
	display: flex;
  flex-wrap: nowrap;
	align-items: stretch;
	font-size: 15rem;
	font-weight: 500;
	line-height: calc(25 / 16);
	padding-block-start: 9rem;
  padding-inline-end: 30rem;
  letter-spacing: 0;
}
.align_page #sec_align .align_list .dfl_stamp > dt {
	padding-inline-end: 12rem;
	border-inline-end: 1rem solid #000;
  display: flex;
  align-items: center;
}
.align_page #sec_align .align_list .dfl_stamp > dt.line2 {
	line-height: calc(14 / 13);
  padding-block-start: 4rem;
  padding-block-end: 4rem;
}
.align_page #sec_align .align_list .dfl_stamp > dd {
  font-size: 13.5rem;
}
.align_page #sec_align .align_list .dfl_stamp ul {
  
}
.align_page #sec_align .align_list .dfl_stamp ul li {
  list-style: disc!important;
  margin-left: 2em;
}
.align_page #sec_align .align_list .dfl_stamp ul li:first-child {
  margin-bottom: 5rem;
}


.align_page #sec_align .align_list .sgs_dfl {
	inline-size: 378rem;
	margin-block-start: 20rem;
	margin-inline-start: 60rem;
	border-radius: 18rem 0 18rem 0;
	background-image : linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(225, 242, 192, .9) 100%);
	padding: 22rem 25rem 22rem 22rem;
}

.align_page #sec_align .align_list .sgs_dfl > dt {
	font-size: 17rem;
	line-height: calc(24 / 17);
	font-weight: 700;
	color: #70b185;
	letter-spacing: .1em;
}
.align_page #sec_align .align_list .sgs_dfl > dd {
	font-size: 14rem;
	line-height: calc(24 / 14);
	letter-spacing: -.05em;
	padding-block-start: 8rem;
}
.align_page #sec_align .align_list .logo {
	inline-size: 287rem;
	margin-inline: auto;
	padding-block-start: 25rem;
}
.align_page #sec_align .align_list .logo.logo_l {
	inline-size: 413rem;
}
.align_page #sec_align .align_list .logo a {
	display: block;
	transition: opacity 500ms ease 0ms;
}
.align_page #sec_align .align_list .logo a:hover {
	opacity: .5;
}

.align_page #sec_align .align_list .gmap_link {
	padding-block-start: 35rem;
}
.align_page #sec_align .align_list .note {
	font-size: 14rem;
	line-height: calc(25 / 16);
	padding-block-start: 20rem;
	inline-size: 375rem;
	margin-inline-start: 58rem;
  letter-spacing: .05em;
  text-indent: -1em;
  padding-left: 1em;
}


/*  align_page sec_map
--------------------------*/
.align_page #sec_map {
  position: relative;
	background-color: #fffcf3;
	padding-block-start: 42rem;
	padding-block-end: 72rem;
}
.align_page #sec_map .gmap_link {
	padding-block-start: 35rem;
}


.align_page #sec_map .map_btns {
	display: flex;
	justify-content: center;
  padding-block-start: 20rem;
}
.align_page #sec_map .map_btns > li {
	padding-inline: 8rem;
}
.align_page #sec_map .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 212rem;
	block-size: 50rem;
	border-radius: 25rem;
	border: 1rem solid #fff;
	cursor: pointer;
	position: relative;
  box-shadow: 9rem 9rem 6rem 0rem rgb(25, 27, 21, .3);
}

.align_page #sec_map .btn::after {
	content: "";
	display: block;
	inline-size: 13rem;
	block-size: 18rem;
	background-image: url(../img/top/areamap_arw.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-inline-start: 18rem;
}
.align_page #sec_map .illust .btn {
	background-image: linear-gradient(90deg, rgba(33, 43, 87, 1), rgba(107, 42, 127, 1) 46%, rgba(28, 42, 82, 1) 100%);
}
.align_page #sec_map .google .btn {
	background-color: #F7931E;
}
.align_page #sec_map .btn:hover {
	opacity: .5;
	transition: opacity 300ms ease 0s;
}

.align_page #sec_map .txt {
	font-size: 15rem;
	font-weight: 500;
	color: #fff;
	line-height: 1;
	letter-spacing: .2em;
	position: relative;
	inset-block-start: -1rem;
}






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

  Media Queries for window size under 500px

====================================================*/
@media screen and (max-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
	--------------------------*/
  
  #bg_all {
    background-image: url(../img/common/bg_sp.webp);
  }

  
	/*  container under 500px
	--------------------------*/
	/*  sp_nav under 500px
	--------------------------*/
	#nav_btn_open {
		inline-size: 112rem;
		position: fixed;
		inset-block-start: 5rem;
		inset-inline-end: 0rem;

		display: block;

		opacity: 0;
		animation: anim_opct0-1 2000ms linear 2000ms forwards;
	}

	#sp_nav {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		overflow: auto;

		position: fixed;
		inset: 0;

		background-image: url(../img/common/sp_nav_bg.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		text-align: center;
		line-height: 1;

		transform: translateY(-100%);
		opacity: 0;
	}
	#sp_nav.modal {
		transform: translateY(0%);
		opacity: 1;

		transition:
			opacity 1000ms ease 0ms,
			transform 0ms ease 0ms;
	}
	#sp_nav.close {
		transition:
			opacity 1000ms ease 200ms,
			transform 0ms ease 1200ms;
	}
	#sp_nav a {
		color: #fff;
	}
	#sp_nav .txt {
		letter-spacing: .1em;
		font-weight: 700;
	}
	#sp_nav .sp_nav_wrap {
	}

	#sp_nav .sp_nav_top {
	}
	#sp_nav .sp_nav_top > li {
		padding-block-start: 40rem;
	}
	#sp_nav .sp_nav_top a {
	}
	#sp_nav .sp_nav_top .txt {
		font-size: 23rem;
		position: relative;
	}
	#sp_nav .sp_nav_top .txt::before {
		content: "";
		display: block;
		background-image: url(../img/common/sp_nav_icon_can.webp);
		inline-size: 29rem;
		block-size: 38rem;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		inset-inline-start: -40rem;
		inset-block-start: 50%;
		transform: translateY(-58%);
		opacity: 0;
	}
	#sp_nav .sp_nav_top > li a:hover {
		color: #d5bd3c;
	}
	#sp_nav .sp_nav_top > li a:hover .txt::before {
		opacity: 1;
	}

	#sp_nav .sp_nav_cont {
		padding-block-start: 30rem;
		padding-block-end: 5rem;
	}
	#sp_nav .sp_nav_cont > dt {
		inline-size: 270rem;
		margin-inline: auto;
		border-top: 1rem solid #fff;
		border-bottom: 1rem solid #fff;
		padding-block-start: 10rem;
		padding-block-end: 10rem;
	}
	#sp_nav .sp_nav_cont > dt a {
	}
	#sp_nav .sp_nav_cont > dt a:hover {
		color: #de7a00;
	}
	#sp_nav .sp_nav_cont > dt .txt {
		font-size: 23rem;
	}
	#sp_nav .sp_nav_cont > dd {
		inline-size: 280rem;
		margin-inline: auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
	}
	#sp_nav .sp_nav_cont > dd > p {
		inline-size: 50%;
		padding-block-start: 20rem;
		padding-block-end: 10rem;
		line-height: calc(21 / 18.5);
	}
	#sp_nav .sp_nav_cont > dd a {
		display: block;
	}
	#sp_nav .sp_nav_cont > dd a::before {
		content: "";
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-inline: auto;
		inline-size: 41rem;
		block-size: 41rem;
	}
	#sp_nav .sp_nav_cont > dd > p.spot a::before {
		background-image: url(../img/common/sp_nav_icon_spot.webp);
	}
	#sp_nav .sp_nav_cont > dd > p.award a::before {
		background-image: url(../img/common/sp_nav_icon_award.webp);
	}
	#sp_nav .sp_nav_cont > dd > p.live a::before {
		background-image: url(../img/common/sp_nav_icon_live.webp);
	}
	#sp_nav .sp_nav_cont > dd > p.market a::before {
		background-image: url(../img/common/sp_nav_icon_market.webp);
	}
  #sp_nav .sp_nav_cont > dd > p.satellite a::before {
		background-image: url(../img/common/sp_nav_icon_satellite.webp);
	}
	#sp_nav .sp_nav_cont > dd > p.align a::before {
		background-image: url(../img/common/sp_nav_icon_align.webp);
	}
	#sp_nav .sp_nav_cont > dd > p.spot a:hover {
		color: #cf9d66;
	}
	#sp_nav .sp_nav_cont > dd > p.award a:hover {
		color: #d5bd3c;
	}
	#sp_nav .sp_nav_cont > dd > p.live a:hover {
		color: #80acc1;
	}
	#sp_nav .sp_nav_cont > dd > p.market a:hover {
		color: #B999BF;
	}
  #sp_nav .sp_nav_cont > dd > p.satellite a:hover {
		color: #F79BBD;
	}
	#sp_nav .sp_nav_cont > dd > p.align a:hover {
		color: #90c59d;
	}
	#sp_nav .sp_nav_cont > dd .txt {
		font-size: 18.6rem;
		display: block;
		padding-block-start: 8rem;
	}
	#sp_nav .sp_nav_en {
		inline-size: 270rem;
		margin-inline: auto;
		line-height: 1;
		border-block-start: 1rem solid #fff;
		padding-block-start: 27rem;
		padding-block-end: 30rem;
	}
	#sp_nav .sp_nav_en > li {
		text-align: center;
	}
	#sp_nav .sp_nav_en > li {
	}
	#sp_nav .sp_nav_en > li a {
	}
	#sp_nav .sp_nav_en > li a:hover {
		opacity: .5;
		transition: opacity 500ms ease 0ms;
	}
	#sp_nav .sp_nav_en > li .txt {
	}
	#sp_nav .sp_nav_en > li .txt > span {
		color: #fff;
		font-weight: 700;
		line-height: 1;
	}
	#sp_nav .sp_nav_en > li .en {
		font-size: 21rem;
	}
	#sp_nav .sp_nav_en > li .gt {
		font-size: 16rem;
	}
	#sp_nav .sp_nav_archive {
		text-align: center;
		color: #fff;
		padding-block-end: 56rem;
	}
	#sp_nav .sp_nav_archive > dt {
	}
	#sp_nav .sp_nav_archive > dt a {
	}
	
	#sp_nav .sp_nav_archive > dt .txt {
		letter-spacing: .1em;
		font-size: 20rem;
	}
	#sp_nav .sp_nav_archive > dt a:hover .txt {
		color: #d3aa00;
	}
	#sp_nav .sp_nav_archive > dd {
		padding-block-start: 16rem;
		line-height: 1;
	}
	#sp_nav .sp_nav_archive > dd a {
		display: inline-block;
		font-size: 17rem;
		margin-inline-start: 13rem;
		margin-inline-end: 13rem;
		inline-size: 80rem;
		padding-block-start: 1rem;
		padding-block-end: 4rem;
		border: 1rem solid #fff;
		border-radius: 10rem;
		letter-spacing: .1em;
		transition: background-color 500ms ease 0ms;
	}
	#sp_nav .sp_nav_archive > dd a:hover {
		background-color: #f19500;
	}
	#sp_nav .sp_nav_sns {
		position: absolute;
		inset-inline-end: 24rem;
		inset-block-start: 390rem;
	}
	#sp_nav .sp_nav_sns > dt {
	}
	#sp_nav .sp_nav_sns > dt::before {
		content: "";
		display: inline-block;
		background-image: url(../img/common/sp_sns_nav_icon_can.webp);
		inline-size: 53rem;
		block-size: 23rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-inline: auto;
	}
	#sp_nav .sp_nav_sns > dd > p {
		padding-block-start: 13rem;
		padding-block-end: 17rem;
	}
	#sp_nav .sp_nav_sns > dd > p a {
		display: block;
		inline-size: 40rem;
		block-size: 40rem;
		margin-inline: auto;
	}
	#sp_nav .sp_nav_sns > dd > p img {
		
	}
	#nav_btn_close {
		inline-size: 112rem;
		position: fixed;
		inset-block-start: 5rem;
		inset-inline-end: 0rem;
	}


  #sp_nav .sp_nav_cont ul.other {
    text-align: left;
    font-size: 21rem;
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
    width: 100%;
/*    padding-inline-end: 20rem;*/
  }
  #sp_nav .sp_nav_cont ul.other li {
    padding-block-start: 40rem;
  }
  #sp_nav .sp_nav_cont ul.other li.stamp {
    padding-block-end: 40rem;
  }
  #sp_nav .sp_nav_cont ul.other li a {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  #sp_nav .sp_nav_cont ul.other li a .txt {
    padding-inline-start: 53rem;
    font-size: 21rem;
    padding-block-start: 0rem;
  }
  #sp_nav .sp_nav_cont ul.other li a::before {
    content: none;
  }
  #sp_nav .sp_nav_cont ul.other li.event a:hover {
    color: #90C59D;
    transition: color 500ms ease 0ms;
  }
  #sp_nav .sp_nav_cont ul.other li.stamp a:hover {
    color: #D5BD3C;
    transition: color 500ms ease 0ms;
  }


  #sp_nav .sp_nav_cont ul.other li a::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    inline-size: 41rem;
    block-size: 41rem;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    /* translate: 0 -50%; */
    transform: translateY(-50%);
  }
  #sp_nav .sp_nav_cont ul.other li.event a::before {
    background-image: url(../img/common/sp_nav_icon_event.webp);
  }
  #sp_nav .sp_nav_cont ul.other li.stamp a::before {
    background-image: url(../img/common/sp_nav_icon_stamp.webp);
  }







	#w_band {
		padding-block-start: 10rem;
		padding-block-end: 20rem;
		padding-inline-start: 10rem;
		padding-inline-end: 10rem;
	}
	#w_band .txt {
		font-size: 13rem;
	}
	#w_band a {
	}
	#w_band a:hover {
	}




















}