@charset "UTF-8";

/* -------------------------------------
index
------------------------------------- */
#mainimg {
	background-color:#000;
}

#movie {
	background-color:#000;
	position:relative;
}
#movie video {
	width:100%;
	position:relative;
	z-index:2;
}
#movie .video_control {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:11;
	cursor:pointer;
}
#movie .video_control img {
	width:7%;
	height:auto;
	position:absolute;
	top:67%;
	left:20px;
	z-index:11;
	cursor:pointer;
	opacity:1.0;
	transition:opacity 0.5s;
}
#movie .video_control .play {
	opacity:0;
}
#movie .video_control.active .play {
	opacity:1.0;
}
#movie .video_control.active .pause {
	opacity:0;
}
#movie #movie_text {
	width:calc(100% - 40px);
	height:100%;
	padding:20px 0;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
}
#movie #movie_text p {
	width:100%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
}
#movie #movie_text p#movie_text1 {
	height:calc(50% - 20px);
	top:20px;
}
#movie #movie_text p#movie_text2 {
	height:calc(50% - 20px);
	top:50%;
}
#movie #movie_text p img {
	width:50%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	opacity:0;
}
#movie #movie_text1 img {
	bottom:10px;
	transform:translateY(0);
	animation:scallUp1 2.0s ease-in-out 0s forwards;
}
#movie #movie_text2 img {
	top:10px;
	transform:translateY(0);
	animation:scallUp2 2.0s ease-in-out 0s forwards;
}
@keyframes scallUp1 {
	0% {
		width:50%;
		bottom:10px;
		opacity:0;
		transform:translateY(0);
	}
	65% {
		width:50%;
		bottom:10px;
		opacity:1.0;
		transform:translateY(0);
	}
	100% {
		width:100%;
		bottom:100%;
		opacity:1.0;
		transform:translateY(100%);
	}
}
@keyframes scallUp2 {
	0% {
		width:50%;
		top:10px;
		opacity:0;
		transform:translateY(0);
	}
	65% {
		width:50%;
		top:10px;
		opacity:1.0;
		transform:translateY(0);
	}
	100% {
		width:100%;
		top:100%;
		opacity:1.0;
		transform:translateY(-100%);
	}
}
.close_text {
  background: #000;
  padding: 16px 0;
  text-align: center;
}
.close_text p {
  color: #fff;
  text-align: center;
  font-size: 24px;
  border:solid 2px #f00;
  display: inline-block;
  padding: 0 15px;
}
.top_37gameBtn {
  display: flex;
  justify-content: center;
  background-color: #000;
}
.top_37gameBtn a {
  position: relative;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  max-width: 370px;
  background-color: #fff;
  border-radius: 1000px;
  margin: 5px 0;
  padding: 10px 50px;
}
.top_37gameBtn a::after {
  display: inline-block;
  content: "▶︎";
  position: absolute;
  right: 24px;
  top: 13px;
  font-size: 12px;
}
.top_37gameBtn a picture {
  width: 160px;
  display: inline-block;
}
.top_37gameBtn a p {
  font-weight: bold;
  padding: 0 10px;
}


#gallery {
	font-size:0;
	text-align:center;
	padding:20px;
	background-color:#FFF;
	transition:color 0.5s,background-color 0.5s;
}
#gallery span {
	font-size:26px;
	font-weight:bold;
	padding:5px 30px 5px 0;
	display:inline-block;
	background:url(../imgs/index/icon_gallery_off.png) no-repeat center right;
	background-size:26px auto;
	transition:background 0.5s;
}
#gallery:hover {
	color:#FFF;
	background-color:#005A99;
	opacity:1.0;
}
#gallery:hover span {
	background:url(../imgs/index/icon_gallery_on.png) no-repeat center right;
	background-size:26px auto;
}
#gallery span .sp {
	display:none;
}


#cm {
	padding:80px 0;
}
#cm li {
	width:47.2%;
	margin-bottom:5.6%;
}
#cm li:nth-child(even) {
	margin-left:auto;
}
#cm li:nth-last-child(-n+2) {
	margin-bottom:0;
}
#cm li .frame {
	padding-top:56.25%;
	position:relative;
	overflow:hidden;
}
#cm li iframe {
	width:100%;
	height:100%;
	display:block;
	border:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#cm li p {
	color:#ffffff;
	padding-top: 12px;
}


#esconfield {
	padding:80px 0;
	background:url(../imgs/index/esconfield_bg.jpg) no-repeat center center;
	background-size:cover;
}
#esconfield h2 {
	width:80%;
	max-width:360px;
	margin:0 auto 30px auto;
}
#esconfield p {
	font-size:20px;
	color:#FFF;
	text-align:center;
	line-height:2.2;
	letter-spacing:0.1em;
	margin-bottom:25px;
}
#esconfield p .sp {
	display:none;
}


.title_head {
	text-align:center;
	margin-bottom:35px;
}
.title_head .engimg {
	width:80%;
	max-width:355px;
	margin:0 auto 10px auto;
}
.title_head h2 {
	font-size:16px;
}
.title_head.wh h2 {
	color:#FFF;
}
#whats {
	padding-top:80px;
	overflow:hidden;
}
#whats .photolist {
	margin-bottom:40px;
}
#whats #whats_no {
	margin-bottom:40px;
}
#whats #whats_no li {
	width:50%;
	padding:8px 0;
}
#whats #whats_no li:nth-child(1) {
	padding-right:40px;
	border-right:1px solid #FFF;
}
#whats #whats_no li:nth-child(2) {
	padding-left:40px;
}
#whats #whats_no li h3 {
	max-width:361px;
	margin-bottom:15px;
}
#whats #whats_no li p {
	color:#FFF;
}

#resale {
	padding:40px 20px;
	background-color:#EFEFEF;
	background-image:url(../imgs/index/resale_bg_lefttop.png),url(../imgs/index/resale_bg_righttop.png),url(../imgs/index/resale_bg_leftbtm.png),url(../imgs/index/resale_bg_rightbtm.png);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left top,right top,left bottom,right bottom;
}
#resale h3 {
	font-size:25px;
	font-weight:600;
	text-align:center;
	line-height:1.4;
	margin-bottom:30px;
}
#resale ul {
	max-width:1000px;
	margin:0 auto 40px auto;
}
#resale li {
	width:calc(100% / 3);
	padding:8px 30px;
}
#resale li:not(:last-child) {
	border-right:1px solid #000;
}
#resale li h4 {
  height: 54px;
	margin-bottom:10px;
}
#resale li:nth-child(1) h4 {
	max-width:234px;

}

#resale li:nth-child(2) h4 {

}
#resale li:nth-child(3) h4 {
	max-width:200px;

}


#resale li p {
	line-height:1.6;
}


#recommended {
	padding-top: 80px;
	padding-bottom:80px;
}
#recommended .title_head {
	margin-bottom:25px;
}
#recommended .maincap {
	text-align:center;
	color:#FFF;
	margin-bottom:30px;
}
#recommended .maincap .sp {
	display:none;
}
#recommended ul li {
	width:48%;
}
#recommended ul li:last-child {
	margin-left:auto;
}
#recommended ul li a {
	padding:70px 20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#recommended ul li.corporation a {
	background-image:url(../imgs/index/recommende_bg1.jpg);
}
#recommended ul li.private a {
	background-image:url(../imgs/index/recommende_bg2.jpg);
}
#recommended ul li .eng {
	width:118px;
	margin:0 auto;
}
#recommended ul li h3 {
	font-size:35px;
	font-weight:500;
	color:#FFF;
	text-align:center;
	letter-spacing:0.1em;
	margin-bottom:15px;
}
#recommended ul li a:hover {
	opacity:1.0;
}
#recommended ul li a:hover .link {
	color:#FFF;
	background:#005A99 url(../imgs/common/arrow_link_on.svg) no-repeat center right 20px;
	background-size:7px auto;
	opacity:1.0;
}


#features {
	padding:80px 0;
	margin-bottom:80px;
	background:url(../imgs/index/features_bg.jpg?v=3) no-repeat center center;
	background-size:cover;
}
#features .in {
	width:50%;
	min-width:350px;
	margin-left:auto;
}
#features .title_head {
	margin-bottom:25px;
}
#features .title_head .engimg {
	width:100%;
}
#features p.cap {
	text-align:center;
	letter-spacing:0.05em;
	margin-bottom:30px;
}


.seatlist {
	margin-bottom:80px;
}
.seatlist .photo {
	width:72.4%;
	position:relative;
}
.seatlist:nth-child(even) .photo {
	margin-right:-15.8%;
	left:-15.8%;
}
.seatlist:nth-child(odd) .photo {
	margin-left:-15.8%;
	right:-15.8%;
	order:2;
}
.seatlist .photo360 {
  width: 56.6%;
  min-height: 305px;
  aspect-ratio: 600/400;
}
.seatlist:nth-child(odd) .photo360 {
	order:2;
}
.seatlist .photo360 iframe {
  width: 100%;
  height: 100%;
}
.seatlist .text {
	flex:1;
	min-height:305px;
	position:relative;
}
.seatlist:nth-child(even) .text {
	border-right:3px solid #000;
}
.seatlist:nth-child(odd) .text {
	border-left:3px solid #000;
}
.seatlist .text::after {
	content:"";
	width:12px;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	z-index:1;
}
.seatlist:nth-child(even) .text::after {
	right:-18px;
}
.seatlist:nth-child(odd) .text::after {
	left:-18px;
}
.seatlist .text .in {
	width:100%;
	max-width:400px;
	padding-left:30px;
	padding-right:20px;
	margin-left:auto;
}
.seatlist#seat1 .text::after {
	background-color:#B7A55C;
}
.seatlist#seat2 .text::after {
	background-color:#A07C30;
}
.seatlist#seat3 .text::after {
	background-color:#036EB8;
}
.seatlist#seat4 .text::after {
	background-color:#036EB8;
}
.seatlist#seat5 .text::after {
	background-color:#2EA7E0;
}
.seatlist#seat6 .text::after {
	background-color:#F6AB00;
}
.seatlist#seat7 .text::after {
	background-color:#00692F;
}
.seatlist#seat7-2 .text::after {
  background-color:#00913A;
}
.seatlist .text .area {
	padding-left:10px;
	margin-bottom:10px;
	border-left:2px solid #000;
}
.seatlist .text .area span {
	line-height:1.4;
	display:block;
}
.seatlist .text .area .eng {
	font-weight:600;
}
.seatlist .text .area .ja {
	font-size:14px;
}
.seatlist .text h3 {
	font-size:25px;
	line-height:1.3;
	margin-bottom:8px;
}
.seatlist .text .cat p {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	line-height:1.2;
	padding:5px 8px 6px 8px;
	margin-bottom:10px;
}
.seatlist .text .cat p:not(:last-child) {
	margin-right:10px;
}
.seatlist#seat1 .text .cat p {
	background-color:#B7A55C;
}
.seatlist#seat3 .text .cat p {
	background-color:#036EB8;
}
.seatlist#seat4 .text .cat p {
	background-color:#036EB8;
}
.seatlist#seat5 .text .cat p {
	background-color:#2EA7E0;
}
.seatlist#seat6 .text .cat p:nth-child(1) {
	background-color:#F6AB00;
}
.seatlist#seat6 .text .cat p:nth-child(2) {
	background-color:#FBC93E;
}
.seatlist#seat7 .text .cat p {
	background-color:#00692F;
}
.seatlist#seat7-2 .text .cat p {
	background-color:#00913A;
}
.seatlist .text .direction {
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}
.seatlist#seat2 .text .direction {
	color:#A07C30;
}
.seatlist#seat3 .text .direction {
	color:#036EB8;
}
.seatlist#seat4 .text .direction {
	color:#036EB8;
}
.seatlist#seat5 .text .direction {
	color:#2EA7E0;
}
.seatlist#seat7 .text .direction {
	color:#00692F;
}
.seatlist#seat7-2 .text .direction {
	color:#00913A;
}
.seatlist .text .cap {
	margin-top:12px;
	margin-bottom:30px;
}
.seatlist .text .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.seatlist .text .btns a {
  width: 170px;
}
.seatlist .text .link {
	max-width:305px;
	margin:0;
}
.seatlist .slick-dots {
	position:absolute;
	top:0;
	z-index:1;
}
.seatlist:nth-child(even) .slick-dots {
	right:-15px;
}
.seatlist:nth-child(odd) .slick-dots {
	left:-15px;
}
.seatlist .nodots .slick-dots {
	display:none;
}
.seatlist .slick-dots button {
	display:none;
}
.seatlist .slick-dots li {
	width:4px;
	height:30px;
	background-color:#9FA0A0;
	cursor:pointer;
	transition:background-color 0.5s;
}
.seatlist .slick-dots li:not(:last-child) {
	margin-bottom:7px;
}
.seatlist#seat1 .slick-dots li.slick-active {
	background-color:#B7A55C;
}
.seatlist#seat2 .slick-dots li.slick-active {
	background-color:#A07C30;
}
.seatlist#seat3 .slick-dots li.slick-active {
	background-color:#036EB8;
}
.seatlist#seat4 .slick-dots li.slick-active {
	background-color:#036EB8;
}
.seatlist#seat5 .slick-dots li.slick-active {
	background-color:#2EA7E0;
}
.seatlist#seat6 .slick-dots li.slick-active {
	background-color:#F6AB00;
}
.seatlist#seat7 .slick-dots li.slick-active {
	background-color:#00692F;
}
.seatlist#seat7-2 .slick-dots li.slick-active {
	background-color:#00913A;
}


#lineup_list {
	font-size:0;
	text-align:center;
	padding:20px;
	border-top:1px solid #FFF;
	background-color:#9FA0A0;
	transition:color 0.5s,border 0.5s,background-color 0.5s;
}
#lineup_list span {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	padding:5px 30px 5px 0;
	display:inline-block;
	background:url(../imgs/index/icon_lineup_list_off.png) no-repeat center right;
	background-size:26px auto;
	transition:color 0.5s,background 0.5s;
}
#lineup_list:hover {
	border-top:1px solid #9FA0A0;
	background-color:#FFF;
	opacity:1.0;
}
#lineup_list:hover span {
	color:#9FA0A0;
	background:url(../imgs/index/icon_lineup_list_on.png) no-repeat center right;
	background-size:26px auto;
}


#apply {
	padding:80px 0;
}
#apply .step {
	margin-bottom:50px;
}
#apply .step .tb {
	width:100%;
}
#apply .step .num {
	width:155px;
	background-color:#FFF;
}
#apply .step > li:nth-child(even) .num {
	background-color:#C9CACA;
}
#apply .step .num img {
	width:31px;
	margin:0 auto;
}
#apply .step .text {
	color:#FFF;
	padding:0 10px;
}
#apply .step .text h3 {
	font-size:25px;
	font-weight:600;
	letter-spacing:0.1em;
	padding:20px 20px 20px 40px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#apply .step .text .in {
	padding:35px 20px 40px 40px;
}
#apply #step4 .text .in {
	border-bottom:1px solid #FFF;
}
#apply .step .text .in p {
	line-height:1.6;
}
#apply #step1 .link {
	font-size:20px;
	font-weight:bold;
	max-width:310px;
	margin:25px 0;
	border:2px solid #FFF;
}
#apply #step2 .text p img {
	width:79px;
}
#apply #step2 .text p span {
	width:calc(100% - 79px);
	padding-left:25px;
}
#apply #step3 .text p {
	margin-bottom:20px;
}
#apply #step3 .pay {
	max-width:433px;
	margin-bottom:25px;
}
#apply #step3 .pay li:nth-child(1) {
	width:27.7%;
}
#apply #step3 .pay li:nth-child(2) {
	width:67.8%;
	margin-left:auto;
}
#apply .caps {
	font-size:10px;
	text-indent:-1em;
	line-height:2.1;
	padding-left:1em;
}
#apply #step4 .select {
	max-width:597px;
	margin-bottom:35px;
}
#apply #step4 .select li {
	width:47.2%;
}
#apply #step4 .select li:last-child {
	margin-left:auto;
}


#apply #notes {
	justify-content:center;
	color:#FFF;
}
#apply #notes dt {
	font-size:25px;
	font-weight:600;
}
#apply #notes dd {
	padding-left:30px;
}


#owner {
	background-image: url(../imgs/index/owner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 85px 0;
}
.owner__txt {
	text-align: center;
	color: #fff;
	margin-bottom: 45px;
}


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

}
@media screen and (max-width:1100px) {
	#cm {
		padding:75px 0;
	}


	#esconfield {
		padding:70px 0;
	}
	#esconfield h2 {
		margin:0 auto 29px auto;
	}
	#esconfield p {
		font-size:19px;
		line-height:2.1;
	}


	.title_head {
		margin-bottom:34px;
	}


	#whats {
		padding-top:75px;
		margin-bottom:75px;
	}
	#whats .photolist {
		margin-bottom:39px;
	}
	#whats #whats_no {
		margin-bottom:39px;
	}
	#whats #whats_no li:nth-child(1) {
		padding-right:30px;
	}
	#whats #whats_no li:nth-child(2) {
		padding-left:30px;
	}


	#resale {
		padding:35px 20px;
	}
	#resale h3 {
		font-size:24px;
		margin-bottom:29px;
	}
	#resale ul {
		margin:0 auto 38px auto;
	}
	#resale li {
		padding:8px 25px;
	}
	#resale li br {
		display:none;
	}


	#recommended {
		padding-bottom:75px;
	}
	#recommended .title_head {
		margin-bottom:24px;
	}
	#recommended .maincap {
		margin-bottom:29px;
	}
	#recommended ul li a {
		padding:65px 20px;
	}
	#recommended ul li h3 {
		font-size:33px;
	}


	#features {
		padding:75px 0;
		margin-bottom:75px;
	}
	#features p.cap {
		margin-bottom:29px;
	}


	.seatlist {
		margin-bottom:75px;
	}
	.seatlist .text h3 {
		font-size:24px;
	}
	.seatlist .text .cap {
		margin-bottom:29px;
	}


	#apply {
		padding:75px 0;
	}
	#apply .step {
		margin-bottom:48px;
	}
	#apply .step .num {
		width:135px;
	}
	#apply .step .num img {
		width:30px;
	}
	#apply .step .text h3 {
		font-size:24px;
		padding:19px 20px 19px 30px;
	}
	#apply .step .text .in {
		padding:34px 20px 38px 30px;
	}
	#apply #step1 .link {
		font-size:19px;
		margin:24px 0;
	}
	#apply #step2 .text p img {
		width:75px;
	}
	#apply #step2 .text p span {
		width:calc(100% - 75px);
		padding-left:24px;
	}
	#apply #step3 .text p {
		margin-bottom:19px;
	}
	#apply #step3 .pay {
		margin-bottom:24px;
	}
	#apply #step4 .select {
		margin-bottom:34px;
	}
	#apply #notes dt {
		font-size:24px;
	}
	#apply #notes dd {
		padding-left:25px;
	}
}
@media screen and (max-width:768px) {
	#movie .video_control img {
		width:8.5%;
		top:62%;
	}


	#gallery span {
		font-size:15px;
	}


	#cm {
		padding:70px 0;
	}


	#esconfield {
		padding:60px 0;
	}
	#esconfield h2 {
		margin:0 auto 27px auto;
	}
	#esconfield p {
		font-size:18px;
		line-height:2.0;
	}
	#esconfield p .sp {
		display:block;
	}


	.title_head {
		margin-bottom:32px;
	}
	.title_head h2 {
		font-size:15px;
	}


	#whats {
		padding-top:70px;
		margin-bottom:70px;
	}
	#whats .photolist {
		margin-bottom:37px;
	}
	#whats #whats_no {
		margin-bottom:37px;
	}
	#whats #whats_no li:nth-child(1) {
		padding-right:20px;
	}
	#whats #whats_no li:nth-child(2) {
		padding-left:20px;
	}


	#resale {
		padding:30px 20px;
	}
	#resale h3 {
		font-size:22px;
		margin-bottom:27px;
	}
	#resale ul {
		margin:0 auto 34px auto;
	}
	#resale li {
		padding:8px 20px;
	}


	#recommended {
		padding-bottom:70px;
	}
	#recommended .title_head {
		margin-bottom:22px;
	}
	#recommended .maincap {
		margin-bottom:27px;
	}
	#recommended ul li a {
		padding:60px 20px;
	}
	#recommended ul li h3 {
		font-size:30px;
	}


	#features {
		padding:70px 0;
		margin-bottom:70px;
	}
	#features .in {
		width:100%;
		min-width:initial;
		min-width:auto;
	}
	#features p.cap {
		font-weight:bold;
		text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
		margin-bottom:27px;
	}


	.seatlist {
		margin-bottom:70px;
	}
	.seatlist .photo360 {
		display: flex;
    justify-content: center;
	}
	.seatlist .text h3 {
		font-size:23px;
	}
	.seatlist .text .cat p {
		font-size:15px;
	}
	.seatlist .text .direction {
		font-size:15px;
	}
	.seatlist .text .cap {
		margin-bottom:27px;
	}


	#lineup_list span {
		font-size:15px;
	}


	#apply {
		padding:70px 0;
	}
	#apply .step {
		margin-bottom:44px;
	}
	#apply .step .num {
		width:110px;
	}
	#apply .step .num img {
		width:28px;
	}
	#apply .step .text h3 {
		font-size:22px;
		padding:17px 20px 17px 25px;
	}
	#apply .step .text .in {
		padding:32px 20px 34px 25px;
	}
	#apply #step1 .link {
		font-size:18px;
		margin:22px 0;
	}
	#apply #step2 .text p img {
		width:70px;
	}
	#apply #step2 .text p span {
		width:calc(100% - 70px);
		padding-left:22px;
	}
	#apply #step3 .text p {
		margin-bottom:17px;
	}
	#apply #step3 .pay {
		margin-bottom:22px;
	}
	#apply #step4 .select {
		margin-bottom:32px;
	}
	#apply #notes dt {
		font-size:23px;
		margin-bottom:15px;
	}
	#apply #notes dd {
		width:100%;
		padding-left:0;
	}
}
@media screen and (max-width:640px) {
	#movie #movie_text1 img {
		bottom:5px;
	}
	#movie #movie_text2 img {
		top:5px;
	}
	@keyframes scallUp1 {
		0% {
			width:50%;
			bottom:5px;
			opacity:0;
			transform:translateY(0);
		}
		65% {
			width:50%;
			bottom:5px;
			opacity:1.0;
			transform:translateY(0);
		}
		100% {
			width:100%;
			bottom:100%;
			opacity:1.0;
			transform:translateY(100%);
		}
	}
	@keyframes scallUp2 {
		0% {
			width:50%;
			top:5px;
			opacity:0;
			transform:translateY(0);
		}
		65% {
			width:50%;
			top:5px;
			opacity:1.0;
			transform:translateY(0);
		}
		100% {
			width:100%;
			top:100%;
			opacity:1.0;
			transform:translateY(-100%);
		}
	}


	#cm li {
		width:100%;
		margin-bottom:25px;
	}
	#cm li:nth-last-child(-n+2) {
		margin-bottom:25px;
	}
	#cm li:last-child {
		margin-bottom:0;
	}


	#whats #whats_no li {
		width:100%;
		padding:0;
	}
	#whats #whats_no li:nth-child(1) {
		padding:0 0 25px 0;
		margin-bottom:25px;
		border-right:none;
		border-bottom:1px solid #FFF;
	}
	#whats #whats_no li:nth-child(2) {
		padding-left:0px;
	}
	#whats #whats_no li h3 {
		max-width:300px;
	}


	#resale {
		padding:28px 20px;
	}
	#resale h3 {
		font-size:21px;
	}
	#resale h3 br {
		display:none;
	}
	#resale li {
		width:100%;
		padding:20px 0;
	}
	#resale li:not(:last-child) {
		border-right:none;
		border-bottom:1px solid #000;
	}
	#resale li:first-child {
		padding-top:0;
	}
	#resale li:last-child {
		padding-bottom:0;
	}
	#resale li h4 {
		max-width:200px;
		margin:0 auto 10px auto;
	}
	#resale li p {
		text-align:center;
	}
	#resale li p br {
		display:block;
	}


	#recommended ul li {
		width:100%;
	}
	#recommended ul li:nth-child(1) {
		margin-bottom:20px;
	}
	#recommended ul li a {
		padding:55px 20px;
	}
	#recommended ul li h3 {
		font-size:28px;
	}


	.seatlist .photo {
		width:100%;
	}
	.seatlist:nth-child(even) .photo {
		margin-right:0;
		left:0;
	}
	.seatlist:nth-child(odd) .photo {
		margin-left:0;
		right:0;
		order:0;
	}
  .seatlist .photo360 {
    width: 100%;
	}
  .seatlist:nth-child(odd) .photo360 {
		order:0;
	}
	.seatlist .text {
		max-width:calc(100% - 18px);
		min-height:initial;
		min-height:auto;
		margin:20px 0 0 auto;
		padding:15px 0 15px 20px;
	}
	.seatlist:nth-child(even) .text {
		border-right:none;
		border-left:3px solid #000;
	}
	.seatlist:nth-child(odd) .text {
		border-left:3px solid #000;
	}
	.seatlist:nth-child(even) .text::after {
		right:auto;
		left:-18px;
	}
	.seatlist:nth-child(odd) .text::after {
		left:-18px;
	}
	.seatlist .text .in {
		max-width:100%;
		padding:0;
	}
	.seatlist .text .cap br {
		display:none;
	}
	.seatlist .slick-dots {
		display:flex;
		margin-top:15px;
		position:static;
	}
	.seatlist .slick-dots li {
		width:30px;
		height:4px;
	}
	.seatlist .slick-dots li:not(:last-child) {
		margin-bottom:0;
		margin-right:7px;
	}


	#apply .step .tb {
		display:block;
	}
	#apply .step .cell {
		display:block;
	}
	#apply .step .num {
		width:100%;
		padding:15px 20px;
	}
	#apply .step .num img {
		width:27px;
	}
	#apply .step .text {
		padding:0;
	}
	#apply .step .text h3 {
		font-size:21px;
		padding:17px 0 17px 0;
		border-top:none;
	}
	#apply .step .text .in {
		padding:32px 0 34px 0;
	}
	#apply #notes dt {
		font-size:22px;
	}
	.owner__txt br {
		display: none;
	}
}
@media screen and (max-width:500px) {
	#movie .video_control img {
		width:10%;
		top:55%;
	}


	#gallery {
		padding:15px 20px;
	}
	#gallery span .sp {
		display:block;
	}


	#cm {
		padding:60px 0;
	}
	#cm li {
		margin-bottom:20px;
	}
	#cm li:nth-last-child(-n+2) {
		margin-bottom:20px;
	}
	#cm li:last-child {
		margin-bottom:0;
	}


	#esconfield h2 {
		margin:0 auto 25px auto;
	}
	#esconfield p {
		font-size:17px;
		line-height:1.9;
	}


	.title_head {
		margin-bottom:30px;
	}
	.title_head h2 {
		font-size:14px;
	}


	#whats {
		padding-top:60px;
		margin-bottom:60px;
	}
	#whats .photolist {
		margin-bottom:35px;
	}
	#whats #whats_no {
		margin-bottom:35px;
	}


	#resale {
		padding:25px 20px;
	}
	#resale h3 {
		font-size:19px;
		margin-bottom:25px;
	}
	#resale ul {
		margin:0 auto 30px auto;
	}


	#recommended {
		padding-bottom:60px;
	}
	#recommended .title_head {
		margin-bottom:20px;
	}
	#recommended .maincap {
		margin-bottom:25px;
	}
	#recommended .maincap .sp {
		display:block;
	}
	#recommended ul li a {
		padding:50px 20px;
	}
	#recommended ul li h3 {
		font-size:26px;
	}


	#features {
		padding:60px 0;
		margin-bottom:60px;
	}
	#features p.cap {
		margin-bottom:25px;
	}


	.seatlist {
		margin-bottom:60px;
	}
	.seatlist .text h3 {
		font-size:22px;
	}
	.seatlist .text .cat p {
		font-size:14px;
	}
	.seatlist .text .direction {
		font-size:14px;
	}
	.seatlist .text .cap {
		margin-bottom:25px;
	}
  .seatlist .text .btns a {
    width: calc(50% - 5px);
    min-width: 140px;
  }


	#apply {
		padding:60px 0;
	}
	#apply .step {
		margin-bottom:40px;
	}
	#apply .step .num img {
		width:25px;
	}
	#apply .step .text h3 {
		font-size:20px;
		padding:15px 0 15px 0;
	}
	#apply .step .text .in {
		padding:30px 0 30px 0;
	}
	#apply #step1 .link {
		font-size:17px;
		margin:20px 0;
	}
	#apply #step2 .text p img {
		width:60px;
	}
	#apply #step2 .text p span {
		width:calc(100% - 60px);
		padding-left:20px;
	}
	#apply #step3 .text p {
		margin-bottom:15px;
	}
	#apply #step3 .pay {
		margin-bottom:20px;
	}
	#apply #step4 .select {
		max-width:270px;
		margin:0 auto 30px auto;
	}
	#apply #step4 .select li {
		width:100%;
	}
	#apply #step4 .select li:nth-child(1) {
		margin-bottom:20px;
	}
	#apply #notes dt {
		font-size:20px;
	}
	#owner {
		padding: 60px 0;
	}
	.owner__txt {
		margin-bottom: 30px;
	}
}
@media screen and (max-width:320px) {
	#esconfield {
		padding:50px 0;
	}
}
@media screen and (min-width:769px) {

}