html{ -webkit-overflow-scrolling:touch}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#ff0080;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #ff0080,0 0 5px #ff0080;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#ff0080;border-left-color:#ff0080;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}.material-icons.md-8,.font8{font-size:8px !important}.material-icons.md-9,.font9{font-size:9px !important}.material-icons.md-10,.font10{font-size:10px !important}.material-icons.md-11,.font11{font-size:11px !important}.material-icons.md-12,.font12{font-size:12px !important}.material-icons.md-13,.font13{font-size:13px !important}.material-icons.md-14,.font14{font-size:14px !important}.material-icons.md-15,.font15{font-size:15px !important}.material-icons.md-16,.font16{font-size:16px !important}.material-icons.md-17,.font17{font-size:17px !important}.material-icons.md-18,.font18{font-size:18px !important}.material-icons.md-19,.font19{font-size:19px !important}.material-icons.md-20,.font20{font-size:20px !important}.material-icons.md-21,.font21{font-size:21px !important}.material-icons.md-22,.font22{font-size:22px !important}.material-icons.md-23,.font23{font-size:23px !important}.material-icons.md-24,.font24{font-size:24px !important}.material-icons.md-25,.font25{font-size:25px !important}.material-icons.md-26,.font26{font-size:26px !important}.material-icons.md-27,.font27{font-size:27px !important}.material-icons.md-28,.font28{font-size:28px !important}.material-icons.md-29,.font29{font-size:29px !important}.material-icons.md-30,.font30{font-size:30px !important}.material-icons.md-31,.font31{font-size:31px !important}.material-icons.md-32,.font32{font-size:32px !important}.material-icons.md-33,.font33{font-size:33px !important}.material-icons.md-34,.font34{font-size:34px !important}.material-icons.md-35,.font35{font-size:35px !important}.material-icons.md-36,.font36{font-size:36px !important}.material-icons.md-37,.font37{font-size:37px !important}.material-icons.md-38,.font38{font-size:38px !important}.material-icons.md-39,.font39{font-size:39px !important}.material-icons.md-40,.font40{font-size:40px !important}.icon-block{ padding:0 15px}.icon-block .material-icons{font-size:inherit}.bold{font-weight:700 !important}.under-dotted{ border-bottom:dotted 2px #000 !important}.under-solid{ border-bottom:solid 1px #000 !important}.btn-block{ display:block !important; width:100% !important}.raleway300{font-family:'Raleway',sans-serif !important;font-weight:300!important}.embed-responsive{ position:relative; display:block; width:100%; padding:0; overflow:hidden}.embed-responsive::before{ display:block; content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{ position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}.embed-responsive-21by9::before{ padding-top:42.857143%}.embed-responsive-16by9::before{ padding-top:56.25%}.embed-responsive-4by3::before{ padding-top:75%}.embed-responsive-1by1::before{ padding-top:100%}.full_screen_hero{ height:80vh; background:no-repeat; position:relative; background-size:cover; background-position:center center; border-bottom:1px solid #eee; z-index:-2} @media only screen and (orientation:landscape){.full_screen_hero{ height:100vh}}.dot-overlay-light{ background:rgba(255,255,255,0.4); position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1}.dot-overlay-light:before{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJElEQVQYV2NkwAT1jGhi9QwMDI3IgmABkCKYIFwAJogiABIEAM2/BIWEpQYtAAAAAElFTkSuQmCC ) repeat; content:''; height:100%; position:absolute; top:0; left:0; width:100%} .canvas{ width:90%; height:auto; position:absolute; text-align:center; margin:0 auto; top:40%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}.hero-title-area{ text-align:center}.bg-ripples{ background:no-repeat; background-size:cover; background-position:center center; background:url('../img/hero/news.jpg') #fff}.hero-title{ position:relative; text-align:center; width:85%; height:auto; margin:0 auto; margin-bottom:90px; margin-top:40px}#illust,#line{ position:absolute; top:0; left:0; text-align:center} #illust{ display:none}.canvas h1,.hero-title-area h1{ font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important; letter-spacing:0em !important; color:#7b1fa2 !important; line-height:1.45em !important; font-size:14px !important; font-weight:700 !important; margin:70px 0 10px 0 !important}.canvas h2,.hero-title h2{ font-family:'Fredericka the Great',cursive; margin:0 !important; padding:0 !important; color:#7b1fa2 !important; font-size:50px; text-shadow:0 13.36px 8.896px #c4b59d,0 -2px 1px #fff}.canvas p{ color:#7b1fa2}.container-fluid{ padding:0 !important; margin:0 auto !important; display:block !important}.breadcrumbs{ display:block; margin-left:0; line-height:1.0em !important; border-top:1px solid rgba(0,0,0,0.09); border-bottom:1px solid rgba(0,0,0,0.09)}.breadcrumbs ol{ list-style:none; margin-top:7px; margin-left:-15px; margin-bottom:10px}.breadcrumbs ol >li{ display:inline-block; font-size:8px !important; color:#444}.breadcrumbs ol >li >a{ display:inline-block; color:#444; margin:0px}.breadcrumbs ol >li+li:before{ font-size:8px; content:"/"; margin:0px}.breadcrumbs ol >.active{ color:#4b4b4b}.center{ text-align:center !important; margin:0 auto !important}.no-padding{ padding:0 !important}.just{ text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}h3{ font-size:18px; line-height:1.55em; font-weight:700; margin-bottom:20px !important}p{ font-size:16px; line-height:1.55em; font-weight:100; margin-bottom:20px !important}.img-area{ text-align:center; margin:0 auto}.parallax-container{ min-height:250px !important; line-height:0; height:auto; color:rgba(255,255,255,.9)}.parallax-container:before{ background:rgba(255,152,0,.7); content:''; height:100%; position:absolute; top:0; left:0; width:100%}.blod{ font-weight:700 !important}.parallax-container .section{ width:100%}@media only screen and (max-width:992px){ .parallax-container .section{ position:absolute; top:40%}}.bg-image-container{ min-height:250px !important; line-height:0; text-align:center; height:50vh; background:no-repeat; position:relative; background-size:cover; background-position:center center; color:rgba(255,255,255,.9); z-index:-2; border-bottom:1px solid #eee}@media only screen and (orientation:landscape){ .bg-image-container{ height:90vh}}.bg-image-container:before{ background:rgba(255,255,255,.8); content:''; height:100%; position:absolute; top:0; left:0; width:100%; z-index:-1}.msg-box,.bg-image-container .msg-box{ padding:20px; z-index:2 !important}.bg-image-container h3{ color:#444; font-size:18px !important; line-height:1.45em !important; font-weight:700 !important; margin-bottom:15px !important}.bg-image-container p{ color:#444; font-size:16px !important; line-height:1.5em !important; font-weight:700 !important; margin-bottom:15px !important}@media only screen and (min-width:601px){ .bg-image-container{ height:30vh !important}}.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity 1s}.mt-0{ margin-top:0 !important}.mt-05{ margin-top:0.5rem !important}.mt-1{ margin-top:1rem !important}.mt-15{ margin-top:1.5rem !important}.mt-2{ margin-top:2rem !important}.mt-25{ margin-top:2.5rem !important}.mt-3{ margin-top:3rem !important}.mt-35{ margin-top:3.5rem !important}.mt-4{ margin-top:4rem !important}.mb-1{ margin-bottom:1rem !important}.mb-15{ margin-bottom:1.5rem !important}.mb-2{ margin-bottom:2rem !important}.mb-25{ margin-bottom:2.5rem !important}.mb-3{ margin-bottom:3rem !important}.mb-35{ margin-bottom:3.5rem !important}.mb-4{ margin-bottom:4rem !important}.pd15{ padding:17px 15px 5px 15px !important}.icon-official-btn{ display:inline-block; width:50px; height:auto}.info-box{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; border-bottom:1px solid #eee}.info-box .cols-1{ flex-basis:70%; align-items:center; justify-content:center; padding:14px 7px 14px 20px}.info-box .cols-1 h3{ color:#000; font-size:18px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:5px !important}.info-box .cols-1 h4{ color:#000; font-size:20px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:5px !important}.info-box .cols-1 h5{ color:#000; font-size:16px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:5px !important}.info-box .cols-1 h6{ color:#000; font-size:14px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:5px !important}.info-box .cols-1 p{ color:#bdbdbd !important; font-size:12px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:0 !important}.info-box .cols-2{ flex-basis:30%; padding:7px}.info-box .cols-2 img{ display:inline-block; max-width:100%; height:auto}.card-content h3,.card-panel h3{ color:#444; font-size:18px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:5px !important}.card-content h4,.card-panel h4{ color:#444; font-size:16px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:10px !important; margin-bottom:5px !important}.card-content h5{ color:#000; font-size:13px !important; line-height:1.25em !important; font-weight:700 !important; margin-top:0 !important; margin-bottom:15px !important}.card-panel h4{ color:#fff !important}.card-content p{ color:#000 !important; font-size:16px!important; line-height:1.75em !important; font-weight:100 !important; margin-top:15px !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.card-content .img-icon{ float:left; width:80px; height:auto; border-radius:100%; -webkit-shape-outside:circle(); shape-outside:circle()}.overflow{ overflow:hidden; zoom:1}.card-panel p{ font-size:14px !important; line-height:1.5em !important; font-weight:100 !important; margin-top:0 !important; margin-bottom:0 !important}.grad-wrap{ position:relative}.grad-wrap+.grad-wrap{ margin-top:40px}.grad-trigger{ z-index:2; position:absolute; right:0; bottom:-25px; left:0; width:148px; margin:auto; padding:.5em 0; border-radius:2px; color:#009e8f; font-size:1.3rem; text-align:center; cursor:pointer; transition:.2s ease; background:transparent}.grad-trigger::after{ content:"+read more"}.grad-trigger:hover{ background:transparent; color:#009e8f}.grad-trigger .fa{ margin-right:.5em}.grad-item{ position:relative; overflow:hidden}.grad-item.is-hide{ height:80px}.grad-item p+p{ margin-top:1em}.grad-item::before{ display:block; position:absolute; bottom:0; left:0; content:""; width:100%; height:80px; background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%)}.grad-trigger.is-show{ bottom:-1em}.grad-trigger.is-show::after{ content:"- close"}.grad-trigger.is-show .fa{ transform:rotate(180deg)}.grad-trigger.is-show+.grad-item::before{ display:none}.remodal{ -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; padding-bottom:200px}.animatedModal-header{ color:#fff; background-color:#15b7ff; width:100%; height:66px; line-height:66px; text-align:center; padding-top:7px}.modal-close-icon{ width:50px; height:auto}.animatedModal-main{ padding:25px 20px 25px 25px; text-align:center}.animatedModal-main h3{ color:#444; font-size:18px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:25px !important; margin-bottom:15px !important}.animatedModal-footer{ margin-top:25px !important; margin-bottom:15px !important; text-align:center}.news-container .news-container-header{ text-align:center}.news-container .news-container-header h3{ color:#444; font-size:20px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:15px !important}.news-container .news-container-header h3 >span{ display:block; font-size:14px !important; color:#95a5a6; font-weight:700 !important}.news-container .news-container-header h4{ color:#444; font-size:18px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:15px !important}.news-container .news-container-main{ margin-top:35px !important; margin-bottom:80px !important}.news-container .news-container-main h3,.news-container .news-container-main h4{ color:#000; line-height:1.5em !important; font-weight:700 !important}.news-container .news-container-main h3{ font-size:19px; margin-top:40px !important; margin-bottom:5px !important}.news-container .news-container-main h3 >span{ display:block; font-size:17px}.news-container .news-container-main h4{ font-size:17px; margin:0 auto !important; text-align:center; margin-bottom:30px !important}.news-container .news-container-main h5{ color:#000; font-size:17px; line-height:1.5em !important; font-weight:700 !important; margin-top:30px !important; margin-bottom:0px !important}.news-container .news-container-main h6{ color:#000; font-size:14px; line-height:1.45em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:5px !important}.news-container .news-container-main p{ color:#000; font-size:17px; line-height:1.75em !important; font-weight:100 !important; margin-top:15px !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.news-container .news-container-main .btn{ margin-top:15px !important; margin-bottom:15px !important; font-weight:700 !important}.att{ padding-left:1em; text-indent:-1em}.lg-toolbar{ z-index:1082; left:0; position:absolute; top:0; width:100%; background-color:rgba(0,0,0,0.6) !important}.lg-toolbar .lg-icon{ color:#fff !important; cursor:pointer; float:right; font-size:24px; height:47px; line-height:27px; padding:10px 0; text-align:center; width:50px; text-decoration:none !important; outline:medium none; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear}.lg-toolbar .lg-icon:hover{ color:#999 !important}.pot{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}.lity{ z-index:9990; position:fixed; top:0; right:0; bottom:0; left:0; white-space:nowrap; background:#0b0b0b; background:rgba(0,0,0,0.5); outline:none !important; opacity:0; -webkit-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease}.lity-close{ z-index:9994; width:80px; height:80px; position:fixed; right:10px; top:80px; -webkit-appearance:none; cursor:pointer; text-decoration:none; text-align:center; padding:0; color:#fff; font-style:normal; font-size:50px; font-family:Arial,Baskerville,monospace; line-height:50px; text-shadow:0 1px 2px rgba(0,0,0,0.6); border:solid 1px #fff; border-radius:50%; background:none; outline:none; -webkit-box-shadow:none; box-shadow:none}@media only screen and (orientation:landscape){ .lity-close{ top:10px; right:10px}}.lity-close::-moz-focus-inner{ border:0; padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{ text-decoration:none; text-align:center; padding:0; color:rgba(255,255,255,0.5); font-style:normal; font-size:50px; font-family:Arial,Baskerville,monospace; line-height:50px; text-shadow:0 1px 2px rgba(0,0,0,0.6); border:solid 1px rgba(255,255,255,0.5); border-radius:50%; background:none; outline:none; -webkit-box-shadow:none; box-shadow:none}.lity-close:active{ top:80px; right:10px}@media only screen and (orientation:landscape){ .lity-close:active{ top:10px; right:10px}}.video-popup{ position:relative}.video-popup .popup-btn >i{ display:inline-block; position:absolute; width:80px; height:80px; text-align:center; border-radius:50%; color:rgba(189,195,199,1.0); border:1px solid #7f8c8d; background-color:rgba(255,255,255,0.4); -webkit-transition:all 0.35s; -o-transition:all 0.35s; transition:all 0.35s; font-size:44px; line-height:78px; z-index:200; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}#loading{ text-align:center; margin:0 auto}.btn-block{ display:block; width:100%}.btn-area{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-top:20px; margin-bottom:20px}.sub-btn-area{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-top:0px; margin-bottom:0; min-height:150px}.btn-area .btn-large,.btn-area .btn,.sub-btn-area .btn-large,.sub-btn-area .btn{ flex-basis:50%}#fadein2015,#fadein2016,#fadein2017{ display:none}#fadein2015 h3,#fadein2016 h3,#fadein2017 h3,#fadein2018 h3,#fadein2019 h3,#fadein2020 h3{ color:#000; font-size:20px; line-height:1.5em !important; font-weight:700 !important; margin-top:0px !important; margin-bottom:15px !important}#archive-newsdocument{ padding:15px 15px; min-height:200px}#archive-newsdocument h3,#archive-newsdocument h4{ color:#000; line-height:1.5em !important; font-weight:700 !important}#archive-newsdocument h3{ font-size:19px; margin-top:40px !important; margin-bottom:5px !important}#archive-newsdocument h3 >span{ display:block; font-size:17px}#archive-newsdocument h4{ font-size:17px; margin:0 auto !important; text-align:center; margin-bottom:30px !important}#archive-newsdocument h5{ color:#000; font-size:17px; line-height:1.5em !important; font-weight:700 !important; margin-top:20px !important; margin-bottom:0px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}#archive-newsdocument p{ color:#000; font-size:17px; line-height:1.75em !important; font-weight:100 !important; margin-top:15px !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}#archive-newsdocument .btn{ margin-top:5px !important; margin-bottom:5px !important; font-weight:700 !important}.sect-btn-area{ margin-top:50px}.sect-btn{ margin-top:15px}.sect-btn-header{ position:relative; font-size:17px; line-height:1.5em; font-weight:700; border-bottom:1px solid rgba(0,0,0,0.1); padding-top:10px; padding-bottom:10px}.sect-btn-header:after{ content:""; position:absolute; border-right:1px solid #000; border-bottom:1px solid #000; width:10px; right:10px; height:10px; line-height:1.5em; margin-top:5px; transform:rotate(45deg)}.ac:after{ content:""; position:absolute; border-left:1px solid #000; border-top:1px solid #000; border-right:0; border-bottom:0; width:10px; right:10px; height:10px; transform:rotate(45deg)}.sect-btn-inner{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:center; padding-top:20px; padding-bottom:20px}.sect-btn-inner .btn-floating{ margin:1px}#next-archive h3{ color:#000; font-size:20px; line-height:1.5em !important; font-weight:700 !important; margin:0 auto; text-align:center; margin-top:40px !important; margin-bottom:20px !important}#next-archive h3 >span{ display:block; font-size:17px}#next-archive h4{ color:#000; font-size:17px; line-height:1.5em !important; font-weight:700 !important; margin-top:1rem !important; margin-bottom:1rem !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important; margin-top:1rem !important; margin-bottom:1rem !important}#next-archive h5{ color:#000; font-size:16px; line-height:1.5em !important; font-weight:700 !important; margin-top:1rem !important; margin-bottom:0 !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}#next-archive img{ max-width:100%; height:auto; margin-top:1rem; margin-bottom:1rem}#next-archive .icon{ max-width:30% !important; height:auto; margin-top:1rem; margin-bottom:1rem}#next-archive .icon-center{ max-width:30% !important; height:auto; margin:0 auto !important; text-align:center !important; margin-top:1rem !important; margin-bottom:1rem !important}.space-mg{ width:100%; height:30px}.space-mg50{ width:100%; height:50px}.space-mg25{ width:100%; height:25px}.space-mg15{ width:100%; height:15px}.gifannem{ display:inline-block; float:left; margin-right:10px; margin-bottom:10px width:34px; height:120px}.modal .modal-content-header{ text-align:center; padding-top:8px; padding-bottom:5px; background:#e57373; position:relative}.modal .modal-content-header h4{ color:#fff; font-size:20px !important; line-height:1.5em !important; font-family:'Raleway',sans-serif !important; font-weight:300!important; margin-top:5px !important; margin-bottom:0px !important}.modal .modal-content-header span{ display:inline-block; font-size:10px !important; color:#fff; margin-bottom:5px !important}.modal .modal-content{ padding-bottom:130px}.modal .modal-content >span{ display:block; font-family:'Raleway',sans-serif !important; color:#9e9e9e !important; font-size:14px !important; line-height:1.0em !important; font-weight:300 !important; margin-bottom:5px !important}.modal .modal-content >span:a,.modal .modal-content >span >a{ color:#000 !important}.modal .modal-content p{ color:#000 !important; font-size:16px !important; line-height:1.5em !important; margin-top:0px !important; margin-bottom:20px !important}.modal-close-btn{ position:absolute; display:inline-block; width:50px; height:auto; right:10px; top:10px; cursor:pointer}#schedule-weather .modal-content-header{ text-align:center; padding-top:8px; padding-bottom:5px; background:#1976d2; position:relative}.schedule-weather-bg{ background-color:#2b425c}#schedule-weather .modal-content p{ color:#fff !important; font-size:16px !important; line-height:1.35em !important; margin-top:5px !important; margin-bottom:5px !important}.sch-weather{ width:100% !important; margin-top:50px !important; margin-bottom:50px !important; color:#fff !important}.sch-weather .day{ font-size:20px}.sch-weather tbody tr td { border:none !important; border-bottom:none !important}#schedule-weather .modal-footer{ background-color:transparent !important; border-top:1px solid rgba(0,0,0,0); position:absolute; bottom:0; text-align:left}#schedule-weather .modal-content .timenow{ color:#fff; font-size:16px; line-height:1.35em t; margin-top:30px; margin-bottom:0px; text-align:right}.sch-weather .icon img{ width:50px; height:auto; margin:0 auto; text-align:center}.sch-weather .icon-s img{ width:30px; height:auto; margin:0 auto; text-align:center}.sch-weather tr{ padding-top:0 !important; padding-bottom:0 !important}.sch-weather td{ padding-top:0 !important; padding-bottom:0 !important}.sch-weather .border-left{ border-left:1px solid #fff !important}.sch-weather .border-right{ border-right:1px solid #fff !important}.sch-weather .border-side{ border-right:1px solid #fff !important; border-left:1px solid #fff !important}.sch-weather .pb-1{ padding-bottom:15px !important}.sch-weather .pb-2{ padding-bottom:35px !important}.side-close-position{ margin-top:15px}.sidenav-contant{ padding:25px 25px 25px 15px}.sidenav-contant .coffee-break{ margin-top:25px; margin-bottom:25px}.sidenav .navi-area{ margin-top:25px}.column-header{ position:relative; font-size:16px; color:#444; line-height:1.5em; font-weight:100; border-bottom:1px solid rgba(0,0,0,0.1); padding-top:10px; padding-bottom:10px}.column-header >span.Raleway{ display:block; font-family:'Raleway',sans-serif !important; color:#444 !important; font-size:20px !important; line-height:1.0em !important; font-weight:300 !important}.column-header >span.japan{ font-size:14px; font-weight:700; margin-top:0; margin-bottom:0}.column-header:after{ content:""; position:absolute; border-right:1px solid #000; border-bottom:1px solid #000; width:10px; right:10px; height:10px; line-height:1.5em; margin-top:5px; transform:rotate(45deg)}.ac-column:after{ content:""; position:absolute; border-left:1px solid #000; border-top:1px solid #000; border-right:0; border-bottom:0; width:10px; right:10px; height:10px; transform:rotate(45deg)}.column-inner{ padding:0 10px 10px 10px}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{ position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}.embed-responsive-16by9{ padding-bottom:56.25%}.embed-responsive-4by3{ padding-bottom:75%}.mb-05{ margin-bottom:5px !important}.close-red-btn{ width:80px; height:auto}.drop-navi{ position:relative; font-size:16px; color:#fff; line-height:1.5em; font-weight:100; border:1px solid rgba(0,0,0,0.1); padding:10px; font-size:14px; font-weight:700; background-color:#00b0ff}.drop-navi:after{ content:""; position:absolute; border-right:2px solid #fff; border-bottom:2px solid #fff; width:10px; right:10px; height:10px; line-height:1.5em; margin-top:5px; transform:rotate(45deg)}.ac-drop-navi:after{ content:""; position:absolute; border-left:2px solid #fff; border-top:2px solid #fff; border-right:0; border-bottom:0; width:10px; right:10px; height:10px; transform:rotate(45deg)}.drop-navi-inner{ padding:0 0 10px 10px}.drop-navi-inner li a{ font-size:13px !important}.navi-articl-area{ display:block; margin-top:15px; margin-bottom:15px; border:1px solid rgba(0,0,0,0.1); padding-top:0; padding-bottom:0; text-align:center}.navi-articl-area li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis}.navi-articl-area .topics{ background-color:#00b0ff; color:#fff; padding-top:5px; padding-bottom:5px; font-weight:700}.sidenav-footer{ margin-top:100px; margin-bottom:0}.sidenav-footer p{ font-size:12px; line-height:1.35em; font-weight:100}.pager-box{ display:block; text-align:center; margin-top:25px; margin-bottom:25px}.compare-table{ display:block; margin-top:50px; margin-bottom:50px}.compare-table h4{ color:#444; font-size:14px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:15px !important}.icom{ width:150px; height:auto; margin:0 auto; text-align:center; margin-bottom:20px}.article-container .article-container-header{ text-align:center}.article-container .article-container-header h3{ color:#444; font-size:20px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:15px !important}.article-container .article-container-header h3 >span{ display:block; font-size:14px !important; color:#95a5a6; font-weight:700 !important}.article-container .article-container-header h4{ color:#444; font-size:18px !important; line-height:1.5em !important; font-weight:700 !important; margin-top:15px !important; margin-bottom:15px !important}.msgoyke{ padding-left:15px; padding-right:15px; padding-bottom:30px}.msgoyke h3{ text-align:center}.side-box{ border:1px solid #e0e0e0; padding:15px; font-size:14px; line-height:1.45em !important}.touketu-icon{ width:30px;height:auto;margin-right:5px;display:inline-block}.padtb15{padding-top:15px !important;padding-bottom:15px !important}
.space-20 {
width: 100%;
height: 20px;
}
.openmodal {
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
display: none; /* 初期状態は非表示 */
width: 85%;
position: fixed;
z-index:99999;
top: 50%;
left: 50%;
margin: 0;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align:center;
}
@media only screen and (orientation:landscape) {
.openmodal {
width: 90%;
}
}
.openmodal h3{
color: #fff;
font-size: 16px;
line-height: 1.5em;
font-weight: 100 !important;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
margin-top:0 !important;
margin-bottom:10px !important;
}
.openmodal p {
color: #fff;
margin-bottom:10px;
}
.openmodal-logo {
width: 100px;
height: auto;
}
.msgcoment-box{
padding:15px;
margin-top:20px;
margin-bottom:20px;
font-size: 14px;
line-height: 1.45em;
font-weight: 100 ;
border: 1px solid #444;
}
.weather-symbol{
width: 25px;
height: auto;
}
.text-icon{
width: 15px;
height: auto;
display:inline-block;
margin-left:5px;
margin-right:5px;
margin-bottom:-3px;
}
.text-icon_2{
width: 15px;
height: auto;
display:inline-block;
margin-left:7px;
margin-right:0px;
margin-bottom:-3px;
}