body{position:relative}body::before{display:block;z-index:9999;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;content:"";opacity:1;transition:2.5s .5s,0s 2.8s z-index}body.is-animate::before{z-index:-1;opacity:0}main{margin-top:60px;margin-bottom:-80px;padding-bottom:80px}.l-contents{padding-top:50px}.loopline-mv{overflow:hidden}.loopline-mv__inner{position:relative}.loopline-mv__box{display:flex;z-index:1;position:absolute;top:0;justify-content:center;height:57%;background:rgba(60,110,80,.85)}.loopline-mv__txt{width:100%;margin:0 auto}#loopline .loopline-mv .c-icon-01{position:absolute;bottom:20%;left:50%;width:clamp(60px,6.8vw,72px);transform:translate(-50%, 70%)}.loopline-mv__img{display:block;transform:scale(1.15);transition:5s .5s}.is-animate .loopline-mv__img{transform:scale(1)}.loopline-mv .c-panel-01__trigger{position:absolute;top:50%;left:0}.c-panel-01__txt#read-pictures{min-height:8.8em}.loopline-station{position:relative;padding:65px 0;background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/contents/loopline/station_bg_sp.jpg) no-repeat center 0/cover}.loopline-station__inner{position:relative;max-width:600px;margin:0 auto}.loopline-station picture{display:block}.loopline-station__list{position:absolute;top:0;left:0;width:100%;height:100%}.loopline-station__list li{position:absolute;width:clamp(28px,8.1vw,46px);height:clamp(28px,8.1vw,46px);overflow:hidden;border:.5em solid #000;border-radius:3em;background:#fff;text-indent:100%;white-space:nowrap;cursor:pointer}.loopline-station__list li.is-active,.loopline-station__list li:hover{background:#fcec00;opacity:1;transition:.4s background-color}.loopline-station__list li.is-osaka{top:11.9%;left:21.9%}.loopline-station__list li.is-temma{top:5.2%;left:35.9%}.loopline-station__list li.is-sakuranomiya{top:5.2%;left:56.4%}.loopline-station__list li.is-kyobashi{top:11.9%;left:70.5%}.loopline-station__list li.is-osakajokoen{top:20.9%;left:78%}.loopline-station__list li.is-morinomiya{top:30.8%;left:80.2%}.loopline-station__list li.is-tamatsukuri{top:41.3%;left:80.2%}.loopline-station__list li.is-tsuruhashi{top:52.3%;left:80.2%}.loopline-station__list li.is-momodani{top:64.2%;left:80.2%}.loopline-station__list li.is-teradacho{top:74.4%;left:75.1%}.loopline-station__list li.is-tennoji{top:82.5%;left:64.8%}.loopline-station__list li.is-shinimamiya{top:86.2%;left:46.2%}.loopline-station__list li.is-imamiya{top:82.6%;left:27.7%}.loopline-station__list li.is-ashiharabashi{top:74.5%;left:17.3%}.loopline-station__list li.is-taisho{top:64.2%;left:12.2%}.loopline-station__list li.is-bentencho{top:52.3%;left:12.2%}.loopline-station__list li.is-nishikujo{top:41.2%;left:12.2%}.loopline-station__list li.is-noda{top:30.8%;left:12.2%}.loopline-station__list li.is-fukushima{top:20.8%;left:14.4%}.c-icon-01.js-read{max-width:60px}.anchor-box{display:flex;z-index:2;position:absolute;bottom:32%;left:37%;flex-direction:column;align-items:center;width:26.3%;max-width:240px;transform:translateX(-50%)}.anchor-box .trivia-anchor{display:block;text-align:center;cursor:pointer}.anchor-box .trivia-anchor.is-finger{width:18%;max-width:40px;margin-top:1em}.loopline-carousel .swiper-slide{padding:0 !important}.c-panel-01.is-readarea{margin:0 6%}.loopline-modal__name{padding:.5em 1em .6em;background:#000;color:#fff;font-weight:bold;line-height:1.4;text-align:center}.loopline-modal__name span{display:block}.loopline-modal__name span:nth-child(1){font-size:clamp(2.5rem,10vw,3rem);line-height:1.5;letter-spacing:.22em;text-indent:.5em}.loopline-modal__name span:nth-child(2){font-size:clamp(1.1rem,3vw,1.3rem)}.loopline-modal__nav{display:flex;justify-content:space-between;padding:.3em .6em .5em;background:#e6283c;color:#fff}.loopline-modal__nav-item{padding:0 2em;font-weight:bold;line-height:1.3;cursor:pointer;transition:.4s}.loopline-modal__nav-item.is-prev{background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/common/icon_arrow_prev.svg) no-repeat 0 center/auto 60%}.loopline-modal__nav-item.is-next{background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/common/icon_arrow_next.svg) no-repeat right center/auto 60%;text-align:right}.loopline-modal__nav-item:hover{opacity:.7}.loopline-modal__nav-item span{display:block}.loopline-modal__nav-item span:nth-child(1){font-size:clamp(1rem,4vw,1.2rem)}.loopline-modal__nav-item span:nth-child(2){font-size:clamp(.8rem,3vw,1rem)}.loopline-modal__box{max-width:100%}.loopline-modal__store{padding-top:4em;font-size:1.4rem}.loopline-modal__ttl{font-weight:bold;font-size:1.6rem;line-height:1.5}.loopline-modal__desc{margin-top:1.2em;font-size:1.4rem;line-height:2.5}.loopline-modal__desc dl{margin-top:12px;line-height:2}.loopline-modal__desc dl dt{font-weight:bold}.loopline-modal__desc dl dd{position:relative;padding-left:1em}.loopline-modal__desc dl dd::before{position:absolute;top:0;left:0;content:"・"}.loopline-modal__desc .info-note{display:block;padding-top:.5em}.loopline-modal__iframe{position:relative;width:100%;height:0;padding-bottom:56.25%;padding-bottom:65%;overflow:hidden;transform:translateZ(0);background:#000}.loopline-modal__iframe iframe{z-index:100;position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%)}.loopline-modal__related{display:flex;margin-top:2em;padding:1.2em 1.5em 1.8em;background:#dce1e1}.loopline-modal a{margin-right:1em;border-bottom:1px solid #003296;color:#003296;line-height:1.6;word-break:break-all;transition:.4s}.loopline-modal a:hover{border-color:rgba(0,0,0,0)}.loopline-trivia__section:first-of-type{margin-top:1.8em}.loopline-trivia__ttl{font-weight:700;line-height:1.5;text-align:center}.loopline-trivia__ttl span{display:block}.loopline-trivia__ttl span:first-child{font-size:clamp(1.7rem,4vw,1.9rem)}.loopline-trivia__ttl span:last-child{color:#3c6e50;font-size:clamp(2rem,5.6vw,3rem)}.loopline-trivia__subttl{position:relative;padding:.4em 9em .4em 2em;border-radius:1.6em;background:#3c6e50}.loopline-trivia__subttl-txt{color:#fff;font-weight:bold;font-size:1.6rem}.loopline-trivia__subttl-menu{display:flex;position:absolute;top:50%;right:8px;align-items:center;transform:translateY(-50%)}.loopline-trivia__subttl-menu>div{margin-left:.6em;border-radius:50%;background:#fff}.loopline-trivia__subttl .c-panel-01__trigger{position:relative}.loopline-trivia__subttl .c-panel-01__trigger img{width:44px}.loopline-trivia__subttl .c-panel-01__trigger .c-list-icon li{padding:0}.loopline-trivia__subttl-icon{display:block;position:relative;width:44px;height:44px;border-radius:50%;background:#000;cursor:pointer;transition:.4s}.loopline-trivia__subttl-icon:hover{opacity:.8}.loopline-trivia__subttl-icon::before,.loopline-trivia__subttl-icon::after{display:block;position:absolute;top:50%;left:50%;width:2px;height:50%;background:#fff;content:"";transition:.4s}.loopline-trivia__subttl-icon::before{transform:translate(-50%, -50%)}.loopline-trivia__subttl-icon::after{transform:translate(-50%, -50%) rotate(90deg)}.loopline-trivia__subttl-icon.is-open::before{transform:translate(-50%, -50%) rotate(90deg)}.loopline-trivia__panel{display:grid;grid-template-rows:0fr;margin:14px 0 40px;padding:0 15px;transition:.6s}.loopline-trivia__panel.is-open{grid-template-rows:1fr}.loopline-trivia__row{overflow:hidden}.loopline-trivia__row.is-reverse{flex-direction:row-reverse}.loopline-trivia__col .c-btn-01{width:clamp(230px,23vw,260px)}.loopline-trivia__tbl{width:100%;margin-top:2em;font-size:1.4rem}.loopline-trivia__tbl thead th,.loopline-trivia__tbl thead td,.loopline-trivia__tbl tbody th,.loopline-trivia__tbl tbody td{padding:.4em .8em}.loopline-trivia__tbl thead th:nth-child(n+1),.loopline-trivia__tbl thead td:nth-child(n+1),.loopline-trivia__tbl tbody th:nth-child(n+1),.loopline-trivia__tbl tbody td:nth-child(n+1){border-right:1px solid #000}.loopline-trivia__tbl thead th:last-child,.loopline-trivia__tbl thead td:last-child,.loopline-trivia__tbl tbody th:last-child,.loopline-trivia__tbl tbody td:last-child{border:none}.loopline-trivia__tbl thead th{position:relative;padding:.2em 1em .45em 1em;color:#fff;font-weight:bold;letter-spacing:.05em;text-align:center}.loopline-trivia__tbl thead th::after{display:block;z-index:-1;position:absolute;top:0;left:50%;width:calc(100% - 4px);height:calc(100% - 1px);transform:translate(-50%, 0);content:""}.loopline-trivia__tbl thead th:fist-child{width:45%}.loopline-trivia__tbl thead th:nth-child(2)::after{background:#3c6e50}.loopline-trivia__tbl thead th:nth-child(3)::after{background:#505050}.loopline-trivia__tbl tbody td{text-align:center}.loopline-trivia__tbl tr{border-bottom:1px solid #000}.loopline-trivia__list{margin-top:.6em}.loopline-trivia__list li{margin-left:1em;font-size:1.2rem;line-height:1.5;text-indent:-1em}.loopline-trivia__dl{margin-top:.5em}.loopline-trivia__dl dt{color:#3c6e50;font-weight:bold}.c-modal-01__content{max-width:600px}.c-modal-01__content .swiper{transition:.5s}.c-modal-01__content>.swiper .slider-child>.swiper-wrapper>.swiper-slide{overflow:auto}.c-modal-01__content>.swiper .swiper-slide{padding:0;background:#fff}.c-modal-01__overlay{background:rgba(20,45,40,.7)}.c-panel-01__txt{-webkit-mask-image:linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));mask-image:linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))}.modal__slide{background:#fff}.modal__iframe{padding-bottom:60%}.loader{z-index:-1;position:absolute;top:50%;left:50%;width:5em;height:5em;transform:rotate(0deg) translate(-50%, -50%);transform-origin:50% 50%;border-radius:50%;background:#fff;background:linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);font-size:10px;animation:load 1s infinite linear}.loader:before{position:absolute;top:0;left:0;width:50%;height:50%;border-radius:100% 0 0 0;background:#fff;content:""}.loader:after{position:absolute;top:0;right:0;bottom:0;left:0;width:75%;height:75%;margin:auto;border-radius:50%;background:#000;content:""}@keyframes load{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@media screen and (min-width: 768px){main{margin-top:clamp(80px,6.5vw,100px);margin-bottom:-160px;padding-bottom:200px}.l-contents{padding-top:100px}.loopline-mv__box{left:11%;align-items:center;width:30%;max-width:410px;height:100%}.loopline-mv__box-inner{position:absolute;top:40%;width:100%;transform:translateY(-50%)}.loopline-mv__txt{width:68%}.loopline-mv .c-panel-01__trigger{transform:translateY(50%)}.loopline-station{padding:130px 0}.loopline-station__inner{max-width:1470px;padding:0 20px}.loopline-station__list li{width:4vw;max-width:60px;height:4vw;max-height:60px;border:.4em solid #000;border-width:clamp(.45em,.7vw,.65em)}.loopline-station__list li.is-osaka{top:10.9%;left:28.7%}.loopline-station__list li.is-temma{top:5.9%;left:39.5%}.loopline-station__list li.is-sakuranomiya{top:5.9%;left:53.3%}.loopline-station__list li.is-kyobashi{top:10.9%;left:64.2%}.loopline-station__list li.is-osakajokoen{top:19.8%;left:71.8%}.loopline-station__list li.is-morinomiya{top:31.3%;left:74.3%}.loopline-station__list li.is-tamatsukuri{top:43.8%;left:74.3%}.loopline-station__list li.is-tsuruhashi{top:55.3%;left:74.3%}.loopline-station__list li.is-momodani{top:66.8%;left:73.2%}.loopline-station__list li.is-teradacho{top:76.1%;left:67.7%}.loopline-station__list li.is-tennoji{top:82.3%;left:58.6%}.loopline-station__list li.is-shinimamiya{top:84.8%;left:46.4%}.loopline-station__list li.is-imamiya{top:82.3%;left:34.3%}.loopline-station__list li.is-ashiharabashi{top:76.2%;left:25.2%}.loopline-station__list li.is-taisho{top:66.8%;left:19.7%}.loopline-station__list li.is-bentencho{top:55.3%;left:18.7%}.loopline-station__list li.is-nishikujo{top:43.8%;left:18.7%}.loopline-station__list li.is-noda{top:31.3%;left:18.7%}.loopline-station__list li.is-fukushima{top:19.8%;left:21.1%}.anchor-box{bottom:33%;left:49%;width:18.3%}.loopline-modal__name{padding:.7em 1em .8em;line-height:1.5}.loopline-modal__name span:nth-child(1){font-size:clamp(3.6rem,3.6vw,4.2rem)}.loopline-modal__name span:nth-child(2){margin-top:-0.3em;font-size:clamp(1.4rem,1.4vw,1.6rem)}.loopline-modal__nav-item{padding:0 2.8em;background-size:auto 76%}.loopline-modal__nav-item span:nth-child(1){font-size:16px}.loopline-modal__nav-item span:nth-child(2){font-size:12px}.loopline-modal__box{max-width:600px}.loopline-modal__store{font-size:1.8rem}.loopline-modal__ttl{font-size:2.4rem}.loopline-modal__desc{font-size:1.8rem}.loopline-modal__desc dl{margin-top:20px}.loopline-modal__related{padding:2em 1.5em 3em}.loopline-modal__related-ttl{min-width:6em;padding-right:2em}.loopline-trivia__section:first-of-type{margin-top:2.3em}.loopline-trivia__ttl span:first-child{font-size:clamp(2.1rem,2.1vw,2.4rem)}.loopline-trivia__ttl span:last-child{font-size:clamp(3rem,3vw,3.6rem)}.loopline-trivia__subttl{padding:.3em 2em;border-radius:3em}.loopline-trivia__subttl-txt{font-size:3rem;font-size:clamp(2.4rem,2.4vw,3rem)}.loopline-trivia__subttl-menu{right:0}.loopline-trivia__subttl-menu>div{margin-left:.7em}.loopline-trivia__subttl .c-panel-01__trigger img{width:5.6em}.loopline-trivia__subttl .c-panel-01__trigger img:hover{opacity:.7}.loopline-trivia__subttl-icon{width:5.1em;height:5.1em}.loopline-trivia__subttl-icon::before,.loopline-trivia__subttl-icon::after{width:4px;height:44%}.loopline-trivia__panel{margin:40px -1em}.loopline-trivia__panel{padding:0 30px}.loopline-trivia__row{display:flex;justify-content:space-between}.is-reverse .loopline-trivia__col:first-child{width:50%;max-width:530px}.loopline-trivia__col{width:50%;margin-bottom:30px;padding:.5em 1em;font-size:1.8rem;font-size:clamp(1.4rem,1.6vw,1.8rem)}.loopline-trivia__col:first-child{width:45%}.loopline-trivia__col:last-child{width:50%}.loopline-trivia__col .c-btn-01{width:clamp(210px,21vw,270px);font-size:clamp(1.3rem,1.3vw,1.6rem);letter-spacing:0}.loopline-trivia__tbl{font-size:clamp(1.2rem,1.4vw,1.6rem)}.loopline-trivia__list{margin-top:1em}.loopline-trivia__list li{font-size:clamp(1rem,1vw,1.4rem)}.c-modal-01__content>.swiper .slider-child>.swiper-wrapper>.swiper-slide{max-height:64vh}.c-modal-01__content>.swiper .slider-child [class^=swiper-button-] img{width:40px}.c-panel-01__txt{font-size:1.8rem}}@media (min-width: 1920px){.loopline-station{background:url(/wp-content/themes/osaka-soundtrip2/assets_new/img/contents/loopline/station_bg2_pc.png) no-repeat center 0/contain,url(/wp-content/themes/osaka-soundtrip2/assets_new/img/contents/loopline/station_bg_pc.jpg) no-repeat center 0/cover}}@media screen and (max-width: 767px){.loopline-mv__box{margin:0px 14%}.loopline-mv__txt{position:relative;top:40%;left:50%;transform:translate(-40%, -50%)}#loopline .loopline-mv .c-icon-01{width:clamp(45px,12vw,72px)}.loopline-mv .c-panel-01__trigger{transform:translateY(-15%)}.c-icon-01.js-read{max-width:45px}.anchor-box{transform:translateY(20%)}.anchor-box .trivia-anchor.is-finger{margin-top:.5em}.loopline-modal__related{flex-wrap:wrap;margin-top:1em}.loopline-modal__related-ttl{width:100%}.loopline-trivia{max-width:580px;margin:0 auto}.loopline-trivia__section{margin-top:14px}.loopline-trivia__subttl-txt{display:flex;align-items:center;min-height:2.6em;line-height:1.4}.loopline-trivia__col:last-child{margin-top:1.2em}.c-modal-01__content{margin-top:-3.2em}.c-modal-01__content>.swiper-button-prev,.c-modal-01__content>.swiper-button-next{top:inherit !important;bottom:0 !important;width:30px !important;padding:0 7px !important;transform:translateY(112%)}.c-modal-01__content>.swiper-button-prev{left:35% !important}.c-modal-01__content>.swiper-button-next{left:54% !important}.c-modal-01__content>.swiper .slider-child>.swiper-wrapper>.swiper-slide{max-height:444px}}