@charset "UTF-8";
/* CSS Document */

.fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.catch_fade {
		opacity:  0;
    position:  relative;
    /* animation: catch_fade 3s ease;
		-webkit-animation: catch_fade 3s ease;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0); */
		top:0;
}

/* @keyframes catch_fade {
    0% {
        opacity:  0;
        top: 50px;
    }
    100% {
        opacity:  1;
        top: 0;
    }
} */



/* onezooについて / 追従ボタン
----------------------------------------------- */

#container #top_about_btn {
    position: fixed;
    top: 30px;/* 130px */
    right: 15px;/* 30px */
	z-index: 999;
}

#container #top_about_btn a {
    display: block;
	max-width: 60px;
}

@media screen and (min-width: 769px) {
#container #top_about_btn {
    top: 130px;
    right: 30px;
}

#container #top_about_btn a {
	max-width: 120px;
}
}

/* -----------------------------------------------
サイドバーアンカーボタン
----------------------------------------------- */

#top_anchor_btn {
    z-index: 999;
    top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    left: 5px;
    position: fixed;
    list-style: none;
}
#top_anchor_btn li {
    margin-bottom: 21px;
	text-decoration: none;
    width: 8px;
    display: block;
    padding: 5px;
    text-align: center;
	height: 8px;
	border-radius: 45%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	cursor: pointer;
	opacity: 0.5;
}
#top_anchor_btn li.current{
    width: 13px;
	height: 8px;
	border-radius: 8px;
	opacity: 1;
}
#top_anchor_btn li:nth-of-type(1) {
    background: #F46508;
}
#top_anchor_btn li:nth-of-type(2) {
    background: #00A54F;
}
#top_anchor_btn li:nth-of-type(3) {
    background: #00BDF2;
}
#top_anchor_btn li:nth-of-type(4) {
	background: #643714;
}
#top_anchor_btn li:nth-of-type(5) {
    background: #00495D;
}
#top_anchor_btn li:nth-of-type(6) {
    background: #3E3F40;
}
#top_anchor_btn li a:hover {
    /* background: #E3E3E3; */
}

@media screen and (min-width: 769px) {
#top_anchor_btn {
    left: 30px;
}
}


/* モーダルウィンドウ
----------------------------------------------- */
.lock {
    overflow:hidden;
}

.modal-content {
    position: relative;
    display: none;
    width: 100%;
	max-width: 90%;
    margin: 60px 0 60px;
	padding: 13px;/* 50px */
    background-color: #ffffff;
	left: 50%!important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 13px;
}

.modal-overlay {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.6);
}

.modal-wrap {
    z-index:1001;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.modal-open:hover {
    cursor: pointer;
    color: #000;
}

.modal-btn-close {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1002;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.modal-btn-close span {
  display: block;
  background: #fff;
  height: 2px;
  width: 30px;
}
.modal-btn-close .bar01 {
  -moz-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.modal-btn-close .bar02 {
  -moz-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -webkit-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

.modal_box {
	position: relative;
}

.modal_box .logo {
	max-width: 110px;
	margin: 21px auto 21px;
	text-align: center;
}

.modal_box .modal_movie_box {

}

.modal_box .modal_movie_box #modal_movie {
	width: 100%;
}

.modal_box .txt_box {
	padding: 40px 0 0;
}

.modal_box .txt_box .daiji {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 18px;/* 24px */
	font-size: 1.8rem;
	line-height: 1.6em;/* 2.0em */
	letter-spacing: 0.08em;
	margin-bottom: 20px;/* 45px */
}

.modal_box .txt_box p {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 14px;/* 24px */
	font-size: 1.4rem;
	line-height: 1.6em;/* 2.0em */
	letter-spacing: 0.08em;
	margin-bottom: 34px;
}

@media screen and (min-width: 769px) {
.modal-content {
    max-width: 880px;
	padding: 50px;
}

.modal_box .logo {
    max-width: 140px;
    margin: 20px auto 60px;
}

.modal_box .txt_box {
	padding: 60px 0 0;
}

.modal_box .txt_box .daiji {
	font-size: 24px;/* 24px */
	font-size: 2.4rem;
	line-height: 2.0em;/* 2.0em */
	margin-bottom: 40px;
}

.modal_box .txt_box p {
	font-size: 16px;/* 16px */
	font-size: 1.6rem;
	line-height: 2.0em;/* 2.0em */
}
}

/* 初回モーダルウィンドウ
----------------------------------------------- */

.first_modal-content {
    position: relative;
    width: 100%;
	max-width: 90%;
    margin: 60px 0 60px;
	padding: 13px;/* 50px */
    background-color: #ffffff;
	left: 50%!important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 13px;
}

.first_modal-overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.6);
		height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
		display: none;
}

.modal-wrap {
    z-index:1001;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.modal-open:hover {
    cursor: pointer;
    color: #000;
}

.modal-btn-close {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1002;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.modal-btn-close span {
  display: block;
  background: #fff;
  height: 2px;
  width: 30px;
}
.modal-btn-close .bar01 {
  -moz-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.modal-btn-close .bar02 {
  -moz-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -webkit-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

.modal_box {
	position: relative;
}

.modal_box .logo {
	max-width: 110px;
	margin: 21px auto 21px;
	text-align: center;
}

.modal_box .modal_movie_box {

}

.modal_box .modal_movie_box #modal_movie {
	width: 100%;
}

.modal_box .txt_box {
	padding: 40px 0 0;
}

.modal_box .txt_box .daiji {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 18px;/* 24px */
	font-size: 1.8rem;
	line-height: 1.6em;/* 2.0em */
	letter-spacing: 0.08em;
	margin-bottom: 20px;/* 45px */
}

.modal_box .txt_box p {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 14px;/* 24px */
	font-size: 1.4rem;
	line-height: 1.6em;/* 2.0em */
	letter-spacing: 0.08em;
	margin-bottom: 34px;
}

@media screen and (min-width: 769px) {
	.first_modal-content {
    max-width: 880px;
	padding: 50px;
}

.modal_box .logo {
    max-width: 140px;
    margin: 20px auto 60px;
}

.modal_box .txt_box {
	padding: 60px 0 0;
}

.modal_box .txt_box .daiji {
	font-size: 24px;/* 24px */
	font-size: 2.4rem;
	line-height: 2.0em;/* 2.0em */
	margin-bottom: 40px;
}

.modal_box .txt_box p {
	font-size: 16px;/* 16px */
	font-size: 1.6rem;
	line-height: 2.0em;/* 2.0em */
}
}

/* -----------------------------------------------
HERO
----------------------------------------------- */

/* 2020.09.18 新規追加 */
.js-load-fade {
	opacity: 0;
	transition: opacity 3s linear;
}
.is-load .js-load-fade {
	opacity: 1;
}

#hero {
	background: url(../../movie/mv_movie_img.jpg) no-repeat center / cover;
	position: relative;
	font-family: fot-tsukuardgothic-std, sans-serif;
}

#hero:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 2px;
	background-position: fixed;
	background-image: url(../../img/mv/dot.png);
}

.hero__logo {
	width: 14%;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 15px;
	left: 15px;
}
.hero__logo-img {
	width: 100%;
	height: auto;
}

.hero__block {
	position: relative;
	padding: 130px 22px 30px;
}

.hero__catch {
	color: #fff;
	text-align: center;
}
.hero__catch-label {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
}
.hero__catch-title {
	margin-top: 4px;
	font-size: 20px;
	line-height: 1.75;
	font-weight: 700;
}

.hero__video {
}
.hero__video.hero__video--new {
	margin-top: 25px;
}
.hero__video.hero__video--archive {
	margin-top: 30px;
}
.hero__video.hero__video--archive .hero__video-youtube {
	margin-top: 35px;
}
.hero__video.hero__video--archive .hero__video-youtube:first-child {
	margin-top: 0;
}
.hero__video-youtube-block {
	position: relative;
	padding-bottom: 54%;
	height: 0;
	overflow: hidden;
	border: 5px solid #fff;
}
.hero__video-youtube-block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero__img {
	border: 5px solid #fff;
	font-size: 0;
	line-height: 0;
}

.hero__text {
	margin-top: 30px;
	color: #fff;
}
.hero__text p {
	margin-top: 1.25em;
	font-size: 13px;
	line-height: 1.8;
	font-weight: 700;
}
.hero__text p:first-child {
	margin-top: 0;
}

.hero__scroll {
	margin-top: 55px;
	color: #fff;
	text-align: center;
	animation: scrollFloating 3s infinite linear alternate;
}
.hero__scroll-label {
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	position: relative;
	height: 50px;
}
.hero__scroll-label:after {
	content: '〉';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	font-weight: 400;
}
@keyframes scrollFloating {
	0% { transform:translate(0, 0); }
	50% { transform:translate(0, -10px); }
	100% { transform:translate(0, 0); }
}

@media screen and (min-width: 768px) {
	.hero__logo {
		width: 130px;
		top: 45px;
		left: 45px;
	}

	.hero__block {
		padding: 50px 0 72px;
	}

	.hero__catch-label {
		font-size: 20px;
		line-height: 1.2;
	}
	.hero__catch-title {
		margin-top: 6px;
		font-size: 32px;
	}

	.hero__video.hero__video--new {
		margin-top: 30px;
		display: flex;
		justify-content: center;
	}
	.hero__video.hero__video--new .hero__video-youtube {
		width: 542px;
	}
	.hero__video.hero__video--archive {
		margin: 30px auto 0;
		max-width: 668px;
		display: flex;
		justify-content: space-between;
	}
	.hero__video.hero__video--archive .hero__video-youtube {
		margin-top: 0;
		width: 310px;
	}

	.hero__text {
		margin-top: 40px;
		text-align: center;
	}
	.hero__text p {
		margin-top: 1.5em;
		font-size: 16px;
		line-height: 1.8;
	}

	.hero__scroll {
		margin-top: 60px;
	}
}

/* 2020.09.18 .html内のインラインcssからの残し */
.movie_free {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	color: #fff;
	background-color: #ff6200;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	transition-duration: 0.2s;
}
.movie_free p {
	font-size: 16px;
	margin-bottom: 0;
}
.movie_free:hover {
	opacity: 0.5;
}
.movie_free::after {
	width: 15px;
	height: 20px;
	position: relative;
	top: 2px;
	left: 20px;
	content: '';
	display: block;
	background: url('../../img/common_img/arrow_white.svg') top left no-repeat
}
.mv_area-under .mv_dl_box {
	background-color: #ffffff;
	width: 100%;
	/* position: absolute; */
	bottom: -30px;
	left: 0;
	z-index: 99;
	/* height: 165px; */
	padding-bottom: 13px;
}

.mv_area-under .mv_dl_box .inner {
	width: 100%;
	max-width: 310px;
	padding: 15px;
}

.mv_area-under .mv_dl_box .dl_txt {
	max-width: 320px;
	margin: 0 auto 25px;
}

.mv_area-under .mv_dl_box .dl_btn_box {
  width: 100%;
}

.mv_area-under .mv_dl_box .dl_btn_box ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
}

.mv_area-under .mv_dl_box .dl_btn_box ul li + li {
	margin-top: 10px;
  margin-bottom: 20px;
}

.mv_dl_box .dl-copy,
.footer_dl_box .dl-copy{
display: block;
text-align: center;
font-size: 10px;
font-size: 1.0rem;
line-height: 1.7em;
letter-spacing: 0.08em;
}
.mv_dl_box .dl-copy{
	padding: 0 20px 5px;
	margin-top: -10px;
}
.footer_dl_box .dl-copy{
	padding: 0 20px 12px;
}

@media screen and (min-width: 768px) {

	.mv_dl_box .dl-copy{
		margin-top:-21px;
	}
	#container #mv_area {
		min-height: 100vh;
	}

	#container #mv_area .mv_box {
		/* bottom: 130px;
		height: calc(100% - 130px); */
	}

	#container #mv_area #header {
		max-width: 93%;
		top: 46px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#container #mv_area .mv_content_box .catch {
		font-size: 32px;
		font-size: 3.2rem;
	}

	.mv_area-under .mv_dl_box {
	}

	.mv_area-under .mv_dl_box .inner {
		max-width: 1040px;
		padding: 20px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
    flex-wrap: wrap;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}

	.mv_area-under .mv_dl_box .dl_txt {
		max-width: 576px;
	}

	.mv_area-under .mv_dl_box .dl_btn_box ul li {
    margin: 0 2px 20px;
	}

  .mv_area-under .mv_dl_box .dl_btn_box ul li + li {
    margin-top: 0;
  }
}



/* -----------------------------------------------
intro
----------------------------------------------- */

#container .intro_box {
	padding: 100px 0 100px;/* 100px 0 */
}

#container .intro_box .inner {

}

#container .intro_box .txt_box {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 30px 0;/* 60px 0 */
	position: relative;
}

#container .intro_box .txt_box .logo {
	width: 85px;
	margin: 0 auto 20px;/* 45px */
}

#container .intro_box .txt_box .txt {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 18px;/* 24px */
	font-size: 1.8rem;
	line-height: 1.6em;/* 2.0em */
	letter-spacing: 0.08em;
	margin-bottom: 30px;/* 45px */
	padding: 20px 20px 0;
}

#container .intro_box .txt_box span {
	display: block;
	text-align: center;
	font-size: 10px;/* 12px */
	font-size: 1.0rem;
	line-height: 2.0em;
	letter-spacing: 0.08em;
	padding: 0 20px;
	margin-bottom: 21px;
}

#container .intro_box .txt_box .img01 {
	position: absolute;
	top: 85px;/* 216px */
	left: 0;
	width: 18%;
	max-width: 110px;
	animation: hyoko01 3s ease infinite;
}

@keyframes hyoko01 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

#container .intro_box .txt_box .img02 {
	position: absolute;
	top: 85px;
	right: 0;
	width: 25%;
	max-width: 180px;
	animation: hyoko02 3s ease infinite;
}

@keyframes hyoko02 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(0) }
  25% { transform:translateY(-15px) }
  30% { transform:translateY(0) }
  50% { transform:translateY(-15px) }
  100% { transform:translateY(0) }
}

@media screen and (min-width: 768px) {

#container .intro_box .inner {
	padding: 80px 0;
}

#container .intro_box {
	padding: 80px 0 80px;
}

#container .intro_box .txt_box {
	padding: 60px 0;
}

#container .intro_box .txt_box .logo {
	width: 170px;
	margin-bottom: 45px;
}

#container .intro_box .txt_box .txt {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 2.0em;
	margin-bottom: 30px;
}

#container .intro_box .txt_box span {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.0em;
	padding: 0;
	margin-bottom: 60px;
}

#container .intro_box .txt_box .img01 {
	top: 216px;/* 216px */
}
}


/* -----------------------------------------------
section / 筐体リスト共通
----------------------------------------------- */

.bg_orange{
	background-image:
	url('../../img/bg/bg-sec-01_ashi_l.gif'),url('../../img/bg/bg-sec-01_ashi_r.gif');
	background-position: 20% center, 80% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 142px 187px,102px 188px;
}
.bg_green{
	background-image:
	url('../../img/bg/bg-sec-02_ashi_l.gif'),url('../../img/bg/bg-sec-02_ashi_r.gif');
	background-position: 13% center, 89% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 132px 172px,198px 165px;
}
.bg_blue{
	background-image:
	url('../../img/bg/bg-sec-03_ashi_l.gif'),url('../../img/bg/bg-sec-03_ashi_r.gif');
	background-position: 20% center, 80% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 164px 114px,105px 92px;
}
.bg_navy{
	background-image:
	url('../../img/bg/bg-sec-04_ashi_l.gif'),url('../../img/bg/bg-sec-04_ashi_r.gif');
	background-position: 20% center, 80% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 92px 149px,143px 164px;
}
.bg_gray{
	background-image:
	url('../../img/bg/bg-sec-05_ashi_l.gif'),url('../../img/bg/bg-sec-05_ashi_r.gif');
	background-position: 20% center, 80% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 147px 177px,154px 171px;
}
.bg_brown {
	background-color: #643714;
	background-image:
	url('../../img/bg/bg-sec-06_ashi_l.gif'),url('../../img/bg/bg-sec-06_ashi_r.gif');
	background-position: 20% center, 80% center;
	background-repeat:no-repeat,no-repeat;
	transition-duration: 1s;
	background-size: 175px 136px,115px 113px;
}

@media screen and (max-width: 1300px) {
	.bg_orange{background-position: 2% center, 98% center;}
	.bg_green{	background-position: 2% center, 98% center;}
	.bg_blue{	background-position: 2% center, 98% center;}
	.bg_navy{	background-position: 2% center, 98% center;}
	.bg_gray{	background-position: 2% center, 98% center;}
	.bg_brown{	background-position: 2% center, 98% center;}
}
@media screen and (max-width: 880px) {
	.bg_orange{background-position: 1% 18%, 100% 12%; background-size: 50px;}
	.bg_green{	background-position: 3% 16%, 95% 25%; background-size: 50px;}
	.bg_blue{	background-position: 5% 16%, 97% 7%; background-size: 50px;}
	.bg_navy{	background-position: 5% 18%, 95% 12%; background-size: 50px;}
	.bg_gray{	background-position: 10% 18%, 90% 12%; background-size: 50px;}
	.bg_brown{	background-position: 5% 14%, 95% 10%; background-size: 50px;}
}

#container #section_area {

}

#container #section_area .section04 {
	background-color: #ffffff;
}

#container #section_area .section04 .img_box_sp {
	padding: 60px 15px;
}

#container #section_area .section04 .img_box_sp .sp_img_box {
	position: relative;
	max-width: 180px;
	margin: 0 auto 40px;
}

#container #section_area .section04 .img_box_sp .img {
	position: absolute;
	top: 4.9%;
	left: 7.21%;
    width: 86.2068%;

}

#container #section_area .section04 .img_box_sp .img #sp_img_movie {
	width: 100%;
	position: absolute;
	z-index: 2;
	border-radius: 4px;
}

#container #section_area .section04 .img_box_sp .sp_img {

}

#container #section_area .section04 .img_box_sp .arrow_img {
	max-width: 350px;
	margin: 0 auto;
}

#container #section_area .section04 .img_box_sp .map_img {
	max-width: 350px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {

#container #section_area .section04 .img_box_pc {
	padding: 100px 20px;
}

#container #section_area .section04 .img_box_pc .box_inner {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#container #section_area .section04 .img_box_pc .sp_img_box {
	position: relative;
	max-width: 290px;
}

#container #section_area .section04 .img_box_pc .img {
	position: absolute;
    top: 4.9%;
    left: 7%;
    width: 86.2068%;
}

#container #section_area .section04 .img_box_pc .img #sp_img_movie {
	width: 100%;
	position: absolute;
	z-index: 2;
	border-radius: 4px;
}

#container #section_area .section04 .img_box_pc .sp_img {

}

#container #section_area .section04 .img_box_pc .map_img {
	max-width: 604px;
	margin-left: 60px;
}
}

#container #section_area .section05 {
	background-color: #ffffff;
}

#container #section_area .section05 .img {
	text-align: center;
	padding: 60px 15px 70px;/* 100px 0 180px */
}

@media screen and (min-width: 768px) {

#container #section_area .section05 .img {
	padding: 100px 0 130px;/* 100px 0 180px */
}
}

.notes{
	text-align: right;
	padding: 21px 0 0;
	font-size: 1rem;
}

/* -----------------------------------------------
section / 筐体リスト共通
----------------------------------------------- */
#container #section_area .content_list {
	padding: 90px 0 100px;/* 100px 0 */
}

#container #section_area #section01 .content_list {
	padding: 80px 0 100px;/* 100px 0 */
}

#container #section_area .content_list ul {

}

#container #section_area .content_list ul li {
	width: 100%;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 30px 20px;/* 40px 30px */
	position: relative;
}

#container #section_area .content_list ul li:nth-child(n + 2) {
	margin-top: 55px;/* 60px */
}

#container #section_area .content_list .swiper-wrapper ul li:nth-child(n + 2) {
	margin-top: 0;
}

#container #section_area .content_list ul li .sp_img_box {
	position: relative;
	max-width: 180px;
	margin: 0 auto;
}

#container #section_area .content_list ul li .sp_img_box .img {
	position: absolute;
	top: 5.5%;
	left: 7%;
	width: 87.2068%;
}

#container #section_area .content_list ul li .sp_img_box .sp_img {

}

#container #section_area .content_list ul li .finger_img_l {
    position: absolute;
	bottom: 0;
	left: 52%;
	width: 38%;
	max-width: 140px;
	z-index: 2;
}
#container #section_area #section01 .content_list ul li .finger_img_l {
	left: 60%;
}
/* @keyframes fluffy1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(0) }
  25% { transform:translateX(0) }
  30% { transform:translateX(0) }
  60% { transform:translateX(-50px) }
} */

#container #section_area .content_list ul li .sp_img_box .img img{border-radius: 4px;}

@media screen and (min-width: 992px) {

#container #section_area .content_list {
	padding: 100px 0;/* 100px 0 */
}

#container #section_area .content_list ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#container #section_area .content_list ul li {
	width: 47%;
	padding: 40px 30px;
	position: relative;
}

#container #section_area .content_list ul li:nth-child(n + 2) {
	margin-top: 0;
}

#container #section_area .content_list ul li:nth-child(n + 3) {
	margin-top: 120px;/* 60px */
}

#container #section_area .content_list ul li .sp_img_box {
	max-width: 290px;
}

#container #section_area .content_list ul li .finger_img_l {
	/*left: auto;*/
	width: 100%;
	right: 30px;
}
}

#container #section_area .content_list ul li .list_col_2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

#container #section_area .content_list ul li .list_col_2 .sp_img_box {
	position: relative;
	max-width: 180px;
	margin: 0 auto;
}

#container #section_area .content_list ul li .list_col_2 .txt_box {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}

#container #section_area .content_list ul li .list_col_2 .txt_box p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.0em;
	letter-spacing: 0.05em;
}

#container #section_area .content_list ul li .finger_img_s {
    position: absolute;
	bottom: 0;
	left: 50%;
	width: 38%;
	max-width: 140px;
	z-index: 2;
}
/* @keyframes fluffy1 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(0) }
  25% { transform:translateX(0) }
  30% { transform:translateX(0) }
  60% { transform:translateX(-50px) }
} */

#container #section_area .section02 .content_list ul li .fukidashi_img_sp {
    position: absolute;
	top: -5%;
	right: -38%;
	width: 50%;
	max-width: 151px;
	z-index: 2;
}

#container #section_area .section02 .content_list ul li .fukidashi_img_pc {
    display: none;
}

#container #section_area .section03 .content_list ul li .fukidashi_img_sp {
    position: absolute;
	top: -5%;
	right: -20%;
	width: 50%;
	max-width: 151px;
	z-index: 2;
}

#container #section_area .section03 .content_list ul li .fukidashi_img_pc {
	display: none;
}

#bg0_sp, #bg1_sp, #bg2_sp, #bg3_sp, #bg4_sp, #bg_mv_sp {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
}

.section.active #bg_mv_sp {
    background-image: url(../../img/bg/bg-sp_sec_00-1.jpg);
	opacity: 1;
}

.section.active #bg0_sp {
    background-image: url(../../img/bg/bg-sp_sec_01-2.jpg);
	opacity: 1;
}

.section.active #bg1_sp {
    background-image: url(../../img/bg/bg-sp_sec_01-1.jpg);
	opacity: 1;
}

.section.active #bg2_sp {
    background-image: url(../../img/bg/bg-sp_sec_02-1.jpg);
	opacity: 1;
}

.section.active #bg3_sp {
    background-image: url(../../img/bg/bg-sp_sec_03-3.jpg);
	opacity: 1;
}

.section.active #bg4_sp {
    background-image: url(../../img/bg/bg-sp_sec_02-1.jpg);
	opacity: 1;
}


#bg0_pc, #bg1_pc, #bg2_pc, #bg3_pc, #bg4_pc {
    display: none;
}

@media screen and (min-width: 992px) {

#container #section_area .section {
	position: relative;
}

#container #section_area .content_list ul li .list_col_2 {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

#container #section_area .content_list ul li .list_col_2 .sp_img_box {
	width: 43%;
	margin: 0;
	max-width: 180px;
}

#container #section_area .content_list ul li .list_col_2 .txt_box {
	width: 48%;
	margin-bottom: 0;
}

#container #section_area .content_list ul li .finger_img_s {
    position: absolute;
	bottom: 0;
	left: 120px;
	width: 100%;
	max-width: 110px;
}

#container #section_area .section02 .content_list ul li .fukidashi_img_sp {
    display: none;
}

#container #section_area .section02 .content_list ul li .fukidashi_img_pc {
    display: block;
	position: absolute;
	bottom: 18%;
	left: auto;
	right: 25%;
	width: 32%;
	max-width: 151px;
	z-index: 2;
}

#bg0_sp, #bg1_sp, #bg2_sp, #bg3_sp, #bg4_sp, #bg_mv_sp {
    display: none;
}

#container #section_area .section_pc {
	width: 100%;
    height: 100%!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#bg0_pc {
    display: block;
	background-image: url(../../img/bg/bg_intro.png);
	background-size: cover!important;
}

#bg1_pc {
    display: block;
	background-image: url(../../img/bg/bg_sec_01.png);
	background-size: cover!important;
}

#bg2_pc {
    display: block;
	background-image: url(../../img/bg/bg_sec_02.png);
	background-size: cover!important;
}

#bg3_pc {
    display: block;
	background-image: url(../../img/bg/bg_sec_03.png);
	background-size: cover!important;
}
}

@media screen and (min-width: 768px) {
#container #section_area .section03 .content_list ul li .fukidashi_img_sp {
    display: none;
}

#container #section_area .section03 .content_list ul li .fukidashi_img_pc {
	display: block;
	position: absolute;
	top: 23%;
	right: 6%;
	width: 32%;
	max-width: 151px;
	z-index: 2;
}
}

.animal-img img{
	position: absolute;
}

.animal-img img.animal-01{
	left: 0;
	top: 30%;
	width: 105px;
	animation: animal-01 3s ease infinite;
}

.animal-img img.animal-02{
	left: 0;
	bottom: 0;
	height: 105px;
	animation: animal-02 3s ease infinite;
}
.animal-img img.animal-03{
	right: 0;
	top: 30%;
	width: 120px;
	animation: animal-03 3s ease infinite;
}
.animal-img img.animal-04{
	right: 0;
	bottom: 4%;
	width: 130px;
	animation: animal-04 3s ease infinite;
}
.animal-img img.animal-05{
	left: 5%;
	bottom: 0;
	width: 150px;
	animation: animal-05 3s ease infinite;
}
.animal-img img.animal-06{
	left: 10%;
	bottom: 0;
	width: 180px;
	animation: animal-06 3s ease infinite;
}
.animal-img img.animal-07{
	left: 0;
	bottom: 0;
	position: relative;
	/* width: 180px; */
	animation: animal-05 3s ease infinite;
}


@keyframes animal-01 {
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(0) }
28% { transform:translateY(-15px) }
30% { transform:translateY(0) }
50% { transform:translateY(-15px) }
100% { transform:translateY(0) }
}
@keyframes animal-02 {
0% { transform:translateX(0) }
6% { transform:translateX(0) }
11% { transform:translateX(0) }
19% { transform:translateX(0) }
32% { transform:translateX(15px) }
42% { transform:translateX(0) }
60% { transform:translateX(15px) }
100% { transform:translateX(0) }
}
@keyframes animal-03 {
0% { transform:translateY(0) }
6% { transform:translateY(0) }
12% { transform:translateY(0) }
21% { transform:translateY(0) }
22% { transform:translateY(-15px) }
32% { transform:translateY(0) }
52% { transform:translateY(-15px) }
100% { transform:translateY(0) }
}
@keyframes animal-04 {
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(0) }
25% { transform:translateY(-15px) }
30% { transform:translateY(0) }
50% { transform:translateY(-15px) }
100% { transform:translateY(0) }
}
@keyframes animal-05 {
0% { transform:translateX(0) }
5% { transform:translateX(0) }
10% { transform:translateX(0) }
20% { transform:translateX(0) }
25% { transform:translateX(15px) }
30% { transform:translateX(0) }
50% { transform:translateX(15px) }
100% { transform:translateX(0) }
}
@keyframes animal-06 {
0% { transform:translateX(0) }
5% { transform:translateX(0) }
10% { transform:translateX(0) }
20% { transform:translateX(0) }
25% { transform:translateX(-10px) }
30% { transform:translateX(0) }
50% { transform:translateX(-10px) }
100% { transform:translateX(0) }
}

/* ↓ スマホ表示のときに動物の位置・サイズを調整する */

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

.animal-img img.animal-04{
	right: 0;
	bottom: auto;
	top:57%;
	width: 90px;
}
.animal-img img.animal-06{
	left: 8%;
	bottom: 0;
	width: 140px;
	animation: animal-06 3s ease infinite;
}
}


/* -----------------------------------------------
フッター
----------------------------------------------- */

#container #footer {
	background-color: #ffffff;
	position: relative;
}

#container #footer .inner {

}

#container #footer .footer_bg_img {
    background-image: url(../../img/bg/bg_footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}

#container #footer .logo {
	max-width: 120px;
	margin: 0 auto 30px;/* 0 auto 60px */
}

#container #footer .catch {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 18px;/* 40px */
	font-size: 1.8rem;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 100px;/* 60px */
	padding-left: 18px;
}

#container #footer .footer_dl_box {
    text-align: center;
}

#container #footer .footer_dl_box .dl_txt {
    margin-bottom: 15px;/* 25px */
}

#container #footer .footer_dl_box .dl_btn_box {
    padding-bottom: 60px;/* 80px */
}

#container #footer .footer_dl_box .dl_btn_box ul {

}

#container #footer .footer_dl_box .dl_btn_box ul li {
}

#container #footer .footer_dl_box .dl_btn_box ul li + li {
  margin-top: 10px;
	margin-bottom: 20px;
}

#container #footer .copy {
	text-align: center;
	font-size: 10px;/* 12spx */
	font-size: 1.0rem;
	letter-spacing: 0.05em;
	padding: 30px 0;/* 40px 0 */
	background: #eee;
}

#container #footer .share_btn_box {
	padding-bottom: 120px;
}

#container #footer .share_btn_box .daiji {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 20px;
}

#container #footer .share_btn_box ul {
	width: 100px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#container #footer .share_btn_box ul li {
	width: 40px;
	height: 40px;
}

.credit{
	background: #eee;
	padding: 60px 34px 3px;/* 40px 0 */
	/* margin-top: 34px */
}
.credit p{
	margin-bottom: 13px;
	font-size: 10px;/* 12spx */
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color:#58585a;
	text-align: center;
}
.credit p strong{
	font-size: 1.3rem;
	margin-bottom: 8px;
	color:#58585a;
}
.comments{padding: 34px 0;}
.comments ul{max-width: 1000px; margin-left: auto;margin-right: auto;}
.comments ul li{padding: 5px 0; font-size: 1.0rem;text-align: center;}
/* .comments ul li:before {
	content: '※';
	margin-left:-14px;
} */

/* @media screen and (min-width: 768px) {
	.credit p{
		text-align: center;
	}

} */
@media screen and (max-width: 768px) {
	.comments{padding: 34px 34px;}
	.comments ul li{text-align: center;line-height: 1.5;margin-left: 14px;}

}
@media screen and (min-width: 992px) {

.swiper-button-next,
.swiper-button-prev{display: none;}

#container #footer {

}

#container #footer .inner {
    max-width: 1230px;
}

#container #footer .logo {
	max-width: 200px;
	margin-bottom: 60px;/* 60px */
}

#container #footer .catch {
	font-size: 32px;/* 32px */
	font-size: 3.0rem;
	line-height: 1.8em;
	margin-bottom: 160px;/* 80px */
}

#container #footer .footer_dl_box .dl_txt {
    margin-bottom: 25px;
}

#container #footer .footer_dl_box .dl_btn_box {
    padding-bottom: 80px;/* 80px */
}

#container #footer .footer_dl_box .dl_btn_box ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	max-width: 560px;
	margin: 0 auto;
}

#container #footer .footer_dl_box .dl_btn_box ul li {
  margin: 0 2px 20px;
}

#container #footer .footer_dl_box .dl_btn_box ul li + li {
  margin-top: 0;
}

#container #footer .copy {
	font-size: 12px;/* 12spx */
	font-size: 1.2rem;
	    padding: 40px 0 55px;/* 40px 0 */
}

#container #footer .share_btn_box {
	padding-bottom: 250px;
}

#container #footer .share_btn_box .daiji {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 30px;
}

#container #footer .share_btn_box ul {
	width: 150px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#container #footer .share_btn_box ul li {
	width: 60px;
	height: 60px;
}
}

button.slick-next,
button.slick-prev{display: none !important;}


/* -----------------------------------------------
イントロMORE
----------------------------------------------- */

.button {
    text-align: center;
    padding: 15px 10px;
    color: #ffffff;
    background-color: #f26522;
	width: 100%;
    max-width: 360px;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
}

.button.close {
	background-color: #666666;
}

#container .intro_more_con_box {
	padding: 0 30px;
}

@media screen and (min-width: 768px) {

.button {
    width: 360px;
	font-size: 16px;
	font-size: 1.6rem;
}

#container .intro_more_con_box {
	padding: 0 60px;
}
}

.modal_box .txt_box .daiji span.mv_type-1,
.modal_box .txt_box .daiji span.mv_type-2,
.modal_box .txt_box .daiji span.mv_type-3,
.modal_box .txt_box .daiji span.mv_type-4,
#container .intro_box .txt_box .txt span.mv_type-1,
#container .intro_box .txt_box .txt span.mv_type-2,
#container .intro_box .txt_box .txt span.mv_type-3,
#container .intro_box .txt_box .txt span.mv_type-4
{
	display: contents !important; font-size: 2.4rem;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
}
span.mv_type-1{color:#009944;}
span.mv_type-2{color:#25BCEF;}
span.mv_type-3{color:#00465B;}
span.mv_type-4{color:#E94709;}

@media screen and (max-width: 768px) {
	.modal_box .txt_box .daiji span.mv_type-1,
	.modal_box .txt_box .daiji span.mv_type-2,
	.modal_box .txt_box .daiji span.mv_type-3,
	.modal_box .txt_box .daiji span.mv_type-4
	{
		display: contents !important; font-size: 1.8rem;
		font-family: fot-tsukuardgothic-std, sans-serif;
		font-weight: bold;
	}

}

.about_box{
	text-align: center;

}
.about_box img{
	width: 110px;
	height:auto;

}

@media screen and (max-width: 768px) {
	.about_box img{
		width: 90px;
		height:auto;
	}

}

span.space{display: inline-block; width: 20px;}

@media screen and (max-width: 768px) {
.pc_movie{display: none}
}
@media screen and (min-width: 767px) {
.sp_movie{display: none}
}

#intro_modal video{border: solid 1px #ccc;}



#first {
	position: absolute;
	z-index: 999;
}

#finger_anime01,#finger_anime02,#finger_anime03,#finger_anime04,#finger_anime05,#finger_anime06
{
  animation-name: right;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

@keyframes right {
  0% {
    margin-left: 0;
  }
  30% {
    margin-left: 0;
  }
  40% {
    margin-left: 30px;
  }
  60% {
    margin-left: 30px;
  }
  70% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}

.fukidashi_anime {
animation: animScale 3s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;

}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}

#container #section_area .content_list ul.slide-dots li button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#container #section_area .content_list ul.slide-dots li
{
	width: 15px;
  padding: 0;
  position: relative;
}

#container #section_area .content_list ul.slide-dots {
  text-align: left;
	display: block;
	margin-top: -27px;
	padding-left: 5px;
}
#container #section_area .content_list ul.slide-dots li {
  display: inline-block;
  margin: 0 3px;
	background: none;
}
#container #section_area .content_list ul.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
#container #section_area .content_list ul.slide-dots li button:before {
  content: '○';
  font-size: 15px;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
	display: block;
	border-radius: 50%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#container #section_area .content_list ul.slide-dots li.slick-active button:before {
  content: '●';
	font-size: 15px;

}

#container #section_area #section03 .content_list ul.slide-dots li.slick-active button:before,
#container #section_area #section03 .content_list ul.slide-dots li button:before {
  color:#20bef0;
}
#container #section_area #section02 .content_list ul.slide-dots li.slick-active button:before,
#container #section_area #section02 .content_list ul.slide-dots li button:before {
  color:#00a453;
}

.view-app-padding{padding-bottom:300px;}

@media screen and (max-width: 768px) {
	.view-app-padding{padding-bottom:150px;}
}

@media screen and (min-width: 768px) {
br.br-sp{display: none;}
}
p.future-releases{
	position: relative;
	z-index: 99;
}
p.future-releases small{
	font-size: 0.6em;
	margin-top: 1em;
	position: absolute;
}
.future-releases-l small{ left:0;}
.future-releases-r small{	right:0;}

.fb_iframe_widget {display: none!important;}



/* 会員になってたのしもう */
.section.member {
	/* height: 1800px; */
	padding-bottom: 80px;
}
.member__body {
	background-color: #ffffff;
	border-radius: 20px;
	width: 78vw;
	margin: 80px auto 0;
	padding: 60px;
	overflow: hidden;
}
.member__wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -60px;
}
.member__item {
	width: 410px;
	margin-bottom: 60px;
}
.member__title {
	display: flex;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 22px;
	color: #F7500D;
	height: 68px;
	border-radius: 34px;
	border: 2px solid #F7500D;
	align-items: center;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 20px;
}
.member__title.is-image {
	border: 0;
}
.member__title.is-image img {
	width: auto;
}
.member__title-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 76px;
	justify-content: center;
}
.member__title-badge small {
	font-size: 10px;
	position: relative;
	transform-origin: center center;
	transform: scale(0.9);
	margin-bottom: 5px;
	color: #333333;
}
.member__title-badge em {
	color: #F7500D;
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
}
.member__title-body {
	width: calc(100% - 76px - 34px);
	white-space: nowrap;
	font-feature-settings: 'palt';
	font-weight: bold;
}
.member__image {
	text-align: center;
	margin-bottom: 20px;
	height: 230px;
	position: relative;
}
.member__image.is-small {
	padding: 0 35px;
}
.member__text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 16px;
	line-height: 1.375;
	color: #4d4d4d;
}
.member__text.is-copy {
	font-size: 14px;
	color: #999999;
}
.member__download {
	margin-top: 60px;
	position: relative;
}
.member__download::after {
	content: '';
	display: block;
	width: 193px;
	height: 194px;
	/* width: 19vw;
	height: 19vw; */
	background-image: url(../../img/member/deco-01.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -90px;
	bottom: -30px;
	animation: animal-04 3s ease infinite;
}
.member__download-title {
	text-align: center;
	margin-bottom: 20px;
}
.member__download-button-box {
	display: flex;
	justify-content: center;
}
.member__download-button-box li:nth-child(2) {
	margin-left: 20px;
}

.link-anchor {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: -20px;
	margin-bottom: 7px;
}
.link-anchor a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	text-decoration: none;
	line-height: 1;
}
.link-anchor a:hover {
	color: #000;
	text-decoration: none;
}
.link-anchor a::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #f74f0d transparent transparent transparent;

}
@media screen and (max-width: 1240px) {
	.member__wrap {
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}
@media screen and (max-width: 1024px) {
	.member__download::after {
		display: none;
		/* width: 19vw;
		height: 19vw; */
	}
}
@media screen and (max-width: 600px) {
	.member__body {
		background-color: transparent;
		width: 100%;
		padding: 0 15px;
		border-radius: 0;
	}
	.member__item {
		background-color: #ffffff;
		border-radius: 20px;
		padding: 30px 20px;
		width: 100%;
	}
	.member__title {
		font-size: 2rem;
	}
	.member__download {
		background-color: #ffffff;
		width: calc(100% + 30px);
		position: relative;
		left: -15px;
		padding: 30px;
	}
}
@media screen and (max-width: 470px) {
	.member__title {
		font-size: 4.2vw;
		height: 14.5vw;
	}
	.member__title-badge {
		width: 20vw;
	}
	.member__title-badge small {
		transform: scale(0.9);
		margin-bottom: 1vw;
		line-height: 1;
	}
	.member__title-badge em {
		font-size: 5.5vw;
		line-height: 1;
	}
	.member__title-body {
		width: calc(100% - 20vw - 34px);
	}
	.member__image {
		height: auto;
		margin-bottom: 2vw;
	}
	.member__image.is-small {
		padding: 0 7.4vw;
	}
	.member__text {
		font-size: 3.4vw;
	}
	.member__download-button-box {
		flex-direction: column;
		align-items: center;
	}
	.member__download-button-box li:nth-child(2) {
		margin-left: 0;
		margin-top: 20px;
	}
}
/* #F7500D */



/* @media screen and (min-width: 769px) { */
/* 右上固定SNSボタン */
.sns-fixed {
	position: fixed;
	top: 22px;
	right: 22px;
	z-index: 10;
}
@media screen and (min-width: 769px) {
	.sns-fixed {
		top: 42px;
		right: 42px;
	}
}
.sns-fixed__list {
	display: flex;
}
.sns-fixed__item:nth-child(n+2) {
	margin-left: 15px;
}
.sns-fixed__link {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
}
.sns-fixed__link:hover:after {
	opacity: 0.5;
}
.sns-fixed__link:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../img/sns/btn-white.png);
	background-size: contain;
	transition-duration: 0.5s;
	opacity: 0;
}
.sns-fixed__img {
	width: 100%;
	height: auto;
	opacity: 1 !important;
}
/* / 右上固定SNSボタン */



.title--supporter {
	section_midashi;
}
.title--supporter::before {
	content: '';
	display: inline-block;
	width: 0.3em;
	height: 0.5em;
}
.txt--supporter {
	text-align: center;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.08em;
    padding: 20px 20px 0;
	line-height: 2.0em;
    margin-bottom: 10px;
}
@media screen and (max-width: 470px) {
	.title--supporter {
		font-size: 2.4rem;
		margin-bottom: 10px;
		line-height: 1.7;
	}
	.title--supporter::before {
		display: none;
	}
	.txt--supporter {
		white-space: nowrap;
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 320px) {
	.title--supporter {
		font-size: 2.3rem;
	}
	.txt--supporter {
		font-size: 1.5rem;
	}
}
.daiji-wrapper {
	display: flex;
	justify-content: center;

}
.daiji-wrapper .daiji {
	text-align: left !important;
	text-indent: -0.1em;
}

/* WEB 登録画面 */
.webregister {
	padding: 45px 0 80px;
	position: relative;
	background-color: #ffffff;
}
@media screen and (max-width: 767.98px) {
	.webregister {
		padding: 30px 0;
	}
}
.webregister::before,
.webregister::after {
	content: '';
	display: block;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (max-width: 1050px) {
	.webregister::before,
	.webregister::after {
		display: none;
	}
}
.webregister::before {
	width: 247px;
	height: 342px;
	background-image: url(../../img/bg/bg-webregister-01@2x.png);
	left: 30px;
}
.webregister::after {
	width: 254px;
	height: 343px;
	background-image: url(../../img/bg/bg-webregister-02@2x.png);
	right: 22px;
}
.webregister__title {
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	line-height: 1.5;
	font-size: 36px;
}
@media screen and (max-width: 767.98px) {
	.webregister__title {
		font-size: 24px;
	}
}
.webregister__title span {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
}

.webregister__text {
	text-align: center;
	margin-top: 40px;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
@media screen and (max-width: 767.98px) {
	.webregister__text {
		margin-top: 20px;
		font-size: 14px;
	}
}
.webregister__button {
	margin-top: 50px;
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.webregister__button {
		width: 100%;
		max-width: 366px;
		margin: 15px auto 0;
		padding: 0 20px;
	}
}
/* / WEB 登録画面 */



/*******************************************************
* 2020.09.23 ズーラシア特設LPの新規作成パーツ
* ズーラシア個別スタイルは /common/css/zoorasia_lp.css に記述
* URL: https://onezoo.jp/zoorasia_lp.html
*******************************************************/

/* headline */
.headline {
  background-color: rgb(242,101,34);
  padding: 12px 20px 14px;
  font-family: fot-tsukuardgothic-std, sans-serif;
}
.headline__block {
}
.headline__title {
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}
.headline__list {
  margin-top: 7px;
}
.headline__item {
  font-size: 13px;
  line-height: 1.7;
}
.headline__anchor {
  color: #fff;
  text-decoration: underline !important;
}
@media screen and (min-width: 768px) {
  .headline {
    padding: 20px 22px 20px;
  }
  .headline__block {
    max-width: 1040px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  .headline__title {
    min-width: 55px;
    font-size: 22px;
    line-height: 1;
  }
  .headline__list {
    margin: 2px 0 0 56px;
  }
  .headline__item {
    font-size: 16px;
    line-height: 1.2;
  }
  .headline__anchor {
    transition: opacity .2s linear;
  }
  .headline__anchor:hover {
    opacity: .8;
  }
}