@charset "utf-8";

header				{ position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 122px; background: url("/assets/images/bg_header.png") no-repeat center bottom; background-size: cover; font-size: 1.4rem; }
header .logo	{ margin-top: 33px; }
header #ham-menu > ul > li:before		{ top: 18px; height: 83px; }
header #ham-menu > ul > li a span		{ margin-left: -10px; }
header #ham-menu > ul > li a figure	{ margin-left: 5px; margin-bottom: 20px; transform: scale(1); }

header #ham-menu > ul > li:nth-child(2) a figure{ left: 8px; }
header #ham-menu > ul > li:nth-child(3) a figure,
header #ham-menu > ul > li:nth-child(4) a figure{ left: 8px; margin-bottom: 20px; }
header #ham-menu > ul > li:nth-child(5) a figure{ top: -2px; left: 7px; margin-bottom: 10px; }
header #ham-menu > ul > li:nth-child(6) a figure{ top: 2px; left: 5px; margin-bottom: 17px; }
header #ham-menu > ul > li:nth-child(7) a figure,
header #ham-menu > ul > li:nth-child(8) a figure{ margin-bottom: 23px; }

header .only-toppage	{ display: block; }
header .only-2ndpage	{ display: none; }

@media (max-width: 767px) {
header				{ position: fixed; height: 60px; padding: 8px; background: #fff; }
header .logo	{ margin-top: 8px; }
main					{ margin-top: 0; }
.night header	{ background: #d9dcdf; }
}

.mv .main-under	{ position: absolute; bottom: 5px; left: 0; z-index: 3; }
.mv .cp					{ position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -40px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 2.3rem; font-weight: 500; text-align: center; line-height: 1; transform: translate(-50%, -50%); }
.mv .cp:after		{ content: ""; position: absolute; bottom: -100px; width: 86px; height: 72px; margin-left: -43px; background: url("/assets/images/top/main_360.png") no-repeat; }
.mv .cp p					{ letter-spacing: 3px; }
.mv .cp p em			{ position: relative; top: -2px; margin-left: 13px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.9rem; font-weight: 700; }
.mv .cp p em span	{ display: inline; margin-top: 0; font-size: 1.9rem; font-weight: 700; letter-spacing: -.1em; }
.mv .cp h1				{ position: static; margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 5.9rem; font-weight: 400; line-height: 1.3; letter-spacing: 5px; transform: translateY(0); }
.mv .cp h1 span		{ display: inline; margin-top: 0; font-size: 4.3rem; }

@media (min-width: 1301px) and (max-width: 1550px) {
.mv .cp	{ transform: translate(-50%, -50%) scale(0.8, 0.8); }
}
@media (min-width: 768px) and (max-width: 1350px) {
.mv .cp	{ transform: translate(-50%, -50%) scale(0.7, 0.7); }
}

.floor							{ position: relative; }
.floor:before				{ content: ""; position: absolute; top: -30px; right: 52%; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 0 264px 257px 0; border-color: transparent rgba(0, 173, 212, .25) transparent transparent; }
.floor:after				{ content: ""; position: absolute; top: -30px; right: 0; z-index: 2; width: 52%; height: 257px; background: rgba(0, 173, 212, .25); }
.floor .inner:after	{ content: ""; clear: both; display: block; height: 0; }
.floor h2						{ float: left; }
.floor .description	{ position: relative; z-index: 3; float: right; width: 600px; margin-top: 50px; font-size: 1.8rem; line-height: 2; }

.floor .appearance				{ position: relative; min-height: 795px; margin-top: 90px; }
.floor .appearance:after	{ content: ""; position: absolute; bottom: 0; right: 0; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 0 0 22.17vw 19.33vw; border-color: transparent transparent #79a4e5 transparent; }
.floor .appearance:before	{ content: ""; position: absolute; bottom: 0; left: 0; z-index: 3; width: 100%; height: 795px; background: url("/assets/images/top/bg_appearance.png") no-repeat center bottom; pointer-events: none; }
.floor .appearance .inner	{ position: relative; }

.swiper-button-prev					{ left: 5px; width: 24px; height: 24px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; background-image: none; transform: rotate(225deg); }
.swiper-button-prev:before	{ content: ""; position: absolute; top: 10px; left: -10px; width: 30px; height: 2px; margin-top: 6px; background: #2893de; transform: rotate(-225deg); }
.swiper-button-next					{ right: 5px; width: 24px; height: 24px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; background-image: none; transform: rotate(45deg); }
.swiper-button-next:before	{ content: ""; position: absolute; top: 10px; left: -10px; width: 30px; height: 2px; margin-top: 6px; background: #2893de; transform: rotate(-45deg); }

.swiper-container				{ position: absolute; top: 0; right: 0; z-index: 2; width: 617px; /*width: 484px;*/ height: 590px; padding: 0 65px; }
.swiper-container:before,
.swiper-container:after	{ content: ""; position: absolute; top: 0; z-index: 2; width: 65px; height: 100%; background: #fff; }
.swiper-container:before{ left: 0; }
.swiper-container:after	{ right: 0; }

.swiper-slide a					{ display: block; }
.swiper-slide dl				{ position: relative; }
.swiper-slide dl:after	{ content: ""; position: absolute; top: 85px; right: 0; z-index: -1; width: 432px; height: 485px; }
.swiper-slide dl img		{ width: calc(100% - 37px); height: auto; }
.swiper-slide:nth-of-type(1) dl:after,
.swiper-slide:nth-of-type(6) dl:after{ background: #dfdffa; }
.swiper-slide:nth-of-type(2) dl:after,
.swiper-slide:nth-of-type(7) dl:after{ background: #e4f5da; }
.swiper-slide:nth-of-type(3) dl:after{ background: #d2f3ec; }
.swiper-slide:nth-of-type(4) dl:after{ background: #d0f0f3; }
.swiper-slide:nth-of-type(5) dl:after{ background: #dae9f6; }
.swiper-slide dt		{ margin-top: 30px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.2rem; font-weight: 700; }
.swiper-slide dd		{ width: 450px; margin-top: 25px; font-size: 1.6rem; }
.swiper-slide .fn		{ position: absolute; top: 226px; left: 306px; width: 125px; height: 125px; border-radius: 50%; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; text-align: center; line-height: 1.3; }
.swiper-slide .fn strong{ font-family: 'Roboto', sans-serif; font-size: 4.8rem; font-weight: 400; line-height: 1.1; }
.swiper-slide .fn em		{ font-family: 'Roboto', sans-serif; font-size: 2.6rem; font-weight: 400; line-height: 1.1; }
.swiper-slide .fn span	{ font-family: 'Roboto', sans-serif; }
.swiper-slide:nth-of-type(1) .fn,
.swiper-slide:nth-of-type(6) .fn{ padding-top: 25px; background: #6a6ae3; }
.swiper-slide:nth-of-type(2) .fn,
.swiper-slide:nth-of-type(7) .fn{ padding-top: 10px; background: #77cd44; }
.swiper-slide:nth-of-type(3) .fn{ padding-top: 20px; background: #00caa2; }
.swiper-slide:nth-of-type(4) .fn{ padding-top: 20px; background: #00b9ca; }
.swiper-slide:nth-of-type(5) .fn{ padding-top: 10px; background: #0082ca; }
.swiper-slide:nth-of-type(1) .fn strong,
.swiper-slide:nth-of-type(6) .fn strong	{ display: block; margin-bottom: -10px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.4rem; font-weight: 500; }
.swiper-slide:nth-of-type(2) .fn strong,
.swiper-slide:nth-of-type(7) .fn strong,
.swiper-slide:nth-of-type(2) .fn em,
.swiper-slide:nth-of-type(7) .fn em		{ letter-spacing: -0.1em; }
.swiper-slide:nth-of-type(5) .fn span:first-child{ font-weight: 100; }
.swiper-slide .more					{ position: absolute; bottom: 0; left: 50%; margin-left: -115px; }
.swiper-slide .more span		{ display: block; position: relative; width: 230px; height: 45px; line-height: 40px; border: 2px solid #2893de; border-radius: 30px; background: #fffd5f; color: #2893de; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 400; text-align: center; }
.swiper-slide .more span:after	{ content: ""; position: absolute; top: 50%; right: 10px; width: 6px; height: 6px; margin-top: -4px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; transform: rotate(45deg); }

.swiper-pagination-bullet												{ position: absolute; width: 140px; height: 140px; opacity: 1; }
.swiper-pagination-bullet:before								{ content: ""; position: absolute; top: -7px; left: -7px; width: 154px; height: 154px; border-radius: 50%; }
.swiper-pagination-bullet:nth-of-type(1)				{ top: 505px; left: 203px; background: rgba(119, 205, 68, 1); }
.swiper-pagination-bullet:nth-of-type(1):before	{ background: rgba(119, 205, 68, 0.3); }
.swiper-pagination-bullet:nth-of-type(2)				{ top: 402px; left: 59px; background: rgba(0, 202, 162, 1); }
.swiper-pagination-bullet:nth-of-type(2):before	{ background: rgba(0, 202, 162, 0.3); }
.swiper-pagination-bullet:nth-of-type(3)				{ top: 237px; left: 7px; background: rgba(0, 185, 202, 1); }
.swiper-pagination-bullet:nth-of-type(3):before	{ background: rgba(0, 185, 202, 0.3); }
.swiper-pagination-bullet:nth-of-type(4)				{ top: 82px; left: 86px; background: rgba(0, 130, 202, 1); }
.swiper-pagination-bullet:nth-of-type(4):before	{ background: rgba(0, 130, 202, 0.3); }
.swiper-pagination-bullet:nth-of-type(5)				{ top: 7px; left: 240px; background: rgba(106, 106, 227, 1); }
.swiper-pagination-bullet:nth-of-type(5):before	{ background: rgba(106, 106, 227, 0.3); }
.swiper-pagination-bullet:after									{ content: ""; position: absolute; top: -7px; left: -7px; width: 154px; height: 154px; border-radius: 50%; }
.swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active:after	{ animation: wave01 1s ease-out; }
.swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active:after	{ animation: wave02 1s ease-out; }
.swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active:after	{ animation: wave03 1s ease-out; }
.swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active:after	{ animation: wave04 1s ease-out; }
.swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active:after	{ animation: wave05 1s ease-out; }

.floor .content-group dl				{ position: absolute; z-index: 10; width: 139px; height: 139px; padding-top: 10px; color: #fff; text-align: center; pointer-events: none; }
.floor .content-group dl:after	{ content: ""; position: absolute; bottom: 15px; left: 50%; width: 10px; height: 10px; margin-left: -9px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.floor .content-group dt				{ font-family: 'Roboto', sans-serif; font-size: 2.6rem; font-weight: 400; line-height: 1.1; }
.floor .content-group dt strong	{ font-size: 4.8rem; }
.floor .content-group dt span		{ font-weight: 100; }
.floor .content-group dd				{ font-family: 'Noto Sans JP', sans-serif; font-weight: 700; line-height: 1.3; }
.floor .content-group dd span		{ font-family: 'Roboto', sans-serif; }
.floor .content-group .line01,
.floor .content-group .line02,
.floor .content-group .object											{ position: absolute; }
.floor .content-group dl#content01								{ top: 505px; left: 203px; }
.floor .content-group dl#content01.active .line01	{ top: 139px; left: 68px; width: 3px; /*height: 115px;*/ background: #77cd44; opacity: 0; animation: content01-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content01.active .line02	{ top: 252px; left: 68px; /*width: 81px;*/ height: 3px; background: #77cd44; opacity: 0; animation: content01-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content01.active .object	{ top: 239px; left: 134px; width: 202px; height: 44px; background: rgba(119, 205, 68, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content02								{ top: 400px; left: 60px; padding-top: 20px; }
.floor .content-group dl#content02 dt							{ margin-bottom: 5px; }
.floor .content-group dl#content02.active .line01	{ top: 139px; left: 68px; width: 3px; /*height: 187px;*/ background: #00caa2; opacity: 0; animation: content02-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content02.active .line02	{ top: 325px; left: 68px; /*width: 225px;*/ height: 3px; background: #00caa2; opacity: 0; animation: content02-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content02.active .object	{ top: 317px; left: 277px; width: 202px; height: 19px; background: rgba(0, 202, 162, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content03								{ top: 235px; left: 9px; padding-top: 20px; }
.floor .content-group dl#content03 dt							{ margin-bottom: 5px; }
.floor .content-group dl#content03.active .line01	{ top: 70px; left: 137px; /*width: 219px;*/ height: 3px; background: #00b9ca; opacity: 0; animation: content03-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content03.active .line02	{ top: 70px; left: 356px; width: 3px; /*height: 408px;*/ background: #00b9ca; opacity: 0; animation: content03-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content03.active .object	{ top: 463px; left: 328px; width: 202px; height: 23px; background: rgba(0, 185, 202, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content04								{ top: 82px; left: 88px; }
.floor .content-group dl#content04.active .line01	{ top: 80px; left: 137px; /*width: 142px;*/ height: 3px; background: #0082ca; opacity: 0; animation: content04-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content04.active .line02	{ top: 80px; left: 277px; width: 3px; /*height: 514px;*/ background: #0082ca; opacity: 0; animation: content04-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content04.active .object	{ top: 578px; left: 249px; width: 202px; height: 43px; background: rgba(0, 130, 202, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content05								{ top: 8px; left: 243px; padding-top: 20px; }
.floor .content-group dl#content05 dt							{ margin-bottom: 10px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
.floor .content-group dl#content05.active .line01	{ top: 139px; left: 68px; width: 3px; /*height: 265px;*/ background: #6a6ae3; opacity: 0; animation: content05-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content05.active .line02	{ top: 402px; left: 68px; /*width: 82px;*/ height: 3px; background: #6a6ae3; opacity: 0; animation: content05-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content05.active .object	{ top: 385px; left: 143px; width: 100px; height: 38px; background: rgba(106, 106, 227, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }

.exp figure img	{ width: 100%; height: auto; }
#access-border	{ display: none; }

/*night*/
.night .floor .appearance:after	{ border-color: transparent transparent #14458f transparent; }
.night .floor .appearance:before{ background-image: url("/assets/images/top/bg_appearance_night.png"); }

.night .swiper-container:before,
.night .swiper-container:after	{ background: #031128; }
.night .swiper-slide a					{ color: #fff; }
.night .swiper-slide a:hover		{ opacity: 1; }
.night .swiper-slide:nth-of-type(1) dl:after,
.night .swiper-slide:nth-of-type(6) dl:after{ background: #283267; }
.night .swiper-slide:nth-of-type(2) dl:after,
.night .swiper-slide:nth-of-type(7) dl:after{ background: #28542d; }
.night .swiper-slide:nth-of-type(3) dl:after{ background: #0f5256; }
.night .swiper-slide:nth-of-type(4) dl:after{ background: #214d60; }
.night .swiper-slide:nth-of-type(5) dl:after{ background: #1b3b67; }

/* Phase 2 */
#importantNews					{ position: absolute; bottom: 5px; left: 50%; z-index: 4; width: 480px; height: 130px; margin-left: 106px; padding: 10px 30px 20px; background: rgba(0, 0, 0, 0.65); color: #fff; }
#importantNews dt				{ position: relative; color: #fffd5f; font-size: 1.8rem; font-weight: bold; text-align: center; }
#importantNews dt:before{ content: url("/assets/images/i_exc.png"); display: inline-block; margin-right: 10px; vertical-align: middle; }
#importantNews dd a			{ color: #fff; }

#latestnews									{ min-height: 500px; padding-bottom: 90px; background: #3690ce url("/assets/images/top/bg_news.png") no-repeat 0 bottom; background-size: 100% auto; color: #fff; }
#latestnews > .inner				{ position: relative; }
#latestnews h2							{ position: absolute; top: 0; right: 0; padding: 80px 100px 0 0; text-align: right; }
#latestnews h2:before				{ left: auto; right: 30px; background: #fff; }
#latestnews .cat						{ display: block; width: 100px; margin-bottom: 5px; padding-bottom: 2px; border: 1px solid #999; background: #fff; color: #999; font-family: 'Noto Sans JP', sans-serif; font-size: 1.2rem; font-weight: 500; text-align: center; }
#latestnews .cat.information{ border-color: #059fc6; background: #daf4fb; color: #059fc6; }
#latestnews .cat.important	{ border-color: #cb2252; background: #f8edf1; color: #cb2252; }
#latestnews .cat.release		{ border-color: #8e1adf; background: #f8f1fc; color: #8e1adf; }
#latestnews .cat.ir					{ border-color: #389d06; background: #eff9ea; color: #389d06; }

#latestnews #newslist											{ width: 700px; padding-top: 85px; }
#latestnews #newslist .inner							{ width: auto; }
#latestnews #newslist li									{ display: none; border-bottom: 1px solid #76bae0; font-size: 1.6rem; }
#latestnews #newslist li:first-child			{ border-top: 1px solid #76bae0; }
#latestnews #newslist li:nth-of-type(1),
#latestnews #newslist li:nth-of-type(2),
#latestnews #newslist li:nth-of-type(3),
#latestnews #newslist li:nth-of-type(4),
#latestnews #newslist li:nth-of-type(5)		{ display: block; }
#latestnews #newslist li a								{ display: block; padding: 15px 20px; color: #fff; }
#latestnews #newslist li .entry-info:after{ content: ""; clear: both; display: block; height: 0; }
#latestnews #newslist li time							{ display: block; float: left; width: 100px; margin-right: 30px; }
#latestnews #newslist li .cat							{ float: left; }
#latestnews #newslist li .entry-title			{ margin-left: 130px; }
#latestnews #newslist li .entry-title i		{ margin-left: 5px; }
#latestnews #newslist figure							{ display: none; }
#latestnews .more													{ margin-top: 40px; text-align: center; }
#latestnews .more .btn										{ width: 273px; height: 45px; padding-top: 5px; font-size: 1.8rem; }

#pa_photo360						{ position: relative; width: 100%; /*height: 770px;*/ white-space: nowrap; overflow: hidden; }
#pa_photo360-inner			{ position: relative; left: 0; background: url("/assets/images/top/main.jpg") repeat-x 0 center; background-size: cover; }
#pa_photo360-inner img	{ visibility: hidden; }
#pa_photo360 #prev,
#pa_photo360 #next			{ position: absolute; top: 50%; margin-top: 30px; cursor: pointer; }
#pa_photo360 #prev			{ left: 110px; }
#pa_photo360 #next			{ right: 110px; }

#key-visual video { width: 100%; height: auto; }

.pickup-area													{ position: relative; margin-top: -5px; }
.pickup-area:before,
.pickup-area:after										{ content: ""; position: absolute; top: -19px; width: 0; height: 0; border-style: solid; }
.pickup-area:before										{ left: 0; z-index: 2; border-width: 62vw 62vw 0 0; border-color: rgba(32, 104, 211, 0.6) transparent transparent transparent; }
.pickup-area:after										{ right: 0; z-index: 1; border-width: 0 45vw 45vw 0; border-color: transparent rgba(0, 151, 195, 0.4) transparent transparent; }
.pickup-area-inner										{ position: relative; padding: 20px 0 50px; background: #34d3ef; }
.pickup-area .tv-tower								{ position: absolute; bottom: 0; /*left: 14vw;*/ left: 50%; margin-left: -696px; z-index: 4; /*width: 23vw;*/ width: 420px; }
.pickup-area .tv-tower img						{ width: 100%; height: auto; }
.pickup-area .lightup									{ position: relative; z-index: 4; float: left; padding-left: 270px; color: #fff; /*text-align: center;*/ }
.pickup-area .lightup a								{ color: #fff; text-decoration: underline; }
.pickup-area .lightup a:hover					{ text-decoration: none; }
.pickup-area .lightup .title					{ margin-left: 20px; font-size: 2rem; }
.pickup-area .lightup > dl						{ margin-left: 20px; }
.pickup-area .lightup > dl > dt				{ display: inline-block; position: relative; z-index: 1; width: 110px; height: 34px; margin-right: 20px; border: 1px solid #fff; border-right: 0; color: #fff; font-weight: bold; text-align: center; line-height: 34px; vertical-align: middle; }
.pickup-area .lightup > dl > dt:after	{ content: ""; position: absolute; top: 4px; right: -12px; z-index: -1; width: 23px; height: 23px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.pickup-area .lightup > dl > dd				{ display: inline-block; font-family: 'Roboto', sans-serif; font-size: 3rem; font-weight: 700; vertical-align: middle; }
.pickup-area .lightup > ul						{ margin: 5px 0 0 20px; font-size: 1.2rem; }
.pickup-area .lightup > ul > li				{ margin-left: 1.05em; text-indent: -1.05em; }

.pickup-area .secret									{ position: absolute; top: 180px; left: 50%; z-index: 5; margin-left: 60px; text-align: center; }
.pickup-area .secret-outer						{ position: relative; width: 236px; height: 236px; padding: 13px; border-radius: 50%; background: rgba(255, 253, 95, 0.3); }
.pickup-area .secret-outer:hover			{ cursor: pointer; }
.pickup-area .secret-outer:hover:after{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 236px; height: 236px; border-radius: 50%; animation: wave-secret 2s ease-out infinite; }
.pickup-area .secret-inner						{ position: relative; width: 210px; height: 210px; border-radius: 50%; background: rgba(255, 253, 95, 1) url("/assets/images/top/bg_question.png") no-repeat center; color: #052943; }
.pickup-area .secret-inner:before,
.pickup-area .secret-inner:after			{ content: ""; position: absolute; top: 50%; height: 3px; background: rgba(255, 253, 95, 1); }
.pickup-area .secret-inner:before			{ left: -60px; width: 60px; }
.pickup-area .secret-inner:after			{ left: -120px; width: 70px; margin-top: 22px; transform: rotate(-40deg); }
.pickup-area .secret-inner dl					{ display: table-cell; width: 210px; height: 210px; padding-top: 15px; color: #052943; vertical-align: middle; }
.pickup-area .secret-inner dt					{ display: inline-block; margin-bottom: 5px; padding: 0 0 5px; border-bottom: 1px dotted #052943; font-family: 'Noto Sans JP', sans-serif; font-size: 1.3rem; font-weight: 700; }
.pickup-area .secret-inner dd					{ display: block; position: relative; padding-bottom: 35px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 1.25; }
.pickup-area .secret-inner dd span		{ display: inline; margin-top: 0; font-size: 2.4rem; font-weight: 700; letter-spacing: -.2em; }
.pickup-area .secret-inner dd:before	{ content: ""; position: absolute; bottom: 10px; left: 50%; width: 20px; height: 2px; margin-left: -17px; background: #052943; }
.pickup-area .secret-inner dd:after		{ content: ""; position: absolute; bottom: 0; left: 50%; width: 20px; height: 20px; margin-left: -14px; border-top: 2px solid #052943; border-right: 2px solid #052943; transform: rotate(45deg); }

#secretDetail															{ border-radius: 0 !important; color: #000; font-size: 1.6rem; overflow: hidden; }
#secretDetail-inner												{ padding: 0 40px 40px; }
#secretDetail .close											{ position: absolute; top: 30px; right: 38px; width: 20px; height: 20px; cursor: pointer; }
#secretDetail .close:before,
#secretDetail .close:after								{ content: ""; position: absolute; top: 7px; right: 0; width: 19px; height: 2px; background: #000; }
#secretDetail .close:before								{ transform: rotate(45deg); }
#secretDetail .close:after								{ transform: rotate(-45deg); }
#secretDetail h2													{ margin-bottom: 30px; padding: 50px 0 0 50px; color: #052943; font-family: 'Noto Sans JP', sans-serif; font-size: 2.8rem; font-weight: 700; }
#secretDetail h2:before										{ top: -5px; left: 15px; height: 65px; }
#secretDetail h2:after										{ content: ""; position: absolute; top: 67px; right: 0; width: 597px; height: 4px; background: url("/assets/images/top/bg_dot.png") repeat-x; }
#secretDetail h2 i												{ position: absolute; top: 22px; left: 355px; }
#secretDetail .secret-inner:after 				{ content: ""; clear: both; display: block; height: 0; }
#secretDetail .secret-inner > figure			{ float: left; width: 460px; }
#secretDetail .secret-inner > figure > img{ width: 100%; height: auto; }
#secretDetail .exp												{ float: right; width: 490px; padding-bottom: 40px; background: url("/assets/images/top/bg_dot.png") repeat-x 0 bottom; line-height: 1.65; }
#secretDetail .exp p:not(:first-child)		{ margin-top: 1em; }
#secretDetail .note												{ position: relative; margin-top: 40px; padding: 30px; background: rgba(194, 221, 240, 0.5); }
#secretDetail .note figure								{ position: absolute; top: -20px; right: -7px; width: 180px; }
#secretDetail .note dl										{ width: 276px; }
#secretDetail .note dl dt									{ display: inline-block; position: relative; height: 31px; padding: 1px 10px 1px 15px; border: 1px solid #3690ce; border-right: 0; color: #3690ce; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; vertical-align: middle; }
#secretDetail .note dl dt:after						{ content: ""; position: absolute; top: 4px; right: -11px; width: 20px; height: 20px; border-top: 1px solid #3690ce; border-right: 1px solid #3690ce; transform: rotate(45deg); }
#secretDetail .note dl dd									{ display: inline-block; margin-left: 15px; color: #3690ce; font-family: 'Noto Sans JP', sans-serif; font-size: 2.6rem; font-weight: 500; vertical-align: middle; }
#secretDetail .note dl div								{ margin-top: 15px; font-size: 1.4rem; line-height: 1.4; }
#secretDetail .note dl div ul li					{ margin: 0 0 2px 1em; text-indent: -1em; }
#secretDetail .note dl div .bnr img       { width: 130%; max-width: 480px; height: auto; }

.pickup-area .pickup									{ position: relative; z-index: 4; float: right; width: 480px; min-height: 460px; padding-top: 30px; color: #000; }
.pickup-area .pickup h2								{ display: inline-block; float: left; width: 40px; padding: 0; white-space: nowrap; transform: rotate(90deg); }
.pickup-area .pickup h2:before				{ content: none; }
.pickup-area .pickup h2 span					{ display: inline; position: relative; top: -7px; margin: 0 0 0 20px; font-weight: 500; }
.pickup-area .pickup a								{ display: block; }
.pickup-area .pickup a:hover					{ opacity: 1; }
.pickup-area .pickup a:hover dl				{ opacity: 0.6; }
.pickup-area .pickup .box							{ position: relative; float: right; width: 420px; padding: 40px 40px 60px; background: rgba(255, 255, 255, 0.8); font-size: 1.6rem; }
.pickup-area .pickup .box time				{ display: block; position: relative; margin-top: 5px; padding-left: 35px; }
.pickup-area .pickup .box time:before	{ content: ""; position: absolute; top: -25px; left: 20px; width: 2px; height: 50px; background: #2893de; transform: rotate(35deg); }
.pickup-area .pickup .box figure			{ text-align: center; }
.pickup-area .pickup .box figure img	{ max-width: 100%; /*height: auto;*/ max-height: 161px; }
.pickup-area .pickup .box dd					{ margin-top: 15px; font-weight: bold; }
.pickup-area .pickup .box p						{ position: absolute; bottom: -16px; left: 0; width: 100%; text-align: center; }
.pickup-area .pickup .box p .btn			{ width: 224px; height: 45px; padding-top: 5px; }
.pickup-area .pickup .box p .btn:hover{ opacity: 1; }
.pickup-area .char										{ position: absolute; bottom: -55px; left: 50%; z-index: 4; margin-left: -247px; pointer-events: none; }
.pickup-area .char img								{ width: 100%; height: auto; }

.pickup-area .inner:after,
.pickup-area .pickup:after		{ content: ""; clear: both; display: block; height: 0; }

.int						{ position: relative; z-index: 2; }
.int:before			{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1000; width: calc(48% - 231px); height: 100%; background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 50.5%) no-repeat top left/100% 100%; }
.int figure img	{ width: 100%; height: auto; }

#event											{ position: relative; padding-bottom: 90px; background: #2893de url("/assets/images/top/bg_event.png") no-repeat center 0; background-size: 80% auto; }
#event > .inner > h2				{ padding: 80px 100px 0 0; color: #fff; text-align: right; }
#event > .inner > h2:before	{ top: -9px; right: 30px; left: auto; background: #fff; }
#event ul										{ margin-top: 60px; }
#event ul:after							{ content: ""; clear: both; display: block; height: 0; }
#event li										{ display: none; float: left; width: calc((100% - 90px) / 4); margin-right: 30px; }
#event li:nth-of-type(4)		{ margin-right: 0; }
#event li:nth-of-type(1),
#event li:nth-of-type(2),
#event li:nth-of-type(3),
#event li:nth-of-type(4)		{ display: block; }
#event li a									{ display: block; color: #fff; }
#event li a time						{ font-size: 1.6rem; font-weight: bold; }
/*#event li img							{ width: 100%; height: auto; }*/
#event > figure							{ position: absolute; bottom: 0; left: 50%; margin-left: -760px; }
#event li .term         { position: relative; padding: 10px 0 0 25px; color: #fff; font-weight: bold; }
#event li .term:before  { content: ""; position: absolute; top: -20px; left: 24px; width: 1px; height: 50px; background: #fff; transform: rotate(35deg); }
#event li figure        { display: table-cell; width: calc(1080px / 4); height: 128px; /*border: 1px solid #7bbde1;*/ text-align: center; vertical-align: middle; }
#event li figure img    { max-width: 100%; max-height: 100%; }
#event li .title-group  { margin: 15px 0 20px; }
#event li h2            { position: relative; height: 40px; margin-bottom: 20px; padding: 0; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; font-size: 1.6rem; font-weight: bold; line-height: 1.25; }
#event li h2:before			{ content: none; }
#event li .status				{ width: 270px; height: 25px; border: 1px solid #e43b73; background: #fff; color: #e43b73; font-family: 'Noto Sans JP', sans-serif; font-size: 1.4rem; font-weight: 500; text-align: center; }
#event li .btn					{ width: 223px; height: 45px; font-size: 1.8rem; line-height: 39px; }

#instagram-area									{ position: relative; }
#instagram-area:before					{ content: ""; position: absolute; top: 0; left: 0; width: 873px; height: 1060px; background: linear-gradient(to top left, rgba(32, 104, 211, 0) 50%, rgba(32, 104, 211, 0.6) 50.1%) no-repeat top left/100% 100%; }
#instagram-area h2							{ color: #fff; }
#instagram-area h2:before				{ top: -9px; background: #fff; }
#instagram-area .gallery				{ position: relative; z-index: 2; /*height: 580px;*/ margin-top: 80px; }
#instagram-area .gallery > a		{ display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }
#instagram-area .gallery > a img{ width: 100%; height: auto; }

#instagram-area .banner										{ margin-top: 90px; padding: 60px 0; background: #d1e4f2; }
#instagram-area .banner ul								{ position: relative; z-index: 2; }
#instagram-area .banner ul:after					{ content: ""; clear: both; display: block; height: 0; }
#instagram-area .banner li								{ float: left; width: 270px; margin: 20px 30px 0 0; background: #fff; }
#instagram-area .banner li:nth-of-type(4n){ margin-right: 0; }
#instagram-area .banner li:nth-of-type(1),
#instagram-area .banner li:nth-of-type(2),
#instagram-area .banner li:nth-of-type(3),
#instagram-area .banner li:nth-of-type(4)	{ margin-top: 0; }
#instagram-area .banner li a							{ display: block; }
#instagram-area .banner li img						{ width: 100%; height: auto; border: 1px solid #ccc; }

.history a										{ display: block; height: 310px; background: #0a0708 url("/assets/images/top/bnr_history.jpg") no-repeat center 0; color: #fff; font-family: 'Roboto', sans-serif; font-size: 5rem; font-weight: 400; text-align: center; line-height: 1.25; }
.history a:hover							{ opacity: 1; }
.history a .inner							{ position: relative; }
.history a .inner:after				{ content: ""; position: absolute; top: 50%; right: 150px; width: 20px; height: 20px; margin-top: -10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); transition: .3s; }
.history a:hover .inner:after	{ right: 145px; }
.history a .bg-mask 					{ height: 100%; padding-top: 110px; transition: .3s; }
.history a:hover .bg-mask			{ background: rgba(0, 0, 0, 0.5); }
.history em										{ display: block; margin-top: 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 2.2rem; font-weight: 700; }

.mascot                  { position: absolute; bottom: 0; left: 50%; width: 171px; height: 166px; margin-left: -18px; }
.mascot a                { display: block; width: 100%; height: 100%; }
.mascot a:hover          { opacity: 1; }
.mascot a:hover #mascot03{ opacity: .6; }
#mascot01                { position: absolute; bottom: 0; left: 0; animation: mascot01 3s ease-out infinite; }
#mascot02                { position: absolute; top: 0; left: 8px; opacity: 0; animation: mascot02 3s linear infinite; }
#mascot02 img            { width: 30px; height: 11px; }
#mascot03                { position: absolute; top: 0; right: 0; transition: all .3s; }

/* Phase 2 night */
.night #latestnews						{ background: #0460a3 url("/assets/images/top/bg_news_night.png") no-repeat 0 bottom; background-size: 100% auto; }
.night #pa_photo360-inner			{ background-image: url("/assets/images/top/main_night.jpg"); }
.night .pickup-area .tv-tower	{ /*position: absolute; bottom: 0; left: 50%; margin-left: -696px; z-index: 4; */ width: 533px; }
.night .pickup-area:before		{ border-color: rgba(5, 17, 36, 0.6) transparent transparent transparent; }
.night .pickup-area-inner			{ background: #00255c; }
.night .pickup-area .pickup h2{ color: #fff; }
.night .pickup-area .char			{ margin-left: -115px; }

@media (max-width: 767px) {
.mv figure img		{ width: 100%; height: auto; }
.mv .cp						{ width: 100%; margin-top: -40px; font-size: 1.4rem; }
.mv .cp:after			{ bottom: -55px; width: 51px; height: 43px; margin-left: -25px; background-size: 51px 43px; }
.mv .cp p					{ letter-spacing: 1px; }
.mv .cp p em			{ top: 0; margin-left: 6px; font-size: 1.2rem; }
.mv .cp p em span	{ font-size: 1.2rem; }
.mv .cp h1				{ font-size: 3.5rem; letter-spacing: 3px; }
.mv .cp h1 span		{ font-size: 2.5rem; }

.floor:before							{ top: -17px; right: 0; width: calc(100vw - 57% + 20px); height: 48vw; border-style: none; background: linear-gradient(to top right, rgba(0, 173, 212, 0) 50%, rgba(0, 173, 212, 0.25) 50.5%) no-repeat top left/100% 100%; }
.floor:after							{ content: none; position: absolute; top: 0; right: 0; width: 52%; height: 257px; background: #bfeaf4; }
.floor .inner:after				{ content: ""; clear: both; display: block; height: 0; }
.floor h2									{ float: none; z-index: 2; }
.floor .description				{ float: none; width: auto; margin-top: 40px; font-size: 1.4rem; }
.floor .appearance				{ min-height: 484px; margin-top: 40px; }
.floor .appearance:after	{ content: none; }
.floor .appearance:before	{ height: 484px; background: url("/assets/images/top/bg_appearance_sp.png") no-repeat center bottom; background-size: 800px 484px; }

.iziModal																			{ border-radius: 0 !important; color: #000; }
.iziModal-navigate-prev,
.iziModal-navigate-next												{ display: none !important; }
.iziModal .iziModal-content										{ padding: 25px 45px 85px !important; }
.accessModal .iziModal-content 								{ padding: 0 !important; } /* project.cssにも記述すること */
.iziModal .pagenation li											{ position: absolute; top: 50%; }
.iziModal .pagenation li:first-of-type				{ left: 14px; width: 12px; height: 12px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; background-image: none; transform: rotate(225deg); }
.iziModal .pagenation li:first-of-type:before	{ content: ""; position: absolute; top: 7px; left: -7px; width: 15px; height: 2px; margin-top: 2px; background: #2893de; transform: rotate(-225deg); }
.iziModal .pagenation li:last-of-type					{ right: 14px; width: 12px; height: 12px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; background-image: none; transform: rotate(45deg); }
.iziModal .pagenation li:last-of-type:before	{ content: ""; position: absolute; top: 7px; left: -7px; width: 15px; height: 2px; margin-top: 2px; background: #2893de; transform: rotate(-45deg); }
.iziModal .pagenation li:first-of-type:after,
.iziModal .pagenation li:last-of-type:after		{ content: ""; position: absolute; top: -2px; left: -8px; width: 20px; height: 20px; }/*クリック範囲拡大*/

.iziModal a							{ display: block; }
.iziModal dl						{ position: relative; font-size: 1.2rem; }
.iziModal dl:after			{ content: ""; position: absolute; top: 43px; left: 25px; z-index: -1; width: calc(100% - 25px); height: 100%; background: #e4f5da; }
.iziModal dl div img		{ width: calc(100% - 17px); }
.iziModal dl dt					{ margin: 12px 0 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 1.25; }
.iziModal dl dd					{ width: calc(100% - 17px); }
.iziModal dl .fn				{ position: absolute; top: 110px; left: 130px; width: 85px; height: 85px; border-radius: 50%; background: #77cd44; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: .9rem; font-weight: 700; text-align: center; line-height: 1.3; }
.pcview .iziModal dl .fn{ top: 40vw; right: 55px; left: initial; }
.iziModal dl .fn strong	{ font-family: 'Roboto', sans-serif; font-size: 3.3rem; font-weight: 400; line-height: 1.1; }
.iziModal dl .fn em			{ font-family: 'Roboto', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 1.1; }
.iziModal dl .fn span		{ font-family: 'Roboto', sans-serif; }

.iziModal#modal-group01 dl:after{ background: #e4f5da; }
.iziModal#modal-group02 dl:after{ background: #d2f3ec; }
.iziModal#modal-group03 dl:after{ background: #d0f0f3; }
.iziModal#modal-group04 dl:after{ background: #dae9f6; }
.iziModal#modal-group05 dl:after{ background: #dfdffa; }
.iziModal#modal-group01 .fn		{ padding-top: 7px; background: #77cd44; }
.iziModal#modal-group02 .fn		{ padding-top: 14px; background: #00caa2; }
.iziModal#modal-group03 .fn		{ padding-top: 14px; background: #00b9ca; }
.iziModal#modal-group04 .fn		{ padding-top: 9px; background: #0082ca; }
.iziModal#modal-group05 .fn		{ padding-top: 17px; background: #6a6ae3; }
.iziModal#modal-group01 .fn strong,
.iziModal#modal-group01 .fn em			{ letter-spacing: -0.1em; }
.iziModal#modal-group04 .fn span:first-child{ font-weight: 100; }
.iziModal#modal-group05 .fn strong	{ display: block; margin-bottom: -10px; font-family: 'Noto Sans JP', sans-serif; font-size: 2rem; font-weight: 500; }

.iziModal .more						{ position: absolute; bottom: 17px; left: 50%; margin-left: -110px; }
.iziModal .more span			{ display: block; position: relative; width: 220px; height: 50px; line-height: 45px; border: 2px solid #2893de; border-radius: 30px; background: #fffd5f; color: #2893de; font-family: 'Noto Sans JP', sans-serif; font-size: 1.4rem; font-weight: 400; text-align: center; }
.iziModal .more span:after{ content: ""; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin-top: -5px; border-top: 2px solid #2893de; border-right: 2px solid #2893de; transform: rotate(45deg); }

.iziModal .close				{ position: absolute; top: 25px; right: 15px; width: 20px; height: 20px; }
.iziModal .close:before	{ content: ""; position: absolute; top: 7px; right: 0; width: 19px; height: 2px; background: #000; transform: rotate(45deg); }
.iziModal .close:after	{ content: ""; position: absolute; top: 7px; right: 0; width: 19px; height: 2px; background: #000; transform: rotate(-45deg); }

.floor .content-group dl				{ position: absolute; z-index: 10; width: 83px; height: 83px; padding-top: 5px; border-radius: 50%; color: #fff; text-align: center; pointer-events: auto; }
.floor .content-group dl:after	{ bottom: 8px; width: 5px; height: 5px; margin-left: -4px; }
.floor .content-group dl:before,
.floor .content-group dl .wave	{ content: ""; position: absolute; top: -5px; left: -5px; z-index: -1; width: 93px; height: 93px; border-radius: 50%; }
.floor .content-group dt				{ font-size: 1.5rem; line-height: 1.1; }
.floor .content-group dt strong	{ font-size: 2.9rem; }
.floor .content-group dt span		{ font-weight: 100; }
.floor .content-group dd				{ font-size: .9rem; }
.floor .content-group dl#content01								{ top: 305px; left: 50%; margin-left: -50px; background: #77cd44; }
.floor .content-group dl#content01:before					{ background: rgba(119, 205, 68, 0.3); }
.floor .content-group dl#content01.active .wave		{ animation: wave01 1s ease-out; }
.floor .content-group dl#content01.active .line01	{ top: 82px; left: 41px; width: 3px; background: #77cd44; animation: content01-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content01.active .line02	{ top: 161px; left: 41px; height: 3px; background: #77cd44; animation: content01-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content01.active .object	{ top: 150px; left: 70px; width: 126px; height: 24px; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content02								{ top: 243px; left: 50%; margin-left: -136px; padding-top: 12px; background: #00caa2; }
.floor .content-group dl#content02:before					{ background: rgba(0, 202, 162, 0.3); }
.floor .content-group dl#content02 dt							{ margin-bottom: 0; }
.floor .content-group dl#content02.active .wave		{ animation: wave02 1s ease-out; }
.floor .content-group dl#content02.active .line01	{ top: 82px; left: 41px; width: 3px; background: #00caa2; animation: content02-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content02.active .line02	{ top: 200px; left: 42px; height: 3px; background: #00caa2; animation: content02-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content02.active .object	{ top: 196px; left: 156px; width: 126px; height: 10px; background: rgba(0, 202, 162, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content03								{ top: 145px; left: 50%; margin-left: -168px; padding-top: 12px; background: #00b9ca; }
.floor .content-group dl#content03:before					{ background: rgba(0, 185, 202, 0.3); }
.floor .content-group dl#content03 dt							{ margin-bottom: 0; }
.floor .content-group dl#content03.active .wave		{ animation: wave03 1s ease-out; }
.floor .content-group dl#content03.active .line01	{ top: 40px; left: 80px; height: 3px; background: #00b9ca; animation: content03-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content03.active .line02	{ top: 40px; left: 210px; width: 3px; background: #00b9ca; animation: content03-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content03.active .object	{ top: 282px; left: 188px; width: 126px; height: 14px; background: rgba(0, 185, 202, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content04								{ top: 52px; left: 50%; margin-left: -120px; background: #0082ca; }
.floor .content-group dl#content04:before					{ background: rgba(0, 130, 202, 0.3); }
.floor .content-group dl#content04.active .wave		{ animation: wave04 1s ease-out; }
.floor .content-group dl#content04.active .line01	{ top: 50px; left: 80px; height: 3px; background: #0082ca; animation: content04-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content04.active .line02	{ top: 50px; left: 163px; width: 3px; background: #0082ca; animation: content04-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content04.active .object	{ top: 351px; left: 141px; width: 126px; height: 26px; background: rgba(0, 130, 202, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }
.floor .content-group dl#content05								{ top: 7px; left: 50%; margin-left: -28px; padding-top: 12px; background: #6a6ae3; }
.floor .content-group dl#content05:before					{ background: rgba(106, 106, 227, 0.3); }
.floor .content-group dl#content05 dt							{ margin-bottom: 5px; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; }
.floor .content-group dl#content05.active .wave		{ animation: wave05 1s ease-out; }
.floor .content-group dl#content05.active .line01	{ top: 80px; left: 41px; width: 3px; background: #6a6ae3; animation: content05-animation-line01 0.3s ease-in 0s forwards; }
.floor .content-group dl#content05.active .line02	{ top: 242px; left: 41px; height: 3px; background: #6a6ae3; animation: content05-animation-line02 0.3s ease-out 0.3s forwards; }
.floor .content-group dl#content05.active .object	{ top: 231px; left: 77px; width: 68px; height: 27px; background: rgba(106, 106, 227, 0.32); opacity: 0; animation: content-animation-object 0.3s ease-out 0s forwards; }

/*night*/
.night .floor .appearance:before{ background-image: url("/assets/images/top/bg_appearance_night_sp.png"); }

/* Phase 2 */
#importantNews								{ top: 0; bottom: auto; left: 0; /*z-index: 4;*/ width: 100%; height: 35px; margin-left: 0; padding: 5px 0; background: #022958; }
#importantNews:after					{ content: ""; clear: both; display: block; height: 0; }
#importantNews dt							{ float: left; width: 11em; margin-top: 1px; padding-left: 20px; font-size: 1.3rem; text-align: left; }
#importantNews dt:before			{ content: ""; width: 23px; height: 23px; margin: -1px 8px 0 0; background: url("/assets/images/i_exc.png") no-repeat; background-size: contain; }
#importantNews dd							{ float: right; width: calc(100% - 11em); margin-top: 1px; overflow: hidden; }
#importantNews dd	> div				{ display: inline-block; white-space: nowrap; }
#importantNews dd	> div > span{ display: inline-block; padding-right: 5em; white-space: nowrap; animation: ticker 30s linear 0s infinite; }

#latestnews														{ min-height: initial; min-height: auto; padding-bottom: 160px; background: #3690ce url("/assets/images/top/bg_news_sp.png") no-repeat 0 bottom; background-size: 100% auto; overflow: hidden; }
#latestnews h2												{ position: static; padding: 50px 55px 0 0; }
#latestnews h2:before									{ right: 35px; }
#latestnews #newslist									{ width: auto; padding-top: 30px; }
#latestnews #newslist .inner					{ padding: 0; }
#latestnews #newslist li							{ font-size: 1.4rem; }
#latestnews #newslist li a						{ padding: 15px 0; }
#latestnews #newslist li time					{ margin-right: 0; }
#latestnews #newslist li .entry-title	{ margin-left: 0; }
#latestnews .more											{ margin-top: 30px; }
#latestnews .more .btn								{ width: 219px; height: 50px; padding-top: 7px; font-size: 1.6rem; }

#pa_photo360 #prev,
#pa_photo360 #next			{ margin-top: 20px; }
#pa_photo360 #prev			{ left: 15px; }
#pa_photo360 #next			{ right: 15px; }
#pa_photo360 #prev img,
#pa_photo360 #next img	{ width: 51px; height: 22px; }

#key-visual       { min-width: 533px; height: 300px; margin: 60px auto 0; text-align: center; }

.pickup-area:before,
.pickup-area:after										{ top: -12px; }
.pickup-area:before										{ border-width: 78vw 86vw 0 0; }
.pickup-area:after										{ border-width: 0 30vw 30vw 0; }
.pickup-area-inner										{ position: relative; padding: 40px 0 0; background: #34d3ef; }
.pickup-area-inner:after							{ content: ""; position: absolute; top: 430px; left: 0; z-index: 4; width: 100%; height: 60px; background: #fff; }
.pickup-area .inner										{ padding: 0; }
.pickup-area .tv-tower								{ top: -100px; bottom: auto; margin-left: -332px; width: 340px; }
.pickup-area .lightup									{ position: absolute; top: 15px; left: 50%; float: none; margin-left: -21px; padding: 0 20px 0 0; }
.pickup-area .lightup .title					{ margin: 0 0 5px; font-size: 1.6rem; }
.pickup-area .lightup > dl						{ margin-left: 0; display: block; text-align: left; }
.pickup-area .lightup > dl > dt				{ display: block; width: 100px; height: 22px; margin: 0 0 5px; padding: 0; border-right: 1px solid #fff; font-size: 1.3rem; line-height: 20px; }
.pickup-area .lightup > dl > dt:after { content: none; }
.pickup-area .lightup > dl > dd				{ display: block; margin-top: -5px; font-size: 3rem; font-weight: normal; }
.pickup-area .lightup > ul						{ margin-left: 0; font-size: 1.1rem; }

.pickup-area .secret									{ position: static; margin: 10px 0 0 35px; }
.pickup-area .secret-outer						{ width: 153px; height: 153px; padding: 8px; }
.pickup-area .secret-outer:hover:after{ content: none; animation: none; }
.pickup-area .secret-inner						{ width: 137px; height: 137px; background-size: 77px 109px; }
.pickup-area .secret-inner:before,
.pickup-area .secret-inner:after			{ height: 2px; }
.pickup-area .secret-inner:before			{ left: -50px; width: 50px; }
.pickup-area .secret-inner:after			{ left: -89px; width: 45px; margin-top: 14px; }
.pickup-area .secret-inner dl					{ /*width: 117px;*/ height: 130px; margin: 0 auto; /*padding-top: 34px;*/ }
.pickup-area .secret-inner dt					{ margin-bottom: 10px; padding-bottom: 4px; font-size: .8rem; letter-spacing: -.15em; }
.pickup-area .secret-inner dd					{ padding-bottom: 25px; }
.pickup-area .secret-inner dd,
.pickup-area .secret-inner dd span		{ font-size: 1.5rem; }
.pickup-area .secret-inner dd:before	{ bottom: 8px; width: 15px; margin-left: -13px; }
.pickup-area .secret-inner dd:after		{ bottom: 0; width: 15px; height: 15px; margin-left: -10px; }

#secretDetail															{ width: calc(100% - 40px); height: calc(100% - 40px) !important; font-size: 1.4rem; }
#secretDetail-inner												{ padding: 0 20px; }
#secretDetail .close											{ top: 17px; right: 12px; width: 15px; height: 15px; }
#secretDetail h2													{ margin-bottom: 15px; padding: 25px 0 0 25px; font-size: 2rem; }
#secretDetail h2:before										{ top: -3px; left: 8px; height: 33px; }
#secretDetail h2:after										{ content: none; }
#secretDetail h2 i												{ top: 10px; left: 243px; }
#secretDetail .secret-inner								{ margin-bottom: 20px; }
#secretDetail .secret-inner > figure			{ float: none; width: auto; margin-bottom: 20px; }
#secretDetail .exp												{ float: none; width: auto; padding-bottom: 20px; line-height: 1.5; }
#secretDetail .exp p:not(:first-child)		{ margin-top: 10px; }
#secretDetail .note												{ margin-top: 20px; padding: 0 15px 10px; }
#secretDetail .note figure								{ top: 5px; right: -10px; width: 90px; }
#secretDetail .note dl										{ width: calc(100% - 70px); }
#secretDetail .note dl:after							{ content: none; }
#secretDetail .note dl dt									{ height: 20px; padding: 2px 5px; font-size: 1.1rem; }
#secretDetail .note dl dt:after						{ top: 2px; right: -7px; width: 13px; height: 13px; }
#secretDetail .note dl dd									{ width: auto; margin-left: 10px; font-size: 1.8rem; }
#secretDetail .note dl div								{ margin-top: 0; font-size: 1.1rem; }
#secretDetail .default										{ padding: 0 !important; }

.pickup-area .pickup									{ float: none; width: auto; min-height: 300px; margin-top: 450px; padding: 30px 25px 50px 20px; }
.pickup-area .pickup h2								{ width: 40px; padding-top: 5px; }
.pickup-area .pickup h2:before				{ content: none; }
.pickup-area .pickup h2 span					{ display: inline; margin: 0 0 0 20px; top: -4px; }
.pickup-area .pickup .box							{ float: right; width: calc(100% - 50px); padding: 25px 25px 50px; }
.pickup-area .pickup .box time				{ display: block; position: relative; margin-top: 5px; padding-left: 35px; font-size: 1.4rem; }
.pickup-area .pickup .box time:before	{ content: ""; position: absolute; top: -25px; left: 20px; width: 2px; height: 50px; background: #2893de; transform: rotate(35deg); }
.pickup-area .pickup .box dd					{ margin-top: 15px; font-weight: bold; }
.pickup-area .pickup .box p						{ position: absolute; bottom: -16px; left: 0; width: 100%; text-align: center; }
.pickup-area .pickup .box p .btn			{ width: 224px; height: 45px; padding-top: 5px; }
.pickup-area .char										{ top: 328px; bottom: auto; left: 50%; z-index: 4; width: 138px; margin-left: -68px; }

.int:before			{ width: 57%; height: 70%; }

#event											{ padding-bottom: 150px; background-image: url("/assets/images/top/bg_event_top_sp.png"), url("/assets/images/top/bg_event_bottom_noon_sp.png"); background-position: 0 54px, center bottom; background-size: 375px 136px, 375px 140px; overflow: hidden; }
#event > .inner > h2				{ padding: 47px 43px 0 0; }
#event > .inner > h2:before	{ top: -7px; right: 15px; }
#event ul							{ margin-top: 40px; padding: 0; }
#event li							{ float: none; width: auto; margin: 40px 0 0; padding: 0; font-size: 1.2rem; }
#event li:nth-of-type(2),
#event li:nth-of-type(3),
#event li:nth-of-type(4)           { margin-top: 60px; }
#event li:nth-of-type(4n+1):before { content: none; }
#event li .term        { padding: 8px 0 0 40px; }
#event li .term:before { left: 30px; }
#event li figure       { display: block; width: auto; height: auto; }
#event li figure img   { max-height: 160px; }
#event li h2           { height: auto; font-size: 1.4rem; line-height: 1.5; }
#event li .status      { width: auto; height: auto; padding: 5px 0; }
#event li .btn         { font-size: 1.6rem; }

#instagram-area					{ overflow: hidden; }
#instagram-area:before	{ width: 350px; height: 320px; }
#instagram-area .gallery{ margin-top: 40px; }

#instagram-area .banner										{ margin-top: 50px; padding: 20px 0; }
#instagram-area .banner li								{ width: calc((100% - 15px) / 2); margin: 15px 15px 0 0; }
#instagram-area .banner li:nth-of-type(2n){ margin-right: 0; }
#instagram-area .banner li:nth-of-type(3),
#instagram-area .banner li:nth-of-type(4)	{ margin-top: 15px; }
#instagram-area .banner li a							{ display: block; }
#instagram-area .banner li img						{ width: 100%; height: auto; border: 1px solid #ccc; }

.history a										{ height: 150px; font-size: 2.5rem; background-size: cover; }
.history a .inner							{ height: 100%; }
.history a .inner:after				{ top: auto; right: auto; bottom: 14px; left: 50%; width: 10px; height: 10px; margin: 0 0 0 -7px; border-width: 1px; }
.history a:hover .inner:after	{ right: auto; }
.history a .bg-mask 					{ padding-top: 45px; }
.history em										{ margin-top: 5px; font-size: 1.1rem; }

.mascot                  { width: 114px; height: 135px; margin-left: -184px; }
.mascot a:hover #mascot03{ opacity: 1; }
#mascot01                { right: 0; left: auto; }
#mascot01 img            { width: 37px; height: auto; }
#mascot02                { top: 7px; right: 4px; left: auto; }
#mascot02 img            { width: 20px; height: auto; }
#mascot03                { right: auto; left: 0; }
#mascot03 img            { width: 88px; height: auto; }

/* Phase 2 night */
.night #latestnews							{ background: #0460a3 url("/assets/images/top/bg_news_night_sp.png") no-repeat 0 bottom; background-size: 100% auto; }
.night .pickup-area-inner:after	{ background: #031128; }
.night .pickup-area .tv-tower		{ top: -67px; margin-left: -380px; width: 446px; }
.night .pickup-area .char				{ width: 118px; margin-left: -40px; }
.night #event										{ background-image: url("/assets/images/top/bg_event_top_sp.png"), url("/assets/images/top/bg_event_bottom_night_sp.png"); }
}

@media (max-width: 458px) {
#key-visual video { transform: translateX(-75px); }
}

/*keyframes*/
@keyframes ticker {
  0%	{ transform: translate(0, 0); opacity: 0; }
	5%	{ opacity: 1; }
	10%	{ transform: translate(0, 0); }
  100%{ transform: translate(-100%, 0); }
}
@keyframes wave-secret {
  0%	{ transform: scale(1); background: rgba(255, 253, 95, 1); }
  50%	{ transform: scale(1.3); background: rgba(255, 253, 95, 0); }
}
@keyframes wave01 {
  0%	{ transform: scale(1); background: rgba(119, 205, 68, 1); }
  100%	{ transform: scale(1.5); background: rgba(119, 205, 68, 0); }
}
@keyframes wave02 {
  0%	{ transform: scale(1); background: rgba(0, 202, 162, 1); }
  100%	{ transform: scale(1.5); background: rgba(0, 202, 162, 0); }
}
@keyframes wave03 {
  0%	{ transform: scale(1); background: rgba(0, 185, 202, 1); }
  100%	{ transform: scale(1.5); background: rgba(0, 185, 202, 0); }
}
@keyframes wave04 {
  0%	{ transform: scale(1); background: rgba(0, 130, 202, 1); }
  100%	{ transform: scale(1.5); background: rgba(0, 130, 202, 0); }
}
@keyframes wave05 {
  0%	{ transform: scale(1); background: rgba(106, 106, 227, 1); }
  100%	{ transform: scale(1.5); background: rgba(106, 106, 227, 0); }
}
@keyframes content-animation-object {
	0%   { transform: scale(1.5, 1.5); opacity: 0; }
	100% { transform: scale(1, 1); opacity: 1; }
}
@keyframes content01-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 115px; opacity: 1; }
}
@keyframes content01-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 81px; opacity: 1; }
}
@keyframes content02-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 187px; opacity: 1; }
}
@keyframes content02-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 225px; opacity: 1; }
}
@keyframes content03-animation-line01 {
	0%   { width: 0; opacity: 0; }
	100% { width: 219px; opacity: 1; }
}
@keyframes content03-animation-line02 {
	0%   { height: 0; opacity: 0; }
	100% { height: 408px; opacity: 1; }
}
@keyframes content04-animation-line01 {
	0%   { width: 0; opacity: 0; }
	100% { width: 142px; opacity: 1; }
}
@keyframes content04-animation-line02 {
	0%   { height: 0; opacity: 0; }
	100% { height: 514px; opacity: 1; }
}
@keyframes content05-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 265px; opacity: 1; }
}
@keyframes content05-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 82px; opacity: 1; }
}
@keyframes content-animation-object {
	0%   { transform: scale(1.5, 1.5); opacity: 0; }
	100% { transform: scale(1, 1); opacity: 1; }
}
@keyframes mascot01 {
	20%	{ bottom: 0; }
	30%	{ bottom: 15px; }
	40%	{ bottom: 0; }
  45%	{ bottom: 3px; }
	50%	{ bottom: 0; }
}
@keyframes mascot02 {
	0%	{ opacity: 0; }
	3%	{ opacity: 1; }
	6%	{ opacity: 0; }
	9%	{ opacity: 1; }
	12%	{ opacity: 0; }
}

@media (max-width: 767px) {
@keyframes content01-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 82px; opacity: 1; }
}
@keyframes content01-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 37px; opacity: 1; }
}
@keyframes content02-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 121px; opacity: 1; }
}
@keyframes content02-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 130px; opacity: 1; }
}
@keyframes content03-animation-line01 {
	0%   { width: 0; opacity: 0; }
	100% { width: 131px; opacity: 1; }
}
@keyframes content03-animation-line02 {
	0%   { height: 0; opacity: 0; }
	100% { height: 249px; opacity: 1; }
}
@keyframes content04-animation-line01 {
	0%   { width: 0; opacity: 0; }
	100% { width: 86px; opacity: 1; }
}
@keyframes content04-animation-line02 {
	0%   { height: 0; opacity: 0; }
	100% { height: 309px; opacity: 1; }
}
@keyframes content05-animation-line01 {
	0%   { height: 0; opacity: 0; }
	100% { height: 165px; opacity: 1; }
}
@keyframes content05-animation-line02 {
	0%   { width: 0; opacity: 0; }
	100% { width: 44px; opacity: 1; }
}
}