﻿.font-default{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.font-newcomen-regular{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;font-style:normal}.font-newcomen-bold{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:700;font-style:normal}.font-newcomen-black,#world h2{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:800;font-style:normal}.font-mincho,#world h2 span,#world #prologue .text-wrap p,#world #keywords .keyword-box h3{font-family:a-otf-midashi-mi-ma31-pr6n, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;font-weight:600;font-style:normal}.clearfix::after{content:"";display:block;clear:both}.clear-img{width:auto;height:auto;max-width:100%;max-height:100%}.giza-line-common{content:"";background-repeat:repeat-x;background-size:300px 20px;width:100%;height:20px}#world{overflow-x:hidden;background-image:url(../assets/common/etc/raster.png)}#world h2{padding:0 10px;font-size:4rem;text-align:center}@media screen and (max-width: 599px){#world h2{font-size:2.4rem}}#world h2 span{display:block;font-size:1.4rem}@media screen and (max-width: 599px){#world h2 span{font-size:1.2rem}}#world #prologue{position:relative;padding:80px 0;color:#efefef;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}@media screen and (max-width: 599px){#world #prologue{background-image:url(../assets/world/prologue/bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}}#world #prologue .text-wrap{padding:50px 20px;box-sizing:border-box;text-align:center}#world #prologue .text-wrap p{margin:40px 0;font-size:1.2rem}@media screen and (max-width: 599px){#world #prologue .text-wrap p{margin:20px 0;font-size:1rem}}#world #keywords{position:relative;padding:150px 0 350px 0}@media screen and (max-width: 599px){#world #keywords::before{z-index:-1;position:fixed;width:100%;height:100%;top:0;left:0;content:"";background-image:url(../assets/world/keywords/bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}}#world #keywords h2{color:#efefef;margin-bottom:150px;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}#world #keywords .keywords-swiper-wrap{position:relative;padding:50px 0;background:rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.8)}#world #keywords .container{padding:0 7.5%;box-sizing:border-box}#world #keywords .row{justify-content:center;align-items:center}#world #keywords .row>div{padding:0 2.5%;box-sizing:border-box}#world #keywords .keyword-box{color:#efefef;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}#world #keywords .keyword-box h3{margin:20px 0;font-size:2.4rem}@media screen and (max-width: 599px){#world #keywords .keyword-box h3{font-size:1.6rem}}#world #keywords .keyword-box a{display:block;overflow:hidden}#world #keywords .keyword-box a img{transition:.5s}#world #keywords .keyword-box a:hover img{transform:scale(1.05);animation:keyword-img-flash .4s ease-out}#world #keywords .keyword-box .text p{margin:15px 0}#world #keywords .keyword-swiper-container{padding-bottom:50px}#world #keywords .swiper-container-horizontal>.swiper-pagination-bullets,#world #keywords .swiper-pagination-custom,#world #keywords .swiper-pagination-fraction{bottom:50px}#world #keywords .swiper-pagination-bullet{background:#efefef;opacity:1;margin:0 8px;width:12px;height:12px;border-radius:0px}#world #keywords .swiper-pagination-bullet-active{background:#b50000}#world #keywords .keyword-swiper-prev,#world #keywords .keyword-swiper-next{position:absolute;top:130px;z-index:2}#world #keywords .keyword-swiper-prev{left:10px}#world #keywords .keyword-swiper-next{right:10px}#world #keywords .swiper-button svg{color:#efefef}#world #keywords .swiper-button a:hover svg{color:#b50000}#world #keywords .bg-movie{z-index:-4;position:fixed;top:0;left:0;width:100%;height:100%}#world #keywords .bg-movie .YTP-wrap{position:relative;height:100%;width:100%}@keyframes keyword-img-flash{5%{filter:invert(90%);transform:translateX(3px) translateY(4px)}10%{transform:translateX(-4px) translateY(-3px)}15%{transform:translateX(6px) translateY(4px)}30%{filter:invert(60%);transform:translateX(0px) translateY(-4px)}35%{filter:invert(10%)}50%{filter:invert(80%);transform:translateX(-3px) translateY(0px)}60%{filter:invert(0);transform:translateX(0px)}}
