@charset "UTF-8";

/*============================================================
	RESET
*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body { background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td,embed,button { margin:0; padding:0; font-weight: normal; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size: 100%; font-weight: normal; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
li { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000000; }
area { outline: 0; }
img { vertical-align: top; }
i { font-style: normal; }
strong { font-weight: bold; }

/*============================================================
	BODY
*/
html, body {
	width: 100%;
	background-color: #ffffff;
	color: #000000;
}
body {
	font-size: 14px;
	line-height: 2.2;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
a {
	text-decoration: none;
}

/*============================================================
	LANG
*/
/*ENGLISH*/
.font-en {
	font-family: arial, helvetica, sans-serif;
}
/*簡体字*/
.font-cn-t {
	font-family: "Microsoft YaHei", 'SimSun', sans-serif;
}
/*繁体字*/
.font-cn-s {
	font-family: "Microsoft JhengHei", 'PMingLiU', sans-serif;
}
/*ハングル*/
.font-kr {
	font-family: "Malgun Gothic", "Yoon Gothic", sans-serif;
}

/*============================================================
	FOTTER
*/
#footer {
	padding: 20px 20px 40px 20px;
	text-align: center;
}
#footer address {
	font-style: normal;
	font-size: 10px;
	line-height: 1.5;
	color: #666666;
}

/*============================================================
	COMMON
*/
#mdesign {
	position: relative;
	overflow: hidden;
}
#mdesign * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#mdesign img {
	width: 100%;
}
/* LOGO */
#mdesign .logo-skytree {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
	width: 79px;
}
/* CLEAR FIX */
#mdesign .cf:after,
#mdesign .container:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/* CONTAINER */
#mdesign .container {
	position: relative;
	margin: 0 auto;
}
/* HEADING */
#mdesign .heading {
	text-align: center;
}
#mdesign .heading .h {
	font-weight: bold;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 3px;
}
#mdesign .heading p {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #999999;
	letter-spacing: 1px;
}

/*============================================================
	MENU
*/
#mdesign .menu-opener {
	position: absolute;
	top: 0; right: 0;
	z-index: 10;
	width: 50px;
}
#mdesign .nav {
	position: fixed;
	z-index: 201;
	top: 84px; left: 79px;
	left: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
}
#mdesign .nav a {
	display: block;
	color: #ffffff;
}
#mdesign .nav .menu-close {
	position: absolute;
	top: 0; right: 79px;
	width: 50px;
}
#mdesign .nav ul {
	padding-top: 50px;
}
#mdesign .nav ul li {
	border-top: 1px solid #cccccc;
	font-weight: bold;
}
#mdesign .nav ul li a {
	position: relative;
	padding: 12px;
	font-size: 16px;
	line-height: 1.5;
  text-align: left;
}
#mdesign .nav ul li a i {
	display: block;
	position: absolute;
	top: 50%; right: 94px;
	margin-top: -8px;
	width: 16px; height: 16px;
	background: transparent url(../img/menu_arrow_down.png) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
#mdesign .nav ul li.opened a i {
	background-image: url(../img/menu_arrow_up.png);
}
#mdesign .nav ul li ul {
	padding: 0;
}
#mdesign .nav ul li ul li a i {
	background-image: url(../img/menu_arrow_right.png) !important;
}
#mdesign .nav ul li .child {
	overflow: hidden;
	height: 0;
}

/*============================================================
	PAGE TOP
*/
#mdesign .pagetop {
	position: fixed;
	z-index: 100;
	bottom: 0; right: 0;
	width: 65px; height: 65px;
	background: rgba(0,0,0,0.5);
}

/*============================================================
	KEY VISUAL
*/
#mdesign .keyvisual {
	position: relative;
	background-color: #000;
	color: #ffffff;
}
#mdesign .keyvisual .container {
	width: 100%;
}
#mdesign .keyvisual .base01 {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}
#mdesign .keyvisual .h {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}

/*============================================================
	NUMERICAL
*/
#mdesign .numerical {
}
#mdesign .numerical .container {
	padding: 30px 10px 30px 10px;
}
#mdesign .numerical .block {
	margin: 20px 0 0 0;
}
#mdesign .numerical .block .h {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333333;
	text-align: center;
}
#mdesign .numerical .block .h img {
	width: 280px;
}
#mdesign .numerical .block p {
	font-size: 12px;
	line-height: 1.6;
  text-align: left;
}

/*============================================================
	CHARACTER
*/
#mdesign .character {
	position: relative;
	margin: 0 0 10px 0;
	background: transparent url(../img/character_bg.jpg) 50% 30% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#mdesign .character a {
	display: block;
	cursor: pointer;
}
#mdesign .character img {
	width: 100%;
}
#mdesign .character .bg {
	position: relative;
}
#mdesign .character .container {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#mdesign .character .next,
#mdesign .character .start,
#mdesign .character .back,
#mdesign .character .btn-next {
	position: absolute;
	top: 20px; right: 5px;
	width: 20%;
}
#mdesign .character .prev,
#mdesign .character .btn-prev {
	position: absolute;
	top: 20px; left: 5px;
	width: 20%;
}
#mdesign .character .btn-next img,
#mdesign .character .btn-prev img {
	opacity: 0;
}

/*	background: rgba(0,0,0,0.5);*/

#mdesign .character .scene {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	max-width: 1000px;
}
#mdesign .character .scene div {
	position: absolute;
}
/* scene index */
#mdesign .character .scene-index {
	display: block;
}
#mdesign .character .scene-index .airplane {
	top: -10px; left: 40px;
	top: -2.88%; left: 12.5%;
	width: 240px;
	width: 75%;
}
#mdesign .character .scene-index .char01 {
	top: 88px; left: 0;
	top: 25.36%; left: 0;
	width: 170px;
	width: 53.125%;
	-webkit-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}
#mdesign .character .scene-index .char02 {
	top: 88px; left: 150px;
	top: 25.36%; left: 46.875%;
	width: 170px;
	width: 53.125%;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}
#mdesign .character .scene-index .info01 {
	top: 206px; left: 5px;
	top: 59.36%; left: 1.56%;
	width: 150px;
	width: 46.875%;
}
#mdesign .character .scene-index .info02 {
	top: 232px; left: 140px;
	top: 66.858%; left: 43.75%;
	width: 170px;
	width: 53.125%;
}
/* scene individuals01 */
#mdesign .character .scene-in01 {
	display: none;
}
#mdesign .character .scene-in01 .panel01 {
	top: 340px; left: 0;
	width: 380px;
}
#mdesign .character .scene-in01 .panel02 {
	top: 340px; left: 320px;
	width: 340px;
}
#mdesign .character .scene-in01 .panel03 {
	top: 340px; left: 634px;
	width: 370px;
}
#mdesign .character .scene-in01 .balloon01 {
	top: 659px; left: 30px;
	width: 266px;
	-webkit-transform-origin: 100% 20%;
	-moz-transform-origin: 100% 20%;
	transform-origin: 100% 20%;
}
#mdesign .character .scene-in01 .balloon02 {
	top: 370px; left: 480px;
	width: 142px;
	-webkit-transform-origin: 30% 90%;
	-moz-transform-origin: 30% 90%;
	transform-origin: 30% 90%;
}
#mdesign .character .scene-in01 .balloon03 {
	top: 613px; left: 346px;
	width: 224px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
#mdesign .character .scene-in01 .balloon04 {
	top: 308px; left: 590px;
	width: 240px;
	-webkit-transform-origin: 30% 90%;
	-moz-transform-origin: 30% 90%;
	transform-origin: 30% 90%;
}
/* scene in02 */
#mdesign .character .scene-in02 {
	display: none;
}
#mdesign .character .scene-in02 .panel01 {
	top: 327px; left: 79px;
	width: 260px;
}
#mdesign .character .scene-in02 .panel02 {
	top: 425px; left: 340px;
	width: 542px;
}
#mdesign .character .scene-in02 .balloon01 {
	top: 675px; left: 115px;
	width: 226px;
	-webkit-transform-origin: 80% 0%;
	-moz-transform-origin: 80% 0%;
	transform-origin: 80% 0%;
}
#mdesign .character .scene-in02 .balloon02 {
	top: 365px; left: 530px;
	width: 240px;
	-webkit-transform-origin: 30% 100%;
	-moz-transform-origin: 30% 100%;
	transform-origin: 30% 100%;
}
#mdesign .character .scene-in02 .balloon03 {
	top: 414px; left: 311px;
	width: 258px;
	-webkit-transform-origin: 90% 100%;
	-moz-transform-origin: 90% 100%;
	transform-origin: 90% 100%;
}
#mdesign .character .scene-in02 .balloon04 {
	top: 656px; left: 599px;
	width: 190px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/* scene in03 */
#mdesign .character .scene-in03 {
	display: none;
}
#mdesign .character .scene-in03 .panel01 {
	top: 190px; left: 327px;
	width: 536px;
}
#mdesign .character .scene-in03 .panel02 {
	top: 443px; left: 133px;
	width: 494px;
}
#mdesign .character .scene-in03 .balloon01 {
	top: 290px; left: 67px;
	width: 270px;
	-webkit-transform-origin: 80% 100%;
	-moz-transform-origin: 80% 100%;
	transform-origin: 80% 100%;
}
#mdesign .character .scene-in03 .balloon02 {
	top: 383px; left: 21px;
	width: 226px;
	-webkit-transform-origin: 80% 100%;
	-moz-transform-origin: 80% 100%;
	transform-origin: 80% 100%;
}
#mdesign .character .scene-in03 .play-movie {
	bottom: 5%; left: 0;
	width: 100%;
}
#mdesign .character .scene-in03 .play-movie a {
	display: block;
}

/*============================================================
	ACCESS
*/
#mdesign .access {
	padding: 0 0 10px 0;
}
#mdesign .access .container {
	overflow: hidden;
	padding: 20px 0 0 0;
}
#mdesign .access .heading {
	margin-bottom: 20px;
	padding: 0 10px;
}
#mdesign .access ul {
}
#mdesign .access ul li {
	margin: 20px 0 0 0;
	text-align: center;
}
#mdesign .access ul li a {
	display: block;
}
#mdesign .access ul li a img {
	width: 100%;
}
#mdesign .access ul li p {
	margin: 10px 0 0 0;
	padding: 0 10px;
	font-size: 12px;
	line-height: 1.6;
}

/*============================================================
	GUIDE
*/
#mdesign .guide {
	padding: 20px 0 10px 0;
}
#mdesign .guide .heading {
	margin-bottom: 0;
	padding: 0 10px;
}
/* entrance */
#mdesign .guide .guide-entrance {
	width: 100%;
}
#mdesign .guide .guide-entrance .subhead {
	margin-bottom: 10px;
}
#mdesign .guide .guide-entrance .inner {
	position: relative;
	width: 100%;
}
#mdesign .guide .guide-entrance img {
	width: 100%;
}
#mdesign .guide .guide-entrance a {
	display: block;
	position: absolute;
	/*background: rgba(0,0,0,0.5);*/
	cursor: pointer;
}
#mdesign .guide .guide-entrance .point01 {
	position: absolute;
	top: 66%; left: 64.4%;
	width: 15%; height: 11.9%;
}
#mdesign .guide .guide-entrance .point01-link {
	top: 66%; left: 64.4%;
	width: 15%; height: 11.9%;
}
#mdesign .guide .guide-entrance .point02 {
	position: absolute;
	top: 81%; left: 2.4%;
	width: 12%; height: 11.9%;
}
#mdesign .guide .guide-entrance .point02-link {
	top: 81%; left: 2.4%;
	width: 12%; height: 11.9%;
}
#mdesign .guide .guide-entrance .point03 {
	position: absolute;
	top: 82%; left: 61.2%;
	width: 20%; height: 7.4%;
}
#mdesign .guide .guide-entrance .point03-link {
	top: 82%; left: 61.2%;
	width: 20%; height: 7.4%;
}
/* floor */
#mdesign .guide .guide-floor {
	position: relative;
	width: 100%;
}
#mdesign .guide .guide-floor .heading {
	position: absolute;
	z-index: 10;
	top: 0; left: 0;
	width: 100%;
}
#mdesign .guide .guide-floor .inner {
	position: relative;
	width: 100%;
}
#mdesign .guide .guide-floor a {
	display: block;
	position: absolute;
	width: 17%; height: 4%;
	cursor: pointer;
	/*background: rgba(0,0,0,0.5);*/
}

/*============================================================
	DETAIL
*/
#mdesign .detail {
	padding: 0 0 30px 0;
}
#mdesign .detail .container {
	padding: 20px 10px 0 10px;
}
#mdesign .detail ul {
	margin: 0 auto;
	width: 100%;
}
#mdesign .detail ul li {
	margin: 20px 0 0 0;
}
#mdesign .detail ul li a {
	position: relative;
	display: block;
}
#mdesign .detail ul li a .h {
	position: absolute;
	top: 0; left: 0;
}
#mdesign .detail ul li a .image {
	border: 4px solid #000000;
}
#mdesign .detail ul li.block01 a .image {
	border-color: #2466a2;
}
#mdesign .detail ul li.block02 a .image {
	border-color: #583a93;
}
#mdesign .detail ul li.block03 a .image {
	border-color: #1d3692;
}
#mdesign .detail ul li.block04 a .image {
	border-color: #198bb4;
}
#mdesign .detail ul li.block05 a .image {
	border-color: #255271;
}

/*============================================================
	INFORMATION
*/
#mdesign .information {
	margin: 0 0 10px 0;
	background-color: #ebf6f7;
}
#mdesign .information .container {
	padding: 30px 0 20px 0;
}
#mdesign .information .link {
	display: table;
	margin: 20px auto;
	font-size: 12px;
	line-height: 1.5;
}
#mdesign .information .link a {
	position: relative;
	display: block;
	padding: 0 0 0 25px;
	text-decoration: underline;
	color: #333333;
}
#mdesign .information .link a i {
	position: absolute;
	top: 50%; left: 0;
	margin-top: -10px;
	width: 20px; height: 20px;
	background: transparent url(../img/icon_blank.png) 0 0 no-repeat;
	-webkit-background-size: 20px;
	background-size: 20px;
}

/*============================================================
	SHARE
*/
#mdesign .share {
	margin: 0 0 30px 0;
}
#mdesign .share .container {
	padding: 20px 10px 0 10px;
}
#mdesign .share .subhead {
	margin-top: 20px;
	padding: 10px 0;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-align: center;
	font-size: 10px;
	line-height: 14px;
}
#mdesign .share ul {
	display: table;
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: auto;
}
#mdesign .share ul li {
	display: table-cell;
	vertical-align: top;
	width: 75px;
	text-align: center;
}
#mdesign .share ul li a {
	display: block;
	margin: 0 auto;
	width: 62px;
}

/*============================================================
	MODAL
*/
.modal-overlay {
	display: none;
	position: fixed;
	z-index: 9998;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #000000;
}
.modal {
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	z-index: 9999;
	width: 100%; height: 0;
}
.modal * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.modal .modal-content {
	position: relative;
	margin: 0 auto;
	padding: 0 10px 30px 10px;
	width: 100%;
}
.modal .modal-content .close {
	width: 100%; height: 30px;
	text-align: right;
}
.modal .modal-content .close a {
	position: absolute;
	top: 0; right: 2px;
	display: inline-block;
	width: 30px; height: 30px;
	cursor: pointer;
}
.modal .modal-content .close a img {
	width: 100%;
}
.modal .modal-content .modal-content-inner {
	overflow: hidden;
	position: relative;
	width: 100%; height: 0;
}
.modal .modal-content .modal-content-inner img {
	width: 100%;
}
.modal .modal-content .modal-content-inner .play-movie {
	width: 100%;
	background-color: #ffffff;
}
.modal .modal-content .modal-content-inner .play-movie a {
	cursor: pointer;
}
.modal .modal-content .modal-content-inner .modal-body {
	padding: 2px;
	background-color: #ffffff;
	overflow: hidden;
}
.modal .modal-content .modal-content-inner .modal-body .modal-body-inner {
	overflow: hidden;
	position: relative;
	width: 100%; 
	background-color: #ffffff;
}

/* CTR */
.modal .modal-content .prev {
	position: absolute;
	z-index: 9999;
	top: -30px; left: -5px;
	display: block;
	width: 30px; height: 30px;
	cursor: pointer;
}
.modal .modal-content .prev-hidden {
	opacity: 0.3;
	cursor: default;
}
.modal .modal-content .next {
	position: absolute;
	z-index: 9999;
	top: -30px; left: 28px;
	display: block;
	width: 30px; height: 30px;
	cursor: pointer;
}
.modal .modal-content .next-hidden {
	opacity: 0.3;
	cursor: default;
}

/* MODAL MAP */
#modal-map .image-groupe {
	overflow: hidden;
	width: 100%;
}
#modal-map .image-groupe .image-wrap {
	position: relative;
	width: 100%;
}
#modal-map .image-groupe .image-wrap .image {
	float: left;
	width: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#modal-map .image-groupe .image-wrap .image img {
	width: 200%;
}

/* MODAL MENU */
.modal-menu-tmp {
	display: none;
}
.modal .modal-menu {
	float: left;
	height: 100%;
	background-color: #ffffff;
}
.modal .modal-menu a {
	cursor: pointer;
}
.modal .modal-menu .heading {
	margin: 0 auto;
	padding: 15px 0 10px 0;
	width: 90%;
}
.modal .modal-menu .modal-menu-base {
	padding: 0 0 20px 0;
}
.modal .modal-menu .modal-menu-base ul {
	margin: 0 auto;
	width: 90%;
}
.modal .modal-menu .modal-menu-base ul li {
	width: 100%;
}
.modal .modal-menu .modal-menu-base ul li a {
	display: block;
	width: 100%;
}

/* MODAL ENTRANCE */
.modal .modal-entrance .image {
	position: relative;
	width: 100%;
}
.modal .modal-entrance .image > div {
	float: left;
	width: 100%;
}
.modal .modal-entrance .title {
	position: absolute;
	top: 0; left: 0;
	width: 50%;
}
.modal .modal-entrance .title img {
	position: absolute;
	top: 0; left: 0;
}
.modal .modal-entrance .floor {
	position: absolute;
	top: -22%; left: 0;
	width: 100%;
}
.modal .modal-entrance .floor .floor-in {
	position: relative;
	margin: 0 auto;
	width: 62%;
}
.modal .modal-entrance .floor img {
	position: absolute;
	top: 0; left: 0;
}
.modal .modal-entrance .pointer {
	position: absolute;
	top: -22%; left: 0;
	width: 100%;
}
.modal .modal-entrance .pointer-in {
	position: relative;
	margin: 0 auto;
	width: 62%;
}
.modal .modal-entrance .pointer ul li {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}

/* MODAL ENTRANCE01 */
#modal-entrance01 .play-movie,
#modal-entrance01 .modal-body {
	background-color: #14ae67;
}

/* MODAL ENTRANCE02 */
#modal-entrance02 .play-movie,
#modal-entrance02 .modal-body {
	background-color: #28a7e1;
}

/* MODAL ENTRANCE03 */
#modal-entrance03 .play-movie,
#modal-entrance03 .modal-body {
	background-color: #f39800;
}

/* MODAL DETAIL */
.modal .modal-detail .title {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}
.modal .modal-detail .image div {
	position: relative;
}
.modal .modal-detail .image div a.link {
	position: absolute;
	display: block;
}
.modal .modal-detail .floor {
	position: absolute;
}
.modal .modal-detail .floor .floor-in {
	position: relative;
	margin: 0 auto;
}
.modal .modal-detail .floor img {
	position: absolute;
	top: 0; left: 0;
}
.modal .modal-detail .pointer {
	position: absolute;
}
.modal .modal-detail .pointer-in {
	position: relative;
	margin: 0 auto;
}
.modal .modal-detail .pointer ul li {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}

/* MODAL DETAIL01 */
#modal-detail01 .play-movie,
#modal-detail01 .modal-body {
	background-color: #2466a2;
}
#modal-detail01 .floor,
#modal-detail01 .pointer {
	top: 0; right: 0;
	width: 54%;
}
#modal-detail01 .floor .floor-in,
#modal-detail01 .pointer-in {
	width: 100%;
}

/* MODAL DETAIL02 */
#modal-detail02 .play-movie,
#modal-detail02 .modal-body {
	background-color: #583a93;
}
#modal-detail02 .floor,
#modal-detail02 .pointer {
	top: 0; right: 0;
	width: 62%;
}
#modal-detail02 .floor .floor-in,
#modal-detail02 .pointer-in {
	width: 100%;
}

/* MODAL DETAIL03 */
#modal-detail03 .play-movie,
#modal-detail03 .modal-body {
	background-color: #1d3692;
}
#modal-detail03 .floor,
#modal-detail03 .pointer {
	top: 0; right: 0;
	width: 62%;
}
#modal-detail03 .floor .floor-in,
#modal-detail03 .pointer-in {
	width: 100%;
}

/* MODAL DETAIL04 */
#modal-detail04 .play-movie,
#modal-detail04 .modal-body {
	background-color: #198bb4;
}
#modal-detail04 .floor,
#modal-detail04 .pointer {
	top: 0; right: 0;
	width: 58%;
}
#modal-detail04 .floor .floor-in,
#modal-detail04 .pointer-in {
	width: 100%;
}

/* MODAL DETAIL05 */
#modal-detail05 .play-movie,
#modal-detail05 .modal-body {
	background-color: #255271;
}

/* MODAL VIDEO */
#modal-video .modal-body {
	padding: 2px;
}
#modal-video .modal-video-wrap {
	overflow: hidden;
	position: relative;
	padding-top: 56.3%;
	width: 100%; height: 0;
}
#modal-video .modal-video-wrap iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}



/* ==========================================================
    追加修正20230716SP
========================================================== */

.en-cta__event-special-manga-sp {
    display: block;
    width: 100%;
    padding: 0 0 20px;
}
.en-cta__event-special-manga-sp a {
    display: block;
    color: #000;
    font-size: 24px;
    text-decoration:underline;
    margin: 0 auto;
    width:fit-content;
    padding: 10px 30px;
    line-height: 1.1;

    }


@media screen and (max-width: 768px) {
    .en-cta__event-special-manga-sp {
    display: block;
    width: 100%;
    padding: 0 0 20px;
}
.en-cta__event-special-manga-sp a {
    display: block;
    color: #000;
    font-size: 20px;
    text-decoration:underline;
    margin: 0 auto;
    width:fit-content;
    padding: 10px 20px;

    }
}

@media screen and (max-width: 500px) {
    .en-cta__event-special-manga-sp {
    display: block;
    width: 100%;
    padding: 0 0 20px;
}
.en-cta__event-special-manga-sp a {
    display: block;
    color: #000;
    font-size: 16px;
    text-decoration:underline;
    margin: 0 auto;
    width:fit-content;
    padding: 10px 20px;

    }
}

.spot-introduction__sp {
    font-size: 48px;
		line-height: 1.1;
		color: #000;
		padding-top: 15px;
}
@media screen and (max-width: 768px) {
    .spot-introduction__sp {
        font-size: 36px;
    }
}
@media screen and (max-width: 500px) {
    .spot-introduction__sp {
        font-size: 24px;
    }
}

/* 重複ボタンの修正用記述 */
@media screen and (max-width: 768px) {
	.hover-style-active{ opacity:0 !important}
}