@charset "utf-8";
/*============================
#mysterylist_fore
============================*/
#mysterylist_fore {
	padding: 0 0 13.333333333333vw;
}
#mysterylist_fore .inside {
	text-align: center;
}
#mysterylist_fore .inside .mysterylist_fore_header {
	padding: 16vw 0 6.6666666666667vw;
	background: url(../img/mystery_correct_head.svg) center top / 100% auto no-repeat, url(../img/mystery_double_lines.svg) center bottom / 100% auto no-repeat;
}
#mysterylist_fore .inside .mysterylist_fore_header h1 {
	font-weight: 900;
	font-size: 6.9333333333333vw;
	line-height: 1.1;
	font-family: 'Noto Serif JP', sans-serif;
}
#mysterylist_fore .inside p {
	font-weight: 900;
	font-size: 5.3333333333333vw;
	line-height: 1.5;
	color: #007385;
	margin: 8vw 0 0;
	font-family: 'Noto Serif JP', sans-serif;
}
/*============================
#mysterylist_stamps
============================*/
#mysterylist_stamps {
	background: #00899c;
	padding: 7.2vw 0 14.666666666667vw;
}
#mysterylist_stamps .inside {
	margin: 0 2.4vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_header {
	background: url(../img/digital_stamap_head.svg) center top / auto 26.666666666667vw no-repeat;
	padding: 26.666666666667vw 0 0;
	margin: 0 0 2.6666666666667vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_header h1 {
	display: none;
}
#mysterylist_stamps .inside .mysterylist_stamps_header + p {
	font-size: 4.2666666666667vw;
	width: 81.066666666667vw;
	line-height: 1.9;
	margin: 0 auto 6.6666666666667vw;
	color: #fff;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.93333333333333vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li {
	margin: 0 0.93333333333333vw 1.8666666666667vw;
	width: 46.666666666667vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #43a8b6;
	height: 100%;
	padding: 5.3333333333333vw 0;
	color: #fff;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a h3 {
	font-size: 4.2666666666667vw;
	line-height: 1.5;
	margin: 0 0 2.6666666666667vw;
	height: 100%;
	flex: 1;
	text-align: center;
	text-decoration: underline;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a .bottom {
	height: 100%;
	flex: 3;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a .enter {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2vw 2.6666666666667vw;
	background: #007385;
	font-size: 4.2666666666667vw;
	line-height: 1;
	font-weight: 600;
	border-radius: 133.2vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a .enter::after {
	content: "▶";
	font-size: 2.9333333333333vw;
	margin: 0 0 0 0.5em;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a .stamp {
	background: #00899C;
	width: 32vw;
	height: 32vw;
	margin: 4vw auto 0;
	border-radius: 1333.2vw;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul li a .holiday {
	margin: 4vw 0 0;
	font-size: 2.9333333333333vw;
	line-height: 1.5;
	text-align: center;
	font-weight: 400;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul .clear {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .clear a {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .clear a h3 {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .clear a .enter {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .clear a .stamp {
	background: url("../img/complete.svg") center / contain no-repeat;
}
#mysterylist_stamps .inside .mysterylist_stamps_ul .mystery-shibuya-koen-dori-g {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .mystery-shibuya-koen-dori-g a {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .mystery-shibuya-koen-dori-g a h3 {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .mystery-shibuya-koen-dori-g a .enter {}
#mysterylist_stamps .inside .mysterylist_stamps_ul .mystery-shibuya-koen-dori-g a .stamp {}
#mysterylist_stamps .inside .to_epilogue {
	padding: 10.666666666667vw 0;
}
#mysterylist_stamps .inside .to_epilogue .img {
	text-align: center;
	margin: 0 0 -2.6666666666667vw;
}
#mysterylist_stamps .inside .to_epilogue .img {}
#mysterylist_stamps .inside .to_epilogue .img img {
	width: 23.2vw;
	height: auto;
}
#mysterylist_stamps .inside .to_epilogue .info {}
#mysterylist_stamps .inside .to_epilogue .info p {
	text-align: center;
	font-size: 5.3333333333333vw;
	line-height: 1.5;
	margin: 0 0 5.3333333333333vw;
	color: #fff;
	font-weight: 900;
}
#mysterylist_stamps .inside .to_epilogue .info .epilogue {}
#mysterylist_stamps .inside .to_epilogue .info .epilogue .bt {
	margin: 0 7.6vw;
}
#mysterylist_stamps .inside .to_epilogue .info .epilogue .bt input {}
#mysterylist_stamps .inside .to_epilogue .info .epilogue .bt a, #mysterylist_stamps .inside .to_epilogue .info .epilogue .bt button {
	width: 100%;
	margin: 0;
}
#mysterylist_stamps .inside .downloads_wallpapers {
	position: relative;
	padding: 13.333333333333vw 0 0;
}
#mysterylist_stamps .inside .downloads_wallpapers::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	background-image: linear-gradient(to right, #fff8a5 0.53333333333333vw, transparent 0.53333333333333vw);
	background-size: 2.1333333333333vw 0.53333333333333vw;
	background-repeat: repeat-x;
	background-position: left top;
	height: 0.53333333333333vw;
}
#mysterylist_stamps .inside .downloads_wallpapers .img {
	margin: 0 0 5.3333333333333vw;
	text-align: center;
}
#mysterylist_stamps .inside .downloads_wallpapers .img svg {
	width: 86.133333333333vw;
	height: auto;
}
#mysterylist_stamps .inside .downloads_wallpapers .bt {
	margin: 0 7.6vw;
}
#mysterylist_stamps .inside .downloads_wallpapers .bt a, #mysterylist_stamps .inside .downloads_wallpapers .bt button {
	width: 100%;
	margin: 4vw 0 0;
}
/*============================
#mysterylist_information
============================*/
#mysterylist_information {}
#mysterylist_information .mysterylist_information_access {
	padding: 10.666666666667vw 0 8vw;
}
#mysterylist_information .mysterylist_information_access .accordion {
	margin: 0 0 2.6666666666667vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_toggle {}
#mysterylist_information .mysterylist_information_access .accordion .accordion_toggle .accordion_tit {
	font-weight: 900;
	font-size: 5.3333333333333vw;
	line-height: 1.5;
	color: #005F73;
	font-family: 'Noto Serif JP', sans-serif;
	padding: 2.9333333333333vw 0vw 4vw 16vw;
	background: #FFF;
	border: Solid #005F73 0.8vw;
	border-radius: 2.6666666666667vw;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_toggle .accordion_tit::before {
	position: absolute;
	top: 50%;
	left: 4.8vw;
	font-size: 7.2vw;
	transform: translate(0%, -50%);
	content: "\e91e";
	font-family: 'icomoon';
}
#mysterylist_information .mysterylist_information_access #mysterylist_information_access_museums.accordion .accordion_toggle .accordion_tit::before {
	font-size: 9.0666666666667vw;
	content: "\e91d";
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_toggle .accordion_tit::after {
	position: absolute;
	top: 50%;
	right: 4vw;
	font-size: 4.5333333333333vw;
	transform: translate(0%, -50%) rotate(0deg);
	content: "\e917";
	font-family: 'icomoon';
	transform-origin: center;
	transition: ease-in 0.2s;
}
#mysterylist_information .mysterylist_information_access .accordion.open .accordion_toggle .accordion_tit::after {
	transform: translate(0%, -50%) rotate(180deg);
}
#mysterylist_information .mysterylist_information_access .accordion.open {
	padding: 0 0 21.333333333333vw;
}
#mysterylist_information .mysterylist_information_access #mysterylist_information_access_museums.accordion.open {
margin: 0 0 -10.666666666667vw;
}

#mysterylist_information .mysterylist_information_access .accordion.open:last-child {
	padding: 0;
}
#mysterylist_information .mysterylist_information_access .accordion::after {
	position: absolute;
	bottom: 10.666666666667vw;
	left: 0;
	right: 0;
	content: "";
	background-image: linear-gradient(to right, #007385 0.26666666666667vw, transparent 0.26666666666667vw);
	background-size: 1.0666666666667vw 0.26666666666667vw;
	background-repeat: repeat-x;
	background-position: left top;
	height: 0.26666666666667vw;
	opacity: 0;
	transition:ease-in 0.4s;
}
#mysterylist_information .mysterylist_information_access .accordion.open::after {
	opacity: 1;
}
#mysterylist_information .mysterylist_information_access .accordion.open:last-child::after {
	display: none;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums {
margin: 0 0 -5.3333333333333vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums li {
	margin: 5.3333333333333vw 0 0;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums li h5 {
	font-weight: bold;
	font-size: 4.8vw;
	line-height: 1.1;
	color: #FFFFFF;
	background: #00899C;
	padding: 4vw 5.3333333333333vw;
	margin: 0 0 2.6666666666667vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums li h6 {
	font-size: 4.2666666666667vw;
	line-height: 1.5;
	color: #005F73;
	font-weight: 600;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums li p {
	font-size: 4.2666666666667vw;
	line-height: 1.5;
	color: #005F73;
	margin: 0 0 1.5em;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.museums li p a {
	color: #005F73;
}
#mysterylist_information .mysterylist_information_access .osusume {
	margin: 10.666666666667vw 0 2.6666666666667vw;
	font-size: 4.5333333333333vw;
	line-height: 1.5;
	color: #007385;
	text-align: center;
	position: relative;
}
#mysterylist_information .mysterylist_information_access .osusume::before, #mysterylist_information .mysterylist_information_access .osusume::after {
	position: absolute;
	top: 1.3333333333333vw;
	left: -6.6666666666667vw;
	width: 18.666666666667vw;
	content: "";
	background-image: linear-gradient(to right, #007385 0.53333333333333vw, transparent 0.53333333333333vw);
	background-size: 2.1333333333333vw 0.53333333333333vw;
	background-repeat: repeat-x;
	background-position: left top;
	height: 0.53333333333333vw;
	transform: rotate(65deg) translate(50%, 0vw);
}
#mysterylist_information .mysterylist_information_access .osusume::after {
	top: 0;
	left: auto;
	right: -6.6666666666667vw;
	transform: rotate(-65deg) translate(-50%, 0vw);
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h3 {
	font-weight: bold;
	font-size: 6.4vw;
	line-height: 1.4;
	letter-spacing: 0.256vw;
	color: #007385;
	text-align: center;
	padding: 5.3333333333333vw 0 5.3333333333333vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h4 {
	color: #007385;
	text-align: center;
	padding: 2.6666666666667vw 0 4vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h3 + h4 {
	margin: -2.6666666666667vw 0 0;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h4 strong {
	font-weight: bold;
	font-size: 6.4vw;
	line-height: 1.4;
	letter-spacing: 0.256vw;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 1.3333333333333vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h4 strong::before, #mysterylist_information .mysterylist_information_access .accordion .accordion_content h4 strong::after {
	display: block;
	content: "";
	width: 16vw;
	height: 0.26666666666667vw;
	background: #005F73;
	margin: 0 4vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content h4 small {
	font-weight: 400;
	font-size: 3.7333333333333vw;
	display: block;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses {}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li {
	position: relative;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li::before {
	position: absolute;
	left: 3.4666666666667vw;
	top: 0;
	bottom: 0;
	display: block;
	background: #fbb03b;
	width: 3.7333333333333vw;
	content: "";
	z-index: 1;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li:first-child::before {
	top: 2.6666666666667vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li:last-child::before {
	bottom: auto;
	height: 2.6666666666667vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block {
	display: flex;
	position: relative;
	z-index: 5;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .no {
	font-weight: bold;
	font-size: 5.3333333333333vw;
	line-height: 1;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2666.4vw;
	background: #00899c;
	width: 10.666666666667vw;
	height: 10.666666666667vw;
	margin: 0 2.1333333333333vw 0 0;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info {
	flex: 1;
	width: 100%;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow {
	background: #FFFFFF;
	border: Solid #EECE34 0.26666666666667vw;
	padding: 5.3333333333333vw;
	border-radius: 2.6666666666667vw;

	margin: 0 0 2.6666666666667vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow h5 {
	background: none;
	padding: 0;
	color: #005F73;
	font-size: 4.2666666666667vw;
	line-height: 1.4;
	margin: 0;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow h5 strong {
	display: block;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow h5 small {
	font-size: 3.7333333333333vw;
	font-weight: 400;
	display: block;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow .notice {
	margin: 1.5em 0 0;
	font-size: 4.2666666666667vw;
	font-weight: 600;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info .box_yellow .notice small {
	font-size: 3.7333333333333vw;
}
#mysterylist_information .mysterylist_information_access .accordion .accordion_content ul.courses li .block .info p.small {
	font-size: 3.7333333333333vw;
	line-height: 5.3333333333333vw;
	color: #005F73;
}

/*============================
#mysterylist_information
============================*/
#mysterylist_information .inside .metro_map {
	position: relative;
	padding: 13.333333333333vw 0;
}
#mysterylist_information .inside .metro_map::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	background-image: linear-gradient(to right, #007385 0.26666666666667vw, transparent 0.26666666666667vw);
	background-size: 1.0666666666667vw 0.26666666666667vw;
	background-repeat: repeat-x;
	background-position: left top;
	height: 0.26666666666667vw;
}
#mysterylist_information .inside .metro_map h2 {
	font-family: "Noto Serif JP";
	font-weight: 900;
	font-size: 6.9333333333333vw;
	line-height: 1.5;
	text-align: center;
	color: #007385;
	margin: 0 0 4vw;
}
#mysterylist_information .inside .metro_map .img {
	margin: 0 -1.3333333333333vw 2.6666666666667vw;
	border-radius: 2.0666666666667vw;
	overflow: hidden;
	text-align: center;
}
#mysterylist_information .inside .metro_map .img a {
	display: table;
	margin: 0 auto;
}
#mysterylist_information .inside .metro_map .img a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(51, 51, 51, 0.5) url("../img/pinch_sign.svg") center / 26.666666666667vw auto no-repeat;
}
#mysterylist_information .inside .metro_map .img a img {}
#mysterylist_information .inside .metro_map .notice {
	text-align: center;
	font-size: 4.2666666666667vw;
	line-height: 1.9;
	color: #007385;
	margin: 0;
}