@charset "UTF-8";
/* CSS Document */
html{font-size: 62.5% !important;}
body{margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.6;}
em{font-style: normal;}
img{width: 100%; max-width: 100%; vertical-align: top;}
.onlyLg{display: none;}
.textCenter{text-align: center;}
.textRed{color: #ee0000;}
.itemEmbed iframe { vertical-align: top;}
hr.spacer{margin: 0; padding: 1.0em 0; border: none; outline: none;}
.reset, .reset > *{margin: 0; padding: 0; list-style-type: none;}
.swiper-slide, .slider .swiper-wrapper > .swiper-slide a {display: block; position: relative;}
.slider .swiper-wrapper > .swiper-slide a:before {display: block; content: ""; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; background-color: rgba(0,0,0,0.5);  box-sizing: border-box; border-radius: 30px;}
.slider .swiper-wrapper > .swiper-slide a:after {display: block; content: ""; position: absolute; top: calc(50% - 11px); left: calc(50% - 8px); width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 20px; border-color: transparent transparent transparent #ffffff;}
.slider-thumbnail .swiper-wrapper > .swiper-slide img {vertical-align: top;}

.contentEvent{padding-bottom: 4%; color: #001e55; background-color: #d5edfd; font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", meiryo, arial, sans-serif;}
.contentEvent.magicalField{color: #b78500; background-color: #ffffff; font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", meiryo, arial, sans-serif;}
.contentEvent.magicalField section{color: #ffffff;}
.contentEvent h1{text-align: center;}
.contentEvent h1 b{display: inline-block; border-bottom: 4px solid #368dc8;}
.contentEvent .copy{font-size: 0.75em;}
.contentEvent .noteEvent{display: flex; justify-content: center;font-size: 0.85em; text-align: left;}
.contentEvent .noteEvent:before{display: block; content: "※";}
.contentEvent .slider-banner{margin: 1.0em 0 2.0em}
.contentEvent .itemButtonEvent{text-align: center;}
.contentEvent .itemButtonEvent a{color: #001e55; font-weight: bold;}
.contentEvent > .itemButtonEvent a{display: block; margin: 2.0em 8% 0; padding: 0.75em 0; color: #368dc8; background-color: #ffffff; border-bottom: 4px solid #368dc8; border-radius: 5px; font-size: 1.25em; text-decoration: none;}
.pickupEvent, .magicalField .navEvent{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 4%;}
.pickupEvent li, .magicalField .navEvent li{width: 48%;}
.pickupEvent li a{color: #333333; text-decoration: none;}
.pickupEvent li p{margin-top: 0; text-align: center; line-height: 1.4;}
.pickupEvent + .itemButtonEvent{margin-top: 1.0em; text-align: center; line-height: 1.4;}
.pickupEvent + .itemButtonEvent a:after{display: inline-block; content: ""; width: 10px; height: 10px; margin-left: 0.5em; border-top: 2px solid #001e55; border-right: 2px solid #001e55; box-sizing: border-box; transform: rotate(45deg);}
.listEvent{ margin: 0 4%;}
.listEvent > li{padding: 0 4% 8%; background-color: #ffffff; border-radius: 10px; box-shadow: 0px 5px 10px rgba(0,0,0,0.25);}
.listEvent > li:not(:first-child){margin-top: 4%;}
.listEvent > li dl{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.listEvent > li dl dt{width: 5.0em; padding: 0.25em; color: #ffffff; background-color: #001e55; border-radius: 5.0em;  text-align: center; line-height: 1.0;}
.listEvent > li dl dd{width: calc(100% - 7.0em);}
.listEvent > li dl > dt:not(:nth-of-type(1)), .listEvent > li dl > dd:not(:nth-of-type(1)){margin-top: 1.0em;}
.listEvent > li .itemButtonEvent a{display: block; margin-top: 1.0em; padding: 0.75em 0; color: #ffffff; background-color: #368dc8; border-bottom: 4px solid #044774; border-radius: 5px; font-size: 1.25em; text-decoration: none;}
.listEvent > li ol{display: inline-block; margin: 0 auto; counter-reset: stepnum; padding-top: 1.0em;}
.listEvent > li ol li{display: flex; flex-wrap: wrap; align-items: center; text-align: left;}
.listEvent > li ol li:before{display: flex; align-items: center; justify-content: center; content: counter(stepnum); counter-increment: stepnum; width: 1.5em; height: 1.5em; margin-right: 0.5em; color: #ffffff; background-color: #001e55; border-radius: 5.0em; font-size: 1.75em; text-align: center;}
.listEvent > li ol li:after{display: block; content: ""; width: 4.0em; height: 1.25em; margin: 0 calc(50% - 2.0em); background-color: #ff0000; clip-path: polygon(50% 100%, 0 0, 100% 0);}
.magicalField .notosans{font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", meiryo, arial, sans-serif;}
.magicalField .smallEventTItle{display: block; text-align: center;}
.magicalField .smallEventTItle img{width: auto; height: 3.0rem !important;}
.magicalField .navEvent li img{display: block;}
.magicalField .containerEvent{padding: 0 4%;}
.magicalField #concept{background: transparent url("../img/magical-field/bg-concept.jpg") no-repeat center top; background-size: cover; text-align: center;}
.magicalField #concept:after{display: block; content: ""; width: 100%; height: 8vw; background: transparent url("../img/magical-field/bg-concept.jpg") no-repeat center bottom; background-size: cover;}
.magicalField #concept .itemEmbed +  .textCenter{padding-top: 8%;}
.magicalField #concept .itemEmbed + .textCenter strong{font-size: 1.25em;}
.magicalField #captain .itemButtonEvent.modal a{display: inline-block; margin: 1.5em 0 1.5em;; padding: 0.5em 1.0em; color: #b78500; border: 1px solid #b78500; text-decoration: none; line-height: 1.0;}
.magicalField #step{background: transparent url("../img/magical-field/bg-event-step.jpg") no-repeat center top; background-size: cover;}
.magicalField #step:after{display: block; content: ""; width: 100%; height: 8vw; background: transparent url("../img/magical-field/bg-event-step.jpg") no-repeat center bottom; background-size: cover;}
.magicalField #step strong.textCenter{display: block; font-size: 1.25em;}
.magicalField #step ol li{margin-top: 1.5em;}
.magicalField #step ol li .fieldEvent{padding: 1.0em; border-width: 3px; border-style: solid; border-image-source: linear-gradient(135deg, rgba(183,133,0,1) 0%, rgba(240,207,119,1) 5%, rgba(183,133,0,1) 20%, rgba(212,170,60,1) 40%, rgba(240,207,119,1) 60%, rgba(183,133,0,1) 80%, rgba(240,207,119,1) 95%, rgba(183,133,0,1) 100%); border-image-slice: 1;}
.magicalField #step ol li strong img{display: block; width: auto; height: 6.0em; margin: 0 auto;}
.magicalField #step ol li .bannerEvent{display: block; margin-right: 10%; margin-left: 10%;}
.magicalField #step ol li .presentEvent{display: flex; justify-content: space-between; margin-bottom: 1.0em;}
.magicalField #step ol li .presentEvent .photoEvent{width: 48%;}
.magicalField #step ol li .noteEvent{justify-content: flex-start;}
.magicalField #step ol li .itemButtonEvent{margin: 2.0em 1.0em 1.0em;}
.magicalField #step ol > li:not(:last-child):after{display: block; content: ""; width: 4.0em; height: 1.25em; margin: 1.5em calc(50% - 2.0em) 0; background-color: #ff0000; clip-path: polygon(50% 100%, 0 0, 100% 0);}
.magicalField #princess{background: transparent url("../img/magical-field/bg-disney-princess.jpg") no-repeat center top; background-size: cover;}
.magicalField #princess:after{display: block; content: ""; width: 100%; height: 8vw; background: transparent url("../img/magical-field/bg-disney-princess.jpg") no-repeat center bottom; background-size: cover;}
.magicalField #from{margin-top: 3.0em; color: #b78500; background-color: #fff8f5;}
.magicalField #from:before, .magicalField #from:after{display: block; content: ""; width: 100%; height: 7.5vw; margin-bottom: 3.0em; background: transparent url("../img/magical-field/from-desney-images.jpg") no-repeat right top; background-size: cover;}
.magicalField #from:after{margin-top: 3.0em; transform: rotate(180deg)}
.magicalField > .itemButtonEvent a{display: block; margin: 1.0em 8% 3.0em; padding: 0.75em 0; color: #368dc8; background-color: #d9f0ff; border-bottom: 4px solid #368dc8; border-radius: 5px; font-size: 1.25em; text-decoration: none;}
.modaal-container{position: relative; max-width: 600px; color: #B78500; background-color: #FFFBF0; border-width: 3px; border-style: solid; border-image-source: linear-gradient(135deg, rgba(183,133,0,1) 0%, rgba(240,207,119,1) 5%, rgba(183,133,0,1) 20%, rgba(212,170,60,1) 40%, rgba(240,207,119,1) 60%, rgba(183,133,0,1) 80%, rgba(240,207,119,1) 95%, rgba(183,133,0,1) 100%); border-image-slice: 1; font-family: "Noto Serif JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", meiryo, arial, sans-serif; text-align: center;}
.modaal-content-container{position: relative; padding-right: 1.0em; padding-left: 1.0em;}
.modaal-overlay{opacity: 65% !important;}
.modaal-close{position: absolute; top: -50px; right: 0;}
.modaal-close:after, .modaal-close:before {width: 1px;}
.modaal-content-container > .close-text{display: block; position: absolute; bottom: -30px; left: 0; width: 100%; color: #ffffff; text-align: center; pointer-events: none;}
.slider-princess{padding-bottom: 30px;;}
.slider-princess .swiper-button-next, .slider-princess .swiper-button-prev{top: auto; bottom: 30px; width: 30px; height: 30px;text-indent: -999em;}
.slider-princess .swiper-button-next{background: transparent url("../img/magical-field/swiper-button-next.png") no-repeat center center; background-size: contain;}
.slider-princess .swiper-button-prev{background: transparent url("../img/magical-field/swiper-button-prev.png") no-repeat center center; background-size: contain;}
.slider-princess .swiper-pagination{display: flex; margin-top: 30px;}
.slider-princess .swiper-pagination-bullet{width: 100%; height: 2px; margin: 0 !important; border-radius: 0;}
.slider-princess .swiper-pagination-bullet-active{color: #B78500; background-color: #B78500;}

@media print, screen and (max-width: 750px) {
	.onlyLg{display: none !important;}
	.itemEmbed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
	.itemEmbed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
	.pickupEvent li p{font-size: 1.3rem}
	.magicalField .navEvent > li:nth-of-type(n+3){margin-top: 4%;}
}
@media print, screen and (min-width: 751px) {
	body{font-size: 1.6rem;}
	.onlySm{display: none;}
	.onlyLg{display: inline-block;}
	.pickupEvent li{width: 24%;}
	.officialEvent .listEvent{display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
	.officialEvent .listEvent > li{width: 48%; box-sizing: border-box;}
	.officialEvent .listEvent > li:not(:nth-of-type(n+3)){margin-top: 4%;}
	.magicalField .navEvent{width: 750px; margin-right: auto; margin-left: auto;}
	.magicalField .navEvent li{width: 20%;}
	.magicalField .containerEvent{width: 750px; margin-right: auto; margin-left: auto;}
	.contentEvent .slider-banner{overflow: visible!important}
}
	
@media print, screen and (min-width: 1200px) {

}