@charset "utf-8"; /* /* 外部サイトからimportするcssを記述する */ /* 例：*/ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans+JP:wght@100..900&display=swap'); /*@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);*/ /* latin-ext */ @font-face { font-family: 'Ropa Sans'; font-style: normal; font-weight: 400; src: local('Ropa Sans Regular'), local('RopaSans-Regular'), url(https://fonts.gstatic.com/s/ropasans/v8/EYqxmaNOzLlWtsZSScy6UzNpY5I.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Ropa Sans'; font-style: normal; font-weight: 400; src: local('Ropa Sans Regular'), local('RopaSans-Regular'), url(https://fonts.gstatic.com/s/ropasans/v8/EYqxmaNOzLlWtsZSScy6XTNp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /*! Modaal - accessible modals - v0.4.0 by Humaan, for all humans. http://humaan.com */.modaal-noscroll{overflow:hidden}.modaal-accessible-hide{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:29998;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:29999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close{border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper [tabindex="0"]{outline:0!important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}.modaal-close{position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-close:focus,.modaal-close:hover{outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b93d0c}.modaal-close span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}.modaal-content-container{padding:30px}.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container{padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote{width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe{opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:0}.modaal-gallery-control{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{background:#afb7bc}.modaal-gallery-control span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before{display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1){-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3){-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4){-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5){-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6){-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7){-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8){-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px!important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px!important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px!important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px!important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px!important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}} #popup_container{font-family:Arial,sans-serif;font-size:12px;min-width:300px;max-width:600px;background:#FFF;border:solid 1px #999;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#popup_title{font-size:14px;font-weight:bold;text-align:center;line-height:1.75em;color:#666;background:#CCC url(../title.html) top repeat-x;border:solid 1px #FFF;border-bottom:solid 1px #999;cursor:default;padding:0;margin:0;display:none}#popup_content{background:16px 16px no-repeat url(../info.html);padding:1em 1.75em;margin:0;border-radius:5px}#popup_content.alert{background-image:url(../info.html)}#popup_content.confirm{background-image:url(../important.html)}#popup_content.prompt{background-image:url(../help.html)}#popup_message{padding-left:48px}#popup_panel{text-align:center;margin:1em 0 0 1em}#popup_prompt{margin:.5em 0} /* Slider */ #html1 .slick-slider, #promos1 .slick-slider, #promos2 .slick-slider, #promos3 .slick-slider, #sharewithmain .slick-slider, #site-info .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } #html1 .slick-list, #promos1 .slick-list, #promos2 .slick-list, #promos3 .slick-list, #sharewithmain .slick-list, #site-info .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } #html1 .slick-list:focus, #promos1 .slick-list:focus, #promos2 .slick-list:focus, #promos3 .slick-list:focus, #sharewithmain .slick-list:focus, #site-info .slick-list:focus { outline: none; } #html1 .slick-list.dragging, #promos1 .slick-list.dragging, #promos2 .slick-list.dragging, #promos3 .slick-list.dragging, #sharewithmain .slick-list.dragging, #site-info .slick-list.dragging { cursor: pointer; cursor: hand; } #html1 .slick-slider .slick-track, #html1 .slick-slider .slick-list, #promos1 .slick-slider .slick-track, #promos1 .slick-slider .slick-list, #promos2 .slick-slider .slick-track, #promos2 .slick-slider .slick-list, #promos3 .slick-slider .slick-track, #promos3 .slick-slider .slick-list, #sharewithmain .slick-slider .slick-track, #sharewithmain .slick-slider .slick-list, #site-info .slick-slider .slick-track, #site-info .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #html1 .slick-track, #promos1 .slick-track, #promos2 .slick-track, #promos3 .slick-track, #sharewithmain .slick-track, #site-info .slick-track { position: relative; top: 0; left: 0; display: block; } #html1 .slick-track:before, #html1 .slick-track:after, #promos1 .slick-track:before, #promos1 .slick-track:after, #promos2 .slick-track:before, #promos2 .slick-track:after, #promos3 .slick-track:before, #promos3 .slick-track:after, #sharewithmain .slick-track:before, #sharewithmain .slick-track:after, #site-info .slick-track:before, #site-info .slick-track:after { display: table; content: ''; } #html1 .slick-track:after, #promos1 .slick-track:after, #promos2 .slick-track:after, #promos3 .slick-track:after, #sharewithmain .slick-track:after, #site-info .slick-track:after { clear: both; } #html1 .slick-loading .slick-track, #promos1 .slick-loading .slick-track, #promos2 .slick-loading .slick-track, #promos3 .slick-loading .slick-track, #sharewithmain .slick-loading .slick-track, #site-info .slick-loading .slick-track { visibility: hidden; } #html1 .slick-slide, #promos1 .slick-slide, #promos2 .slick-slide, #promos3 .slick-slide, #sharewithmain .slick-slide, #site-info .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none !important; clear: none; } #html1 [dir='rtl'] .slick-slide, #promos1 [dir='rtl'] .slick-slide, #promos2 [dir='rtl'] .slick-slide, #promos3 [dir='rtl'] .slick-slide, #sharewithmain [dir='rtl'] .slick-slide, #site-info [dir='rtl'] .slick-slide { float: right; } #html1 .slick-slide img, #promos1 .slick-slide img, #promos2 .slick-slide img, #promos3 .slick-slide img, #sharewithmain .slick-slide img, #site-info .slick-slide img { /* display: block; */ } #html1 .slick-slide.slick-loading img, #promos1 .slick-slide.slick-loading img, #promos2 .slick-slide.slick-loading img, #promos3 .slick-slide.slick-loading img, #sharewithmain .slick-slide.slick-loading img, #site-info .slick-slide.slick-loading img { display: none; } #html1 .slick-slide.dragging img, #promos1 .slick-slide.dragging img, #promos2 .slick-slide.dragging img, #promos3 .slick-slide.dragging img, #sharewithmain .slick-slide.dragging img, #site-info .slick-slide.dragging img { pointer-events: none; } #html1 .slick-initialized .slick-slide, #promos1 .slick-initialized .slick-slide, #promos2 .slick-initialized .slick-slide, #promos3 .slick-initialized .slick-slide, #sharewithmain .slick-initialized .slick-slide, #site-info .slick-initialized .slick-slide { display: block; } #html1 .slick-loading .slick-slide, #promos1 .slick-loading .slick-slide, #promos2 .slick-loading .slick-slide, #promos3 .slick-loading .slick-slide, #sharewithmain .slick-loading .slick-slide, #site-info .slick-loading .slick-slide { visibility: hidden; } #html1 .slick-vertical .slick-slide, #promos1 .slick-vertical .slick-slide, #promos2 .slick-vertical .slick-slide, #promos3 .slick-vertical .slick-slide, #sharewithmain .slick-vertical .slick-slide, #site-info .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } #html1 .slick-arrow.slick-hidden , #promos1 .slick-arrow.slick-hidden , #promos2 .slick-arrow.slick-hidden , #promos3 .slick-arrow.slick-hidden , #sharewithmain .slick-arrow.slick-hidden, #site-info .slick-arrow.slick-hidden { display: none; } /* theme commons */ #html1 .slick-slider, #promos1 .slick-slider, #promos2 .slick-slider, #promos3 .slick-slider, #sharewithmain .slick-slider, #site-info .slick-slider { margin-bottom: 0; } #html1 .slick-prev, #html1 .slick-next, #promos1 .slick-prev, #promos1 .slick-next, #promos2 .slick-prev, #promos2 .slick-next, #promos3 .slick-prev, #promos3 .slick-next, #sharewithmain .slick-prev, #sharewithmain .slick-next, #site-info .slick-prev, #site-info .slick-next { font-size: 0; line-height: 0; color: transparent; border: none; outline: none; background: transparent; position: absolute; top: 50%; display: block; padding: 0; cursor: pointer; } #html1 .slick-prev:before, #html1 .slick-next:before, #promos1 .slick-prev:before, #promos1 .slick-next:before, #promos2 .slick-prev:before, #promos2 .slick-next:before, #promos3 .slick-prev:before, #promos3 .slick-next:before, #sharewithmain .slick-prev:before, #sharewithmain .slick-next:before, #site-info .slick-prev:before, #site-info .slick-next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #html1 .slick-prev:hover, #html1 .slick-prev:focus, #html1 .slick-next:hover, #html1 .slick-next:focus, #promos1 .slick-prev:hover, #promos1 .slick-prev:focus, #promos1 .slick-next:hover, #promos1 .slick-next:focus, #promos2 .slick-prev:hover, #promos2 .slick-prev:focus, #promos2 .slick-next:hover, #promos2 .slick-next:focus, #promos3 .slick-prev:hover, #promos3 .slick-prev:focus, #promos3 .slick-next:hover, #promos3 .slick-next:focus, #sharewithmain .slick-prev:hover, #sharewithmain .slick-prev:focus, #sharewithmain .slick-next:hover, #sharewithmain .slick-next:focus, #site-info .slick-prev:hover, #site-info .slick-prev:focus, #site-info .slick-next:hover, #site-info .slick-next:focus { color: transparent; outline: none; background: transparent; } #html1 .slick-prev:hover:before, #html1 .slick-prev:focus:before, #html1 .slick-next:hover:before, #html1 .slick-next:focus:before, #promos1 .slick-prev:hover:before, #promos1 .slick-prev:focus:before, #promos1 .slick-next:hover:before, #promos1 .slick-next:focus:before, #promos2 .slick-prev:hover:before, #promos2 .slick-prev:focus:before, #promos2 .slick-next:hover:before, #promos2 .slick-next:focus:before, #promos3 .slick-prev:hover:before, #promos3 .slick-prev:focus:before, #promos3 .slick-next:hover:before, #promos3 .slick-next:focus:before, #sharewithmain .slick-prev:hover:before, #sharewithmain .slick-prev:focus:before, #sharewithmain .slick-next:hover:before, #sharewithmain .slick-next:focus:before, #site-info .slick-prev:hover:before, #site-info .slick-prev:focus:before, #site-info .slick-next:hover:before, #site-info .slick-next:focus:before { opacity: 1; } #html1 .slick-prev.slick-disabled:before, #html1 .slick-next.slick-disabled:before, #promos1 .slick-prev.slick-disabled:before, #promos1 .slick-next.slick-disabled:before, #promos2 .slick-prev.slick-disabled:before, #promos2 .slick-next.slick-disabled:before, #promos3 .slick-prev.slick-disabled:before, #promos3 .slick-next.slick-disabled:before, #sharewithmain .slick-prev.slick-disabled:before, #sharewithmain .slick-next.slick-disabled:before, #site-info .slick-prev.slick-disabled:before, #site-info .slick-next.slick-disabled:before { } #html1 .slick-dots, #promos1 .slick-dots, #promos2 .slick-dots, #promos3 .slick-dots, #sharewithmain .slick-dots, #site-info .slick-dots { position: absolute; bottom: 0; width: 100%; list-style: none; text-align: center; } #html1 .slick-dots li, #promos1 .slick-dots li, #promos2 .slick-dots li, #promos3 .slick-dots li, #sharewithmain .slick-dots li, #site-info .slick-dots li { position: relative; display: inline-block; cursor: pointer; } #html1 .slick-dots li button, #promos1 .slick-dots li button, #promos2 .slick-dots li button, #promos3 .slick-dots li button, #sharewithmain .slick-dots li button, #site-info .slick-dots li button { font-size: 0; line-height: 0; color: transparent; border: 0; outline: none; background: transparent; cursor: pointer; display: block; } #html1 .slick-dots li button:hover, #html1 .slick-dots li button:focus, #promos1 .slick-dots li button:hover, #promos1 .slick-dots li button:focus, #promos2 .slick-dots li button:hover, #promos2 .slick-dots li button:focus, #promos3 .slick-dots li button:hover, #promos3 .slick-dots li button:focus, #sharewithmain .slick-dots li button:hover, #sharewithmain .slick-dots li button:focus, #site-info .slick-dots li button:hover, #site-info .slick-dots li button:focus { outline: none; } #html1 .slick-dots li button:hover:before, #html1 .slick-dots li button:focus:before, #promos1 .slick-dots li button:hover:before, #promos1 .slick-dots li button:focus:before, #promos2 .slick-dots li button:hover:before, #promos2 .slick-dots li button:focus:before, #promos3 .slick-dots li button:hover:before, #promos3 .slick-dots li button:focus:before, #sharewithmain .slick-dots li button:hover:before, #sharewithmain .slick-dots li button:focus:before, #site-info .slick-dots li button:hover:before, #site-info .slick-dots li button:focus:before { opacity: 1; } #html1 .slick-dots li button:before, #promos1 .slick-dots li button:before, #promos2 .slick-dots li button:before, #promos3 .slick-dots li button:before, #sharewithmain .slick-dots li button:before, #site-info .slick-dots li button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; } #html1 .slick-slide, #promos1 .slick-slide, #promos2 .slick-slide, #promos3 .slick-slide, #sharewithmain .slick-slide, #site-info .slick-slide { position: relative; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 10px; height: 100%; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 10px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #cacaca; /* background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #666; } /* .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } */ .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../mcsb_buttons.html); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } /* .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } */ /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .xcalendar .shwTable:before{content:none}.xcalendar .shwTable .tbCore{width:auto; margin:0 5%}.xcalendar .shwTable .tbCore,.xcalendar .shwTable .tbCore tbody,.xcalendar .shwTable .tbCore tr,.xcalendar .shwTable .tbCore td{display:block;border:0}.xcalendar .shwTable .tbCore:after{content:"";display:block;clear:both}.xcalendar .shwTable .tbCore tr{position:relative;float:left;width:calc(100% / 12.5);padding:0;margin:80px 0;border:0}.xcalendar .shwTable .tbCore tr td{padding:0}.xcalendar .shwTable .tbCore tr td:nth-child(1){display:block;margin:0;margin-right:1px;padding:10px 0;font-weight:normal;text-align:center;font-size:30px}.xcalendar .shwTable .tbCore tr:nth-child(odd) td:nth-child(1){background:#a00;color:#FFF}.xcalendar .shwTable .tbCore tr:nth-child(even) td:nth-child(1){background:#e4524e;color:#FFF}.xcalendar .shwTable .tbCore tr td:nth-child(2),.xcalendar .shwTable .tbCore tr td:nth-child(3){position:absolute;width:166%;left:50%;margin-left:3px;word-break:break-word;color:#333;padding:2px;font-size:14px;line-height:1.3}.xcalendar .shwTable .tbCore tr td:nth-child(2){bottom:100%;margin-bottom:1px;padding-bottom:15px}.xcalendar .shwTable .tbCore tr td:nth-child(3){top:100%;margin-top:1px;padding-top:15px}.xcalendar .shwTable .tbCore tr td:nth-child(2):before,.xcalendar .shwTable .tbCore tr td:nth-child(3):before{content:"";position:absolute;left:-5px;width:1px;height:50px;border-right:1px solid #000}.xcalendar .shwTable .tbCore tr td:nth-child(2):before{bottom:0}.xcalendar .shwTable .tbCore tr td:nth-child(3):before{top:0}.xcalendar .shwTable .tbCore tr td:empty{display:none}.xcalendar .shwTable .tbCore tr td.tbTop:nth-child(2),.xcalendar .shwTable .tbCore tr td.tbTop:nth-child(3){left:16%}.xcalendar .shwTable .tbCore tr td.tbBottom:nth-child(2),.xcalendar .shwTable .tbCore tr td.tbBottom:nth-child(3){left:84%}@media handheld,only screen and (max-width:767px){.xcalendar .shwTable{overflow:visible}.xcalendar .shwTable .tbCore{margin:0 4%;}.xcalendar .shwTable .tbCore tr{width:16.5%;width:calc(100% / 6 - .5px);margin:47px 0}.xcalendar .shwTable .tbCore tr td:nth-child(1){font-size:28px}.xcalendar .shwTable .tbCore tr td:nth-child(2),.xcalendar .shwTable .tbCore tr td:nth-child(3){font-size:10px}.xcalendar .shwTable .tbCore tr td:nth-child(2){padding-bottom:12px}.xcalendar .shwTable .tbCore tr td:nth-child(3){padding-top:12px}.xcalendar .shwTable .tbCore tr td:nth-child(2):before,.xcalendar .shwTable .tbCore tr td:nth-child(3):before{height:25px}} /*===== カラム上マージン調整 =====*/ div.lx_col_mt0 > div.column1 , div.lx_col_mt0 > div.column2 , div.lx_col_mt0 > div.column3 , div.lx_col_mt0 > div.column4 , div.lx_col_mt0 > div.column5 , div.lx_col1_mt0 > div.column1 , div.lx_col2_mt0 > div.column2 , div.lx_col3_mt0 > div.column3 , div.lx_col4_mt0 > div.column4 , div.lx_col5_mt0 > div.column5 { margin-top: 0; } div.lx_col_mt10 > div.column1 , div.lx_col_mt10 > div.column2 , div.lx_col_mt10 > div.column3 , div.lx_col_mt10 > div.column4 , div.lx_col_mt10 > div.column5 , div.lx_col1_mt10 > div.column1 , div.lx_col2_mt10 > div.column2 , div.lx_col3_mt10 > div.column3 , div.lx_col4_mt10 > div.column4 , div.lx_col5_mt10 > div.column5 { margin-top: 10px; } div.lx_col_mt20 > div.column1 , div.lx_col_mt20 > div.column2 , div.lx_col_mt20 > div.column3 , div.lx_col_mt20 > div.column4 , div.lx_col_mt20 > div.column5 , div.lx_col1_mt20 > div.column1 , div.lx_col2_mt20 > div.column2 , div.lx_col3_mt20 > div.column3 , div.lx_col4_mt20 > div.column4 , div.lx_col5_mt20 > div.column5 { margin-top: 20px; } div.lx_col_mt30 > div.column1 , div.lx_col_mt30 > div.column2 , div.lx_col_mt30 > div.column3 , div.lx_col_mt30 > div.column4 , div.lx_col_mt30 > div.column5 , div.lx_col1_mt30 > div.column1 , div.lx_col2_mt30 > div.column2 , div.lx_col3_mt30 > div.column3 , div.lx_col4_mt30 > div.column4 , div.lx_col5_mt30 > div.column5 { margin-top: 30px; } div.lx_col_mt40 > div.column1 , div.lx_col_mt40 > div.column2 , div.lx_col_mt40 > div.column3 , div.lx_col_mt40 > div.column4 , div.lx_col_mt40 > div.column5 , div.lx_col1_mt40 > div.column1 , div.lx_col2_mt40 > div.column2 , div.lx_col3_mt40 > div.column3 , div.lx_col4_mt40 > div.column4 , div.lx_col5_mt40 > div.column5 { margin-top: 40px; } div.lx_col_mt50 > div.column1 , div.lx_col_mt50 > div.column2 , div.lx_col_mt50 > div.column3 , div.lx_col_mt50 > div.column4 , div.lx_col_mt50 > div.column5 , div.lx_col1_mt50 > div.column1 , div.lx_col2_mt50 > div.column2 , div.lx_col3_mt50 > div.column3 , div.lx_col4_mt50 > div.column4 , div.lx_col5_mt50 > div.column5 { margin-top: 50px; } div.lx_col_mt60 > div.column1 , div.lx_col_mt60 > div.column2 , div.lx_col_mt60 > div.column3 , div.lx_col_mt60 > div.column4 , div.lx_col_mt60 > div.column5 , div.lx_col1_mt60 > div.column1 , div.lx_col2_mt60 > div.column2 , div.lx_col3_mt60 > div.column3 , div.lx_col4_mt60 > div.column4 , div.lx_col5_mt60 > div.column5 { margin-top: 60px; } div.lx_col_mt70 > div.column1 , div.lx_col_mt70 > div.column2 , div.lx_col_mt70 > div.column3 , div.lx_col_mt70 > div.column4 , div.lx_col_mt70 > div.column5 , div.lx_col1_mt70 > div.column1 , div.lx_col2_mt70 > div.column2 , div.lx_col3_mt70 > div.column3 , div.lx_col4_mt70 > div.column4 , div.lx_col5_mt70 > div.column5 { margin-top: 70px; } div.lx_col_mt80 > div.column1 , div.lx_col_mt80 > div.column2 , div.lx_col_mt80 > div.column3 , div.lx_col_mt80 > div.column4 , div.lx_col_mt80 > div.column5 , div.lx_col1_mt80 > div.column1 , div.lx_col2_mt80 > div.column2 , div.lx_col3_mt80 > div.column3 , div.lx_col4_mt80 > div.column4 , div.lx_col5_mt80 > div.column5 { margin-top: 80px; } div.lx_col_mt90 > div.column1 , div.lx_col_mt90 > div.column2 , div.lx_col_mt90 > div.column3 , div.lx_col_mt90 > div.column4 , div.lx_col_mt90 > div.column5 , div.lx_col1_mt90 > div.column1 , div.lx_col2_mt90 > div.column2 , div.lx_col3_mt90 > div.column3 , div.lx_col4_mt90 > div.column4 , div.lx_col5_mt90 > div.column5 { margin-top: 90px; } div.lx_col_mt100 > div.column1 , div.lx_col_mt100 > div.column2 , div.lx_col_mt100 > div.column3 , div.lx_col_mt100 > div.column4 , div.lx_col_mt100 > div.column5 , div.lx_col1_mt100 > div.column1 , div.lx_col2_mt100 > div.column2 , div.lx_col3_mt100 > div.column3 , div.lx_col4_mt100 > div.column4 , div.lx_col5_mt100 > div.column5 { margin-top: 100px; } /*===== カラム下マージン調整 =====*/ div.lx_col_all_mb0 div.column1 , div.lx_col_all_mb0 div.column2 , div.lx_col_all_mb0 div.column3 , div.lx_col_all_mb0 div.column4 , div.lx_col_all_mb0 div.column5 { margin-bottom: 0; } div.lx_col_mb0 > div.column1 , div.lx_col_mb0 > div.column2 , div.lx_col_mb0 > div.column3 , div.lx_col_mb0 > div.column4 , div.lx_col_mb0 > div.column5 , div.lx_col1_mb0 > div.column1 , div.lx_col2_mb0 > div.column2 , div.lx_col3_mb0 > div.column3 , div.lx_col4_mb0 > div.column4 , div.lx_col5_mb0 > div.column5 { margin-bottom: 0; } div.lx_col_mb10 > div.column1 , div.lx_col_mb10 > div.column2 , div.lx_col_mb10 > div.column3 , div.lx_col_mb10 > div.column4 , div.lx_col_mb10 > div.column5 , div.lx_col1_mb10 > div.column1 , div.lx_col2_mb10 > div.column2 , div.lx_col3_mb10 > div.column3 , div.lx_col4_mb10 > div.column4 , div.lx_col5_mb10 > div.column5 { margin-bottom: 10px; } div.lx_col_mb20 > div.column1 , div.lx_col_mb20 > div.column2 , div.lx_col_mb20 > div.column3 , div.lx_col_mb20 > div.column4 , div.lx_col_mb20 > div.column5 , div.lx_col1_mb20 > div.column1 , div.lx_col2_mb20 > div.column2 , div.lx_col3_mb20 > div.column3 , div.lx_col4_mb20 > div.column4 , div.lx_col5_mb20 > div.column5 { margin-bottom: 20px; } div.lx_col_mb30 > div.column1 , div.lx_col_mb30 > div.column2 , div.lx_col_mb30 > div.column3 , div.lx_col_mb30 > div.column4 , div.lx_col_mb30 > div.column5 , div.lx_col1_mb30 > div.column1 , div.lx_col2_mb30 > div.column2 , div.lx_col3_mb30 > div.column3 , div.lx_col4_mb30 > div.column4 , div.lx_col5_mb30 > div.column5 { margin-bottom: 30px; } div.lx_col_mb40 > div.column1 , div.lx_col_mb40 > div.column2 , div.lx_col_mb40 > div.column3 , div.lx_col_mb40 > div.column4 , div.lx_col_mb40 > div.column5 , div.lx_col1_mb40 > div.column1 , div.lx_col2_mb40 > div.column2 , div.lx_col3_mb40 > div.column3 , div.lx_col4_mb40 > div.column4 , div.lx_col5_mb40 > div.column5 { margin-bottom: 40px; } div.lx_col_mb50 > div.column1 , div.lx_col_mb50 > div.column2 , div.lx_col_mb50 > div.column3 , div.lx_col_mb50 > div.column4 , div.lx_col_mb50 > div.column5 , div.lx_col1_mb50 > div.column1 , div.lx_col2_mb50 > div.column2 , div.lx_col3_mb50 > div.column3 , div.lx_col4_mb50 > div.column4 , div.lx_col5_mb50 > div.column5 { margin-bottom: 50px; } div.lx_col_mb60 > div.column1 , div.lx_col_mb60 > div.column2 , div.lx_col_mb60 > div.column3 , div.lx_col_mb60 > div.column4 , div.lx_col_mb60 > div.column5 , div.lx_col1_mb60 > div.column1 , div.lx_col2_mb60 > div.column2 , div.lx_col3_mb60 > div.column3 , div.lx_col4_mb60 > div.column4 , div.lx_col5_mb60 > div.column5 { margin-bottom: 60px; } div.lx_col_mb70 > div.column1 , div.lx_col_mb70 > div.column2 , div.lx_col_mb70 > div.column3 , div.lx_col_mb70 > div.column4 , div.lx_col_mb70 > div.column5 , div.lx_col1_mb70 > div.column1 , div.lx_col2_mb70 > div.column2 , div.lx_col3_mb70 > div.column3 , div.lx_col4_mb70 > div.column4 , div.lx_col5_mb70 > div.column5 { margin-bottom: 70px; } div.lx_col_mb80 > div.column1 , div.lx_col_mb80 > div.column2 , div.lx_col_mb80 > div.column3 , div.lx_col_mb80 > div.column4 , div.lx_col_mb80 > div.column5 , div.lx_col1_mb80 > div.column1 , div.lx_col2_mb80 > div.column2 , div.lx_col3_mb80 > div.column3 , div.lx_col4_mb80 > div.column4 , div.lx_col5_mb80 > div.column5 { margin-bottom: 80px; } div.lx_col_mb90 > div.column1 , div.lx_col_mb90 > div.column2 , div.lx_col_mb90 > div.column3 , div.lx_col_mb90 > div.column4 , div.lx_col_mb90 > div.column5 , div.lx_col1_mb90 > div.column1 , div.lx_col2_mb90 > div.column2 , div.lx_col3_mb90 > div.column3 , div.lx_col4_mb90 > div.column4 , div.lx_col5_mb90 > div.column5 { margin-bottom: 90px; } div.lx_col_mb100 > div.column1 , div.lx_col_mb100 > div.column2 , div.lx_col_mb100 > div.column3 , div.lx_col_mb100 > div.column4 , div.lx_col_mb100 > div.column5 , div.lx_col1_mb100 > div.column1 , div.lx_col2_mb100 > div.column2 , div.lx_col3_mb100 > div.column3 , div.lx_col4_mb100 > div.column4 , div.lx_col5_mb100 > div.column5 { margin-bottom: 100px; } /*===== マルチカラム上マージン調整 =====*/ #html1 .lx_mcol_mt0 , #wrapper-2 .lx_mcol_mt0 , #site-info .lx_mcol_mt0 { margin-top: 0px; } #html1 .lx_mcol_mt10 , #wrapper-2 .lx_mcol_mt10 , #site-info .lx_mcol_mt10 { margin-top: 10px; } #html1 .lx_mcol_mt20 , #wrapper-2 .lx_mcol_mt20 , #site-info .lx_mcol_mt20 { margin-top: 20px; } #html1 .lx_mcol_mt30 , #wrapper-2 .lx_mcol_mt30 , #site-info .lx_mcol_mt30 { margin-top: 30px; } #html1 .lx_mcol_mt40 , #wrapper-2 .lx_mcol_mt40 , #site-info .lx_mcol_mt40 { margin-top: 40px; } #html1 .lx_mcol_mt50 , #wrapper-2 .lx_mcol_mt50 , #site-info .lx_mcol_mt50 { margin-top: 50px; } #html1 .lx_mcol_mt60 , #wrapper-2 .lx_mcol_mt60 , #site-info .lx_mcol_mt60 { margin-top: 60px; } #html1 .lx_mcol_mt70 , #wrapper-2 .lx_mcol_mt70 , #site-info .lx_mcol_mt70 { margin-top: 70px; } #html1 .lx_mcol_mt80 , #wrapper-2 .lx_mcol_mt80 , #site-info .lx_mcol_mt80 { margin-top: 80px; } #html1 .lx_mcol_mt90 , #wrapper-2 .lx_mcol_mt90 , #site-info .lx_mcol_mt90 { margin-top: 90px; } #html1 .lx_mcol_mt100 , #wrapper-2 .lx_mcol_mt100 , #site-info .lx_mcol_mt100 { margin-top: 100px; } /*===== マルチカラム下マージン調整 =====*/ #html1 .lx_mcol_mb0 , #wrapper-2 .lx_mcol_mb0 , #site-info .lx_mcol_mb0 { margin-bottom: 0px; } #html1 .lx_mcol_mb10 , #wrapper-2 .lx_mcol_mb10 , #site-info .lx_mcol_mb10 { margin-bottom: 10px; } #html1 .lx_mcol_mb20 , #wrapper-2 .lx_mcol_mb20 , #site-info .lx_mcol_mb20 { margin-bottom: 20px; } #html1 .lx_mcol_mb30 , #wrapper-2 .lx_mcol_mb30 , #site-info .lx_mcol_mb30 { margin-bottom: 30px; } #html1 .lx_mcol_mb40 , #wrapper-2 .lx_mcol_mb40 , #site-info .lx_mcol_mb40 { margin-bottom: 40px; } #html1 .lx_mcol_mb50 , #wrapper-2 .lx_mcol_mb50 , #site-info .lx_mcol_mb50 { margin-bottom: 50px; } #html1 .lx_mcol_mb60 , #wrapper-2 .lx_mcol_mb60 , #site-info .lx_mcol_mb60 { margin-bottom: 60px; } #html1 .lx_mcol_mb70 , #wrapper-2 .lx_mcol_mb70 , #site-info .lx_mcol_mb70 { margin-bottom: 70px; } #html1 .lx_mcol_mb80 , #wrapper-2 .lx_mcol_mb80 , #site-info .lx_mcol_mb80 { margin-bottom: 80px; } #html1 .lx_mcol_mb90 , #wrapper-2 .lx_mcol_mb90 , #site-info .lx_mcol_mb90 { margin-bottom: 90px; } #html1 .lx_mcol_mb100 , #wrapper-2 .lx_mcol_mb100 , #site-info .lx_mcol_mb100 { margin-bottom: 100px; } /*==== テーブルの枠線を消す ====*/ #sharewithmain .lx_table_no_border { } /*.lx_table_no_border .shwTable table.htCore tr td ,*/ #sharewithmain .lx_table_no_border .vtable-item , #sharewithmain .lx_table_no_border .ircalendar-item , #sharewithmain .lx_table_no_border th, #sharewithmain .lx_table_no_border td { border-color: transparent; } #sharewithmain .lx_table_no_v_border { } /*.lx_table_no_v_border .shwTable table.htCore tr td ,*/ #sharewithmain .lx_table_no_border .vtable-item , #sharewithmain .lx_table_no_border .ircalendar-item , #sharewithmain .lx_table_no_v_border th, #sharewithmain .lx_table_no_v_border td { border-left-color: transparent; border-right-color: transparent; } #sharewithmain .lx_table_no_h_border { } /*.lx_table_no_h_border .shwTable table.htCore tr td ,*/ #sharewithmain .lx_table_no_border .vtable-item , #sharewithmain .lx_table_no_border .ircalendar-item , #sharewithmain .lx_table_no_h_border th, #sharewithmain .lx_table_no_h_border td { border-top-color: transparent; border-bottom-color: transparent; } /*==== テーブルの背景を消す ====*/ #sharewithmain .lx_table_no_bg { } #sharewithmain .lx_table_no_bg th, #sharewithmain .lx_table_no_bg td { background: none; } /*==== テーブルのパディングを０にする ====*/ #sharewithmain .lx_table_no_pad { } #sharewithmain .lx_table_no_pad th, #sharewithmain .lx_table_no_pad td { padding: 0; } /*==== テーブルを上下中央揃えにする ====*/ #sharewithmain .lx_table_valign_middle { } #sharewithmain .lx_table_valign_middle .shwTable table.htCore tr td , #sharewithmain .lx_table_valign_middle th, #sharewithmain .lx_table_valign_middle td { vertical-align: middle; } /*== テキスト下マージン無し ==*/ #sharewithmain .lx_text_mb0 { } #sharewithmain .lx_text_mb0 .text-section { margin-bottom: 0; } /*== 画像下マージン無し ==*/ #sharewithmain .lx_text_img_mb0 { } #sharewithmain .lx_text_img_mb0 .text-section img { margin-bottom: 0; } /*== バナー下マージン無し ==*/ #sharewithmain .lx_teaser_mb0 { } #sharewithmain .lx_teaser_mb0 .teaser , #sharewithmain .lx_teaser_mb0 .external-teaser , #sharewithmain .lx_teaser_mb0 .download-teaser { margin-bottom: 0; } /*==== テーブル調整用 ====*/ /* 文字サイズ・パディングが少ないテーブル */ #sharewithmain .lx_table_compact01 , #sharewithmain .lx_table_compact02 , #sharewithmain .lx_table_compact03 , #sharewithmain .lx_table_compact04 { } #sharewithmain .lx_table_compact01 th , #sharewithmain .lx_table_compact01 td { padding: 10px; } #sharewithmain .lx_table_compact02 th , #sharewithmain .lx_table_compact02 td { font-size: calc(1em - 1px); padding: 8px; } #sharewithmain .lx_table_compact03 th , #sharewithmain .lx_table_compact03 td { font-size: calc(1em - 2px); padding: 5px; } #sharewithmain .lx_table_compact04 th , #sharewithmain .lx_table_compact04 td { font-size: calc(1em - 3px); padding: 3px; } .shwTable > table > tbody > tr > td { padding: 0 !important; border: none !important; background: none !important; color: inherit !important; font-size: inherit !important; } /*==== 灰色背景マルチカラム ====*/ #sharewithmain .lx_mcol_bg_gray01 { box-sizing: border-box; padding: 25px 20px 1px; background: #fafafa; } #sharewithmain .lx_mcol_bg_gray02 { box-sizing: border-box; padding: 25px 20px 1px; background: #f7f7f7; } #sharewithmain .lx_mcol_bg_gray03 { box-sizing: border-box; padding: 25px 20px 1px; background: #f3f3f3; } #sharewithmain .lx_mcol_bg_gray04 { box-sizing: border-box; padding: 25px 20px 1px; background: #eee; } #sharewithmain .lx_mcol_bg_gray05 { box-sizing: border-box; padding: 25px 20px 1px; background: #e2e2e2; } #sharewithmain .lx_mcol_bg_gray06 { box-sizing: border-box; padding: 25px 20px 1px; background: #ddd; } #sharewithmain .lx_mcol_bg_gray07 { box-sizing: border-box; padding: 25px 20px 1px; background: #d2d2d2; } #sharewithmain .lx_mcol_bg_gray08 { box-sizing: border-box; padding: 25px 20px 1px; background: #ccc; } @media handheld, only screen and (max-width: 767px) { #sharewithmain .lx_mcol_bg_gray01 , #sharewithmain .lx_mcol_bg_gray02 , #sharewithmain .lx_mcol_bg_gray03 , #sharewithmain .lx_mcol_bg_gray04 , #sharewithmain .lx_mcol_bg_gray05 , #sharewithmain .lx_mcol_bg_gray06 , #sharewithmain .lx_mcol_bg_gray07 , #sharewithmain .lx_mcol_bg_gray08 { padding-left: 15px; padding-right: 15px; } } /*==== 白色背景カラム ====*/ #sharewithmain .lx_col_bg_white { } #sharewithmain .lx_col_bg_white > .column1 , #sharewithmain .lx_col_bg_white > .column2 , #sharewithmain .lx_col_bg_white > .column3 , #sharewithmain .lx_col_bg_white > .column4 , #sharewithmain .lx_col_bg_white > .column5 , #sharewithmain .lx_col1_bg_white > .column1 , #sharewithmain .lx_col2_bg_white > .column2 , #sharewithmain .lx_col3_bg_white > .column3 , #sharewithmain .lx_col4_bg_white > .column4 , #sharewithmain .lx_col5_bg_white > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #fff; } /*==== 灰色背景カラム ====*/ #sharewithmain .lx_col_bg_gray01 { } #sharewithmain .lx_col_bg_gray01 > .column1 , #sharewithmain .lx_col_bg_gray01 > .column2 , #sharewithmain .lx_col_bg_gray01 > .column3 , #sharewithmain .lx_col_bg_gray01 > .column4 , #sharewithmain .lx_col_bg_gray01 > .column5 , #sharewithmain .lx_col1_bg_gray01 > .column1 , #sharewithmain .lx_col2_bg_gray01 > .column2 , #sharewithmain .lx_col3_bg_gray01 > .column3 , #sharewithmain .lx_col4_bg_gray01 > .column4 , #sharewithmain .lx_col5_bg_gray01 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #fafafa; } #sharewithmain .lx_col_bg_gray02 { } #sharewithmain .lx_col_bg_gray02 > .column1 , #sharewithmain .lx_col_bg_gray02 > .column2 , #sharewithmain .lx_col_bg_gray02 > .column3 , #sharewithmain .lx_col_bg_gray02 > .column4 , #sharewithmain .lx_col_bg_gray02 > .column5 , #sharewithmain .lx_col1_bg_gray02 > .column1 , #sharewithmain .lx_col2_bg_gray02 > .column2 , #sharewithmain .lx_col3_bg_gray02 > .column3 , #sharewithmain .lx_col4_bg_gray02 > .column4 , #sharewithmain .lx_col5_bg_gray02 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #f7f7f7; } #sharewithmain .lx_col_bg_gray03 { } #sharewithmain .lx_col_bg_gray03 > .column1 , #sharewithmain .lx_col_bg_gray03 > .column2 , #sharewithmain .lx_col_bg_gray03 > .column3 , #sharewithmain .lx_col_bg_gray03 > .column4 , #sharewithmain .lx_col_bg_gray03 > .column5 , #sharewithmain .lx_col1_bg_gray03 > .column1 , #sharewithmain .lx_col2_bg_gray03 > .column2 , #sharewithmain .lx_col3_bg_gray03 > .column3 , #sharewithmain .lx_col4_bg_gray03 > .column4 , #sharewithmain .lx_col5_bg_gray03 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #f3f3f3; } #sharewithmain .lx_col_bg_gray04 { } #sharewithmain .lx_col_bg_gray04 > .column1 , #sharewithmain .lx_col_bg_gray04 > .column2 , #sharewithmain .lx_col_bg_gray04 > .column3 , #sharewithmain .lx_col_bg_gray04 > .column4 , #sharewithmain .lx_col_bg_gray04 > .column5 , #sharewithmain .lx_col1_bg_gray04 > .column1 , #sharewithmain .lx_col2_bg_gray04 > .column2 , #sharewithmain .lx_col3_bg_gray04 > .column3 , #sharewithmain .lx_col4_bg_gray04 > .column4 , #sharewithmain .lx_col5_bg_gray04 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #eee; } #sharewithmain .lx_col_bg_gray05 { } #sharewithmain .lx_col_bg_gray05 > .column1 , #sharewithmain .lx_col_bg_gray05 > .column2 , #sharewithmain .lx_col_bg_gray05 > .column3 , #sharewithmain .lx_col_bg_gray05 > .column4 , #sharewithmain .lx_col_bg_gray05 > .column5 , #sharewithmain .lx_col1_bg_gray05 > .column1 , #sharewithmain .lx_col2_bg_gray05 > .column2 , #sharewithmain .lx_col3_bg_gray05 > .column3 , #sharewithmain .lx_col4_bg_gray05 > .column4 , #sharewithmain .lx_col5_bg_gray05 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #e2e2e2; } #sharewithmain .lx_col_bg_gray06 { } #sharewithmain .lx_col_bg_gray06 > .column1 , #sharewithmain .lx_col_bg_gray06 > .column2 , #sharewithmain .lx_col_bg_gray06 > .column3 , #sharewithmain .lx_col_bg_gray06 > .column4 , #sharewithmain .lx_col_bg_gray06 > .column5 , #sharewithmain .lx_col1_bg_gray06 > .column1 , #sharewithmain .lx_col2_bg_gray06 > .column2 , #sharewithmain .lx_col3_bg_gray06 > .column3 , #sharewithmain .lx_col4_bg_gray06 > .column4 , #sharewithmain .lx_col5_bg_gray06 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #ddd; } #sharewithmain .lx_col_bg_gray07 { } #sharewithmain .lx_col_bg_gray07 > .column1 , #sharewithmain .lx_col_bg_gray07 > .column2 , #sharewithmain .lx_col_bg_gray07 > .column3 , #sharewithmain .lx_col_bg_gray07 > .column4 , #sharewithmain .lx_col_bg_gray07 > .column5 , #sharewithmain .lx_col1_bg_gray07 > .column1 , #sharewithmain .lx_col2_bg_gray07 > .column2 , #sharewithmain .lx_col3_bg_gray07 > .column3 , #sharewithmain .lx_col4_bg_gray07 > .column4 , #sharewithmain .lx_col5_bg_gray07 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #d2d2d2; } #sharewithmain .lx_col_bg_gray08 { } #sharewithmain .lx_col_bg_gray08 > .column1 , #sharewithmain .lx_col_bg_gray08 > .column2 , #sharewithmain .lx_col_bg_gray08 > .column3 , #sharewithmain .lx_col_bg_gray08 > .column4 , #sharewithmain .lx_col_bg_gray08 > .column5 , #sharewithmain .lx_col1_bg_gray08 > .column1 , #sharewithmain .lx_col2_bg_gray08 > .column2 , #sharewithmain .lx_col3_bg_gray08 > .column3 , #sharewithmain .lx_col4_bg_gray08 > .column4 , #sharewithmain .lx_col5_bg_gray08 > .column5 { box-sizing: border-box; padding: 20px 20px 1px; background: #ccc; } /*==== 灰色枠線つきマルチカラム ====*/ #sharewithmain .lx_mcol_border_gray01 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #fafafa; } #sharewithmain .lx_mcol_border_gray02 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #f7f7f7; } #sharewithmain .lx_mcol_border_gray03 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #f3f3f3; } #sharewithmain .lx_mcol_border_gray04 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #eee; } #sharewithmain .lx_mcol_border_gray05 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #e2e2e2; } #sharewithmain .lx_mcol_border_gray06 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #ddd; } #sharewithmain .lx_mcol_border_gray07 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #d2d2d2; } #sharewithmain .lx_mcol_border_gray08 { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid #ccc; } @media handheld, only screen and (max-width: 767px) { #sharewithmain .lx_mcol_border_gray01 , #sharewithmain .lx_mcol_border_gray02 , #sharewithmain .lx_mcol_border_gray03 , #sharewithmain .lx_mcol_border_gray04 , #sharewithmain .lx_mcol_border_gray05 , #sharewithmain .lx_mcol_border_gray06 , #sharewithmain .lx_mcol_border_gray07 , #sharewithmain .lx_mcol_border_gray08 { padding-left: 15px; padding-right: 15px; } } /*==== 赤色枠線つきマルチカラム ====*/ #sharewithmain .lx_mcol_border_red { box-sizing: border-box; padding: 25px 25px 0; border: 2px solid red; } @media handheld, only screen and (max-width: 767px) { #sharewithmain .lx_mcol_border_red { padding-left: 15px; padding-right: 15px; } } /*==== 灰色枠線つきカラム ====*/ #sharewithmain .lx_col_border_gray01 { } #sharewithmain .lx_col_border_gray01 > .column1 , #sharewithmain .lx_col_border_gray01 > .column2 , #sharewithmain .lx_col_border_gray01 > .column3 , #sharewithmain .lx_col_border_gray01 > .column4 , #sharewithmain .lx_col_border_gray01 > .column5 , #sharewithmain .lx_col1_border_gray01 > .column1 , #sharewithmain .lx_col2_border_gray01 > .column2 , #sharewithmain .lx_col3_border_gray01 > .column3 , #sharewithmain .lx_col4_border_gray01 > .column4 , #sharewithmain .lx_col5_border_gray01 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #fafafa; } #sharewithmain .lx_col_border_gray02 { } #sharewithmain .lx_col_border_gray02 > .column1 , #sharewithmain .lx_col_border_gray02 > .column2 , #sharewithmain .lx_col_border_gray02 > .column3 , #sharewithmain .lx_col_border_gray02 > .column4 , #sharewithmain .lx_col_border_gray02 > .column5 , #sharewithmain .lx_col1_border_gray02 > .column1 , #sharewithmain .lx_col2_border_gray02 > .column2 , #sharewithmain .lx_col3_border_gray02 > .column3 , #sharewithmain .lx_col4_border_gray02 > .column4 , #sharewithmain .lx_col5_border_gray02 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #f7f7f7; } #sharewithmain .lx_col_border_gray03 { } #sharewithmain .lx_col_border_gray03 > .column1 , #sharewithmain .lx_col_border_gray03 > .column2 , #sharewithmain .lx_col_border_gray03 > .column3 , #sharewithmain .lx_col_border_gray03 > .column4 , #sharewithmain .lx_col_border_gray03 > .column5 , #sharewithmain .lx_col1_border_gray03 > .column1 , #sharewithmain .lx_col2_border_gray03 > .column2 , #sharewithmain .lx_col3_border_gray03 > .column3 , #sharewithmain .lx_col4_border_gray03 > .column4 , #sharewithmain .lx_col5_border_gray03 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #f3f3f3; } #sharewithmain .lx_col_border_gray04 { } #sharewithmain .lx_col_border_gray04 > .column1 , #sharewithmain .lx_col_border_gray04 > .column2 , #sharewithmain .lx_col_border_gray04 > .column3 , #sharewithmain .lx_col_border_gray04 > .column4 , #sharewithmain .lx_col_border_gray04 > .column5 , #sharewithmain .lx_col1_border_gray04 > .column1 , #sharewithmain .lx_col2_border_gray04 > .column2 , #sharewithmain .lx_col3_border_gray04 > .column3 , #sharewithmain .lx_col4_border_gray04 > .column4 , #sharewithmain .lx_col5_border_gray04 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #eee; } #sharewithmain .lx_col_border_gray05 { } #sharewithmain .lx_col_border_gray05 > .column1 , #sharewithmain .lx_col_border_gray05 > .column2 , #sharewithmain .lx_col_border_gray05 > .column3 , #sharewithmain .lx_col_border_gray05 > .column4 , #sharewithmain .lx_col_border_gray05 > .column5 , #sharewithmain .lx_col1_border_gray05 > .column1 , #sharewithmain .lx_col2_border_gray05 > .column2 , #sharewithmain .lx_col3_border_gray05 > .column3 , #sharewithmain .lx_col4_border_gray05 > .column4 , #sharewithmain .lx_col5_border_gray05 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #e2e2e2; } #sharewithmain .lx_col_border_gray06 { } #sharewithmain .lx_col_border_gray06 > .column1 , #sharewithmain .lx_col_border_gray06 > .column2 , #sharewithmain .lx_col_border_gray06 > .column3 , #sharewithmain .lx_col_border_gray06 > .column4 , #sharewithmain .lx_col_border_gray06 > .column5 , #sharewithmain .lx_col1_border_gray06 > .column1 , #sharewithmain .lx_col2_border_gray06 > .column2 , #sharewithmain .lx_col3_border_gray06 > .column3 , #sharewithmain .lx_col4_border_gray06 > .column4 , #sharewithmain .lx_col5_border_gray06 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #ddd; } #sharewithmain .lx_col_border_gray07 { } #sharewithmain .lx_col_border_gray07 > .column1 , #sharewithmain .lx_col_border_gray07 > .column2 , #sharewithmain .lx_col_border_gray07 > .column3 , #sharewithmain .lx_col_border_gray07 > .column4 , #sharewithmain .lx_col_border_gray07 > .column5 , #sharewithmain .lx_col1_border_gray07 > .column1 , #sharewithmain .lx_col2_border_gray07 > .column2 , #sharewithmain .lx_col3_border_gray07 > .column3 , #sharewithmain .lx_col4_border_gray07 > .column4 , #sharewithmain .lx_col5_border_gray07 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #d2d2d2; } #sharewithmain .lx_col_border_gray08 { } #sharewithmain .lx_col_border_gray08 > .column1 , #sharewithmain .lx_col_border_gray08 > .column2 , #sharewithmain .lx_col_border_gray08 > .column3 , #sharewithmain .lx_col_border_gray08 > .column4 , #sharewithmain .lx_col_border_gray08 > .column5 , #sharewithmain .lx_col1_border_gray08 > .column1 , #sharewithmain .lx_col2_border_gray08 > .column2 , #sharewithmain .lx_col3_border_gray08 > .column3 , #sharewithmain .lx_col4_border_gray08 > .column4 , #sharewithmain .lx_col5_border_gray08 > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid #ccc; } /*==== 赤色枠線つきマルチカラム ====*/ #sharewithmain .lx_col_border_red { } #sharewithmain .lx_col_border_red > .column1 , #sharewithmain .lx_col_border_red > .column2 , #sharewithmain .lx_col_border_red > .column3 , #sharewithmain .lx_col_border_red > .column4 , #sharewithmain .lx_col_border_red > .column5 , #sharewithmain .lx_col1_border_red > .column1 , #sharewithmain .lx_col2_border_red > .column2 , #sharewithmain .lx_col3_border_red > .column3 , #sharewithmain .lx_col4_border_red > .column4 , #sharewithmain .lx_col5_border_red > .column5 { box-sizing: border-box; padding: 20px 20px 0; border: 2px solid red; } /*------------------ based on 19/05/08 */ /* > 1%, last 4 versions, Firefox ESR */ /*------------------------------------- /* -------------------------------------- 初期化 -------------------------------------- */ * , *:before , *:after { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-break: normal; /* word-break: break-word; */ word-wrap : break-word; overflow-wrap : break-word; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, img { margin: 0; padding: 0; border: none; vertical-align: middle; } img { max-width: 100%; } br { margin: 0; } table { border-collapse: collapse; border-spacing: 0; } th , td { vertical-align: top; text-align: left; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } b , strong { font-weight: bolder; } sub , sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } label { cursor: pointer; } button , input , optgroup , select , textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button , input { overflow: visible; } button , select { text-transform: none; } button , [type="button"] , [type="reset"] , [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner , [type="button"]::-moz-focus-inner , [type="reset"]::-moz-focus-inner , [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring , [type="button"]:-moz-focusring , [type="reset"]:-moz-focusring , [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"] , [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="checkbox"] { margin: 5px; } [type="number"]::-webkit-inner-spin-button , [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template , [hidden] { display: none; } head, style, script { display: none !important; } /* -- デスクトップ用 -- */ @media print, screen and (min-width: 768px) { .on-sp > *:not(.mgnlEditor) , .no-pc { display: none !important; } } /* -- スマホ用 -- */ @media only screen and (max-width: 767px) { .on-pc > *:not(.mgnlEditor) , .no-sp { display: none !important; } } /* -- 印刷用 -- */ @media print { .layout_no_print , .layout_no-print , .no-print { display: none !important; } } /* -------------------------------------- 基本設定 -------------------------------------- */ @font-face { font-family: YuGothicM; src: local("Yu Gothic Medium"); } html { font-size: 14px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; -webkit-filter: expression(document.execCommand("BackgroundImageCache", false, true)); filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body { font-family: YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 14px; line-height: 1.6; color: #333; background: #FFF; } .mincho { font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", Georgia, "メイリオ", Meiryo, serif; } /* -------------------------------------- リンク設定 -------------------------------------- */ a { color: inherit; text-decoration: none; overflow: hidden; outline: none; } a:hover , a:active { text-decoration: underline; } a:hover img { -ms-opacity: 0.7; opacity: 0.7; } /* -------------------------------------- 見出し -------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: inherit; } h1 { font-size: 128.5%; } h2 { font-size: 114%; } h3 { font-size: 100%; } h4 { font-size: 100%; } h5 { font-size: 100%; } h6 { font-size: 100%; } /* -------------------------------------- アクセスビリティ（hidden & skip link） -------------------------------------- */ #nav-global em , #nav-box em , #nav-global h6 , #nav-box h6 , #step-by-step em , form label em { display: block; position: absolute; overflow: hidden; left: -9999px; width: 1px; height: 1px; } /* -------------------------------------- clear -------------------------------------- */ #wrapper-2:after , #page-intro .abstractImage:after , p.yearTabs:after , p.tabs:after , #site-info-box:after , #section-site-info-box:after , .clr:after , .clrfix:after , .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /*------------------------------------- 非表示 -------------------------------------*/ #mgnlhp , p#copyright-magnolia { display: none !important; } /*------------------------------------- ぱんくず -------------------------------------*/ /* 4箇所ある枠の内1か所に入力 */ .bread-crumb { } .bread-crumb h5 { padding: 0; margin: 0; font-size: inherit; font-weight: normal; line-height: inherit; } .bread-crumb strong { font-weight: inherit; } /* ページタイトルの改行は非表示 */ .bread-crumb br { display: none; } /*------------------------------------- コンテンツエリア -------------------------------------*/ /*------- CKエディタ ----------*/ /* -- ckエディタの機能を損なうから制御は不可 -- */ .quoted-text blockquote , .highlight-quoted-text , .text-section , .internal-link-area , .external-link-area , .download-link-area , .faq-item , .vtable-item > table > tbody > tr > th , .vtable-item > table > tbody > tr > td , .ircalendar-title > table > tbody > tr > th , .ircalendar-item > table > tbody > tr > td { text-align: left; } .quoted-text blockquote p , .highlight-quoted-text p , .text-section p , .internal-link-area p , .external-link-area p , .download-link-area p , .faq-item p , .vtable-item p , .ircalendar-title p , .ircalendar-item p { display: block; } /* -- ckエディタのリスト表示用 -- */ .quoted-text blockquote ol , .highlight-quoted-text ol , .text-section ol , .internal-link-area ol , .external-link-area ol , .download-link-area ol , .faq-item ol , .vtable-item ol , .ircalendar-title ol , .ircalendar-item ol { padding-left: 2em; list-style: decimal; } .quoted-text blockquote ol li , .highlight-quoted-text ol li , .text-section ol li , .internal-link-area ol li , .external-link-area ol li , .download-link-area ol li , .faq-item ol li , .vtable-item ol li , .ircalendar-title ol li , .ircalendar-item ol li { list-style: inherit; } /* -- ckエディタのリスト表示用 -- */ .quoted-text blockquote ul , .highlight-quoted-text ul , .text-section ul , .internal-link-area ul , .external-link-area ul , .download-link-area ul , .faq-item ul , .vtable-item ul , .ircalendar-title ul , .ircalendar-item ul { padding-left: 2em; list-style: disc; } .quoted-text blockquote ul li , .highlight-quoted-text ul li , .text-section ul li , .internal-link-area ul li , .external-link-area ul li , .download-link-area ul li , .faq-item ul li , .vtable-item ul li , .ircalendar-title ul li , .ircalendar-item ul li { list-style: inherit; } .quoted-text blockquote em , .highlight-quoted-text em , .text-section em , .internal-link-area em , .external-link-area em , .download-link-area em , .faq-item em , .vtable-item em , .ircalendar-title em , .ircalendar-item em { /* メイリオにはイタリック体が無い為 */ /* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN",'ＭＳ Ｐゴシック','MS PGothic', "メイリオ", Meiryo, sans-serif; */ font-style: italic; } /*------- リンクテキスト ----------*/ .quoted-text blockquote a , .highlight-quoted-text a , .text-section a , .faq-item a , .vtable-item a , .ircalendar-title a , .ircalendar-item a { } /*------- 別窓アイコン ----------*/ .quoted-text blockquote a[target="_blank"]:after , .highlight-quoted-text a[target="_blank"]:after , .text-section a[target="_blank"]:after , .faq-item a[target="_blank"]:after , .vtable-item a[target="_blank"]:after , .ircalendar-title a[target="_blank"]:after , .ircalendar-item a[target="_blank"]:after { content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 12px; background: url("../png/link02.png") center center no-repeat; background-size: contain; margin: 0 5px; } /*------- PDFアイコン ----------*/ .quoted-text blockquote a[href$=".pdf"]:after , .highlight-quoted-text a[href$=".pdf"]:after , .text-section a[href$=".pdf"]:after , .faq-item a[href$=".pdf"]:after , .vtable-item a[href$=".pdf"]:after , .ircalendar-title a[href$=".pdf"]:after , .ircalendar-item a[href$=".pdf"]:after , .quoted-text blockquote a[href*=".pdf#"]:after , .highlight-quoted-text a[href*=".pdf#"]:after , .text-section a[href*=".pdf#"]:after , .faq-item a[href*=".pdf#"]:after , .vtable-item a[href*=".pdf#"]:after , .ircalendar-title a[href*=".pdf#"]:after , .ircalendar-item a[href*=".pdf#"]:after { content: ""; display: inline-block; vertical-align: middle; width: 18px; height: 23px; background: url("../png/pdf.png") center center no-repeat; background-size: contain; margin: 0 5px; } /* テーブル */ .quoted-text blockquote table:not(.clearbox) , .highlight-quoted-text table:not(.clearbox) , .text-section table:not(.clearbox) , .faq-item table:not(.clearbox) , .vtable-item table table:not(.clearbox) , .ircalendar-title table table:not(.clearbox) , .ircalendar-item table table:not(.clearbox) , table.icell { /* font-family: inherit !important; */ border: none !important; /* font-size: 1rem; */ } .quoted-text blockquote table:not(.clearbox) *[style*="font-size"] , .highlight-quoted-text table:not(.clearbox) *[style*="font-size"] , .text-section table:not(.clearbox) *[style*="font-size"] , .faq-item table:not(.clearbox) *[style*="font-size"] , .vtable-item table table:not(.clearbox) *[style*="font-size"] , .ircalendar-title table table:not(.clearbox) *[style*="font-size"] , .ircalendar-item table table:not(.clearbox) *[style*="font-size"] , table.icell *[style*="font-size"] { font-size: inherit !important; } .quoted-text blockquote table:not(.clearbox) th , .highlight-quoted-text table:not(.clearbox) th , .text-section table:not(.clearbox) th , .faq-item table:not(.clearbox) th , .vtable-item table table:not(.clearbox) th , .ircalendar-title table table:not(.clearbox) th , .ircalendar-item table table:not(.clearbox) th , .quoted-text blockquote table:not(.clearbox) td , .highlight-quoted-text table:not(.clearbox) td , .text-section table:not(.clearbox) td , .faq-item table:not(.clearbox) td , .vtable-item table table:not(.clearbox) td , .ircalendar-title table table:not(.clearbox) td , .ircalendar-item table table:not(.clearbox) td , table.icell th , table.icell td { -webkit-box-sizing: content-box; box-sizing: content-box; height: auto !important; } .quoted-text blockquote table:not(.clearbox) td , .highlight-quoted-text table:not(.clearbox) td , .text-section table:not(.clearbox) td , .faq-item table:not(.clearbox) td , .vtable-item table table:not(.clearbox) td , .ircalendar-title table table:not(.clearbox) td , .ircalendar-item table table:not(.clearbox) td , table.icell td { } .quoted-text blockquote table:not(.clearbox) th , .highlight-quoted-text table:not(.clearbox) th , .text-section table:not(.clearbox) th , .faq-item table:not(.clearbox) th , .vtable-item table table:not(.clearbox) th , .ircalendar-title table table:not(.clearbox) th , .ircalendar-item table table:not(.clearbox) th , table.icell .ColHead , table.icell th { } .quoted-text blockquote table:not(.clearbox) thead th , .highlight-quoted-text table:not(.clearbox) thead th , .text-section table:not(.clearbox) thead th , .faq-item table:not(.clearbox) thead th , .vtable-item table table:not(.clearbox) thead th , .ircalendar-title table table:not(.clearbox) thead th , .ircalendar-item table table:not(.clearbox) thead th , table.icell .RowHead , table.icell thead th { } /* テーブル */ /* PC:横100%、文字強制折り返し, SP:横スクロール */ @media print, screen and (min-width: 768px) { .quoted-text blockquote table:not(.clearbox) , .highlight-quoted-text table:not(.clearbox) , .text-section table:not(.clearbox) , .faq-item table:not(.clearbox) , .vtable-item table table:not(.clearbox) , .ircalendar-title table table:not(.clearbox) , .ircalendar-item table table:not(.clearbox) , table.icell { width: 100% !important; } .quoted-text blockquote table:not(.clearbox) th , .highlight-quoted-text table:not(.clearbox) th , .text-section table:not(.clearbox) th , .faq-item table:not(.clearbox) th , .vtable-item table table:not(.clearbox) th , .ircalendar-title table table:not(.clearbox) th , .ircalendar-item table table:not(.clearbox) th , .quoted-text blockquote table:not(.clearbox) td , .highlight-quoted-text table:not(.clearbox) td , .text-section table:not(.clearbox) td , .faq-item table:not(.clearbox) td , .vtable-item table table:not(.clearbox) td , .ircalendar-title table table:not(.clearbox) td , .ircalendar-item table table:not(.clearbox) td , table.icell th , table.icell td { white-space: normal !important; } } @media only screen and (max-width: 767px) { .quoted-text blockquote.has-icell , .highlight-quoted-text.has-icell , .text-section.has-icell , .text-section .has-icell , .faq-item.has-icell , .vtable-item table .has-icell , .ircalendar-title table .has-icell , .ircalendar-item table .has-icell { overflow-x: scroll; } .quoted-text blockquote table:not(.clearbox):not(.icell) , .highlight-quoted-text table:not(.clearbox):not(.icell) , .text-section table:not(.clearbox):not(.icell) , .faq-item table:not(.clearbox):not(.icell) , .vtable-item table table:not(.clearbox):not(.icell) , .ircalendar-title table table:not(.clearbox):not(.icell) , .ircalendar-item table table:not(.clearbox):not(.icell) { width: 100% !important; } } /* ----------------------------- 画像レイアウト --------------------------------- */ #page-intro:after , .text-section:after , .text-section dl:after , .internal-link-area > a:after , .external-link-area > a:after , .download-link-area > a:after , .faq-item:after { content: ""; display: block; clear: both; } /*-- 画像_左 --*/ #page-intro .abstractImage img , .text-section img , .internal-link-area img , .external-link-area img , .download-link-area img , .faq-item img , .vtable-item img , .ircalendar-title table img , .ircalendar-item table img { display: block; float: left; margin-right: 20px; margin-left: 0; margin-bottom: 8px; width: auto; max-width: 40%; } /*-- 画像_右 --*/ #page-intro .abstractImage img.pos-2 , .text-section img.pos-2 , .internal-link-area .pos-2 , .external-link-area .pos-2 , .download-link-area .pos-2 , .faq-item img.pos-2 , .vtable-item img.pos-2 , .ircalendar-title table img.pos-2 , .ircalendar-item table img.pos-2 { float: right; margin-right: 0; margin-left: 16px; margin-bottom: 8px; width: auto; max-width: 40%; } /*-- 画像_上・下 --*/ #page-intro .abstractImage img.large , .text-section img.large , .internal-link-area img.large , .external-link-area img.large , .download-link-area img.large , .faq-item img.large , .vtable-item img.large , .ircalendar-title table img.large , .ircalendar-item table img.large { float: none; margin-right: auto; margin-left: auto; margin-bottom: 8px; width: auto; max-width: 100%; } /*-- 画像_重ねる --*/ .text-section img.pos-4 { width: 100%; } .text-section img.pos-4 + .text { position: absolute; top: 50%; top: calc(50%); left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-shadow: 0.1em 0.1em 0.2em #fff; } .text-section > .mgnlEditorBar[aria-hidden="false"] + img.pos-4 + .text { top: calc(50% + 13.5px); } /*-- キャプション付き画像の場合_左 --*/ .text-section dl.photo , .faq-item dl.photo { width: 40%; margin-right: 16px; float: left; } .text-section dl.photo dt , .faq-item dl.photo dt { text-align: center; margin-bottom: 8px; } .text-section dl.photo dt img , .faq-item dl.photo dt img { display: block; float: none; width: auto; max-width: 100%; margin: auto; } .text-section dl.photo dd , .faq-item dl.photo dd { text-align: center; font-size: 81.25%; } /*-- キャプション付き画像の場合_右 --*/ .text-section dl.pos-2 , .faq-item dl.pos-2 { width: 40%; margin-left: 16px; margin-right: 0; float: right; } .text-section dl.pos-2 dt img , .faq-item dl.pos-2 dt img { display: block; float: none; width: auto; max-width: 100%; margin: auto; } /*-- キャプション付き画像の場合_上 --*/ .text-section dl.large , .faq-item dl.large { float: none; margin: 0 auto 5px; width: auto; max-width: 100%; } .text-section dl.large dt img , .faq-item dl.large dt img { display: block; float: none; width: auto; max-width: 100%; margin: auto; } /* -- キャプション -- */ /*-- 画像のタイトル --*/ .text-section .caption , .faq-item .caption { } /*-- コピーライト --*/ .text-section .copyright , .faq-item .copyright { } /*-- 画像の説明 --*/ .text-section .longdesc , .faq-item .longdesc { /* display: none; */ } /*-- 虫眼鏡(現状、非表示) --*/ .text-section .zoom , .faq-item .zoom { float: right; display: none; } .text-section .zoom a , .faq-item .zoom a { display: block; background: url("../png/sprites.png") 0 -508px no-repeat; width: 24px; height: 24px; overflow: hidden; text-indent: -9999px; margin: auto; } /*------------------------------------- 見出し -------------------------------------*/ /* -- ページタイトル -- */ .page-intro-wrapper { display: none; } /*-- ページ概要エリア --*/ #page-intro { } /* -- ページタイトルをテキストで表示 -- */ #page-intro > h1 { font-size: inherit; font-weight: normal; line-height: inherit; } /* -- ページタイトルを画像で表示 -- */ #page-intro .titleImage { } #page-intro .titleImage h1 { } #page-intro .titleImage h1 img { width: auto; display: block; } /* -- 概要に日付入れた際使用（イベント・汎用） -- */ #page-intro .text-meta { } #page-intro .text-meta ul.text-data { text-align: right; /* display: none; */ } #page-intro .text-meta ul.text-data li.date { } /*-- 概要(ページでは非表示・内部リンク元に表示される) --*/ #page-intro .abstractImage { display: none; } /*-- 概要画像 --*/ #page-intro .abstractImage img { } /*-- 概要テキスト --*/ #page-intro .abstractImage p { } /*-------------- 中見出し(共通) ------------*/ .text-section h2 , .link-list h2 , .link-list-url h2 , .news-result dl dt , .news-yuho dl dt , .news-presentation dl dt , .news-material dl dt , .title2 h2 , .title3 h3 , .title4 h4 { font-size: inherit; font-weight: normal; line-height: inherit; } /*------------------------------------- テキスト・画像 -------------------------------------*/ /*-------------- テキストと画像 --------------*/ .text-section { position: relative; } /*-------------- FAQ --------------*/ .faq-list h3 { margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: inherit; } .faq-list h3 a { cursor: pointer; color: inherit; text-decoration: none; } /*------------------------------------- ページ内リンク・バナーリンク・エリアリンク -------------------------------------*/ /*-------------- バナー --------------*/ .teaser , .external-teaser , .download-teaser { margin: 0 auto 20px; } /* テキストのみ／テキストと画像 */ .teaser h2 , .external-teaser h2 , .download-teaser h2 { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; } .teaser h2 a , .external-teaser h2 a , .download-teaser h2 a { display: block; } /* 画像のみ／テキストと画像 */ .teaser > a , .external-teaser > a , .download-teaser > a { display: block; } .teaser > a img , .external-teaser > a img , .download-teaser > a img { display: block; margin: auto; } /* -- 内部リンクだけ表示される（続きを）読むを非表示 -- */ .teaser em.more { display: none !important; } /*-- お問い合わせ専用 --*/ /* チェックを入れる時に文字を選択してしまいやすいので */ .external-teaser.with-checkbox label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*-------------- エリアリンク --------------*/ .internal-link-area > a , .external-link-area > a , .download-link-area > a { display: block; text-decoration: none; } .internal-link-area > a:after , .external-link-area > a:after , .download-link-area > a:after { content: ""; display: block; clear: both; } /*------------------------------------- リスト -------------------------------------*/ /* 共通設定 決算短信・有報・最新決算・説明会資料（自動連携）、リンクリスト（手動） */ .link-list [aria-hidden="true"] ~ li:not([class]) { display: none; } /* -- PDFアイコン -- */ .link-list .download-link-text a.d_icon , .link-list-url .download-link-url a.d_icon { text-decoration: none; } .link-list .download-link-text a.d_icon img , .link-list-url .download-link-url a.d_icon img , .news-result span.d_icon img , .news-yuho span.d_icon img , .news-presentation span.d_icon img , .news-material span.d_icon img { display: inline-block; vertical-align:middle; } /* -- ファイル容量 -- */ .link-list em , .link-list-url em , .news-result span.filesize , .news-yuho span.filesize , .news-presentation span.filesize , .news-material span.filesize { font-size: 85.7%; font-style: normal; } /*------------------------------------- 表組・テーブル・財務ハイライト(表組)・配当金(表組) -------------------------------------*/ /*-- table共通 --*/ table { margin: auto; } th, td { } .shwTable table.htCore tr td , th, td { padding: 5px 15px; border: 1px solid #7F9BDA; } td { text-align: left; font-weight: normal; } /* 見出し */ th { background-color: #DCE5F4; font-weight: bold; } /* 見出し列 */ .highlights-table tr td:first-child , .highlights-alltable-2nd tr td:first-child , .haitou-table-2nd td.t1 , .haitou-table-2nd td.t2 , .haitou-table-2nd td.t12 , .shwTable table tr td.tableColumnHead , td.tbColumnHead , .vtable-item > table > tbody > tr > th { text-align: left; vertical-align: middle; } /* 見出し行 */ .highlights-table tr.r0 th , .highlights-alltable-2nd tr.r0 th , .haitou-table-2nd th , .shwTable table tr td.tableRowHead , td.tbRowHead , .ircalendar-title > table > tbody > tr > th , thead th { text-align: center; vertical-align: top; } /* 数値セル */ .highlights-table td , .highlights-alltable-2nd td , .haitou-table-2nd td { text-align: right; } /* 透明テーブル */ table.clearbox { width: auto; border: none !important; margin: 0; } table.clearbox td , table.clearbox th { padding: 0; background: none; border: none; font-weight: normal; text-align: left; } /*-------------- テーブル縦 --------------*/ .vertical-table { } /* -- テーブル縦 テーブル項目 -- */ .vtable-item { } .vtable-item > table { width: 100%; table-layout: fixed; /* IE対応：テーブル内に画像を置く場合必要 */ margin-bottom: -1px; } .vtable-item > table > tbody > tr > td { width: 25%; } .vtable-item > table > tbody > tr > th { width: 12.5%; } /*-------------- テーブル横 --------------*/ .ircalendar { } /* -- タイトル項目・項目共通 -- */ .ircalendar-title , .ircalendar-item { } .ircalendar-title > table , .ircalendar-item > table { width: 100%; table-layout: fixed; /* IE対応：テーブル内に画像を置く場合必要 */ margin-bottom: -1px; } .ircalendar-title > table > tbody > tr > th , .ircalendar-item > table > tbody >tr > td { width: 25%; } .ircalendar-title > table > tbody > tr > th.ircalendar-title1 , .ircalendar-item > table > tbody > tr > td.ircalendar-item1 { width: 12.5%; } /*-- テーブル横 項目07_104 --*/ .ircalendar-item > table > tbody > tr > td { } /*-- テーブル横 タイトル項目07_103 --*/ .ircalendar-title > table > tbody > tr > th { } /*-------------- 表組 --------------*/ .table { } /* -- 表タイトル -- */ .shwTableTitle { } .shwTableTitle h2 { line-height: inherit; font-size: inherit; color: inherit; } .shwTableTitle h2:empty { display: none; } /* -- 表組 -- */ /* -- 表組の外枠 -- */ .shwTable > table > tbody > tr > td { padding: 0; border: none; background: none; } /* -- 単位（表組の外） -- */ .shwTable td.shw-table-row { color: inherit; } .shwTable td.shw-table-row:empty { display: none; } /*-- 表組 --*/ div.shwTable table.htCore { border-collapse: collapse; } /*-- 表組のレイアウトを自動にする --*/ div.shwTable table.htCore { table-layout: auto; } div.shwTable .htCore colgroup col { width: auto !important; } /* -- 表組(tableタグ出力モード) -- */ .shwTable table.tbCore { width: 100%; } /* -- セル -- */ .handsontable tr td { vertical-align: middle; } /* -- セル -- */ /*.shwTable .ht_master tr > td { */ .shwTable .htCore tr td , .shwTable .tbDimmed , .shwTable .tbRowHead , .shwTable .tbColumnHead { } /* 縦・横揃え */ .shwTable .htCore .htLeft , .shwTable .tbLeft { text-align: left; } .shwTable .htCore .htCenter , .shwTable .tbCenter { text-align: center; } .shwTable .htCore .htRight , .shwTable .tbRight { text-align: right; } .shwTable .htCore .htJustify , .shwTable .tbJustify { text-align: justify; } .shwTable .htCore .htTop , .shwTable .tbTop { vertical-align: top; } .shwTable .htCore .htMiddle , .shwTable .tbMiddle { vertical-align: middle; } .shwTable .htCore .htBottom , .shwTable .tbBottom { vertical-align: bottom; } /* -- スマホ用 -- */ @media only screen and (max-width: 767px) { div.shwTable { padding-bottom: 10px; } /* -- 表組の外枠 -- */ div.shwTable > table { width: 100%; } div.shwTable .ht_master tr > td { word-break: keep-all; white-space: pre; } .ht_clone_left.handsontable { width: 100% !important; } div.shwTable .wtHider { /* height: auto !important; */ height: 0; } /* -- 表組(tableタグ出力モード) -- */ /* -- セル -- */ .shwTable .tbDimmed , .shwTable .tbRowHead , .shwTable .tbColumnHead { word-break: keep-all; white-space: pre; vertical-align: middle; } } /* -- デスクトップ用 -- */ @media print, screen and (min-width: 768px) { /* -- IE用幅指定 -- */ div.shwTable > table , div.shwTable table.htCore { width: 100%; } /* -- 表_幅指定 -- */ .wtSpreader { width: 100% !important; height: 100% !important; } .wtHider { width: 100% !important; height: 100% !important; } .ht_clone_left.handsontable { width: 100% !important; height: 100% !important; } /* -- 表組(tableタグ出力モード) -- */ .shwTable table.tbCore { width: 100%; } } /*-------------- 財務ハイライト 表組 --------------*/ .highlights-table , .highlights-alltable-2nd { } .highlights-table .unit { } .highlights-table table , .highlights-alltable-2nd table { border: none; margin: auto; } .highlights-table table th , .highlights-table table td , .highlights-alltable-2nd table th , .highlights-alltable-2nd table td { } .highlights-table table th , .highlights-alltable-2nd table th { } .highlights-table table td , .highlights-alltable-2nd table td { } .highlights-table table td:first-child , .highlights-alltable-2nd table td:first-child { } /*-------------- 配当 表組 --------------*/ .haitou-table-2nd { } .haitou-table-2nd table { border: none; margin: auto; } /* 見出し行 */ .haitou-table-2nd table th { } /* 見出し列 */ .haitou-table-2nd table td.t1 , .haitou-table-2nd table td.t2 , .haitou-table-2nd table td.t12 { } /* 配当予想セル */ .haitou-table-2nd table th.y0 , .haitou-table-2nd table td.y0 { } /* -- デスクトップ用 -- */ @media print, screen and (min-width: 768px) { .highlights-table table , .highlights-alltable-2nd table { width: 100%; } .haitou-table-2nd table { width: 100%; } .haitou-table-2nd table th { white-space: nowrap; } } /* -- スマホ用 -- */ @media only screen and (max-width: 767px) { .highlights-table table th , .highlights-table table td , .highlights-alltable-2nd table th , .highlights-alltable-2nd table td { word-break: keep-all; white-space: nowrap; } .haitou-table-2nd table th , .haitou-table-2nd table td { word-break: keep-all; white-space: nowrap; } /* テーブル縦横 横スクロール設定 */ .layout_sp_scrolltable .vertical-table , .layout_sp_scrolltable .ircalendar , .lx_table_sp_swipable .vertical-table , .lx_table_sp_swipable .ircalendar , .ux_table_sp_swipable .vertical-table , .ux_table_sp_swipable .ircalendar { overflow-x: scroll; padding-bottom: 1px; } .layout_sp_scrolltable .vertical-table > div , .layout_sp_scrolltable .ircalendar > div , .lx_table_sp_swipable .vertical-table > div , .lx_table_sp_swipable .ircalendar > div , .ux_table_sp_swipable .vertical-table > div , .ux_table_sp_swipable .ircalendar > div { width: 1060px; } .layout_sp_scrolltable table.icell , .lx_table_sp_swipable table.icell , .ux_table_sp_swipable table.icell { min-width: 1060px; } /*-- スワイプアイコン --*/ .shwTable , .highlights-table , .highlights-alltable-2nd , .haitou-table-2nd , .icon-swip { position: relative; } .shwTable , .highlights-table , .highlights-alltable-2nd , .haitou-table-2nd { overflow-x: scroll; } .shwTable:before , .highlights-table:before , .highlights-alltable-2nd:before , .haitou-table:before , .haitou-table-2nd:before , .icon-swip:before { content: ''; position: absolute; top: 20%; left: 50%; display: block; width: 60px; height: 60px; margin-left: -30px; background: url("../png/icon_swip.png") no-repeat center center; background-size: contain; z-index: 50; opacity: 0.3; } .icon-swip.no-scroll:before , .icon-swip-done:before { content: none !important; } } /*------------------------------------- グラフ・財務ハイライト(グラフ)・配当金(グラフ) -------------------------------------*/ /*-------------- グラフ --------------*/ /* -- グラフ メニューボタン非表示 -- */ .highcharts-button { display: none; } /* -- グラフ データラベル 文字影設定 -- */ /* -- (IEではこの設定は効ない。グラフテーマの設定が優先される) -- */ .highcharts-data-labels text { text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF !important; /* text-shadow: 2px 2px 0px #FFF, -2px -2px 0px #FFF, -2px 2px 0px #FFF, 2px -2px 0px #FFF , 2px 0px 0px #FFF, -2px 0px 0px #FFF, 0px 2px 0px #FFF, 0px -2px 0px #FFF !important; */ } /* -- 財務ハイライトver2 グラフ (凡例を含むエリア) -- */ .highlights-2nd > div:not([class]) { height: auto !important; } /* -- 財務ハイライトver2 グラフ (凡例を含まないエリア) -- */ .highlights-2nd .highlights-graph { width: 100% !important; min-width: auto !important; max-width: none !important; height: 400px !important; } /* -- 財務ハイライトver2 グラフ 凡例 -- */ .highlights-2nd .legend { margin: auto !important; width: auto !important; min-width: auto !important; max-width: none !important; text-align: center; } .highlights-2nd .legend-item-box { float: none !important; display: inline-block !important; margin-left: -5px; } /*-------------- 配当グラフ --------------*/ .haitou-graph-2nd .graph { min-width: auto !important; max-width: none !important; height: 400px !important; } /*------------------------------------- ニュース -------------------------------------*/ /*-- ver2 ニュース一覧・ニュース一覧（カテゴリ）・英文書一覧・英文書一覧（カテゴリ） --*/ /*-- ver2 最新ニュース・最新ニュース（カテゴリ） --*/ /*-- クローリング ニュース一覧・最新ニュース --*/ .news-list-2nd ul li h3 , .news-list-tabbed-2nd ul li h3 , .news-english-2nd ul li h3 , .news-english-tabbed-2nd ul li h3 , .news-latest-2nd ul li h3 , .news-latest-tabbed-2nd ul li h3 , .news-list-crawl ul li h3 , .news-list-tabbed-crawl ul li h3 , .news-latest-crawl ul li h3 { padding: 0; margin: 0; font-weight: inherit; font-size: inherit; line-height: inherit; } /* -- リリースのテキスト -- */ .news-list-2nd ul li .news_tx , .news-list-tabbed-2nd ul li .news_tx , .news-english-2nd ul li .news_tx , .news-english-tabbed-2nd ul li .news_tx , .news-latest-2nd ul li .news_tx , .news-latest-tabbed-2nd ul li .news_tx , .news-list-crawl ul li .news_tx , .news-list-tabbed-crawl ul li .news_tx , .news-latest-crawl ul li .news_tx { display: inline; } /*-- カテゴリアイコン --*/ .news-list-2nd ul li .c_icon img , .news-list-tabbed-2nd ul li .c_icon img , .news-english-2nd ul li .c_icon img , .news-english-tabbed-2nd ul li .c_icon img , .news-latest-2nd ul li .c_icon img , .news-latest-tabbed-2nd ul li .c_icon img , .news-list-crawl ul li .c_icon img , .news-list-tabbed-crawl ul li .c_icon img , .news-latest-crawl ul li .c_icon img { display: inline-block; vertical-align: middle; } /* -- ファイルアイコン -- */ .news-list-2nd ul li .d_icon , .news-list-tabbed-2nd ul li .d_icon , .news-english-2nd ul li .d_icon , .news-english-tabbed-2nd ul li .d_icon , .news-latest-2nd ul li .d_icon , .news-latest-tabbed-2nd ul li .d_icon , .news-list-crawl ul li .d_icon , .news-list-tabbed-crawl ul li .d_icon , .news-latest-crawl ul li .d_icon { margin-left: 5px; } .news-list-2nd ul li .d_icon img , .news-list-tabbed-2nd ul li .d_icon img , .news-english-2nd ul li .d_icon img , .news-english-tabbed-2nd ul li .d_icon img , .news-latest-2nd ul li .d_icon img , .news-latest-tabbed-2nd ul li .d_icon img , .news-list-crawl ul li .d_icon img , .news-list-tabbed-crawl ul li .d_icon img , .news-latest-crawl ul li .d_icon img { display: inline-block; vertical-align: middle; } /* -- ファイルサイズ -- */ .news-list-2nd ul li .filesize , .news-list-tabbed-2nd ul li .filesize , .news-english-2nd ul li .filesize , .news-english-tabbed-2nd ul li .filesize , .news-latest-2nd ul li .filesize , .news-latest-tabbed-2nd ul li .filesize , .news-list-crawl ul li .filesize , .news-list-tabbed-crawl ul li .filesize , .news-latest-crawl ul li .filesize { font-size: 85.7%; } /* -- NEWアイコン -- */ .news-list-2nd ul li .n_icon , .news-list-tabbed-2nd ul li .n_icon , .news-english-2nd ul li .n_icon , .news-english-tabbed-2nd ul li .n_icon , .news-latest-2nd ul li .n_icon , .news-latest-tabbed-2nd ul li .n_icon , .news-list-crawl ul li .n_icon , .news-list-tabbed-crawl ul li .n_icon , .news-latest-crawl ul li .n_icon { display: none; } .news-list-2nd ul li .n_icon img , .news-list-tabbed-2nd ul li .n_icon img , .news-english-2nd ul li .n_icon img , .news-english-tabbed-2nd ul li .n_icon img , .news-latest-2nd ul li .n_icon img , .news-latest-tabbed-2nd ul li .n_icon img , .news-list-crawl ul li .n_icon img , .news-list-tabbed-crawl ul li .n_icon img , .news-latest-crawl ul li .n_icon img { display: inline-block; vertical-align: middle; margin-left: 0.5em; } /* -- もっと読む・詳細（ニュース概要） -- */ .news-list-2nd ul li .det_tx , .news-list-tabbed-2nd ul li .det_tx , .news-english-2nd .det_tx , .news-english-tabbed-2nd .det_tx , .news-latest-2nd ul li .det_tx , .news-latest-tabbed-2nd ul li .det_tx , .news-list-crawl ul li .det_tx , .news-list-tabbed-crawl ul li .det_tx , .news-latest-crawl ul li .det_tx { display: none; white-space: pre; white-space: pre-line; } /* -- 続きを読む -- */ .news-list-2nd ul li .det_tx em.more , .news-list-tabbed-2nd ul li .det_tx em.more , .news-english-2nd .det_tx em.more , .news-english-tabbed-2nd .det_tx em.more , .news-latest-2nd ul li .det_tx em.more , .news-latest-tabbed-2nd ul li .det_tx em.more , .news-list-crawl ul li .det_tx em.more , .news-list-tabbed-crawl ul li .det_tx em.more , .news-latest-crawl ul li .det_tx em.more { display: none; font-style: normal; } /* -- 非公開表示 -- */ .news-list-2nd ul li .note_tx , .news-list-tabbed-2nd ul li .note_tx , .news-english-2nd .note_tx , .news-english-tabbed-2nd .note_tx , .news-latest-2nd ul li .note_tx , .news-latest-tabbed-2nd ul li .note_tx , .news-list-crawl ul li .note_tx , .news-list-tabbed-crawl ul li .note_tx , .news-latest-crawl ul li .note_tx { background-color: rgba(255, 204, 204, 0.8); font-size: 85.7%; } /* -- 全てのニュース -- */ .news-list-2nd .all , .news-list-tabbed-2nd .all , .news-english-2nd .all , .news-english-tabbed-2nd .all , .news-list-crawl .all , .news-list-tabbed-crawl .all , .news-latest-crawl .all { display: none; } /*-------------- NEWアイコンテキスト化 --------------*/ .news-list-2nd ul li .n_icon img , .news-list-tabbed-2nd ul li .n_icon img , .news-english-2nd ul li .n_icon img , .news-english-tabbed-2nd ul li .n_icon img , .news-latest-2nd ul li .n_icon img , .news-latest-tabbed-2nd ul li .n_icon img , .news-list-crawl ul li .n_icon img , .news-list-tabbed-crawl ul li .n_icon img , .news-latest-crawl ul li .n_icon img { display: none; } .news-list-2nd ul li .n_icon:before , .news-list-tabbed-2nd ul li .n_icon:before , .news-english-2nd ul li .n_icon:before , .news-english-tabbed-2nd ul li .n_icon:before , .news-latest-2nd ul li .n_icon:before , .news-latest-tabbed-2nd ul li .n_icon:before , .news-list-crawl ul li .n_icon:before , .news-list-tabbed-crawl ul li .n_icon:before , .news-latest-crawl ul li .n_icon:before { content: "NEW!"; color: red; font-size: 87.5%; font-weight: bold; font-style: normal; } /*------------------------------------- マルチ２ -------------------------------------*/ /*-- 共通設定 --*/ .basic-list ul.tabItems li h3 , .basic-list-english ul.tabItems li h3 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; } /* カテゴリアイコン */ .basic-list ul.tabItems li .c_icon , .basic-list-english ul.tabItems li .c_icon { text-decoration: none; } /* NEWアイコン */ /* js制御される為、デフォルト非表示 */ .basic-list ul.tabItems li .n_icon , .basic-list-english ul.tabItems li .n_icon { display: none; } .basic-list ul.tabItems li .n_icon:before , .basic-list-english ul.tabItems li .n_icon:before { content: "NEW"; display: inline-block; vertical-align: middle; color: red; } /* -- ファイルアイコン -- */ .basic-list ul.tabItems li .d_icon , .basic-list-english ul.tabItems li .d_icon { margin-left: 0.5em; margin-right: -0.25em; display: inline-block; vertical-align: middle; } /* -- ファイルサイズ -- */ .basic-list ul.tabItems li .filesize , .basic-list-english ul.tabItems li .filesize { font-size: 85.7%; } /* 概要テキスト */ .basic-list ul.tabItems li .det_tx , .basic-list-english ul.tabItems li .det_tx { white-space: pre; white-space: pre-line; display: none; } /* -- 続きを読む -- */ .basic-list ul.tabItems li .det_tx em.more , .basic-list-english ul.tabItems li .det_tx em.more { display: none; } .basic-list ul.tabItems li .note_tx , .basic-list-english ul.tabItems li .note_tx { background-color: rgba(255, 204, 204, 0.8); font-size: 85.7%; } .basic-list ul.tabItems li .n_img , .basic-list-english ul.tabItems li .n_img { display: inline-block; } .basic-list ul.tabItems li .n_img img , .basic-list-english ul.tabItems li .n_img img { display: block; margin: auto; width: 100%; } /*-- サムネイルなし --*/ /* -- 1つのリリース -- */ .basic-list:not(.thumnail) ul.tabItems li , .basic-list-english:not(.thumnail) ul.tabItems li { position: relative; } .basic-list:not(.thumnail) ul.tabItems li h3:after , .basic-list-english:not(.thumnail) ul.tabItems li h3:after { content: ""; display: block; clear: both; } /* -- 日付 -- */ .basic-list:not(.thumnail) ul.tabItems li .date , .basic-list-english:not(.thumnail) ul.tabItems li .date { text-decoration: none; } /*-- サムネイルあり --*/ .basic-list.thumnail ul.tabItems li a , .basic-list-english.thumnail ul.tabItems li a { color: #000; text-decoration: none; cursor: pointer; } /*----------- タブ(絞込み) -----------*/ .basic-list ul.tabItems li.hidden , .basic-list-english ul.tabItems li.hidden { display: none !important; } .basic-list .yearTabs , .basic-list-english .yearTabs , .basic-list .tabs , .basic-list-english .tabs { font-size: 0; } .basic-list .yearTabs ul , .basic-list .yearTabs li , .basic-list-english .yearTabs ul , .basic-list-english .yearTabs li , .basic-list .tabs ul , .basic-list .tabs li , .basic-list-english .tabs ul , .basic-list-english .tabs li { display: inline; } .basic-list .tabs li:not([aria-hidden="false"]) , .basic-list-english .tabs li:not([aria-hidden="false"]) , .basic-list .tabs span:not([aria-hidden="false"]) , .basic-list-english .tabs span:not([aria-hidden="false"]) { display: none; } .basic-list .yearTabs span , .basic-list-english .yearTabs span , .basic-list .tabs span , .basic-list-english .tabs span { display: inline-block; cursor: pointer; } .basic-list .yearTabs span:before , .basic-list-english .yearTabs span:before , .basic-list .tabs span:before , .basic-list-english .tabs span:before { content: attr(alt); display: inline-block; font-size: 1rem; } /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list .tabs ul[data-category-level="1"] > li > span , .basic-list-english .tabs ul[data-category-level="1"] > li > span { display: none; } /* 全ての全てタブは、デフォルト非表示 */ .basic-list .tabs li.allall , .basic-list-english .tabs li.allall { display: none; } /*----------- カテゴリアイコン -----------*/ .basic-list .c_icon span:before , .basic-list-english .c_icon span:before { content: attr(alt); display: inline-block; } /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list .c_icon span[category-level="1"] , .basic-list-english .c_icon span[category-level="1"] { display: none; } /*------------------------------------- マルチ３ -------------------------------------*/ /*-- 共通設定 --*/ /* reserved for fail-safe */ .basic-list2 * , #html1 .reset .basic-list2 * , #wrapper-2 .reset .basic-list2 * , #site-info .reset .basic-list2 * { display: none; } .basic-list2 .mgnlEditor , .basic-list2 .mgnlEditor * , #sharewithmain .reset .basic-list2 .mgnlEditor , #sharewithmain .reset .basic-list2 .mgnlEditor * { display: block; } .basic-list2 .mgnlEditor span , #sharewithmain .reset .basic-list2 .mgnlEditor span { display: inline; } .basic-list2 .tabItems , .basic-list2 .tabItems > li , #html1 .reset .basic-list2 .tabItems , #html1 .reset .basic-list2 .tabItems > li , #wrapper-2 .reset .basic-list2 .tabItems , #wrapper-2 .reset .basic-list2 .tabItems > li , #site-info .reset .basic-list2 .tabItems , #site-info .reset .basic-list2 .tabItems > li { display: block; } .basic-list2 .item , #html1 .reset .basic-list2 .item , #wrapper-2 .reset .basic-list2 .item , #site-info .reset .basic-list2 .item { position: relative; display: block; } .basic-list2 .item > a , .basic-list2 .item > span , #html1 .reset .basic-list2 .item > span , #html1 .reset .basic-list2 .item > a , #wrapper-2 .reset .basic-list2 .item > span , #wrapper-2 .reset .basic-list2 .item > a , #site-info .reset .basic-list2 .item > span , #site-info .reset .basic-list2 .item > a { display: block; overflow: visible; } .basic-list2 .news_tx , #html1 .reset .basic-list2 .news_tx , #wrapper-2 .reset .basic-list2 .news_tx , #site-info .reset .basic-list2 .news_tx { display: inline; } .basic-list2 br , #html1 .reset .basic-list2 br , #wrapper-2 .reset .basic-list2 br , #site-info .reset .basic-list2 br { display: inline; } /* 画像 */ .basic-list2 .item .n_img { display: block; } .basic-list2 .item .n_img img { display: block; margin: auto; width: 100%; } /* 日付 */ .basic-list2 .item .date { display: block; } /* カテゴリアイコン */ .basic-list2 .item .c_icon { display: block; } /* NEWアイコン */ /* js制御される為、デフォルト非表示 */ .basic-list2 .item .n_icon::before { content: "NEW"; display: inline-block; vertical-align: middle; color: red; } /* -- ファイルアイコン -- */ .basic-list2 .item .d_icon { display: inline-block; vertical-align: middle; } .basic-list2 .item .d_icon img { display: inline; } /* -- ファイルサイズ -- */ .basic-list2 .item .filesize { display: inline; font-size: 85.7%; } /* 概要テキスト */ .basic-list2 .item .det_tx { white-space: pre; white-space: pre-line; } /* -- 続きを読む -- */ .basic-list2 .item .det_tx em.more { } /* このニュースは非公開です。公開サイトでは表示されません。 */ .basic-list2 .note_tx { display: block; background-color: rgba(255, 204, 204, 0.8); font-size: 0.75rem; } /* 説明文 */ .basic-list2 .explanation { display: block; } .basic-list2 .explanation > li { display: block; white-space: pre; white-space: pre-line; } /* ファイル */ .basic-list2 .link-info { } /*-- サムネイルなし --*/ /* このニュースは非公開です。公開サイトでは表示されません。 */ .basic-list2:not(.thumnail) .note_tx { position: absolute; right: 0; bottom: 0; } /*-- サムネイルあり --*/ .basic-list2.thumnail .item > a { color: inherit; text-decoration: none; cursor: pointer; } /* このニュースは非公開です。公開サイトでは表示されません。 */ .basic-list2.thumnail .note_tx { position: absolute; right: 0; top: 0; z-index: 1; } /*----------- タブ(絞込み) -----------*/ #html1 .basic-list2 .tabItems li.hidden , #wrapper-2 .basic-list2 .tabItems li.hidden , #site-info .basic-list2 .tabItems li.hidden { display: none; } .basic-list2 .yearTabs , .basic-list2 .tabs { display: block; font-size: 0; } .basic-list2 .yearTabs ul , .basic-list2 .yearTabs li , .basic-list2 .tabs ul , .basic-list2 .tabs li { display: inline; } /* カテゴリタブ */ .basic-list2 .yearTabs span , .basic-list2 .tabs span { display: inline-block; vertical-align: top; cursor: pointer; } /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list2 .tabs ul.categoryLv_1 > li > span { display: none; } /* 全ての全てタブは、デフォルト非表示 */ .basic-list2 .tabs li.allall { display: none; } /*----------- 情報パネル -----------*/ .basic-list2 .infoPanel , .basic-list2 .countTab , .basic-list2 .clearTab { display: block; } .basic-list2 .infoPanel span , .basic-list2 .countTab span , .basic-list2 .clearTab span { display: inline; } /*----------- カテゴリアイコン -----------*/ .basic-list2 .tabItems .c_icon span { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 5px; } /* カテゴリ第１階層直下は、カテゴリグループとして非表示にする */ .basic-list2 .tabItems li .c_icon span[category-level="1"] { display: none; } /*-- マルチ３一覧 タブ非表示 --*/ .lx_multi3_hide_all_tab .basic-list2 .yearTabs , .lx_multi3_hide_all_tab .basic-list2 .tabs , .lx_multi3_hide_all_tab .basic-list2 .clearTab , .lx_multi3_hide_all_tab .basic-list2 .countTab , .lx_multi3_hide_all_tab .basic-list2 .infoPanel { display: none; } .lx_multi3_hide_year_tab .basic-list2 .yearTabs { display: none; } .lx_multi3_hide_category_tab .basic-list2 .tabs { display: none; } .lx_multi3_hide_info .basic-list2 .infoPanel , .lx_multi3_hide_info .basic-list2 .clearTab , .lx_multi3_hide_info .basic-list2 .countTab { display: none; } /*------------------------------------- メディア -------------------------------------*/ /*------------- flash --------------*/ .flash-animation { margin: auto; text-align: center; } .flash-animation embed { width: 100%; height: 100%; } /*-------------- 動画 --------------*/ /* .videoとしてはいけない */ div.video { margin-bottom: 10px; } div.video dl { width: 100%; } div.video dl dt { text-align: center; margin-bottom: 5px; } div.video dl dt video { width: auto; max-width: 100%; } div.video dl dd { } /* -- 動画キャプション -- */ div.video dl dd.caption { } /* -- 動画コピーライト -- */ div.video dl dd.copyright { } /* -- 動画ディスクリプション -- */ div.video dl dd.longdesc { /* display: none; */ } /*-------------- 音声 --------------*/ /* .audioとしてはいけない */ div.audio { margin-bottom: 10px; } div.audio dl { width: 80%; margin: auto; } div.audio dl dt { margin-bottom: 5px; } div.audio dl dt audio { width: 100%; min-height: 55px; } div.audio dl dd { } /* -- 音声キャプション -- */ div.audio dl dd.caption { } /* -- 音声コピーライト -- */ div.audio dl dd.copyright { } /* -- 音声ディスクリプション -- */ div.audio dl dd.longdesc { /* display: none; */ } /*-------------- GoogleMap（地図埋め込み） --------------*/ div.map { position: relative; margin-bottom: 20px; } /*-------------- iframe表示 --------------*/ .disp-external-page { } .disp-external-page iframe { border: none; display: block; width: 100%; margin: auto; } /*------------------------------------- サイトマップ -------------------------------------*/ .sitemap > h2 { line-height: inherit; font-size: inherit; margin: 0; padding: 0; font-weight: normal; } /*------------------------------------- フッター専用パーツ -------------------------------------*/ /*-------------- フッター（テキストと画像） --------------*/ .footer-about { } .footer-about h4 { font-size: inherit; font-weight: inherit; line-height: inherit; } .footer-about img { display: block; margin: auto; } /*-------------- フッタリンクリスト --------------*/ .footer-link-list h4 { font-size: inherit; font-weight: inherit; line-height: inherit; } /* -------------------------------------- フォーム -------------------------------------- */ #Check p.required { display: none; } /*---- google search ----*/ .gsc-control-cse , .gsc-control-cse * { -webkit-box-sizing: content-box; box-sizing: content-box; } .gsc-control-cse { line-height: 1; } /*------------------------------------- テンプレート -------------------------------------*/ /*---- スペシャルコンテンツのテンプレート ----*/ body.special { background: #FFF; } body.special .multiColumn1:last-child , body.special .multiColumn2:last-child , body.special .multiColumn3:last-child , body.special .multiColumn4:last-child , body.special .multiColumn5:last-child { margin-bottom: 0; } body.special .multiColumn1:last-child > div , body.special .multiColumn2:last-child > div , body.special .multiColumn3:last-child > div , body.special .multiColumn4:last-child > div , body.special .multiColumn5:last-child > div { margin-bottom: 0; } body.special .multiColumn1:last-child > div > div:last-child , body.special .multiColumn2:last-child > div > div:last-child , body.special .multiColumn3:last-child > div > div:last-child , body.special .multiColumn4:last-child > div > div:last-child , body.special .multiColumn5:last-child > div > div:last-child { margin-bottom: 0; } /*------------------------------------- コンテンツエリア -------------------------------------*/ /* 別エリア・別パーツ表示 */ .reuse-main-area , .reuse-component { font-size: 0; } /* 別エリア・別パーツ表示内の編集バーを非表示（編集自体は可能） */ .reuse-main-area > * .mgnlEditor , .reuse-component > * .mgnlEditor { display: none !important; } /* 別エリア・別パーツ内のリダイレクトを非表示(リダイレクトされない) */ .reuse-main-area .redirect , .reuse-component .redirect { display: none !important; } /* 別エリア・別パーツ内のリンクリストのサブパーツ追加を非表示 */ .reuse-main-area .link-list li:not([class]):not([id]) , .reuse-component .link-list li:not([class]):not([id]) { display: none !important; } /* -- スマホ用 -- */ @media handheld, only screen and (max-width: 767px) { /* 別エリア・別パーツ内は、カラムレイアウトをリセット */ .reuse-main-area div.column1 , .reuse-main-area div.column2 , .reuse-main-area div.column3 , .reuse-main-area div.column4 , .reuse-main-area div.column5 , .reuse-component div.column1 , .reuse-component div.column2 , .reuse-component div.column3 , .reuse-component div.column4 , .reuse-component div.column5 { display: block; width: auto; margin: auto; } } /*-- リダイレクト --*/ .redirect { font-size: 1rem; margin-bottom: 20px; } /*---- メインエリア ----*/ [role="main"] { font-size: 0; } .multiColumn1 , .multiColumn2 , .multiColumn3 , .multiColumn4 , .multiColumn5 { font-size: 0; margin-bottom: 0; } .column1 , .column2 , .column3 , .column4 , .column5 { font-size: 0; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 5px; } .column1 > * , .column2 > * , .column3 > * , .column4 > * , .column5 > * { font-size: 1rem; } /* インデックス・ワイドモード時、空カラム非表示 */ body[id=index] [role="main"] > *.empty , body[id=index] [role="main"] > * > .column1.empty , body[id=index] [role="main"] > * > .column2 , body[id=index] [role="main"] > * > .column3 , body[id=index] [role="main"] > * > .column4 , body[id=index] [role="main"] > * > .column5 { display: none; } body[id=wide] [role="main"] > * > div.empty { display: none; } /* -- デスクトップ用 -- */ @media print, screen and (min-width: 768px) { #wrapper-3 { width: 100%; float: none; clear: both; } /*-- カラム選択 --*/ .multiColumn1 , .multiColumn2 , .multiColumn3 , .multiColumn4 , .multiColumn5 { clear: both; } .multiColumn1:after , .multiColumn2:after , .multiColumn3:after , .multiColumn4:after , .multiColumn5:after { content: ""; display: block; clear: both; } /*-- インデックスモード --*/ body[id=index] [role="main"] > .multiColumn1 , body[id=index] [role="main"] > .multiColumn2 , body[id=index] [role="main"] > .multiColumn3 , body[id=index] [role="main"] > .multiColumn4 , body[id=index] [role="main"] > .multiColumn5 { clear: none; display: inline-block; vertical-align: top; } body[id=index] [role="main"] > * > div.column1 { width: 100%; margin-right: 0; } /*-- ワイドモード --*/ body[id=wide] [role="main"] > .multiColumn1 , body[id=wide] [role="main"] > .multiColumn2 , body[id=wide] [role="main"] > .multiColumn3 , body[id=wide] [role="main"] > .multiColumn4 , body[id=wide] [role="main"] > .multiColumn5 { display: block; width: 100%; text-align: center; } } /* -- スマホ用 -- */ @media only screen and (max-width: 767px) { /*-- インデックスモード --*/ body[id=index] [role="main"] > .multiColumn1 , body[id=index] [role="main"] > .multiColumn2 , body[id=index] [role="main"] > .multiColumn3 , body[id=index] [role="main"] > .multiColumn4 , body[id=index] [role="main"] > .multiColumn5 { clear: none; display: inline-block; vertical-align: top; } body[id=index] [role="main"] > * > .column1 { float: none; width: 100%; margin-left: 0; margin-right: 0; } /* 強制的に1カラムに */ body[id=index] [role="main"] > .layout_column_sp100 { width: calc(100% - 10px); } /*-- ワイドモード --*/ body[id=wide] [role="main"] > .multiColumn1 , body[id=wide] [role="main"] > .multiColumn2 , body[id=wide] [role="main"] > .multiColumn3 , body[id=wide] [role="main"] > .multiColumn4 , body[id=wide] [role="main"] > .multiColumn5 { display: block; padding: 0 5px; text-align: center; } body[id=wide] [role="main"] > * > .column1 , body[id=wide] [role="main"] > * > .column2 , body[id=wide] [role="main"] > * > .column3 , body[id=wide] [role="main"] > * > .column4 , body[id=wide] [role="main"] > * > .column5 { text-align: left; } } /*--- マルチカラムclass設定例 ---*/ /*--- 決算短信・有報・最新決算資料・説明会資料の自動・手動マージ設定用 ---*/ /* マルチカラム2に設定するclass名： "edit-only" */ /* （初期状態非表示、公開・プレビュー：処理後表示、編集画面：そのまま表示） */ .processed , .edit-only:not(.visible) { display: none !important; } /* class名が設定されてjsが設定されていない場合の編集画面救済措置 */ .mgnlEditor ~* .edit-only:not(.visible) { display: block !important; } /* -- グラフ データラベル 全表示 -- */ .layout_datalable_full .highcharts-data-labels > g { opacity: 1; } /* -- グラフ データラベル 非表示 -- */ .layout_datalable_hide .highcharts-data-labels > g { opacity: 0; } /* -- デスクトップ用 -- */ @media print, screen and (min-width: 768px) { /*-- カラム詰め --*/ .layout_no_side_margin.multiColumn2 > .column1 , .layout_no_side_margin.multiColumn2 > .column2 { width: 50%; margin-right: 0; } .layout_no_side_margin.multiColumn3 > .column1 , .layout_no_side_margin.multiColumn3 > .column2 , .layout_no_side_margin.multiColumn3 > .column3 { width: 33.333%; margin-right: 0; } .layout_no_side_margin.multiColumn4 > .column1 , .layout_no_side_margin.multiColumn4 > .column2 , .layout_no_side_margin.multiColumn4 > .column3 , .layout_no_side_margin.multiColumn4 > .column4 { width: 25%; margin-right: 0; } .layout_no_side_margin.multiColumn5 > .column1 , .layout_no_side_margin.multiColumn5 > .column2 , .layout_no_side_margin.multiColumn5 > .column3 , .layout_no_side_margin.multiColumn5 > .column4 , .layout_no_side_margin.multiColumn5 > .column5 { width: 20%; margin-right: 0; } /*-- カラム内中央寄せ（主にページ内リンク用） --*/ .layout_align_center > div , .layout_pc_align_center > div { text-align: center; } /*-- ＰＣ／ＳＰ切り替え --*/ .layout_sp_flip .reuse-main-area { display: block; } .layout_sp_flip .reuse-main-area .multiColumn2 .column1 { width: 100%; float: none; margin-right: 0; } .layout_sp_flip .reuse-main-area .multiColumn2 .column2 { display: none; } } /* -- スマホ用 -- */ @media only screen and (max-width: 767px) { /* 強制的に1カラムに */ .layout_column_sp100 > .column1 , .layout_column_sp100 > .column2 , .layout_column_sp100 > .column3 , .layout_column_sp100 > .column4 , .layout_column_sp100 > .column5 { width: calc(100% - 10px); } /*-- カラム内中央寄せ（主にページ内リンク用） --*/ .layout_align_center > div , .layout_sp_align_center > div { text-align: center; } /*-- ＰＣ／ＳＰ切り替え --*/ .layout_sp_flip .reuse-main-area { display: block; } .layout_sp_flip .reuse-main-area .multiColumn2 .column1 { display: none; } .layout_sp_flip .reuse-main-area .multiColumn2 .column2 { } } /*-- ヘッダエリア --*/ #panel2-sw , .panel2-sw , .panel2-btn { display: none; } /*-- 番号付きリスト --*/ .layout_ol_paren11 .quoted-text blockquote ol , .layout_ol_paren11 .highlight-quoted-text ol , .layout_ol_paren11 .text-section ol , .layout_ol_paren11 .internal-link-area ol , .layout_ol_paren11 .external-link-area ol , .layout_ol_paren11 .download-link-area ol , .layout_ol_paren11 .faq-item ol , .layout_ol_paren11 .vtable-item ol , .layout_ol_paren11 .ircalendar-title ol , .layout_ol_paren11 .ircalendar-item ol { padding-left: 2.5em; } .layout_ol_paren11 .quoted-text blockquote ol li , .layout_ol_paren11 .highlight-quoted-text ol li , .layout_ol_paren11 .text-section ol li , .layout_ol_paren11 .internal-link-area ol li , .layout_ol_paren11 .external-link-area ol li , .layout_ol_paren11 .download-link-area ol li , .layout_ol_paren11 .faq-item ol li , .layout_ol_paren11 .vtable-item ol li , .layout_ol_paren11 .ircalendar-title ol li , .layout_ol_paren11 .ircalendar-item ol li { list-style-type: none; list-style-position: inside; counter-increment: cnt; position: relative; } .layout_ol_paren11 .quoted-text blockquote ol li:before , .layout_ol_paren11 .highlight-quoted-text ol li:before , .layout_ol_paren11 .text-section ol li:before , .layout_ol_paren11 .internal-link-area ol li:before , .layout_ol_paren11 .external-link-area ol li:before , .layout_ol_paren11 .download-link-area ol li:before , .layout_ol_paren11 .faq-item ol li:before , .layout_ol_paren11 .vtable-item ol li:before , .layout_ol_paren11 .ircalendar-title ol li:before , .layout_ol_paren11 .ircalendar-item ol li:before { content: "(" counter(cnt) ") "; text-align: right; position: absolute; top: auto; left: -2.5em; display: inline; width: 2em; } .layout_ol_paren21 .quoted-text blockquote ol , .layout_ol_paren21 .highlight-quoted-text ol , .layout_ol_paren21 .text-section ol , .layout_ol_paren21 .internal-link-area ol , .layout_ol_paren21 .external-link-area ol , .layout_ol_paren21 .download-link-area ol , .layout_ol_paren21 .faq-item ol , .layout_ol_paren21 .vtable-item ol , .layout_ol_paren21 .ircalendar-title ol , .layout_ol_paren21 .ircalendar-item ol { padding-left: 2.5em; } .layout_ol_paren21 .quoted-text blockquote ol li , .layout_ol_paren21 .highlight-quoted-text ol li , .layout_ol_paren21 .text-section ol li , .layout_ol_paren21 .internal-link-area ol li , .layout_ol_paren21 .external-link-area ol li , .layout_ol_paren21 .download-link-area ol li , .layout_ol_paren21 .faq-item ol li , .layout_ol_paren21 .vtable-item ol li , .layout_ol_paren21 .ircalendar-title ol li , .layout_ol_paren21 .ircalendar-item ol li { list-style-type: none; list-style-position: inside; counter-increment: cnt; position: relative; } .layout_ol_paren21 .quoted-text blockquote ol li:before , .layout_ol_paren21 .highlight-quoted-text ol li:before , .layout_ol_paren21 .text-section ol li:before , .layout_ol_paren21 .internal-link-area ol li:before , .layout_ol_paren21 .external-link-area ol li:before , .layout_ol_paren21 .download-link-area ol li:before , .layout_ol_paren21 .faq-item ol li:before , .layout_ol_paren21 .vtable-item ol li:before , .layout_ol_paren21 .ircalendar-title ol li:before , .layout_ol_paren21 .ircalendar-item ol li:before { content: "" counter(cnt) ") "; position: absolute; top: auto; left: -1.5em; display: inline; } .layout_ol_circled1 .quoted-text blockquote ol , .layout_ol_circled1 .highlight-quoted-text ol , .layout_ol_circled1 .text-section ol , .layout_ol_circled1 .internal-link-area ol , .layout_ol_circled1 .external-link-area ol , .layout_ol_circled1 .download-link-area ol , .layout_ol_circled1 .faq-item ol , .layout_ol_circled1 .vtable-item ol , .layout_ol_circled1 .ircalendar-title ol , .layout_ol_circled1 .ircalendar-item ol { } .layout_ol_circled1 .quoted-text blockquote ol li , .layout_ol_circled1 .highlight-quoted-text ol li , .layout_ol_circled1 .text-section ol li , .layout_ol_circled1 .internal-link-area ol li , .layout_ol_circled1 .external-link-area ol li , .layout_ol_circled1 .download-link-area ol li , .layout_ol_circled1 .faq-item ol li , .layout_ol_circled1 .vtable-item ol li , .layout_ol_circled1 .ircalendar-title ol li , .layout_ol_circled1 .ircalendar-item ol li { list-style-type: none; list-style-position: inside; counter-increment: cnt; position: relative; } .layout_ol_circled1 .quoted-text blockquote ol li:before , .layout_ol_circled1 .highlight-quoted-text ol li:before , .layout_ol_circled1 .text-section ol li:before , .layout_ol_circled1 .internal-link-area ol li:before , .layout_ol_circled1 .external-link-area ol li:before , .layout_ol_circled1 .download-link-area ol li:before , .layout_ol_circled1 .faq-item ol li:before , .layout_ol_circled1 .vtable-item ol li:before , .layout_ol_circled1 .ircalendar-title ol li:before , .layout_ol_circled1 .ircalendar-item ol li:before { content: counter(cnt); position: absolute; top: auto; left: -2em; display: inline-block; width: 1.6em; height: 1.6em; margin-top: 0.3em; border: 1px solid currentColor; border-radius: 100%; white-space: nowrap; font-size: 80%; text-align: center; line-height: 1.6em; } /*-- 番号なしリスト --*/ .layout_ul_star1 .quoted-text blockquote ul , .layout_ul_star1 .highlight-quoted-text ul , .layout_ul_star1 .text-section ul , .layout_ul_star1 .internal-link-area ul , .layout_ul_star1 .external-link-area ul , .layout_ul_star1 .download-link-area ul , .layout_ul_star1 .faq-item ul , .layout_ul_star1 .vtable-item ul , .layout_ul_star1 .ircalendar-title ul , .layout_ul_star1 .ircalendar-item ul { padding-left: 1.5em; } .layout_ul_star1 .quoted-text blockquote ul li , .layout_ul_star1 .highlight-quoted-text ul li , .layout_ul_star1 .text-section ul li , .layout_ul_star1 .internal-link-area ul li , .layout_ul_star1 .external-link-area ul li , .layout_ul_star1 .download-link-area ul li , .layout_ul_star1 .faq-item ul li , .layout_ul_star1 .vtable-item ul li , .layout_ul_star1 .ircalendar-title ul li , .layout_ul_star1 .ircalendar-item ul li { list-style-type: none; list-style-position: inside; position: relative; } .layout_ul_star1 .quoted-text blockquote ul li:before , .layout_ul_star1 .highlight-quoted-text ul li:before , .layout_ul_star1 .text-section ul li:before , .layout_ul_star1 .internal-link-area ul li:before , .layout_ul_star1 .external-link-area ul li:before , .layout_ul_star1 .download-link-area ul li:before , .layout_ul_star1 .faq-item ul li:before , .layout_ul_star1 .vtable-item ul li:before , .layout_ul_star1 .ircalendar-title ul li:before , .layout_ul_star1 .ircalendar-item ul li:before { content: "※"; position: absolute; top: auto; left: -1.5em; display: inline; } .layout_ul_star2 .quoted-text blockquote ul , .layout_ul_star2 .highlight-quoted-text ul , .layout_ul_star2 .text-section ul , .layout_ul_star2 .internal-link-area ul , .layout_ul_star2 .external-link-area ul , .layout_ul_star2 .download-link-area ul , .layout_ul_star2 .faq-item ul , .layout_ul_star2 .vtable-item ul , .layout_ul_star2 .ircalendar-title ul , .layout_ul_star2 .ircalendar-item ul { padding-left: 1.5em; } .layout_ul_star2 .quoted-text blockquote ul li , .layout_ul_star2 .highlight-quoted-text ul li , .layout_ul_star2 .text-section ul li , .layout_ul_star2 .internal-link-area ul li , .layout_ul_star2 .external-link-area ul li , .layout_ul_star2 .download-link-area ul li , .layout_ul_star2 .faq-item ul li , .layout_ul_star2 .vtable-item ul li , .layout_ul_star2 .ircalendar-title ul li , .layout_ul_star2 .ircalendar-item ul li { list-style-type: none; list-style-position: inside; position: relative; } .layout_ul_star2 .quoted-text blockquote ul li:before , .layout_ul_star2 .highlight-quoted-text ul li:before , .layout_ul_star2 .text-section ul li:before , .layout_ul_star2 .internal-link-area ul li:before , .layout_ul_star2 .external-link-area ul li:before , .layout_ul_star2 .download-link-area ul li:before , .layout_ul_star2 .faq-item ul li:before , .layout_ul_star2 .vtable-item ul li:before , .layout_ul_star2 .ircalendar-title ul li:before , .layout_ul_star2 .ircalendar-item ul li:before { content: "＊"; position: absolute; top: auto; left: -1.5em; display: inline; } .layout_ul_star3 .quoted-text blockquote ul , .layout_ul_star3 .highlight-quoted-text ul , .layout_ul_star3 .text-section ul , .layout_ul_star3 .internal-link-area ul , .layout_ul_star3 .external-link-area ul , .layout_ul_star3 .download-link-area ul , .layout_ul_star3 .faq-item ul , .layout_ul_star3 .vtable-item ul , .layout_ul_star3 .ircalendar-title ul , .layout_ul_star3 .ircalendar-item ul { padding-left: 1.5em; } .layout_ul_star3 .quoted-text blockquote ul li , .layout_ul_star3 .highlight-quoted-text ul li , .layout_ul_star3 .text-section ul li , .layout_ul_star3 .internal-link-area ul li , .layout_ul_star3 .external-link-area ul li , .layout_ul_star3 .download-link-area ul li , .layout_ul_star3 .faq-item ul li , .layout_ul_star3 .vtable-item ul li , .layout_ul_star3 .ircalendar-title ul li , .layout_ul_star3 .ircalendar-item ul li { list-style-type: none; list-style-position: inside; position: relative; } .layout_ul_star3 .quoted-text blockquote ul li:before , .layout_ul_star3 .highlight-quoted-text ul li:before , .layout_ul_star3 .text-section ul li:before , .layout_ul_star3 .internal-link-area ul li:before , .layout_ul_star3 .external-link-area ul li:before , .layout_ul_star3 .download-link-area ul li:before , .layout_ul_star3 .faq-item ul li:before , .layout_ul_star3 .vtable-item ul li:before , .layout_ul_star3 .ircalendar-title ul li:before , .layout_ul_star3 .ircalendar-item ul li:before { content: "★"; position: absolute; top: auto; left: -1.5em; display: inline; } .layout_ul_star4 .quoted-text blockquote ul , .layout_ul_star4 .highlight-quoted-text ul , .layout_ul_star4 .text-section ul , .layout_ul_star4 .internal-link-area ul , .layout_ul_star4 .external-link-area ul , .layout_ul_star4 .download-link-area ul , .layout_ul_star4 .faq-item ul , .layout_ul_star4 .vtable-item ul , .layout_ul_star4 .ircalendar-title ul , .layout_ul_star4 .ircalendar-item ul { padding-left: 1.5em; } .layout_ul_star4 .quoted-text blockquote ul li , .layout_ul_star4 .highlight-quoted-text ul li , .layout_ul_star4 .text-section ul li , .layout_ul_star4 .internal-link-area ul li , .layout_ul_star4 .external-link-area ul li , .layout_ul_star4 .download-link-area ul li , .layout_ul_star4 .faq-item ul li , .layout_ul_star4 .vtable-item ul li , .layout_ul_star4 .ircalendar-title ul li , .layout_ul_star4 .ircalendar-item ul li { list-style-type: none; list-style-position: inside; position: relative; } .layout_ul_star4 .quoted-text blockquote ul li:before , .layout_ul_star4 .highlight-quoted-text ul li:before , .layout_ul_star4 .text-section ul li:before , .layout_ul_star4 .internal-link-area ul li:before , .layout_ul_star4 .external-link-area ul li:before , .layout_ul_star4 .download-link-area ul li:before , .layout_ul_star4 .faq-item ul li:before , .layout_ul_star4 .vtable-item ul li:before , .layout_ul_star4 .ircalendar-title ul li:before , .layout_ul_star4 .ircalendar-item ul li:before { content: "*"; position: absolute; top: auto; left: -1em; display: inline; } /* マルチ２一覧 タブ非表示 */ .layout_no_tabs .basic-list .yearTabs , .layout_no_tabs .basic-list-english .yearTabs , .layout_no_tabs .basic-list .tabs , .layout_no_tabs .basic-list-english .tabs { display: none; } .layout_no_year .basic-list .yearTabs , .layout_no_year .basic-list-english .yearTabs { display: none; } .layout_no_category .basic-list .tabs , .layout_no_category .basic-list-english .tabs { display: none; } /*-- 特殊装飾(decorate.js) --*/ em.decorated { font-style: inherit !important; font-family: inherit !important; } em.decorated span.overhead { white-space: nowrap; display: inline-block; line-height: 1; text-align: center; } em.decorated span.overhead span { display: inline-block; font-size: 70%; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } em.decorated span.sup { font-size: 70%; vertical-align: top; position: relative; top: -0.1em; } em.decorated span.sub { font-size: 70%; vertical-align: bottom; position: relative; top: 0.1em; } /*-- ShareWith logo --*/ a.sw_logo { padding: 0 !important; display: inline-block; width: 100px; height: 19px; background: url(../png/sw_logo.png) no-repeat left top !important; background-size: contain; font-size: 0; vertical-align: text-top; margin-left: 5px; } a.sw_logo:before , a.sw_logo:after { content: none !important; } a.sw_logo:hover { opacity: 0.7; } /*-- ハードポイント用スタイルリセット promos・footer別パーツ表示用 --*/ /* 通常パーツ設定をこの設定で上書きし、さらに後からセレクタにid指定を入れて上書きする */ body * * .reset *:not(.mgnlEditor):not(.mgnlEditorBarLabel):not(.mgnlEditorBarButtons):not(.editorIcon):before , body * * .reset *:not(.mgnlEditor):not(.mgnlEditorBarLabel):not(.mgnlEditorBarButtons):not(.editorIcon):after , body * * .reset *:not(.mgnlEditor):not(.mgnlEditorBarLabel):not(.mgnlEditorBarButtons):not(.editorIcon) { content: none; margin: auto; padding: 0; clear: none; vertical-align: inherit; text-align: inherit; font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; text-decoration: inherit; line-height: inherit; letter-spacing: inherit; float: none; position: static; width: auto; height: auto; min-width: auto; min-height: auto; max-width: none; max-height: none; top: auto; left: auto; right: auto; bottom: auto; border-radius: 0; border: none; background: none; outline: none; opacity: 1; text-shadow: none; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; } #site-info .reset a , #promos1 .reset a , #promos2 .reset a , #promos3 .reset a { cursor: pointer; } #site-info .reset img , #promos1 .reset img , #promos2 .reset img , #promos3 .reset img { max-width: 100%; } /* #site-info .reset a:hover img , #promos1 .reset a:hover img , #promos2 .reset a:hover img , #promos3 .reset a:hover img { opacity: 0.7; } */ /*----------------------------------------------*/ /* モーダルダイアログ補整 */ @media screen and (max-width: 468px) { .modaal-video-wrap { margin-left: 0px; margin-right: 0px; } }