main {font-family:'Noto Sans JP', sans-serif;font-size:14px;line-height:2em;padding-top:140px;overflow:hidden;}
main section {position:relative;}
main img {display:block;width:100%;}
main a {text-decoration:none;color:#000;}
main .inner {position:relative;margin:0 auto;z-index:3;}

section {position:relative;}

.pc {display:block;}
.sp {display:none;}

#main h1 {width:60vw;position:absolute;left:50%;top:33vw;transform:translateX(-50%);}

#lede {padding:90px 0;}
#lede .inner {width:1100px;}
#lede .date {background:#DCB321;border-radius:200px;padding:20px 0;margin-bottom:60px;}
#lede .date img {width:550px;margin:0 auto;}
#lede p {font-size:24px;line-height:2em;text-align:center;}
#lede p span {background:linear-gradient(transparent 60%, #DCB321 60%);}

#tab_box .inner {width:100%;}
#tab_change_contents {background:#FFD79B;position:relative;padding:60px 0;}
.tab_change {width:1100px;margin:0 auto;position:relative;z-index:2;}
.tab_change .tab {display:flex;justify-content:space-between;margin-bottom:10px;}
.tab_change .tab li {width:calc(33.33% - 2px);position:relative;cursor:pointer;}
.tab_change .tab li.active:before {content:"";display:block;width:100%;height:8px;background:#FF0000;position:absolute;bottom:100%;left:0;}

.tab_body {min-height:1400px;}
.tab_body .tabs {position:relative;}
.tab_body .tabs > li {width:100%;position:absolute;left:0;top:0;opacity:0;z-index:2;transition:0.3s;}
.tab_body .tabs > li.active {position:relative;opacity:1;z-index:5;}
.tab_body .tabs > li .list {background:#fff;padding:30px 50px;}
.tab_body .tabs > li .list h3 {font-size:25px;text-align:center;margin:0 0 30px;}
.close {display:none;}

.tab_body .tab_link li {display:flex;border:solid 2px #1478DC;background:#fff;border-radius:20px;box-shadow:5px 5px 0 #1478DC;position:relative;padding:20px;margin-bottom:30px;}
.tab_body .tab_link li .image img {width:auto;height:220px;}
.tab_body .tab_link li .t_title {font-size:35px;line-height:35px;margin-bottom:10px;} 
.tab_body .tab_link li .t_title span {display:block;font-size:25px;position:relative;top:-0.2em;}
.tab_body .tab_link li p {font-size:20px;}
.tab_body .tab_link li .link_btn {width:270px;position:absolute;bottom:20px;}
.tab_body .tab_link li .link_btn a {display:block;}
.coomingsoon_icon {width:134px;position:absolute;left:-2px;top:-2px;}

/*kids*/
.kids .tab_link li {border-color:#1478C6;box-shadow:5px 5px 0 #1478DC;}
.kids .tab_link li .text {padding-left:30px;}
.kids .tab_link li .t_title {color:#1478C6;}
.kids .tab_link li .link_btn {right:20px;}
.kids .tab_link li:nth-child(2) .t_title span {display:inline-block;margin-right:15px;}

.kids .event_sc {margin-top:30px;}
.kids .event_sc li {border:none;box-shadow:none;padding:0;margin:10px 0 0;font-size:20px;}
.kids .event_sc li a {color:#0000FF;text-decoration:underline;}

/*present*/
.present .tab_link li {border-color:#FA7814;box-shadow:5px 5px 0 #FA7814;}
.present .tab_link li .text {padding-right:30px;}
.present .tab_link li .t_title {color:#FA7814;}
.present .tab_link li .t_title span {color:#000;}
.present .tab_link li .link_btn {left:20px;}

.present .tab_link li:nth-child(1) .image img {width:auto;height:340px;}
.present .tab_link li:nth-child(1) .date {font-size:17px;line-height:17px;margin:20px 0 15px;}
.present .tab_link li:nth-child(1) .date span {display:inline-block;font-size:15px;background:#FA7814;color:#fff;padding:2px 15px;margin-right:10px;}
.present .tab_link li:nth-child(1) p {font-size:14px;line-height:1.5em;}

.present .tab_link li:nth-child(2) .image img {width:auto;height:240px;position:relative;
left:8px;}
.present .tab_link li:nth-child(2) .text {width:calc(100% - 240px);}

.present .tab_link li:nth-child(3) {flex-wrap:wrap;}
.present .tab_link li:nth-child(3) .t_title {width:100%;margin-bottom:20px;}
.present .tab_link li:nth-child(3) .image img {width:100%;height:auto;}
.present .tab_link li:nth-child(3) .image {width:calc(100% - 380px);}
.present .tab_link li:nth-child(3) .text {width:380px;padding-right:0;}
.present .tab_link li:nth-child(3) p {width:320px;}

.present .tab_link li:nth-child(4) .image img {width:auto;height:370px;}
.present .tab_link li:nth-child(4) .tag {font-size:25px;line-height:40px;border:solid 2px #FA7814;color:#FA7814;padding:0px 18px 2px;text-align:center;display:inline-block;margin-bottom:20px;}
.present .tab_link li:nth-child(4) .tag span {display:inline-block;padding-left:0.5em;}
.present .tab_link li:nth-child(4) .t_title {position:relative;margin-bottom:20px;}
.present .tab_link li:nth-child(4) .t_title img {display:block;width:90px;position:absolute;right:0;bottom:0;}

/*data*/
.data .tab_link li {border-color:#39AE4A;box-shadow:5px 5px 0 #39AE4A;}
.data .tab_link li .text {padding-left:30px;}
.data .tab_link li .t_title {color:#39AE4A;margin:15px 0 20px;}
.data .tab_link li .link_btn {right:20px;}


#character img {position:absolute;opacity:0;transform:translate(0,-20px);transition:2s;}
#character img.show {opacity:1;transform:translate(0,0);}

#character img:nth-child(1) {width:290px;left:96px;top:80px;}
#character img:nth-child(2) {width:230px;left:0;top:365px;}
#character img:nth-child(3) {width:350px;left:140px;top:460px;}
#character img:nth-child(4) {width:415px;left:0;top:770px;}
#character img:nth-child(5) {width:350px;left:75px;bottom:0;}

#character img:nth-child(6) {width:255px;right:118px;top:110px;}
#character img:nth-child(7) {width:135px;right:50px;top:355px;}
#character img:nth-child(8) {width:245px;right:150px;top:490px;}
#character img:nth-child(9) {width:320px;right:170px;top:680px;}
#character img:nth-child(10) {width:465px;right:0;top:890px;}
#character img:nth-child(11) {width:370px;right:70px;bottom:120px;}


/*バナー*/
#bnr_box .inner {max-width:1500px;}
#bnr_box h2 {margin-bottom:50px;}
#bnr_box ul {display:flex;width:1100px;justify-content:space-between;flex-wrap:wrap;margin:0 auto;}
#bnr_box ul li {width:calc(33.33% - 7px);margin-bottom:10px;}

footer {text-align:center;font-size:0.8em;padding:40px 0;margni-top:100px;}


@media screen and (max-width:1200px){
    
    main {font-size:1.16vw;}

    #lede {padding:7.5vw 0;}
    #lede .inner {width:91.66vw;}
    #lede .date {padding:1.66vw 0;margin-bottom:5vw;}
    #lede .date img {width:45.83vw;}
    #lede p {font-size:2vw;}

    #tab_change_contents {padding:5vw 0;}
    .tab_change {width:91.66vw;}
    .tab_change .tab {margin-bottom:0.83vw;}
    .tab_change .tab li {width:calc(33.33% - 0.16vw);}
    .tab_change .tab li.active:before {height:0.66vw;}

    .tab_body {min-height:116.66vw;}
    .tab_body .tabs > li .list {padding:2.5vw 4.16vw;}
    .tab_body .tabs > li .list h3 {font-size:2.08vw;margin:0 0 2.5vw;}

    .tab_body .tab_link li {border:solid 0.16vw #1478DC;border-radius:1.16vw;box-shadow:0.41vw 0.41vw 0 #1478DC;padding:1.16vw;margin-bottom:2.5vw;}
    .tab_body .tab_link li .image img {height:18.33vw;}
    .tab_body .tab_link li .t_title {font-size:2.91vw;line-height:2.91vw;margin-bottom:0.83vw;} 
    .tab_body .tab_link li .t_title span {font-size:2.08vw;}
    .tab_body .tab_link li p {font-size:1.16vw;}
    .tab_body .tab_link li .link_btn {width:22.5vw;bottom:1.66vw;}
    .coomingsoon_icon {width:11.66vw;left:-0.16vw;top:-0.16vw;}

    /*kids*/
    .kids .tab_link li {box-shadow:0.41vw 0.41vw 0 #1478DC;}
    .kids .tab_link li .text {padding-left:2.5vw;}
    .kids .tab_link li .link_btn {right:1.66vw;}
    
    .kids .tab_link li:nth-child(2) .t_title span {margin-right:1.25vw;}
    
    .kids .event_sc {margin-top:2.5vw;}
    .kids .event_sc li {margin:0.833vw 0 0;font-size:1.66vw;}

    /*present*/
    .present .tab_link li {border-color:#FA7814;box-shadow:0.41vw 0.41vw 0 #FA7814;}
    .present .tab_link li .text {padding-right:2.5vw;}
    .present .tab_link li .link_btn {left:1.66vw;}

    .present .tab_link li:nth-child(1) .image img {height:28.33vw;}
    .present .tab_link li:nth-child(1) .date {font-size:1.41vw;line-height:1.41vw;margin:1.66vw 0 1.25vw;}
    .present .tab_link li:nth-child(1) .date span {font-size:1.25vw;padding:0.16vw 1.25vw;margin-right:0.83vw;}
    .present .tab_link li:nth-child(1) p {font-size:1.16vw;}

    .present .tab_link li:nth-child(2) .image img {height:20vw;left:0.66vw;}
    .present .tab_link li:nth-child(2) .text {width:calc(100% - 20vw);}

    .present .tab_link li:nth-child(3) .t_title {margin-bottom:1.66vw;}
    .present .tab_link li:nth-child(3) .image img {height:auto;}
    .present .tab_link li:nth-child(3) .image {width:calc(100% - 31.66vw);}
    .present .tab_link li:nth-child(3) .text {width:31.66vw;}
    .present .tab_link li:nth-child(3) p {width:26.66vw;}

    .present .tab_link li:nth-child(4) .image img {height:30.83vw;}
    .present .tab_link li:nth-child(4) .tag {font-size:2.08vw;line-height:3.33vw;border:solid 0.16vw #FA7814;padding:0 1.5vw 0.16vw;margin-bottom:1.66vw;}
    .present .tab_link li:nth-child(4) .t_title {margin-bottom:1.66vw;}
    .present .tab_link li:nth-child(4) .t_title img {width:7.5vw;}

    /*data*/
    .data .tab_link li {border-color:#39AE4A;box-shadow:0.41vw 0.41vw 0 #39AE4A;}
    .data .tab_link li .text {padding-left:2.5vw;}
    .data .tab_link li .t_title {margin:1.25vw 0 1.66vw;}
    .data .tab_link li .link_btn {right:1.66vw;}

    #character img:nth-child(1) {width:24.16vw;left:8vw;top:6.66vw;}
    #character img:nth-child(2) {width:19.16vw;left:0;top:30.41vw;}
    #character img:nth-child(3) {width:29.16vw;left:11.66vw;top:38.33vw;}
    #character img:nth-child(4) {width:34.58vw;left:0;top:64.16vw;}
    #character img:nth-child(5) {width:30.83vw;left:4.83vw;top:102.5vw;}

    #character img:nth-child(6) {width:21.25vw;right:9.83vw;top:9.16vw;}
    #character img:nth-child(7) {width:11.25vw;right:4.16vw;top:29.58vw;}
    #character img:nth-child(8) {width:20.41vw;right:12.5vw;top:40.83vw;}
    #character img:nth-child(9) {width:26.66vw;right:14.16vw;top:56.66vw;}
    #character img:nth-child(10) {width:38.75vw;right:0;top:74.16vw;}
    #character img:nth-child(11) {width:22.91vw;right:8.75vw;top:106.66vw;}


    /*バナー*/
    #bnr_box h2 {margin-bottom:4.16vw;}
    #bnr_box ul {width:91.66vw;margin:0 auto;}
    #bnr_box ul li {width:calc(33.33% - 0.58vw);margin-bottom:0.83vw;}   

}

@media screen and (max-width:768px){
    main {padding-top:80px;}
    
    #main {height:151.86vw;}
    #main h1 {width:80.6vw;top:95.79vw;}
    
    #lede .inner {width:100%;}
    #lede .date {border-radius:0;padding:2.33vw 0;margin-bottom:9.34vw;}
    #lede .date img {width:80.84vw;}
    #lede p {font-size:4.2vw;}
    
    #tab_box h2 {width:73.59vw;margin:0 auto 4.67vw;}
    #character,
    .tab_change .tab {display:none !important;}
    .tab_body .tabs > li {position:static !important;opacity:1 !important;}
    #tab_box #tab_change_contents h2 {width:100%;margin:0;}
    #tab_change_contents {padding:0;background:none;}
    .tab_change {width:100%;}
    
    .tab_body .tabs > li .list {padding:3.5vw 5.8vw;position:relative;}
    .tab_body .tabs > li.active_sp .list {padding:3.5vw 5.8vw 18.69vw;}
    .tab_body .tabs > li .list h3 {font-size:3.8vw;padding:4.67vw 0 11.68vw;position:relative;margin-bottom:0;}
    .tab_body .tabs > li .list h3:after {content:"";display:block;width:5.84vw;height:5.84vw;background:url("image/2x/open.png") no-repeat center;background-size:100% auto;position:absolute;left:50%;bottom:2.33vw;transform:translateX(-50%);opacity:1;transition:opacity 0.5s;cursor:pointer;}
    .tab_body .tabs > li.active_sp .list h3:after {opacity:0;}
    
    .tab_body .tab_link {display:none;}
    .tab_body .tab_link li {display:block;border:solid 0.46vw #1478DC;border-radius:2.33vw;padding:2.33vw 2.33vw 5.84vw;margin-bottom:4.67vw;}
    .tab_body .tab_link li .image {margin-bottom:5.84vw;}
    .tab_body .tab_link li .image img {width:100% !important;height:auto !important;}
    .tab_body .tab_link li .text {padding:0 3.5vw;}
    .tab_body .tab_link li .t_title {font-size:/*8.17vw*/8vw;line-height:8.17vw;margin-bottom:5.84vw;}
    .tab_body .tab_link li .t_title span {font-size:/*5.84vw*/5.1vw;}
    .tab_body .tab_link li p {font-size:4.67vw;line-height:1.5em;}
    .tab_body .tab_link li .link_btn {position:static;width:74.76vw;margin-top:5.84vw;}
    .close {display:none;width:100%;height:14.01vw;background:#1478DC;position:absolute;left:0;bottom:0;}
    .active_sp .close {display:block;}
    .close img {width:auto;height:4.6vw;padding:4.7vw 0;margin:0 auto;}
    .coomingsoon_icon {width:31.07vw;left:-0.46vw;top:-0.46vw;}
    
    /*kids*/
    .tab_body .tabs .kids .list {background:#C4D8E6;}
    .kids .tab_link li {border-color:#1478DC;box-shadow:1.16vw 1.16vw 0 #1478DC;}
    .kids .tab_link li:nth-child(2) .t_title span {display:block;}
    .kids .close {background:#1478DC;}
    
    .kids .event_sc {margin-top:2.5vw;}
    .kids .event_sc li {box-shadow:none;border:none;padding:0;margin:5vw 0 0;font-size:3.8vw;}
    .kids .event_sc li a {color:#0000FF;text-decoration:underline;}
    
    /*present*/
    .tab_body .tabs .present .list {background:#E5C79B;}
    .present .tab_link li .text {padding-top:2.33vw;}
    .tab_body .tabs .present .link_btn {margin-left:3.5vw;}
    .present .tab_link li {border-color:#FA7814;box-shadow:1.16vw 1.16vw 0 #FA7814;}
    .present .close {background:#FA7814;}
    
    .present .tab_link li:nth-child(1) .date {font-size:3.97vw;line-height:3.97vw;margin-bottom:2.8vw;}
    .present .tab_link li:nth-child(1) .date span {font-size:3.5vw;padding:0.93vw 3.27vw;margin-right:2.33vw;}
    .present .tab_link li:nth-child(1) p {font-size:3.27vw;margin-bottom:4.6vw;}
    
    .present .tab_link li:nth-child(2) .text {width:auto;}
    .present .tab_link li:nth-child(2) .t_title span {font-size:/*4.6vw*/4.5vw;}
    .present .tab_link li:nth-child(2) .image img {left:0;}
    
    .present .tab_link li:nth-child(3) .image {width:auto;margin-bottom:3.5vw;}
    .present .tab_link li:nth-child(3) .t_title {width:calc(100% - 7vw);font-size:7.2vw;padding:2.33vw 3.5vw 0;}
    .present .tab_link li:nth-child(3) .text {width:auto;}
    .present .tab_link li:nth-child(3) p {width:auto;position:relative;left:-3.5vw;margin-bottom:3.5vw;}
    .present .tab_link li:nth-child(3) .link_btn {margin-top:0;}
    
    .present .tab_link li:nth-child(4) .tag {width:100%;font-size:5.8vw;line-height:1.3em;border:solid 0.46vw #FA7814;padding:2.33vw 0;text-align:center;box-sizing: border-box; margin-bottom:4.67vw;}
    .present .tab_link li:nth-child(4) .tag span {display:block;padding-left:0;}
    .present .tab_link li:nth-child(4) .t_title {margin-bottom:8.17vw;}
    .present .tab_link li:nth-child(4) .t_title img {width:/*21.02vw*/16vw;transform:translateY(50%);top:/*50%*/45%;bottom:inherit;}
    .present .tab_link li:nth-child(4) p {margin-bottom:4.6vw;}
    
    /*data*/
    .tab_body .tabs .data .list {background:#C4E7C9;}
    .data .tab_link li {border-color:#39AE4A;box-shadow:1.16vw 1.16vw 0 #39AE4A;}
    .data .close {background:#39AE4A;}
    
    
    
    #bnr_box h2 {width:73.59vw;margin:17.75vw auto 7vw;}
    #bnr_box ul {width:88.78vw;display:block;}
    #bnr_box ul li {width:100%;margin-bottom:2.33vw;}
}