@charset "UTF-8";
/* CSS Document */
html{font-size: 62.5% ; font-family: "Noto Sans JP", sans-serif;}
body{margin: 0; padding: 0; background-color: #ffffff; font-size: 1.4rem; line-height: 1.6;}
em{font-style: normal;}
img{width: 100%; max-width: 100%; vertical-align: top;}
ul{margin: 0;}
.onlyLg{display: none;}
.textCenter{text-align: center;}
.textRight{text-align: right;}
.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;}
.reset-t, .reset-t > *{margin-top: 0; padding-top: 0;}

.content{background: #ffffff url("../img/bg-text_r.png") repeat-y center center; background-size: 250%; }
h2{margin-bottom: 1.0em; text-align: center;}
.info h2{color: #ff0000;}
.intro{padding: 20px 0 50px; font-size: 1.2em; font-weight: bold; text-align: center;}
.bgRed{padding: 50px 0; color: #ffffff; background: #ff0000 url("../img/bg-text_w.png") repeat-y center center; background-size: 250%;}
.bgWhite{padding: 50px 0; background-color: #ffffff;}
.toggle + *{display: none;}
.toggle.open + *{display: block;}
.notice li{position: relative; padding-left: 1.0em;}
.notice li:before{display: block; content: "※"; position: absolute; top: 0.05em; left: 0;}
.itemEmbed {width: 100%; aspect-ratio: 16/9;}
.itemEmbed video, .itemEmbed iframe {width: 100%; height: 100%;}
.itemButton {text-align: center;}
.itemButton a {display: block; position: relative; margin-top: 2.5em; padding: 1.0em 26px 1.0em 0; color: #ffffff; background-color: #083192; border-bottom: 6px solid #3865d1; border-radius: 10px; font-size: 1.8rem; font-weight: bold; text-decoration: none;}
	nav ul{display: flex; flex-wrap: wrap;}
	nav ul li{width: calc(50% - 2px); border-bottom: 2px solid #ff0000;}
	nav ul li:nth-child(odd){width: 50%; border-right: 2px solid #ff0000;}
	nav ul li a{display: block; padding: 0.5em 0; color: #ff0000; background-color: #ffffff; font-size: 1.4em; font-weight: bold; text-align: center; text-decoration: none;}
.intro .itemButton a {margin: 0 1.0em;}
.itemButton a:before {display: block; content: ""; position: absolute; top: calc(50% - 13px); right: 1.0em; width: 26px; height: 26px; background-color: #ff0000; border-radius: 13px;}
.itemButton a:after {display: block; content: ""; position: absolute; top: calc(50% - 8px); right: calc(1.0em + 5px); width: 12px; height: 16px; background-color: #ffffff; box-sizing: border-box; clip-path: polygon(100% 50%, 0 0, 0 100%);}
.swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; background-color: #ffffff; border-radius: 20px;}
.swiper-button-next:after, .swiper-button-prev:after{color: #ff0000; font-size: 20px;}
.swiper-pagination{position: static; margin-top: 10px;}
.swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 5px;}
.swiper-pagination-bullet-active{background-color: #ffffff;}
#recommend, .overview, #event, .sns, .info{padding-right: 1.0em; padding-left: 1.0em;}
#recommend ol{counter-reset: item;}
#recommend ol > li:not(:first-child){margin-top: 1.5em;}
#recommend ol li p{display: flex; align-items: center; margin-bottom: 0; padding: 1.0em; background-color: #ff0000; border: 2px solid #ffffff; font-size: 1.15em;}
#recommend ol li p:before{display: block; counter-increment: item; content: counter(item); width: 40px; height: 40px; line-height: 31px; margin-right: 10px; border: 2px solid #ffffff; border-radius: 20px; font-size: 30px; font-weight: bold; text-align: center; box-sizing: border-box;}
.overview strong{display: block; position: relative; padding: 0.5em; color: #ff0000; border: 2px solid #ff0000; font-size: 1.25em;}
.overview strong.toggle:before, .overview strong.toggle:after{display: block; content: ""; position: absolute; top: calc(50% - 1px); right: 0.5em; width: 20px; height: 2px; background-color: #ff0000; transition: all 0.25s;}
.overview strong.toggle:after{transform: rotate(90deg);}
.overview strong.toggle.open:after{transform: rotate(0);}
.overview strong.toggle + .field{padding: 1.0em; border-right: 2px solid #ff0000; border-bottom: 2px solid #ff0000; border-left: 2px solid #ff0000;}
.overview .container > strong:not(:first-child){margin-top: 1.5em;}
.overview .itemEmbed {margin-top: 1.0em;}
.overview blockquote {position: relative; margin: 1.0em 0 30px; padding: 1.0em; color: #ff0000; border: 2px solid #ff0000; border-radius: 10px;}
.overview blockquote:after {display: block; content: ""; position: absolute; bottom: -21px; left: calc(50% - 20px); width: 40px; height: 40px; background-color: #ffffff; border-right: 2px solid #ff0000; border-bottom: 2px solid #ff0000; box-sizing: border-box; transform: rotate(45deg);}
.overview blockquote + p {padding: 0 20%;}
.overview blockquote p.textRight img {display: inline-block; width: 50%}
#event .swiper-slide p{display: flex; align-items: center; margin-bottom: 0; padding: 1.0em; color: #ff0000; background-color: #ffffff;}
#event .swiper-slide p span{display: block; width: 40px; height: 40px; line-height: 35px; margin-right: 10px; color: #ffffff; background-color: #ff0000; border-radius: 20px; font-size: 30px; font-weight: bold; text-align: center; box-sizing: border-box;}
#event .slideEvent + p{margin-bottom: 0; padding: 1.0em; color: #333333; background-color: rgba(255,255,255,0.75);}
.sns .follow {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5em;}
.sns .follow > * {width: calc(50% - 10px);}
.sns .follow img {border-radius: 50.0em;}
.sns .follow a {display: block; padding: 1.0em 0; color: #ff0000; background-color: #ffffff; border-radius: 5.0em; font-weight: bold; text-align: center; text-decoration: none;}
.info ul li {padding: 1.0em; border: 2px solid #ff0000; border-radius: 10px; box-sizing: border-box;}
.info ul > li:not(:first-child) {margin-top: 1.5em;}
.specialSupport {padding: 50px; color: #ffffff; background-color: #ff0000; text-align: center;}
.specialSupport p.reset {margin-top: 2.0em; padding: 20px; background-color: #ffffff;}
.itemButtonEvent{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", meiryo, arial, sans-serif; text-align: center;}
.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; font-weight: bold; text-decoration: none;}

@media print, screen and (max-width: 750px) {
	.onlyLg{display: none !important;}
}
@media print, screen and (min-width: 751px) {
	body{font-size: 1.6rem;}
	.onlySm{display: none;}
	.onlyLg{display: inline-block;}
	.container{width: 800px; margin-right: auto; margin-left: auto;}
	.specialSupport p.reset {width: 500px; margin-right: auto; margin-left: auto;}
	.itemButtonEvent a{width: 300px; margin-right: auto; margin-left: auto;}
}
	
@media print, screen and (min-width: 1200px) {

}