.cp-text-col2 .cp-text-l { float:left; width: 48%; } .cp-text-col2 .cp-text-r { float:right; width: 48%; } .cp-text-col3 .cp-text-l { float:left; width: 30%; margin-right: 20px; } .cp-text-col3 .cp-text-r { float:right; width: 30%; } .cp-text-col4 .cp-text-l { float:left; width: 22%; } .cp-text-col4 .cp-text-r { float:right; width: 22%; } .cp-img-r { float:right; } .cp-img-c { text-align:center } .cp-img-c img { margin: 0 auto; } .cp-ti .cp-text { float:left; width: 48%; } .cp-ti .cp-img { float:right; width: 48%; } .cp-it .cp-img { float:left; width: 48%; } .cp-it .cp-text { float:right; width: 48%; } .cp-img-col2 .cp-col-01 { float:left; width: 48%; } .cp-img-col2 .cp-col-02 { float:right; width: 48%; } .cp-img-col3 .cp-col-01 { float:left; width: 30%; } .cp-img-col3 .cp-col-02 { float:left; width: 30%; } .cp-img-col3 .cp-col-03 { float:right; width: 30%; } .cp-img-col4 .cp-col-01 { float:left; width: 22%; } .cp-img-col4 .cp-col-02 { float:left; width: 22%; } .cp-img-col4 .cp-col-03 { float:left; width: 22%; } .cp-img-col4 .cp-col-04 { float:right; width: 22%; } .cp-wp { background:#FAFAFA; border:1px solid #CCC; padding:20px; } .cp-text-col2 .cp-text-l { float:left; width: 48%; } .cp-text-col2 .cp-text-r { float:right; width: 48%; } .cp-text-col3 .cp-text-l { float:left; width: 30%; margin-right: 20px; } .cp-text-col3 .cp-text-r { float:right; width: 30%; } .cp-text-col4 .cp-text-l { float:left; width: 22%; } .cp-text-col4 .cp-text-r { float:right; width: 22%; } .cp-img-c { text-align:center } .cp-img-c img { margin: 0 auto; } .cp-wp { background:#FAFAFA; border:1px solid #CCC; padding:20px; } .cp-ti .cp-text { float:left; width: 48%; } .cp-ti .cp-img { float:right; width: 48%; } .cp-wp { background:#FAFAFA; border:1px solid #CCC; padding:20px; } .cp-it .cp-img { float:left; width: 48%; } .cp-it .cp-text { float:right; width: 48%; } .cp-wp { background:#FAFAFA; border:1px solid #CCC; padding:20px; } .cp-space-L { height:45px; clear: both; } .cp-space-M { height:30px; clear: both; } .cp-space-S { height:15px; clear: both; } .cp-solid { border-top:1px solid #ccc; } .cp-solid hr{ display:none; } .cp-dotted { border-top:1px dotted #ccc; } .cp-dotted hr{ display:none; } #slides { display: none; } .visible #slides { display: block; } .loading { width: 100%; height: 530px; margin: auto; background-image: url(/jp/albums/abm00008640.gif); background-repeat: no-repeat; background-position: center center; } .loading img { text-align: center; margin: auto; } @media screen and (max-width: 680px) { .loading { height: auto; } } /* Slider */ .slick-slider{ position: relative; display: block; max-width:1170px; margin:0 auto; -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; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .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); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img{ margin:0 auto; display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /**/ .slider-wrap { background:url(/jp/albums/abm00004503.jpg); } .slick-list { max-width:1170px; margin:0 auto; padding:0 !important; } .slider button { width:50px; height:50px; border:none 0; text-indent:-9999px; margin-top: -50px; position: absolute; top: 50%; cursor:pointer; } .slick-prev { background:url(/jp/albums/abm00007573.png) 0 0 no-repeat transparent; left: 0; } .slick-next { background:url(/jp/albums/abm00007572.png) 0 0 no-repeat transparent; right: 0; } body ul.info-menu.add_banner li.support a { margin-right: 10px; background: url(/jp/albums/abm00024362.png) no-repeat; background-color: #f6f6f9; padding-top: 41px !important; } body ul.info-menu.add_banner li.access a { background: url(/jp/file_ecyber/images/common/header_icon_a.png) no-repeat; margin-right: 10px; background-color: #f6f6f9; } @media screen and (max-width: 900px) { body ul.info-menu.add_banner li { max-width: 140px; min-width: 130px; } } @media screen and (max-width: 900px) { body ul.info-menu.add_banner li a { padding-right: 15px; padding-left: 15px; } } @media screen and (max-width: 900px) { body ul.info-menu.add_banner li a padding-right: 15px; padding-left: 15px; } }