@charset "utf-8"; /*------------------------------------------------ file: style.css ------------------------------------------------*/ /* reset -----------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;} article, aside, dialog, figure, footer, header, h1,h2,h3,h4,h5,h6{font-weight:normal;} hgroup, nav, section {display:block;} ol, ul, dl, li{list-style: none; padding:0;margin:0;} caption,th {text-align:left;font-weight:normal; font-size:100%;} input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;border-radius: 0;} a {outline: none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;} table { border-collapse:collapse;border-spacing:0; } img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;} /* Body */ @font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 100;} @font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 200;} @font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 300;} @font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 400;} @font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Bold");font-weight: bold;} @font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 100;} @font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 200;} /* IE10以上 */ @media all and (-ms-high-contrast: none){html { font-family: Verdana, Meiryo, sans-serif;}} @media all and (-ms-high-contrast: active) {html {font-family: Verdana, Meiryo, sans-serif;}} html, body {position:relative;z-index:0;height: 100%;color:#333;background:#F8F9FA;font-weight:400;/*letter-spacing:.05em;*/line-height:1.6;-webkit-print-color-adjust: exact;word-break: break-all;-webkit-text-size-adjust: 100%;font-family: 'Noto Sans JP' ,"-apple-system", "Helvetica Neue", "Custom Yu Gothic", YuGothic, Verdana, YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;} html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */} body {font-size: 1.6rem;overflow-wrap:break-word;word-break:break-all;word-wrap: break-word} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} /* メインカラー #A51D35 rgba(165,29,53,1) */ /* header ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ .onHelpIcon{margin:0 5px;display:none;} .onHelpIcon.hpOn{display:inline-block;} .onHelpIcon a{color:#4285F4;} .onHelpIcon a:after{position:relative !important;content:"\f059";font-family: FontAwesome;font-size:20px;display:inline-block;line-height:0;} #fixedHeader .logo.plans .onHelpIcon{position:absolute;top:-13px;right:-25px;} /* header logo */ /* 本番 */ #fixedHeader .logo{position:relative;width:190px;margin:0 auto;background:url(../img/com/logo2.svg); background-size:190px;background-repeat:no-repeat;background-position:50% 5px;} #fixedHeader .logo.plans p{position:absolute;bottom:4px;left:47px;font-size:10px;transform:scale(.9,.9);} #fixedHeader .logo.plans p span{font-size:10px;letter-spacing:.08em;line-height:1;display:inline-block;border-radius:3px;color:#fff;padding:1px 4px 2px 4px;} #fixedHeader .logo.plans .bk0 span{background:#666;} #fixedHeader .logo.plans .bk1 span{background:#E57373;} #fixedHeader .logo.plans .bk2 span{background:#26A69A;} #fixedHeader .logo.plans .bk3 span{background:#005DA5;} #fixedHeader .logo.plans .bk4 span{background:#BCAA61;} #fixedHeader .logo.plans .bkYadoriki span{background:#e50008;} /* 開発 */ #fixedHeader.dev{background:url(../img/bg/bg01.png) 0 0 repeat !important;} @media screen and (min-width:768px){ #fixedHeader.dev .logo{position:relative;width:190px;margin:0 auto;background:url(../img/com/logo.svg); background-size:190px;background-repeat:no-repeat;background-position:50% 5px;} #fixedHeader.dev .logo.plans p{position:absolute;bottom:4px;right:3px;left:auto;font-size:10px;transform:scale(.9,.9);} } @media screen and (max-width:767px){ #fixedHeader .logo.plans .onHelpIcon{right:0;} #fixedHeader .logo{width:115px;background:url(../img/com/logo_mark.svg);background-size:42px;background-repeat:no-repeat;background-position:10px 50%;} #fixedHeader .logo.plans{width:105px;background:url(https://www.andplus.site/img/com/logo_mark.svg); background-size:42px;background-repeat:no-repeat;background-position:10px 50%;} #fixedHeader .logo.plans p{bottom:3px;right:0;left:38px;transform:scale(.8);} #fixedHeader.dev .logo.plans p{bottom:3px;right:0;left:50px;transform:scale(.8);} #fixedHeader.dev .logo{width:115px;background:url(../img/com/logo_mark.svg);background-size:42px;background-repeat:no-repeat;background-position:10px 50%;} } #fixedHeader{position:fixed;display:table;z-index:1001; margin:0 auto;width:100%;background:#fafafa;padding:5px 15px;width:100%;height:60px;border-bottom:1px solid #E3E5E8;} /*#fixedHeader .logo{position:relative;width:204px;margin:0 auto;background:url(../img/com/logo.svg);background-size:204px;background-repeat:no-repeat;background-position:50%;}*/ #fixedHeader .logo a{width:100%;height:49px;display:block;} #fixedHeader .user{margin-right:14px;text-align:right;} #fixedHeader .logo, #fixedHeader .user{display:table-cell;vertical-align:middle;} #fixedHeader .user{position:relative;} #fixedHeader .help{position:absolute;z-index:1;top:8px;right:119px;font-size:26px;} #fixedHeader .help.on a{color:#4285F4;} #contactlButton{position: absolute;z-index: 1;top:10px;right:168px;font-size:24px;} #fixedHeader .notification{position:absolute;z-index:1;top:11px;right:75px;} #fixedHeader .notification .dropdown-trigger{display:block;height:40px;} #fixedHeader .notification .icon{font-size:22px;padding-top:0;display: block;} #fixedHeader .notification badge{position:absolute;display:inline-block;top:-2px;right:-7px;color:#fff;background-color:#c00;width:20px;height:20px;border-radius:50%;line-height:20px;font-size:10px;text-align:center;cursor:pointer;} #fixedHeader .notification badge::before{content:'';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-animation: pulse 1s ease infinite;border-radius: 50%;border:4px double #c00;animation: pulse 1s ease infinite;} @-webkit-keyframes pulse{0%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}60%{-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0.4;}100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0;}} @keyframes pulse{0%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}60%{-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0.4;}100%{-webkit-transform: scale(1.4);transform: scale(1.4);opacity: 0;}} /*#notificationModal.dropdown-content{max-height:500px;max-width:400px;width:100%!important;min-width:300px;}*/ #notificationModal li a{position:relative;font-size:14px;padding-left:47px;} #notificationModal li.noNotice a{padding-left:17px;} #notificationModal li img{position:absolute;top:20px;left:10px;} #notificationModal li .time{font-size:12px;display:block;color:#777;} #fixedHeader .user badge{position: absolute;top:2px;right:28px;color:#fff;background-color:#c00;width:18px;height:18px;border-radius:50%;line-height:18px;font-size:10px;text-align:center;cursor:pointer;} /* メニュー */ .gNavi{position:fixed;z-index:1000;top:60px;height:100%;background:#F8F9FA;box-shadow:none;} .gNavi ul{position:absolute;width:100%;z-index:5;height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;} .gNavi li.item i{width:24px;font-size:20px;margin-left:7px;padding-top:2px;} .gNavi li.item span{display:inline-block;vertical-align:top;padding-left:17px;} .gNavi li.item{border-bottom:1px solid #E4E5E6;} .gNavi li.item a{position:relative; overflow:hidden;display:block;padding:13px 15px 9px 15px;text-decoration:none;font-size:14px;height:48px;width:230px;color: rgba(0,0,0,0.54);} .gNavi li.item a:hover{background:#DADCE0;color:#3C4043;} .gNavi li.item:last-child:after{content:none;padding-left:0;} .gNavi li.item n{position:absolute;top:3px;left:17px;display:block;font-size:10px;line-height:1;background:#f00;color:#fff;border-radius: 3px;padding: 1px 3px 1px 3px;transform: scale(0.85);letter-spacing:.05em;} .gNavi li:last-child{margin-bottom:103px;} .gNavi li .orgNIc{width:24px;margin-left:4px;} .arwBtn{position:fixed;bottom:0;padding:10px 12px 10px 10px;z-index:1200;background:#F8F9FA;} .arwBtn div{position:relative;border-radius:50%;width:40px;height:40px;cursor: pointer;} .arwBtn div{background:rgba(222, 223, 224,0.9);} .arwBtn p { position: relative; width:10px; height:10px; cursor: pointer;top:14px;left:14px;} .arwBtn span { display: block; position: absolute; height: 2px; width: 100%; background: #555; left: 0;transition:all .15s ease;} .arwBtn span:nth-child(1) { top: 1px; -webkit-transform: rotate(230deg); -moz-transform: rotate(230deg); transform: rotate(230deg);} .arwBtn span:nth-child(2) { top: 7px; -webkit-transform: rotate(-230deg); -moz-transform: rotate(-230deg); transform: rotate(-230deg);} .rotate.arwBtn span:nth-child(1) { top: 1px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);} .rotate.arwBtn span:nth-child(2) { top: 7px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);} .onSelect a{background:#fff !important;color:#A51D35!important;} .onSelect i{color:#A51D35 !important;} /* スクロールバー */ .scrollBar::-webkit-scrollbar{width:5px;} .scrollBar::-webkit-scrollbar-track{background: #fff;border-left: solid 1px #ececec;} .scrollBar::-webkit-scrollbar-thumb{background: #ccc;border-radius:5px;box-shadow: inset 0 0 0 1px #fff;} .anmtrs {-webkit-transition:all .35s ease; -moz-transition:all .35s ease; -ms-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease;} .gNaviWsml{width:62px;} .gNaviWlag{width:230px;} .gNaviWlag .arwBtn{padding:10px 8px 10px 177px;} /* アカウントレイアウト */ .membersAccount{display:table;table-layout:fixed;padding:0 10px 0 10px;height:95px;} .membersAccount .thum, .membersAccount .name{display:table-cell;vertical-align:middle;} .membersAccount .name{font-size:1.2rem;padding-left:10px;} .membersAccount .thum{position:relative;width:50px;} @media screen and (min-width:768px){ .gNavi{left:0;} .open.gNavi{left:-150px;} } @media screen and (max-width:767px){ .gNavi{left:-230px;} .arwBtn{display:none;} #fixedHeader .user{width:40px;} .gNavi{width:230px!important;padding-bottom:100px;} .gNavi li.item span{visibility:visible!important;} /* メニューボタン */ .hbgBtn {display:table-cell;width:40px;vertical-align:top;z-index:1000;padding-top:2px;} .hbgBtn div {position: relative; width:40px; height:47px; cursor: pointer;} .hbgBtn span { display: block; position: absolute; height: 2px; width:26px; background: #555;left:5px;border-radius: 5px;-webkit-transition:all .35s ease; -moz-transition:all .35s ease; -ms-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease; } .hbgBtn span:nth-child(1) {top:13px;} .hbgBtn span:nth-child(2) {top:22px;} .hbgBtn span:nth-child(3) {top:31px;} /* /* メニューボタン 切り替えアニメーション */ .hbgBtn .open span:nth-child(1) {top: 22px;transform: rotate(45deg);} .hbgBtn .open span:nth-child(2) {width: 0; left: 50%;} .hbgBtn .open span:nth-child(3) {top: 22px;transform: rotate(-45deg);} /* .nav スライドアニメーション */ .open.gNavi {left:0;} } /* footer ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ footer{font-size:13px;padding:10px 25px;text-align:center;} footer p{width:100%;text-align:center;vertical-align: bottom;font-size:1.2rem;line-height:1.4;letter-spacing: .05em;} footer .security{text-align:center;margin:2em auto 1em auto;} footer .link a{display:inline-block;padding:0 5px;color:#005c9c} footer .link a:hover{text-decoration:underline;} footer .link a:after:hover{text-decoration:none;} footer .link a:after{content:'|';padding-left:10px;text-decoration:none;} footer .link a:last-child:after{content:none;} /* pagetop */ .pageTop { position:fixed; bottom:0; right:10px; z-index:50;} .pageTop img{ width:45px;} .pageTop a { display:block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;} @media screen and (max-width:768px){ /* footer_l */ #footer .security .thum{ display:inline-block;width:115px; margin:0 0.5em 1em 0;} #footer .security p{display:inline-block;width:90%; line-height:1.5;vertical-align:top;text-align:center;font-size:12px;} } /* mメンバーマスター　新規登録 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /*　チェックボックス　グリッドレイアウト */ .checkboxList{position:relative; overflow:hidden;margin:10px 0 0 0;} .checkboxList li{float:left;padding:0 0 10px 0;margin:0 2% 0 0;width:18.4%;} .checkboxList li:nth-child(5n){margin-right:0;} .checkboxList li label{display:block;cursor: pointer;} /*.checkboxList li label span{font-size:1.6rem;}*/ @media screen and (max-width:1119px){ .checkboxList li{width:32%;} .checkboxList li:nth-child(5n){margin-right:2%;} .checkboxList li:nth-child(3n){margin-right:0;} } @media screen and (max-width:768px){ .checkboxList li{width:49%;} .checkboxList li:nth-child(3n){margin-right:2%;} .checkboxList li:nth-child(2n){margin-right:0;} } @media screen and (max-width:600px){ .checkboxList li{width:100%;float:none;} } /******************************************** * 汎用 ********************************************/ #root{position:relative;padding-top:56px;margin:0 auto;padding-left:230px;} #root.naviClose{padding-left:62px;} #root.subPage{background:#fff;min-height:100%;} #root.subPage .inner{padding:0 20px;} .inner{width:100%;margin:0 auto;padding:0 47px;} section{position:relative;margin:0 auto 47px auto;} @media screen and (max-width:767px){ #root{padding-left:0!important;} .inner{width:100%;margin:0 auto;padding:0 25px;} } /* タイトル */ #pageTitle{font-size:20px;padding:0 0 0 15px;border-left:1px solid rgba(0,0,0,0.1);margin:8px 0 0 30px;} h3{margin-bottom:10px;letter-spacing: .05em;} .tt1{position:relative;border-top:2px solid #555;border-bottom:2px solid #555;padding:5px 10px;margin-bottom:1em;} .tt1 img{vertical-align:top;margin:3px 5px 0 0;} .tt2{border-bottom:2px solid #555;} .tt3{background:#333;padding:2px;color:#fff;} .tt3 span{display:block;border:1px solid #ccc;padding:3px 10px;} /* boxレイアウト */ .boxShadow{background:#fff;border-radius:2px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);padding:20px;} .bsn{box-shadow:none !important;} /* ぱんくず */ .pan {position:relative; overflow:hidden;width:100%;font-size:11px;padding:2px 0;position:relative;display: block; overflow: hidden;margin:0 auto 7px auto;} .pan p{display: table;line-height:2;margin:0 0 0 auto;padding:0 10px;} .pan span { display: table-cell;white-space: nowrap;color: rgba(0,0,0,0.54);} .pan span:after {margin: 0 6px 0 8px; content:"\f105";font-family: FontAwesome; color:#aaa;} .pan span:last-child:after { content: ''; display: none;} .pan a { display: inline; color: inherit;color: rgba(0,0,0,0.54);text-decoration:underline;} .pan a:hover{text-decoration:none;} .pnHome:before{content:"\f015";font-family: FontAwesome;display:inline-block;padding:1px 3px 0 0;vertical-align:top;} @media screen and (max-width:767px){ h2{display:none;} .pan p{margin:0;padding:0;} } /******************************************** * table　ベーシック ********************************************/ .adminTable1 table {background-color:#fff;width:100%;font-size:14px;} .adminTable1 table {border-collapse: collapse;} .adminTable1 table tr{text-align:left;} .adminTable1 table, .adminTable1 table th, .adminTable1 table td {border:#ddd solid 1px;vertical-align: middle;padding:5px;word-break: break-all;line-height:1.4;} .adminTable1 table th img{display: table-cell;max-width:100%;height: auto;} /* 背景あり */ .adminTable1.type1 tbody tr:nth-child(odd) {background-color:rgba(242, 242, 242, 0.5);} /******************************************** * table　ストライプ ********************************************/ .adminTable2 table {background-color:#fff;width:100%;font-size:14px;} .adminTable2 table {border-collapse: collapse;} .adminTable2 table tr{text-align:left;} .adminTable2 table, .adminTable2 table th, .adminTable2 table td {border-bottom:#ddd solid 1px;vertical-align: middle;padding:5px;word-break: break-all;line-height:1.4;} .adminTable2 table th img{display: table-cell;max-width:100%;height: auto;} .adminTable2 table thead{border-bottom:#ddd solid 2px;} /* 背景あり */ .adminTable2.type1 tbody tr:nth-child(odd) {background-color:rgba(242, 242, 242, 0.5);} /******************************************** * table　レスポンシブ ********************************************/ .adminTable3 table {width:100%;display:table;font-size:14px;} .adminTable3 table tr{border-bottom:1px solid rgba(0,0,0,0.1);} .adminTable3 table th, .adminTable3 table td{padding:8px 15px;display:table-cell;text-align:left;vertical-align:middle;} @media screen and (max-width:767px) { .adminTable3 table {width:100%;border-collapse: collapse;border-spacing: 0;display: block;position: relative;} .adminTable3 table th, .adminTable3 table td {margin:0;vertical-align:top;} .adminTable3 table th {text-align:left;} .adminTable3 table thead {display:block;float:left;} .adminTable3 table thead tr {display:block;padding:0 10px 0 0;} .adminTable3 table thead tr th::before {content:"\00a0";} .adminTable3 table tbody {display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap;} .adminTable3 table tbody tr {display:inline-block;vertical-align:top;} .adminTable3 table th {display:block;text-align:right;} .adminTable3 table td {display:block;text-align:left;border-bottom:1px solid rgba(0,0,0,0.1);} .adminTable3 table tr {border-bottom:none;} .adminTable3 table thead {border:0;border-right:1px solid rgba(0,0,0,0.12);} } /******************************************** * table　微調整 ********************************************/ .tableHl > tbody > tr {-webkit-transition: background-color .25s ease;transition: background-color .25s ease;cursor: pointer;} .tableHl > tbody > tr:hover {background-color: rgba(242, 242, 242, 0.7);} .tableScroll{overflow: auto;white-space: nowrap;} .tableScroll::-webkit-scrollbar{ height: 5px;} .tableScroll::-webkit-scrollbar-track{ background: #F1F1F1;} .tableScroll::-webkit-scrollbar-thumb {background: #BCBCBC;} @media screen and (max-width:1000px) { .tableScroll.ts1000 table{width:1000px !important;} } /*ページャー*/ .tablePagination{margin-top:15px;text-align:right;} .tablePagination select.browser-default{display:inline-block;} .tablePagination label{font-size:1.15rem;margin-top:4px;} .tablePagination select, .tablePagination input{font-size:1.2rem!important;width:auto!important;} .tablePagination input{width:50px!important;} .tablePagination .arwPager{display:inline-block;wiidth:40px;vertical-align:middle;margin:2px 5px;} .tablePagination .arwPager li{width:24px;display:inline-block;} .tablePagination .arwPager li a{border-top: 1px solid bbb;border-right: 1px solid #bbb;border-bottom: 1px solid bbb;border-left: 1px solid #bbb;color: #222;cursor: pointer;display: block;float: left;font-size: 16px;height:24px;line-height:20px;padding: 0px 10px;text-align: center;text-decoration: none;text-shadow: 0 1px 0px #eee;} .numberPager {width:100%;margin:1em auto;text-align:center;} .numberPager ul {text-align:center;} .numberPager li {margin:0 0.2%;display:inline-block;vertical-align:middle;} .numberPager li:last-child{margin-right:0;} .numberPager li .btn{box-shadow:none;color:#333;} .numberPager li .btn:hover{background:rgba(0,0,0,0.05)!important;} .numberPager li.prev a, .numberPager li.next a{font-size:24px;} .numberPager .lnk a {background:#424242 !important;color:#fff;text-decoration: none;display: block;cursor:default;pointer-events: none;} /* 日・週 ページャー */ .dwPagination ul{display:-webkit-flex;display:flex;justify-content:center;align-content: space-between;flex-wrap: wrap;} .dwPagination li{margin:0 5px 10px 5px;border-radius: 2px;text-align: center;} .dwPagination li.toDay{margin:0 8px 10px 8px;} .dwPagination li a {color: #444;display: inline-block;font-size: 1.2rem;padding: 0 10px;line-height:36px;} .dwPagination li.disabled, .dwPagination li.disabled a{cursor: default;color: #aaa;pointer-events:none;} .dwPagination .prevMonth a:before, .dwPagination .prevDay a:before, .dwPagination .nextDay a:after, .dwPagination .nextMonth a:after{font-family: FontAwesome;} .dwPagination .prevMonth a:before{content:"\f100";padding-right:5px;} .dwPagination .prevDay a:before{content:"\f104";padding-right:5px;} .dwPagination .nextDay a:after{content:"\f105";padding-left:5px;} .dwPagination .nextMonth a:after{content:"\f101";padding-left:5px;} @media only screen and (max-width:540px) { .dwPagination li.toDay{order:-1;width: 100%;} } /* 米印 */ .listItem1{font-size:14px;margin:1em 0;} .listItem1 li:before{ content: "※"; position:absolute;left:0;padding-right:5px;font-size:12px;vertical-align: top;display:inline-block;font-weight:bold;} /* 四角 */ .listItem2{font-size:14px;margin:1em 0;} .listItem2 li:before{ content: "■"; position:absolute;left:0;padding-right:5px;font-size:12px;vertical-align: top;display:inline-block;font-weight:bold;} /* 三角 */ .listItem3{font-size:14px;margin:1em 0;} .listItem3 li:before{content:'';display:block; position:absolute; box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;top:4px; left:2px; height:0; width:0; border-top: 5px solid transparent;border-right: 6px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #333;} /* セレクト　デザイン */ .selectGroup select {cursor: pointer;outline: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: "";background-color: transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 48px;padding: 8px 24px 8px 10px;border-bottom: 1px solid #ddd;width: 100%;} .selectGroup select option {background: #fff;color: #333;padding:3px 12px;} .selectGroup select optgroup{display:none;} .selectGroup select::-ms-expand {display: none;} .selectGroup select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;} .selectGroup {position: relative;max-width:250px;} .selectGroup:before {position: absolute;z-index:1;right: 10px;top: 0;content:"\f0d7";font-family: fontAwesome;line-height: 48px;color: #777;pointer-events: none;font-size:12px;} .selectGroup div:before {color: #fff;} .selectGroup div > select {background: #fff;color: #333;border-color:#ddd;} .selectGroup div > select:-moz-focusring {color: transparent;} /* スクロールバー */ /*スクロールバーの幅*/ ::-webkit-scrollbar{width:10px;height:10px;} /*スクロールバー　背景色*/ ::-webkit-scrollbar-track{border-radius:30px;background:#eee;} /*スクロールバーのつまみ*/ ::-webkit-scrollbar-thumb{border-radius:30px;background:#aaa;} /* 改行 */ @media screen and (max-width:991px){.brNone991{display:none;}} @media screen and (max-width:800px){.brNone800{display:none;}} @media screen and (max-width:767px){.noneParts767,.brNone767{display:none;}} @media screen and (max-width:640px){.brNone640{display:none;}} @media screen and (max-width:480px){.brNone480{display:none;}} @media screen and (max-width:320px){.brNone320{display:none;}} /* ローディング */ /* 1 */ #loaderBg{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color:rgba(0,0,0,0.6); z-index: 9000;} /* 2 */ #loaderBg2{display:none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color:rgba(0,0,0,0.6); z-index: 9000;} #loaderBg2 p{text-align:center;font-size:16px;line-height:1.5;background:rgba(255,255,255,.85);border-radius:3px;padding:13px 3px 10px 3px;} #loaderBg2 p img{display:block;margin:0 auto 8px auto; width:100px;} #loaderBg2 .loading{width:120px;} /* 3 */ #loaderBg3{display:none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color:rgba(0,0,0,0.6); z-index: 9000;} #loaderBg3 p{text-align:center;font-size:16px;line-height:1.5;background:rgba(255,255,255,.85);border-radius:3px;padding:13px 3px 10px 3px;} #loaderBg3 p img{display:block;margin:0 auto 8px auto; width:100px;} #loaderBg3 .loading{width:120px;} .loading{position: absolute;width:100px;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} /* 共通マーク：マスター設定を適用 */ .masterOn{line-height: 1.5;display:inline-block; background: #900; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：別途指定あり */ .otherSetOn{line-height: 1.5;display:inline-block; background:#ffef00; color:#1c0b5a; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：会員割引あり */ .couponSetOn{line-height: 1.5;display:inline-block; background:#990000; color:#fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：宿泊専用プラン */ .stayOnlyOn{line-height: 1.5;display:inline-block; background: #dc6000; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：デイユース専用プラン */ .dayuseOnlyOn{line-height: 1.5;display:inline-block; background: #009e4c; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：人数販売 */ .typePeopleOnlyOn{line-height: 1.5;display:inline-block; background: #ad6838; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：客室数販売 */ .typeRoomOnlyOn{line-height: 1.5;display:inline-block; background: #493d70; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：お知らせ日付 */ .wrapNewsDate{line-height: 1.5;background: #111111; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 3px 0 0;vertical-align:1px;margin:0 1px;} /* 共通マーク：食事設定 */ .mealSetOn{line-height: 1.5;display:inline-block; background: #ffbfbf; color: #b70000; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:11px;padding:0 3px;margin:0 1px;} /* 共通マーク：注意喚起 */ .coutionDataOn{line-height: 1.5;display:inline-block; background: #ff0000; color: #fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;box-sizing: border-box;font-size:12px;padding:0 3px;margin:0 1px;} /* グラフチャート　タイトル */ @media screen and (max-width:640px){.tdChart p{font-size:14px;}} /* テキストリンク用 */ .txtLink{text-decoration:none; color:#4285f4;font-size:14px;} .txtLink:hover{text-decoration:underline;} .textLine{text-decoration:underline;} /* マウスポインター */ .cursorDefault {cursor:default !important;} .cursorPointer {cursor:pointer !important;} .cursorCrosshair {cursor:crosshair !important;} .cursorMove {cursor:move !important;} .cursorGrab {cursor:grab !important;} /* アップロードボタン */ .uploadImgBtn.triming-image {margin:0 auto 15px auto;border-radius:2px;text-align:center;display: block;background-color: #f7f7f7;color:#4285f4;font-size:1.4rem;line-height:80px;} .uploadImgBtn.file {padding:0 15px;border-radius:2px;text-align:center;display:inline-block;background-color: #eee;color:#4285f4;font-size:1.4rem;line-height:42px;margin: 0 0 5px 0;cursor: pointer;} .uploadImgBtn.file:hover{text-decoration:underline;} /* 表示・非表示 */ .block{display:block;} .inline{display:inline-block!important;} .none{display:none;} /* 角丸 */ .brs3{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius:3px;box-sizing: border-box;} .brs5{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius:5px;box-sizing: border-box;} .brs10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-sizing: border-box;} .brsCircle{border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%s;box-sizing: border-box;} /* 画像サイズ */ .img60{width:60px;height:60px;} .img60w{width:60px;} .img80{width:80px;height:80px;} .imgClr{width:auto !important;height:auto !important;margin:10px 10px 0 0;} /* 文字寄せ */ .alignC{text-align: center!important;} .alignR{text-align: right!important;} .alignL{text-align: left!important;} @media screen and (max-width:640px) { .alignC.noAlignC{text-align: left!important;} .alignR.noAlignR{text-align: left!important;} .alignL.noAlignL{text-align: left!important;} } /*左右中央揃え*/ .vtlT{vertical-align:top !important;} .vtlM{vertical-align:middle !important;} .vtlB{vertical-align:bottom !important;} /* font */ .ffMincyo {font-family:Palatino Linotype,Book Antiqua,Palatino,Klee,"游明朝体",Yu Mincho,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","メイリオ","ＭＳ Ｐ明朝","MS PMincho","meiryo",serif;} .ffNs {font-family: 'Noto Sans JP' ,"-apple-system", "Helvetica Neue", "Custom Yu Gothic", YuGothic, Verdana, YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;} .ffEn {font-family:'Times New Roman','Luchida Grande';} /*文字行間*/ .lh10{line-height:1.0 !important;} .lh12{line-height:1.2 !important;} .lh14{line-height:1.4 !important;} .lh16{line-height:1.6 !important;} /* 文字太さ */ .fwBold{font-weight:bold !important;} .fwNormal{font-weight:normal !important;} /* 文字サイズ */ .txt9{font-size:9px;} .txt10{font-size:10px;} .txt11{font-size:11px;} .txt12{font-size:12px;} .txt14{font-size:14px;} .txt15{font-size:15px;} .txt16{font-size:16px !important;} .txt17{font-size:17px;} .txt18{font-size:18px;} .txt19{font-size:19px;} .txt20{font-size:20px;} .txt21{font-size:21px;} .txt22{font-size:22px;} .txt23{font-size:23px;} .txt24{font-size:24px;} .txt26{font-size:26px;} .txt28{font-size:28px;} .txt30{font-size:30px;} .txt32{font-size:32px;} /*文字色*/ .fcFff{color:#fff !important;} .fcC1c{color:#c1c1c1 !important;} .fcBk3{color:#333 !important;} .fcBk5{color:#555 !important;} .fcRed{color:#ff0000 !important;} .fcBlue{color:#0000ff !important;} .fcGrn{color:#008000 !important;} .fcYellow{color:#FFFF00 !important;} .fcDarkOrange{color:#dc6000 !important;} /*背景色*/ .bcFff{background:#fff !important;} .bc333{background:#333 !important;} .bc555{background:#555 !important;} .bcBbb{background:#bbb !important;} .bcAabcc6{background:#aabcc6 !important;} .bcF7{background:#f7f7f7 !important;} .bcE8{background:#e8e8e8 !important;} .bcItP{background:#d5ff84 !important;} .bcItC{background:#fdffd3 !important;} .bcLg{background:#f4ffe0 !important;} .bgSec{background:#eaeaea !important;} .bgYel{background:#ffff93 !important;} .bgRed{background:#ff8c8e !important;} .bgRed2{background:#ffbfcc !important;} .bgOpOn{background:#ffff93 !important;border:#d8d87c 1px solid;margin:0 0 1px 0;} .bgSendOn{background:#e16871 !important;border:#bf5963 1px solid;color:#ffffff;margin:0 2px 1px 0;padding:0 2px;} .bgSendOff{background:#006890 !important;border:#004966 1px solid;color:#ffffff;margin:0 2px 1px 0;padding:0 2px;} /* 入力不可ゾーン */ .bgNotInput{background:#efefef !important;} /* 実績日＝集計日ゾーン */ .bgActual{background:#f7eaed !important;} /*width*/ .ws5{width:5%!important;} .ws10{width:10px!important;} .ws15{width:15px!important;} .ws20{width:20px!important;} .ws25{width:25px!important;} .ws30{width:30px!important;} .ws35{width:35px!important;} .ws40{width:40px!important;} .ws45{width:45px!important;} .ws50{width:50px!important;} .ws55{width:55px!important;} .ws60{width:60px!important;} .ws65{width:65px!important;} .ws70{width:70px!important;} .ws75{width:75px!important;} .ws80{width:80px!important;} .ws85{width:85px!important;} .ws90{width:90px!important;} .ws95{width:95px!important;} .ws100{width:100px!important;} .ws110{width:110px!important;} .ws120{width:120px!important;} .ws130{width:130px!important;} .ws140{width:140px!important;} .ws150{width:150px!important;} .ws170{width:170px!important;} .ws180{width:180px!important;} .ws200{width:200px!important;} .ws250{width:250px!important;} .ws300{width:300px!important;} .ws350{width:350px!important;} .ws400{width:400px!important;} .ws500{width:500px!important;} .wsp40{width:40%!important;} .wsp48{width:48%!important;} .wsp50{width:50%!important;} .wsp80{width:80%!important;} .wsp90{width:90%!important;} .wsp100{width:100%!important;} /*height*/ .hgt7em{height:7em!important;} .hgt400{height:400px!important;} .hgt60{height:60px!important;} /*余白*/ .pd0{padding:0!important;} .pd1{padding:1em!important;} .pd2{padding:2em!important;} .pd3{padding:3em!important;} .pd4{padding:4em!important;} .pd5{padding:5em!important;} .pd10{padding:10px!important;} .pd15{padding:15px!important;} .pd20{padding:20px!important;} .pd25{padding:25px!important;} .pd30{padding:30px!important;} .pd35{padding:35px!important;} .pd40{padding:40px!important;} .pd45{padding:45px!important;} .pd50{padding:50px!important;} .pd55{padding:55px!important;} .pd60{padding:60px!important;} .pdt0{padding-top:0!important;} .pdt1{padding-top:1em!important;} .pdt2{padding-top:2em!important;} .pdt3{padding-top:3em!important;} .pdt4{padding-top:4em!important;} .pdt5{padding-top:5em!important;} .pdt10{padding-top:10px!important;} .pdt15{padding-top:15px!important;} .pdt20{padding-top:20px!important;} .pdt25{padding-top:25px!important;} .pdt30{padding-top:30px!important;} .pdt35{padding-top:35px!important;} .pdt40{padding-top:40px!important;} .pdt45{padding-top:45px!important;} .pdt50{padding-top:50px!important;} .pdt55{padding-top:55px!important;} .pdt60{padding-top:60px!important;} .pdr0{padding-right:0!important;} .pdr1{padding-right:1em!important;} .pdr2{padding-right:2em!important;} .pdr3{padding-right:3em!important;} .pdr4{padding-right:4em!important;} .pdr5{padding-right:5em!important;} .pdr10{padding-right:10px!important;} .pdr15{padding-right:15px!important;} .pdr20{padding-right:20px!important;} .pdr25{padding-right:25px!important;} .pdr30{padding-right:30px!important;} .pdr35{padding-right:35px!important;} .pdr40{padding-right:40px!important;} .pdr45{padding-right:45px!important;} .pdr50{padding-right:50px!important;} .pdr55{padding-right:55px!important;} .pdr60{padding-right:60px!important;} .pdb0{padding-bottom:0!important;} .pdb1{padding-bottom:1em!important;} .pdb2{padding-bottom:2em!important;} .pdb3{padding-bottom:3em!important;} .pdb4{padding-bottom:4em!important} .pdb5{padding-bottom:5em!important;} .pdb10{padding-bottom:10px!important;} .pdb15{padding-bottom:15px!important;} .pdb20{padding-bottom:20px!important;} .pdb25{padding-bottom:25px!important;} .pdb30{padding-bottom:30px!important;} .pdb35{padding-bottom:35px!important;} .pdb40{padding-bottom:40px!important;} .pdb45{padding-bottom:45px!important;} .pdb50{padding-bottom:50px!important;} .pdb55{padding-bottom:55px!important;} .pdb60{padding-bottom:60px!important;} .pdl0{padding-left:0!important;} .pdl1{padding-left:1em!important;} .pdl2{padding-left:2em!important;} .pdl3{padding-left:3em!important;} .pdl4{padding-left:4em!important;} .pdl5{padding-left:5em!important;} .pdl10{padding-left:10px!important;} .pdl15{padding-left:15px!important;} .pdl20{padding-left:20px!important;} .pdl25{padding-left:25px!important;} .pdl30{padding-left:30px!important;} .pdl35{padding-left:35px!important;} .pdl40{padding-left:40px!important;} .pdl45{padding-left:45px!important;} .pdl50{padding-left:50px!important;} .pdl55{padding-left:55px!important;} .pdl60{padding-left:60px!important;} .mg0{margin:0!important;} .mg1{margin:1px!important;} .mg2{margin:2px!important;} .mg3{margin:3px!important;} .mg4{margin:4px!important;} .mg10{margin:10px!important;} .mg15{margin:15px!important;} .mg20{margin:20px!important;} .mg25{margin:25px!important;} .mg30{margin:30px!important;} .mg35{margin:35px!important;} .mg40{margin:40px!important;} .mg45{margin:45px!important;} .mg50{margin:50px!important;} .mg55{margin:55px!important;} .mg60{margin:60px!important;} .mgt0{margin-top:0!important;} .mgt1{margin-top:1em!important;} .mgt2{margin-top:2em!important;} .mgt3{margin-top:3em!important;} .mgt4{margin-top:4em!important;} .mgt5{margin-top:5em!important;} .mgt02{margin-top:2px!important;} .mgt03{margin-top:3px!important;} .mgt04{margin-top:4px!important;} .mgt05{margin-top:5px!important;} .mgt06{margin-top:6px!important;} .mgt07{margin-top:7px!important;} .mgt08{margin-top:8px!important;} .mgt09{margin-top:9px!important;} .mgt10{margin-top:10px!important;} .mgt15{margin-top:15px!important;} .mgt20{margin-top:20px!important;} .mgt25{margin-top:25px!important;} .mgt30{margin-top:30px!important;} .mgt35{margin-top:35px!important;} .mgt40{margin-top:40px!important;} .mgt45{margin-top:45px!important;} .mgt50{margin-top:50px!important;} .mgt55{margin-top:55px!important;} .mgt60{margin-top:60px!important;} .mgr0{margin-right:0!important;} .mgr1{margin-right:1em!important;} .mgr2{margin-right:2em!important;} .mgr3{margin-right:3em!important;} .mgr4{margin-right:4em!important;} .mgr5{margin-right:5em!important;} .mgr05{margin-right:5px!important;} .mgr10{margin-right:10px!important;} .mgr15{margin-right:15px!important;} .mgr20{margin-right:20px!important;} .mgr25{margin-right:25px!important;} .mgr30{margin-right:30px!important;} .mgr35{margin-right:35px!important;} .mgr40{margin-right:40px!important;} .mgr45{margin-right:45px!important;} .mgr50{margin-right:50px!important;} .mgr55{margin-right:55px!important;} .mgr60{margin-right:60px!important;} .mgb0{margin-bottom:0!important;} .mgb1{margin-bottom:1em!important;} .mgb2{margin-bottom:2em!important;} .mgb3{margin-bottom:3em!important;} .mgb4{margin-bottom:4em!important;} .mgb5{margin-bottom:5em!important;} .mgb5px{margin-bottom:5px!important;} .mgb02{margin-bottom:2px!important;} .mgb03{margin-bottom:3px!important;} .mgb04{margin-bottom:4px!important;} .mgb05{margin-bottom:5px!important;} .mgb06{margin-bottom:6px!important;} .mgb07{margin-bottom:7px!important;} .mgb08{margin-bottom:8px!important;} .mgb09{margin-bottom:9px!important;} .mgb10{margin-bottom:10px!important;} .mgb15{margin-bottom:15px!important;} .mgb20{margin-bottom:20px!important;} .mgb25{margin-bottom:25px!important;} .mgb30{margin-bottom:30px!important;} .mgb35{margin-bottom:35px!important;} .mgb40{margin-bottom:40px!important;} .mgb45{margin-bottom:45px!important;} .mgb50{margin-bottom:50px!important;} .mgb55{margin-bottom:55px!important;} .mgb60{margin-bottom:60px!important;} .mgl01{margin-left:1px!important;} .mgl02{margin-left:2px!important;} .mgl03{margin-left:3px!important;} .mgl04{margin-left:4px!important;} .mgl05{margin-left:5px!important;} .mgl06{margin-left:6px!important;} .mgl07{margin-left:7px!important;} .mgl08{margin-left:8px!important;} .mgl0{margin-left:0!important;} .mgl1{margin-left:1em!important;} .mgl2{margin-left:2em!important;} .mgl3{margin-left:3em!important;} .mgl4{margin-left:4em!important;} .mgl5{margin-left:5em!important;} .mgl10{margin-left:10px!important;} .mgl15{margin-left:15px!important;} .mgl20{margin-left:20px!important;} .mgl25{margin-left:25px!important;} .mgl30{margin-left:30px!important;} .mgl35{margin-left:35px!important;} .mgl40{margin-left:40px!important;} .mgl45{margin-left:45px!important;} .mgl50{margin-left:50px!important;} .mgl55{margin-left:55px!important;} .mgl60{margin-left:60px!important;} .mgt0Auto { margin:0 auto!important;} .mgt1Auto { margin:1em auto!important;} .mgt2Auto { margin:2em auto!important;} .mgt3Auto { margin:3em auto!important;} .mgt4Auto { margin:4em auto!important;} /*img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}*/ .grid, .grid>* { width: 100%; float: none; display: block; position: relative; list-style: none; line-height: 1.8; zoom: 1; margin-bottom:20px;} .grid, .grid h2 { margin-bottom:10px;} .grid { margin-left: auto; margin-right: auto;} .grid:before, .grid:after { clear: both; content: ' '; display: table; height: 0; width: 0; visibility: hidden; overflow: hidden;} .grid[data-each]>* { float: left; margin-right: 5%; width: 100%;} .grid[data-each].debug.must2>*:after { content: " [must2]"; color: #ccc;} .grid[data-each].debug.must3>*:after { content: " [must3]"; color: #ccc;} .grid[data-each].separate>*:before { content: none; display: block; position: absolute; width: 0; height: 100%; border-left: 1px dotted #ccc; margin-left: -5%;} .grid[data-each='2'].must2.separate>*:nth-child(2n):before { content: "";} @media(min-width:768px) { .grid[data-each]>* { float: left; margin-right: 5%; margin-left: 0;} .grid[data-each='2'].separate>*:nth-child(2n):before { content: "";} } @media(max-width:767px) { .grid[data-each]>* { float: none; margin-right: auto; margin-left: auto;} .grid[data-each]>*:before { content: none;} .grid[data-each].must2>* { float: left; width: 47.5%; margin-right: 5%; margin-left: 0;} .grid[data-each].must2>*:nth-child(2n) { margin-right: 0;} .grid[data-each].must2>*:nth-child(2n+1) { clear: both;} } @media(max-width:991px) { .grid>.middle { max-width: 480px;} } @media(min-width:768px) and (max-width:991px) { .grid[data-each]>* { width: 47.5%;} .grid[data-each]>*:nth-child(2n) { margin-right: 0;} .grid[data-each]>*:nth-child(2n+1) { clear: both;} .grid[data-each].must3>* { float: left; width: 100%; margin-right: 0; margin-left: 0;} /* .grid[data-each].must3>* { width: 30.0%;} .grid[data-each].must3>*:nth-child(2n) { margin-right: 5%;} .grid[data-each].must3>*:nth-child(2n+1) { clear: none;} .grid[data-each].must3>*:nth-child(3n) { margin-right: 0;} .grid[data-each].must3>*:nth-child(3n+1) { clear: both;} */ } @media(min-width:992px) and (max-width:1199px) { .grid[data-each]>* { margin-right: 3%;} .grid[data-each='2']>* { width: 47.5%; margin-right: 5%;} .grid[data-each='3']>* { width: 31.33%;} .grid[data-each='4']>* { width: 31.33%;} .grid[data-each='5']>* { width: 31.33%;} .grid[data-each='6']>* { width: 31.33%;} .grid[data-each='6']>*:nth-child(3n), .grid[data-each='5']>*:nth-child(3n), .grid[data-each='4']>*:nth-child(3n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;} .grid[data-each='6']>*:nth-child(3n+1),.grid[data-each='5']>*:nth-child(3n+1), .grid[data-each='4']>*:nth-child(3n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;} } @media(min-width:1200px) { .grid[data-each]>* { margin-right: 3%;} .grid[data-each='2']>* { width: 47.5%; margin-right: 5%;} .grid[data-each='3']>* { width: 31.33%;} .grid[data-each='4']>* { width: 22.75%;} .grid[data-each='5']>* { width: 17.6%;} .grid[data-each='6']>* { width: 14.16%;} .grid[data-each='6']>*:nth-child(6n), .grid[data-each='5']>*:nth-child(5n), .grid[data-each='4']>*:nth-child(4n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;} .grid[data-each='6']>*:nth-child(6n+1), .grid[data-each='5']>*:nth-child(5n+1), .grid[data-each='4']>*:nth-child(4n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;} } @media(min-width:992px) { .grid[data-column]>* { margin-right: 5%; float: left;} .grid[data-column='2']>*[data-w='1'] { width: 47.5%;} .grid[data-column='3']>*[data-w='1'] { width: 30%;} .grid[data-column='3']>*[data-w='2'] { width: 65%;} .grid[data-column='4']>*[data-w='1'] { width: 21.25%;} .grid[data-column='4']>*[data-w='2'] { width: 47.5%;} .grid[data-column='4']>*[data-w='3'] { width: 73.75%;} .grid[data-column='2']>*[data-w]:last-child, .grid[data-column='3']>*[data-w]:last-child, .grid[data-column='4']>*[data-w]:last-child, .grid[data-column='5']>*[data-w]:last-child { margin-right: 0;} .grid[data-column='5']>*[data-w='1'] { width: 16%;} .grid[data-column='5']>*[data-w='2'] { width: 37%;} .grid[data-column='5']>*[data-w='3'] { width: 58%;} .grid[data-column='5']>*[data-w='4'] { width: 79%;} } /* ------------------------------------------------------------------------------------- ここから下は向井がテスト中 */ /* TESTCSS 後日変更予定 */ .AdminTable2 table {background:#fff;width:100%;margin:0 0 10px 0;font-size:14px;} .AdminTable2 table {border-collapse: collapse;} .AdminTable2 table tr{text-align:left;} .AdminTable2 table, .AdminTable2 table th, .AdminTable2 table td {border:#ccc solid 1px;vertical-align: middle;padding:8px;word-break: break-all;} .AdminTable2 table td {padding:5px;text-align:20px;} .AdminTable2 table th{background:#eee;} .AdminTable2 table th img{display: table-cell;max-width:100%;height: auto;} /* 各種設定 会社マスター：一覧で使用*/ .adminTableOA {overflow: auto;} .adminTableOA table {min-width:1530px;max-width:100%;width:100%;background:#fff;margin:0 0 10px 0;font-size:14px;} .adminTableOA table {border-collapse: collapse;} .adminTableOA table tr{text-align:left;} .adminTableOA table, .adminTableOA table th, .adminTableOA table td {border-bottom:#ddd solid 1px;vertical-align:top;padding:5px;word-break: break-all;line-height:1.4;} .adminTableOA table th img{display: table-cell;max-width:100%;height: auto;} .adminTableOA table thead{border-bottom:#ddd solid 2px;} /* 背景あり */ .adminTableOA.type1 tbody tr:nth-child(odd) {background-color:rgba(242, 242, 242, 0.5);} .AdminTable3 table {background:#fff;width:100%;margin:0 0 10px 0;font-size:11px;} .AdminTable3 table {border-collapse: collapse;} .AdminTable3 table tr{text-align:left;} .AdminTable3 table, .AdminTable3 table th, .AdminTable3 table td {border:#ccc solid 1px;vertical-align: middle;padding:2px;word-break: break-all;} .AdminTable3 table th{background:#eee;} .AdminTable3 table th img{display: table-cell;max-width:100%;height: auto;} .tableWideWrap table{display:inline-block;vertical-align:top;} .AdminWideTable{width:auto;-webkit-overflow-scrolling:touch;} .AdminWideTable td{text-align:right;border:1px solid #adadad;vertical-align:middle;padding:0 1px;font-size:11px;} .title{text-align:left;padding:5px;font-size:14px; line-height:1.4;} .AdminWideTable .bkTotal1{background:#d5ff84;} .AdminWideTable .bkTotal2{background:#fdffd3;} .AdminWideTable .bgBlack{outline:solid 3px #000;outline-offset:-1px;} .AdminWideTable .bgFin{outline:solid 1px #3291c1;outline-offset:-1px;} .AdminWideTable .roomsNumber{border-bottom:1px dotted #ccc;} .scrollWide{max-width:1800px;width:100%;overflow-x: scroll;white-space: nowrap;} .scrollWide::-webkit-scrollbar{ height: 5px;} .scrollWide::-webkit-scrollbar-track{ background: #F1F1F1;} .scrollWide::-webkit-scrollbar-thumb { background: #BCBCBC;} .AdminWideTable.tdWp{position:relative; overflow:hidden;border-collapse:collapse;white-space: nowrap;overflow-x: scroll;width:100%;table-layout:fixed; cursor:-moz-grab;cursor:-webkit-grab;cursor: grab;} .AdminWideTable.tdWp:active{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor: grabbing;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .AdminWideTable.tdWp td{width:83px;} .AdminWideTable.tdWp td.tt{width:70px;} .AdminWideTable.tdWp td span{vertical-align:top;margin:2px 1px 0 0;} @media screen and (max-width:767px){ .tbBlock table{border-top:none!important;} .tbBlock th, .tbBlock td{display:block;width:100%!important;border:none!important;} .tbBlock th{border-bottom:1px solid #ccc!important;border-top:1px solid #ccc!important;} } /* 営業マスターのテーブル */ #SalesWideTable {margin-bottom:1em;} #SalesWideTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #SalesWideTable table input{font-size:12px;} #SalesWideTable table tbody tr:nth-child(even){background-color:rgba(242, 242, 242, 0.5);} #SalesWideTable table th, #SalesWideTable table td{border:#ddd solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:1px;} /*#inputTable table .bgNotInput td{padding:5px 2px;}*/ #SalesWideTable table td{text-align:left;} #SalesWideTable table thead td{text-align:center;letter-spacing:.05em;} #SalesWideTable .dTop td{background-color:#e8e8e8;text-align:center;} #SalesWideTable .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #SalesWideTable .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #SalesWideTable .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #SalesWideTable .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #SalesWideTable .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #SalesWideTable .fcws20{width:20px !important;} #SalesWideTable .fcws30{width:30px !important;} #SalesWideTable .fcws35{width:35px !important;} #SalesWideTable .fcws40{width:40px !important;} #SalesWideTable .fcws50{width:50px !important;} #SalesWideTable .fcws60{width:60px !important;} #SalesWideTable .fcws70{width:70px !important;} #SalesWideTable .fcws88{width:88px !important;} #SalesWideTable .fcws100{width:100px !important;} #SalesWideTable .fcws120{width:120px !important;} #SalesWideTable .fcws140{width:140px !important;} #SalesWideTable .fcws176{width:176px !important;} #SalesWideTable .fcws200{width:200px !important;} #SalesWideTable .fcws250{width:250px !important;} #SalesWideTable .fcws300{width:300px !important;} #SalesWideTable .fcws400{width:400px !important;} #SalesWideTable .fcws500{width:500px !important;} #SalesWideTable .fctt3{width:264px !important;} #SalesWideTable .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #SalesWideTable .ymtt span{font-size:14px;display: block;} #SalesWideTable .ws50{width:50px !important;} /* サマリー：オンハンドテーブル */ #summaryOnhandWideTable {margin-bottom:1em;} #summaryOnhandWideTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #summaryOnhandWideTable table input{font-size:12px;} /*#summaryOnhandWideTable table tbody tr:nth-child(even){background-color:rgba(242, 242, 242, 0.5);}*/ #summaryOnhandWideTable table th, #summaryOnhandWideTable table td{border:#ddd solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:1px;width:55px;text-align:right;} #summaryOnhandWideTable table thead td{letter-spacing:.05em;text-align:center;} #summaryOnhandWideTable .dTop td{background-color:#e8e8e8;} #summaryOnhandWideTable .dSecond td{background-color:#f8f8f8;border-top:2px solid #a8a8a8 !important;border-bottom:1px solid #a8a8a8 !important;text-align:center;} #summaryOnhandWideTable .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #summaryOnhandWideTable .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #summaryOnhandWideTable .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #summaryOnhandWideTable .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #summaryOnhandWideTable .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #summaryOnhandWideTable .fcws20{width:20px !important;} #summaryOnhandWideTable .fcws30{width:30px !important;} #summaryOnhandWideTable .fcws35{width:35px !important;} #summaryOnhandWideTable .fcws40{width:40px !important;} #summaryOnhandWideTable .fcws50{width:50px !important;} #summaryOnhandWideTable .fcws55{width:55px !important;} #summaryOnhandWideTable .fcws60{width:60px !important;} #summaryOnhandWideTable .fcws70{width:70px !important;} #summaryOnhandWideTable .fcws88{width:88px !important;} #summaryOnhandWideTable .fcws100{width:100px !important;} #summaryOnhandWideTable .fcws120{width:120px !important;} #summaryOnhandWideTable .fcws140{width:140px !important;} #summaryOnhandWideTable .fcws176{width:176px !important;} #summaryOnhandWideTable .fcws200{width:200px !important;} #summaryOnhandWideTable .fcws250{width:250px !important;} #summaryOnhandWideTable .fcws300{width:300px !important;} #summaryOnhandWideTable .fcws400{width:400px !important;} #summaryOnhandWideTable .fcws500{width:500px !important;} #summaryOnhandWideTable .fctt3{width:264px !important;} #summaryOnhandWideTable .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #summaryOnhandWideTable .ymtt span{font-size:14px;display: block;} #summaryOnhandWideTable .ws50{width:50px !important;} #summaryOnhandWideTable .Sat{background:#d8e5f4 !important;} #summaryOnhandWideTable .Hol{background:#ffceb7 !important;} /*-------------------------------------------------------------------------------------*/ /* オートパイロット：操作テーブル ＮＯ１ */ #autopilotTable {margin-bottom:1em;} #autopilotTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #autopilotTable table input{font-size:12px;} #autopilotTable table th, #autopilotTable table td{border:#a2a2a2 solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:4px;text-align:right;} #autopilotTable table thead td{letter-spacing:.05em;text-align:center;} #autopilotTable .dTop td{background-color:#e8e8e8;} #autopilotTable .dSecond td{background-color:#f8f8f8;border-top:2px solid #a8a8a8 !important;border-bottom:1px solid #a8a8a8 !important;text-align:center;} #autopilotTable .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable .fcws20{width:20px !important;} #autopilotTable .fcws30{width:30px !important;} #autopilotTable .fcws35{width:35px !important;} #autopilotTable .fcws40{width:40px !important;} #autopilotTable .fcws50{width:50px !important;} #autopilotTable .fcws55{width:55px !important;} #autopilotTable .fcws60{width:60px !important;} #autopilotTable .fcws70{width:70px !important;} #autopilotTable .fcws88{width:88px !important;} #autopilotTable .fcws100{width:100px !important;} #autopilotTable .fcws120{width:120px !important;} #autopilotTable .fcws140{width:140px !important;} #autopilotTable .fcws176{width:176px !important;} #autopilotTable .fcws200{width:200px !important;} #autopilotTable .fcws250{width:250px !important;} #autopilotTable .fcws300{width:300px !important;} #autopilotTable .fcws400{width:400px !important;} #autopilotTable .fcws500{width:500px !important;} #autopilotTable .fctt3{width:264px !important;} #autopilotTable .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #autopilotTable .ymtt span{font-size:14px;display: block;} #autopilotTable .ws50{width:50px !important;} #autopilotTable .Sat{background:#d8e5f4 !important;} #autopilotTable .Hol{background:#ffceb7 !important;} #autopilotTable thead td i{font-size:20px;padding:2px 6px;} /* 日・週 ページャー */ #autopilotTable .pagination ul{display:-webkit-flex;display:flex;justify-content:center;align-content: space-between;flex-wrap: wrap;} #autopilotTable .pagination li{margin:0 3px 10px 3px;border-radius: 2px;text-align: center;} #autopilotTable .pagination li a {color: #444;display: inline-block;font-size: 1.2rem;padding: 0 10px;line-height:36px;} #autopilotTable .pagination li.disabled, #autopilotTable .pagination li.disabled a{cursor: default;color: #aaa;pointer-events:none;} #autopilotTable .pagination li a:before, #autopilotTable .pagination li a:after{font-family: FontAwesome;} #autopilotTable .pagination li a:before{padding-right:5px;} #autopilotTable .pagination li a:after{padding-left:5px;} /*前日・前週・前月*/ #autopilotTable .pagination li.toDay{margin:0 8px 10px 8px;} #autopilotTable .pagination .prevDay a:before{content:"\f0d9";} #autopilotTable .pagination .prevWeek a:before{content:"\f104";} #autopilotTable .pagination .prevMonth a:before{content:"\f100";} /*明日・次週・次月*/ #autopilotTable .pagination .nextDay a:after{content:"\f0da";} #autopilotTable .pagination .nextWeek a:after{content:"\f105";} #autopilotTable .pagination .nextMonth a:after{content:"\f101";} #autopilotTable .pagination .dateSelect{font-size:14px;width:200px;} #autopilotTable .pagination .dateSelect div:first-child{padding-top:4px;} #autopilotTable .pagination .dateSelect *{margin:0;pading:0;vertical-align:middle;} #autopilotTable .pagination .dateSelect input{font-size:13px;width:110px;margin:0 !important;} @media only screen and (max-width:991px) { #autopilotTable .pagination{margin:0 auto;} #autopilotTable .pagination .dateSelect{font-size:14px;width:100%;display:block;margin:15px 0;} #autopilotTable .pagination .dateSelect .row{max-width:220px;margin:0 auto;} } /*OCCメーター*/ #autopilotTable .occPar{width:100%;} #autopilotTable .occPar gf{float:left;width:16%;margin-right:5%;height:10px;background:#e5e5e5;margin-bottom:8px;margin-top:4px;border-radius:10px;} #autopilotTable .occPar gf:last-child{margin-right:0!important;} /* #autopilotTable .occPar .pOn1{background:#ffc6ac !important;} #autopilotTable .occPar .pOn2{background:#ffa985 !important;} #autopilotTable .occPar .pOn3{background:#ff8b5e !important;} #autopilotTable .occPar .pOn4{background:#ff6b36 !important;} #autopilotTable .occPar .pOn5{background:#ff4500 !important;} */ #autopilotTable .occPar .pOn1{background:#ff6b36 !important;} #autopilotTable .occPar .pOn2{background:#ff6b36 !important;} #autopilotTable .occPar .pOn3{background:#ff6b36 !important;} #autopilotTable .occPar .pOn4{background:#ff6b36 !important;} #autopilotTable .occPar .pOn5{background:#ff6b36 !important;} /*ランクデザイン*/ #autopilotTable .rankPar{position:relative;width:100%;} #autopilotTable .rankPar bt{float:left;height:50px;} #autopilotTable .rankPar bt.rankBtnL{width:40%;border-radius:5px;text-align:center;display:block;line-height:50px;} #autopilotTable .rankPar bt.rankBtnC{width:20%;text-align:center;} #autopilotTable .rankPar bt.rankBtnC i{width:100%;font-size:18px;padding-top:5px;} #autopilotTable .rankPar bt.rankBtnR{width:40%;border-radius:5px;text-align:center;display:block;line-height:50px;} #autopilotTable .rankPar bt.rankBtnRO{position:absolute;width:40%;border-radius:5px;text-align:center;display:block;background:url(../img/bg/bg_stop.png);top:22px;right:0;} #autopilotTable .rankPar bt.rankBtnRO i{font-size:30px;color:#fff;margin-top:10px;} /*-------------------------------------------------------------------------------------*/ /* オートパイロット：操作テーブル ＮＯ２ */ #autopilotTable2 {margin-bottom:1em;} #autopilotTable2 table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #autopilotTable2 table input{font-size:12px;} #autopilotTable2 table th, #autopilotTable2 table td{border:#a2a2a2 solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:4px;text-align:right;} #autopilotTable2 table thead td{letter-spacing:.05em;text-align:center;} #autopilotTable2 .dTop td{background-color:#e8e8e8;} #autopilotTable2 .dSecond td{background-color:#f8f8f8;border-top:2px solid #a8a8a8 !important;border-bottom:1px solid #a8a8a8 !important;text-align:center;} #autopilotTable2 .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable2 .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable2 .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable2 .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable2 .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable2 .fcws20{width:20px !important;} #autopilotTable2 .fcws30{width:30px !important;} #autopilotTable2 .fcws35{width:35px !important;} #autopilotTable2 .fcws40{width:40px !important;} #autopilotTable2 .fcws50{width:50px !important;} #autopilotTable2 .fcws55{width:55px !important;} #autopilotTable2 .fcws60{width:60px !important;} #autopilotTable2 .fcws70{width:70px !important;} #autopilotTable2 .fcws88{width:88px !important;} #autopilotTable2 .fcws100{width:100px !important;} #autopilotTable2 .fcws120{width:120px !important;} #autopilotTable2 .fcws140{width:140px !important;} #autopilotTable2 .fcws176{width:176px !important;} #autopilotTable2 .fcws200{width:200px !important;} #autopilotTable2 .fcws250{width:250px !important;} #autopilotTable2 .fcws300{width:300px !important;} #autopilotTable2 .fcws400{width:400px !important;} #autopilotTable2 .fcws500{width:500px !important;} #autopilotTable2 .fctt3{width:264px !important;} #autopilotTable2 .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #autopilotTable2 .ymtt span{font-size:14px;display: block;} #autopilotTable2 .ws50{width:50px !important;} #autopilotTable2 .Sat{background:#d8e5f4 !important;} #autopilotTable2 .Hol{background:#ffceb7 !important;} #autopilotTable2 thead td i{font-size:20px;padding:2px 15px;} /* 日・週 ページャー */ #autopilotTable2 .pagination ul{display:-webkit-flex;display:flex;justify-content:center;align-content: space-between;flex-wrap: wrap;} #autopilotTable2 .pagination li{margin:0 3px 10px 3px;border-radius: 2px;text-align: center;} #autopilotTable2 .pagination li a {color: #444;display: inline-block;font-size: 1.2rem;padding: 0 10px;line-height:36px;} #autopilotTable2 .pagination li.disabled, #autopilotTable2 .pagination li.disabled a{cursor: default;color: #aaa;pointer-events:none;} #autopilotTable2 .pagination li a:before, #autopilotTable2 .pagination li a:after{font-family: FontAwesome;} #autopilotTable2 .pagination li a:before{padding-right:5px;} #autopilotTable2 .pagination li a:after{padding-left:5px;} /*前日・前週・前月*/ #autopilotTable2 .pagination li.toDay{margin:0 8px 10px 8px;} #autopilotTable2 .pagination .prevDay a:before{content:"\f0d9";} #autopilotTable2 .pagination .prevWeek a:before{content:"\f104";} #autopilotTable2 .pagination .prevMonth a:before{content:"\f100";} /*明日・次週・次月*/ #autopilotTable2 .pagination .nextDay a:after{content:"\f0da";} #autopilotTable2 .pagination .nextWeek a:after{content:"\f105";} #autopilotTable2 .pagination .nextMonth a:after{content:"\f101";} #autopilotTable2 .pagination .dateSelect{font-size:14px;width:200px;} #autopilotTable2 .pagination .dateSelect div:first-child{padding-top:4px;} #autopilotTable2 .pagination .dateSelect *{margin:0;pading:0;vertical-align:middle;} #autopilotTable2 .pagination .dateSelect input{font-size:13px;width:110px;margin:0 !important;} @media only screen and (max-width:991px) { #autopilotTable2 .pagination{margin:0 auto;} #autopilotTable2 .pagination .dateSelect{font-size:14px;width:100%;display:block;margin:15px 0;} #autopilotTable2 .pagination .dateSelect .row{max-width:220px;margin:0 auto;} } /*OCCメーター*/ #autopilotTable2 .occPar{width:100%;} #autopilotTable2 .occPar gf{float:left;width:16%;margin-right:5%;height:10px;background:#e5e5e5;margin-bottom:4px;margin-top:4px;border-radius:10px;} #autopilotTable2 .occPar gf:last-child{margin-right:0!important;} /* #autopilotTable2 .occPar .pOn1{background:#ffc6ac !important;} #autopilotTable2 .occPar .pOn2{background:#ffa985 !important;} #autopilotTable2 .occPar .pOn3{background:#ff8b5e !important;} #autopilotTable2 .occPar .pOn4{background:#ff6b36 !important;} #autopilotTable2 .occPar .pOn5{background:#ff4500 !important;} */ #autopilotTable2 .occPar .pOn1{background:#ff6b36 !important;} #autopilotTable2 .occPar .pOn2{background:#ff6b36 !important;} #autopilotTable2 .occPar .pOn3{background:#ff6b36 !important;} #autopilotTable2 .occPar .pOn4{background:#ff6b36 !important;} #autopilotTable2 .occPar .pOn5{background:#ff6b36 !important;} /*ランクデザイン*/ #autopilotTable2 .rankPar{position:relative;width:100%;} #autopilotTable2 .rankPar bt{} #autopilotTable2 .rankPar bt.rankBtnT{width:100%;text-align:center;display:block;} #autopilotTable2 .rankPar bt.rankBtnT i{font-size:20px;padding:0 15px 2px 15px;} #autopilotTable2 .rankPar bt.rankBtnL{float:left;height:50px;width:48%;border-radius:5px;margin-right:4%;text-align:center;display:block;line-height:50px;} #autopilotTable2 .rankPar bt.rankBtnR{float:left;height:50px;width:48%;border-radius:5px;text-align:center;display:block;line-height:50px;} #autopilotTable2 .rankPar bt.rankBtnRO{position:absolute;float:left;height:50px;width:48%;border-radius:5px;text-align:center;display:block;background:url(../img/bg/bg_stop.png);top:40px;right:0;} #autopilotTable2 .rankPar bt.rankBtnRO i{font-size:30px;color:#fff;margin-top:10px;} /* 検索実行ボタン用 */ .markButton{display:inline-block;list-style: none outside;padding:0;text-align:center;} .markButton a{display: inline-block;font-weight:normal;color: #fff;letter-spacing: 0;border-radius: 5px;text-decoration: none;padding:0 2px;background-color:#FF7501;border:1px solid #F68000;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.5);background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF7501), color-stop(0.01, #FFA240));background: -webkit-linear-gradient(top, #FFA240 1%, #FF7501 100%); background: -moz-linear-gradient(top, #FFA240 1%, #FF7501 100%);background: -o-linear-gradient(top, #FFA240 1%, #FF7501 100%);background: -ms-linear-gradient(top, #FFA240 1%, #FF7501 100%);background: linear-gradient(to bottom, #FFA240 1%, #FF7501 100%);} .markButton a:hover{background:#E56900;} @media screen and (max-width:768px){ .markButton a{padding:0 2px;font-weight:bold;} } /* たびびと連携 : タイトル 日付選択 */ .tabibitoTopNavBox{position:relative;} .tabibitoTopNavBox ul{position:absolute;top:8px;right:0;display:table;table-layout:fixed;width:100%;max-width:300px;border-spacing: 5px 0;} .tabibitoTopNavBox ul li{display:table-cell;} @media screen and (max-width:768px){ .tabibitoTopNavBox ul{position:relative;top:auto;right:auto;margin:5px 0;} } /* 処理年月・カレンダー月選択ボタン */ .calendarOperationBox{position:relative; overflow:hidden;max-width:1080px;margin:0 auto;} .calendarOperationBox .AdminTable2{float:left;width:30%;max-width:300px;} .calendarOperationBox .pager{float:left;width:70%;margin-top:4px;} .calendarOperationBox .pager ul{position:relative; overflow:hidden;width:100%;max-width:800px;text-align:center;margin:0 auto;font-size:14px;} .calendarOperationBox .pager li{display:inline-block;width:10%;text-align:center;margin:0 1%;} .calendarOperationBox .pager li a{padding:5% 1.5%;} .calendarOperationBox .pager li.calendar {width:240px;} .calendarOperationBox .pager li.calendar i{font-size:17px;vertical-align:middle;} .calendarOperationBox .pager li.calendar input{width:120px;} /* table共通 */ .calendarTable table {background:#fff;width:100%;font-size:14px;table-layout: fixed;border-collapse: collapse;} .calendarTable table tr{text-align:center;} .calendarTable table th, .calendarTable table td {border:#bbb solid 1px;vertical-align:top;word-break: break-all;} /* たびびと台帳管理　table */ .calendarTable table{font-size:12px;} .calendarTable table .t1{font-size:14px;}/*カレンダー 年月・曜日*/ .calendarTable table .name{margin-bottom:2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-decoration:underline;} .calendarTable table .name img{vertical-align:middle;padding:0 3px 0 0;} .calendarTable table .speedTextData span{margin:0 1% 1px 0;border:1px solid #ccc;display:inline-block;width:20px;height:20px;text-align:center;} /* 入力：列：テキストエリア31日分 */ .inputColumnHeight textarea{height:520px;} /* 入力：操作の枠 */ .inputOperationWrap{/*border:#dddddd 1px solid;*/padding:10px 4px;margin-bottom:4px;} /* 入力 列入力 */ .inputOperationWrap.adminTable1 table, .inputOperationWrap.adminTable1 table td{border:none;} .inputOperationWrap.adminTable1 table td textarea{border-radius:2px;background:#fafafa;} /* placeholder */ input::placeholder{color:#d1d1d1;} textarea::placeholder{color:#d1d1d1;} input::-webkit-input-placeholder{color:#d1d1d1;} textarea::-webkit-input-placeholder{color:#d1d1d1;} /* BOOTSTRAPのDATEPICKERを前面へ */ .datepicker{z-index: 1151 !important; position: absolute;} /* テーブル用：灰色 */ .stop{background:#6d6d6d !important;color:#fff !important;} .stop a{color:#fff !important;} /* ダッシュボード ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* ダッシュボード用施設CLASS 累計*/ #cumulativeTop h3{margin-bottom:0;} #cumulativeTop .right{max-width:400px;width:100%;margin:0;} #cumulativeTop .right .sItem{float:left;vertical-align:bottom;margin:0 4% 0 0;} #cumulativeTop .right .sItem:nth-child(1){width:27%;} #cumulativeTop .right .sItem:nth-child(2){width:18%;} #cumulativeTop .right .sItem:nth-child(3){width:25%;} #cumulativeTop .right .sItem:last-child{margin:0;width:18%;} @media screen and (max-width:640px){ #cumulativeTop .left, #cumulativeTop .right{width:100%;float:none;} #cumulativeTop .right{max-width:100%;} #cumulativeTop h3{margin-bottom:5px;} #cumulativeTop .right .sItem{margin:0 4% 0 0;} } @media screen and (max-width:420px){ #cumulativeTop .right .sItem{width:48% !important;} #cumulativeTop .right .sItem:nth-child(2n){margin-right:0;} } /* 累計　テーブル */ #cumulativeTable {clear:both;margin-bottom:1em;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);} #cumulativeTable .title{letter-spacing:.05em;background:#555;color:#fff;text-align:center;} #cumulativeTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;table-layout:fixed;overflow-x: scroll;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #cumulativeTable table tbody tr:nth-child(even){background-color:rgba(242, 242, 242, 0.5);} #cumulativeTable table th, #cumulativeTable table td{border:#ddd solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:1px;box-sizing:border-box;} #cumulativeTable table td{text-align:right;} #cumulativeTable table thead td{text-align:center;letter-spacing:.05em;} #cumulativeTable .dTop td{background-color:#e8e8e8;text-align:center;} #cumulativeTable .ttm{width:90px!important;} #cumulativeTable .tt{width:210px!important;text-align:center!important;font-size:14px;line-height:1.2!important;} #cumulativeTable .total td{background:#D5FF84;padding:10px 1px;} #cumulativeTable .dashboardShopNameTitle{text-align:left !important;overflow:hidden;white-space:nowrap;line-height:1.4;} #idAllDisplayCumlative{text-align:center;} #idAllDisplayActivity{text-align:center;margin-top:20px;} /* 累計　テーブル : サンフロンティア用 */ #cumulativeTable .sfhm_ttbg td{background:#e8e8e8 !important;} #cumulativeTable .sfhm_tt3{width:240px!important;text-align:center!important;font-size:14px;line-height:1.2!important;} #cumulativeTable .sfhm_tt2{width:160px!important;text-align:center!important;font-size:14px;line-height:1.2!important;} #cumulativeTable .sfhm_alltotal td{background:#FFF9C4;padding:10px 1px;} #cumulativeTable .sfhm_grouptotal td{background:#E5EEF7;padding:10px 1px;} #cumulativeTable .sfhm_nomal td{padding:10px 1px;} /* オンハンド状況 */ #onHandTop{position:relative;margin-top:3em;} #onHandTop h3{margin-bottom:0;} #onHandTop .lefts{} #onHandTop .rights{width:100%;margin:0;} #onHandTop .rights .sItem{width:100%;display:inline-block;margin-left:2%;} #onHandWarp h3, #onHandWarp .txt11{letter-spacing:.05em;} #onHandWarp .dodTable {margin:8px 0 30px 0;} #onHandWarp .dodTable h4{text-align:center;margin-bottom:5px;font-size:1.2rem;} #onHandWarp .dodTable .box{display:flex;flex-wrap: wrap;justify-content:flex-start;width:100%;} #onHandWarp .dodTable .item{width:32%;text-align:center;padding:5px 0;background:#eee;border-radius:2px;margin:0 .6%;} #onHandWarp .dodTable .item p{line-height:1.4;font-size:1.2rem;} #onHandWarp .dodTable .item .num{font-weight:bold;font-size:1.6rem;} @media screen and (min-width:1200px){ #onHandTop{display:-webkit-flex;display:flex;justify-content:space-between;} #onHandTop .rights{max-width: 676px;} #onHandTop .rights .sItem:nth-child(1){max-width:110px;} #onHandTop .rights .sItem:nth-child(2){max-width:125px;} #onHandTop .rights .sItem:nth-child(3){max-width:400px;} } @media screen and (max-width:1199px){ #onHandTop .lefts{margin-bottom:5px!important;} #onHandTop .rights .sItem{width:100%;margin:0 0 1% 0;max-width:100%;} #onHandTop .rights .sItem:nth-child(1), #onHandTop .rights .sItem:nth-child(2){width:48%;} #onHandTop .rights .sItem:nth-child(2){margin-left:4%;} #onHandTop .rights .sItem:nth-child(3){clear:both;width:100%;} } /* オンハンド 比率 */ #onHandWarp .dbPieChart{position:relative;overflow:hidden;margin-top:8px;} #onHandWarp .dbPieChart .txt11{margin-bottom:5px;letter-spacing:.05em;} #onHandWarp .dbPieChart .subGrf canvas{position:relative;z-index:1;} #onHandWarp .dbPieChart .chartBox{position:relative;} #onHandWarp .dbPieChart .count {position: absolute;z-index:0;width:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%)} #onHandWarp .dbPieChart .count em, #onHandWarp .dbPieChart .count span {font-family: Arial;font-weight: bold;text-align: center;} #onHandWarp .dbPieChart .count em {display: block;font-size:32px;font-style:normal;color:#3C5898;letter-spacing:-.03em;} #onHandWarp .dbPieChart .count span{color:#777;font-size:12px;padding:0 0 0 3px;} @media screen and (max-width:1080px){ #onHandWarp li{float:none;width:100%;} } /* 活動記録 ダッシュボード */ #activityTopT{position:relative;margin-top:2em;} #activityTopT h3{margin-bottom:0;letter-spacing:.05em;} #activityTopT .left{float:left;} #activityTopT .right{float:right;max-width:400px;width:100%;margin:0;} #activityTopT .right .sItem{width:100%;display:inline-block;margin-left:2%;} #activityDbTop{clear:both;} #activityWarp{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);background:#fff;} #activityTop .collection{padding:0;border:none;} #activityTop .collection li{border-bottom: 1px solid #e0e0e0;} #activityTop .collection li:last-child{border-bottom: 1px solid #fff;} #activityTop .collection li new{position:absolute;top:0;right:0;background:#c00;color:#fff;font-size:11px;line-height:1;display:inline-block;padding:1px 3px 2px 3px;} #activityTop .collection .collection-item{display:block;background-color: #fff;line-height: 1.5rem;padding:10px 20px;margin: 0;border-bottom:none;} #activityTop .collection .collection-item:hover:not(.active){background-color:#eee;} #activityTop .collection .collection-item.avatar {min-height: auto;padding-left:75px;position: relative;} #activityTop .collection .collection-item.avatar .time, #activityTop .collection .collection-item.avatar .name{color:#777;font-size:1.2rem;padding-right:1em;letter-spacing:.05em;} #activityTop .collection .collection-item.avatar .title {padding:5px 0;font-size:1.8rem;} @media screen and (max-width:991px){ #activityTopT .left, #activityTopT .right{float:none !important;max-width:100%;} #activityTopT .right .sItem{margin-left:0;} #activityTopT .left{margin-bottom:5px!important;} } /* ダッシュボード　SP ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* SP 固定ナビ */ .datepickerSp{min-width:95% !important;left:2.5% !important;top:auto!important;bottom:60px!important;} #dbFixedNavi .dbFixedToggle{position:fixed;z-index:2;bottom:60px;left:0;display:inline-block;margin:0;} #dbFixedNavi .dbFixedToggle .dropdown-trigger{background:#444;width:180px;color:#fff;font-size:1.3rem;border-radius:0 50px 50px 0;position: relative;outline: none;line-height:48px;display:inline-block;border:1px solid #ddd;border-bottom:none;padding:0 30px 0 8px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);} #dbFixedNavi .dbFixedToggle .dropdown-trigger:after{position:absolute;z-index:0;top:0;right:12px;content:"\f0d7";font-family: FontAwesome;color:#fff;font-size:13px;} /*タイトル メニュー*/ #dbFixedTrigger{bottom:54px!important;left:10px!important;top:auto !important;width:170px!important;min-width:170px!important;} #dbFixedTrigger.dropdown-content{background:none;box-shadow:none;} #dbFixedTrigger.dropdown-content li{margin:2px;width:165px;background:#fff;border-radius:50px;margin-top:4px;min-height:40px!important;line-height:auto!important;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);} #dbFixedTrigger.dropdown-content li a{text-align:center;font-size:1.3rem;padding:12px 0;} #dbFixedTrigger .waves-effect{border-radius:50px;} /*サブ メニュー*/ #dbFixedNavi .menuList{position:fixed;width:100%;z-index:2;bottom:0;left:0;background:#fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.5);} #dbFixedNavi .menuList .dropdown-content{top:auto !important;bottom:50px;min-width:180px !important;} #dbFixedNavi .fixed-action-btn{bottom:60px;right:10px;} #dbFixedNavi .fixed-action-btn .cumulativeList{right:0;left:auto;width:250px;} #dbFixedNavi .cumulativeList .btn-floating{border-radius:50px;width:150px;z-index:10;font-size:1.2rem;float:left;width:48%;margin-right:4%;} #dbFixedNavi .cumulativeList .btn-floating:nth-child(2n){margin-right:0;} #dbFixedNavi .dbFooterNavi{margin:0!important;} #dbFixedNavi .dbFooterNavi .dropdownLink{position: relative;width:auto;outline: none;} #dbFixedNavi .dbFooterNavi .dropdownLink a{white-space: nowrap;overflow:hidden;} #dbFixedNavi .dbFooterNavi .dropdown-trigger{padding:10px 2px 22px 2px;text-align:center;font-size:1.2rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;display:block;} /*#dbFixedNavi .dbFooterNavi .dropdown-trigger:after{position:absolute;z-index:0;top:12px;right:0;content:"\f0d7";font-family: FontAwesome;color:#7C7C7D;font-size:10px;}*/ #dbFixedNavi .dbFooterNavi .dropdown-content{z-index:998;max-height: 300px;} #dbFixedNavi .row input{font-size:1.2rem;margin:0;padding:4px 0 18px 0;border-bottom:none;text-align:center;} #dbFixedNavi .row .waves-effect{width:100%;display:block!important;} #dbFixedNavi .row .col{padding:0;border-right:1px solid #eee;} #dbFixedNavi .row .col:last-child{border-right:none;} #cumulativeTableSp {margin-bottom:1em;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);} #cumulativeTableSp .title{letter-spacing:.05em;background:#555;color:#fff;text-align:center;font-size:13px;} #cumulativeTableSp .tt{text-align:center;font-size:13px;line-height:1.6;} #cumulativeTableSp .cfixedHead{text-align:center;background:#E8E8E8;display:block;position: -webkit-sticky;position: sticky;top:60px;z-index:2;} #cumulativeTableSp .box{display:table;table-layout:fixed;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #cumulativeTableSp .box p{font-size:1.1rem;border-left:1px solid #ddd;display:table-cell;} #cumulativeTableSp .box .t1{width:80px;} #cumulativeTableSp ul {background-color:#fff;width:100%;font-size:11px;position: relative;table-layout:fixed;} #cumulativeTableSp ul li{display:table;table-layout:fixed;width:100%;} #cumulativeTableSp ul li:nth-child(even){background-color:rgba(242, 242, 242, 0.5);} #cumulativeTableSp ul p{display:table-cell;font-size:12px;text-align:right;border-left:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align: middle;word-break: break-all;padding:1px;box-sizing:border-box;white-space:nowrap;} #cumulativeTableSp .total{background:#D5FF84;} #cumulativeTableSp .total p{padding:10px 1px;} #cumulativeTableSp .dashboardShopNameTitle{width:80px;text-align:left;overflow:hidden;} #topPage #footer{padding-bottom:110px;} @media screen and (max-width:360px){ #cumulativeTableSp .title{font-size:12px;} #cumulativeTableSp ul p{font-size:10px;} #cumulativeTableSp ar1, #cumulativeTableSp ar2, #cumulativeTableSp ar3, #cumulativeTableSp ar4, #cumulativeTableSp ar5{display:block;font-size:11px;transform: scale(0.9);} #cumulativeTableSp ar1:after, #cumulativeTableSp ar2:after, #cumulativeTableSp ar3:after, #cumulativeTableSp ar4:after, #cumulativeTableSp ar5:after{padding-left:1px;display:inline-block;font-family: FontAwesome;font-size:10px;line-height:0;} } /* オンハンド ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* 配色設定 */ #onHandRankUp .col{margin:5px 0;} #onHandRankUp .input-field{margin:0;} #onHandRankUp .input-field input{margin-bottom:0;} /* ブッキングカーブ ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* 月別推移 */ .bookingCurveWp {position:relative; overflow:hidden;} .bookingCurveWp .left{position:relative;width:48%;float:left;margin-right:4%;padding:10px 0;} .bookingCurveWp .right{position:relative;width:48%;float:right;padding:10px 0;} /* 日別推移 */ #breakTbl ul{position:relative; overflow:hidden;margin-bottom:1em;height: 100%;border-left:1px solid #ddd;} #breakTbl li{width:14.285%;display:block;float:left;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;height: 100%;} #breakTbl li.cursorPointer{padding:8px 8px 8px 0;} #breakTbl li.week{background:#efefef;font-size:12px;} #breakTbl li h3{margin-bottom:5px;font-size:13px;letter-spacing:.05em;padding:2px 8px 4px 8px;background:#eee;display:inline-block;border-radius:10px;line-height:1;} #breakTbl li h3 span{padding:0 0 0 3px;display:inline-block;} @media screen and (max-width:991px){ #breakTbl li.week, #breakTbl li.space{display:none;} #breakTbl li{width:33.3%;} } @media screen and (max-width:767px){ #breakTbl li{width:50%;} } @media screen and (max-width:640px){ #breakTbl li{width:100%;float:none;} } /* 入力 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* table */ #inputTable {margin-bottom:1em;} #inputTable table input[type=tel]:not(.browser-default){background-color:transparent;} #inputTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #inputTable table input{font-size:12px;} #inputTable table tbody tr:nth-child(even){background-color:rgba(242, 242, 242, 0.5);} #inputTable table th, #inputTable table td{border:#ddd solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:1px;} /*#inputTable table .bgNotInput td{padding:5px 2px;}*/ #inputTable table td{text-align:right;} #inputTable table thead td{text-align:center;letter-spacing:.05em;} #inputTable .dTop td{background-color:#e8e8e8;text-align:center;} #inputTable .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #inputTable .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #inputTable .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #inputTable .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #inputTable .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #inputTable .fcws20{width:20px !important;} #inputTable .fcws30{width:30px !important;} #inputTable .fcws35{width:35px !important;} #inputTable .fcws40{width:40px !important;} #inputTable .fcws50{width:50px !important;} #inputTable .fcws88{width:88px !important;} #inputTable .fcws176{width:176px !important;} #inputTable .fctt3{width:264px !important;} #inputTable .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #inputTable .ymtt span{font-size:14px;display: block;} #inputTable .ws50{width:50px !important;} #inputTable .slash{background-image: linear-gradient(to right bottom, transparent calc(50% - 0.5px), #ddd 50%, #ddd calc(50% + 0.5px), transparent calc(50% + 1px));} .arrowRight{position:relative;display:inline-block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8.7px;} .arrowRight.arrgrey{border-color: transparent transparent transparent #9E9E9E;} .inputMonthBtn {position:relative;z-index:0;display:table;table-layout:fixed;margin-bottom:.5em;} .inputMonthBtn li{display:table-cell;padding:0 5px 0 0;min-width:45px;} .inputMonthBtn li a{font-size:10px;line-height:14px;padding:8% 0;height:36px !important;line-height:14px !important;display:block;} .inputMonthBtn li .num{font-size:17px;display:block;} /* テーブル上のINPUTタグの数値を右寄せ */ .inputNumberR input{text-align:right;} .inputNumberR td input[type="tel"], .inputNumberR td input[type="text"]{font-size:12px;padding:5px 2px;box-sizing: border-box;margin:0!important;border:none!important;height:2.3rem!important;} .inputNumberR td input[type="tel"]:focus{outline:1px;background: #ffc;} /* 入力P ボタン調整 .numberOnlyOnTable .btn:focus, .numberOnlyOnTable .btn-large:focus, .numberOnlyOnTable .btn-small:focus, .numberOnlyOnTable .btn-floating:focus { background-color: auto;} */ /* 20250122：柴田：月次競合　調整 */ .competitionShopName{white-space: nowrap;overflow: hidden;max-width: 130px;text-align:left!important;} /* 活動記録 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* 共通 */ .comActivityArea li cate{position:absolute;top:0;right:0;} .comActivityArea cate span{color:#fff;font-size:11px;line-height:1;display:inline-block;text-align:center;vertical-align:top;padding:1px 3px 2px 3px;} .comActivityArea .clNew{background:#c00;} .comActivityArea .cl1{background:#1565C0;} .comActivityArea .cl2{background:#E65100;} .comActivityArea .cl3{background:#9a6400;} .comActivityArea .cl4{background:#008f93;} .comActivityArea .cl5{background:#c5004c;} .comActivityArea .cl6{background:#006890;} .comActivityArea .cl7{background:#815490;} .comActivityArea .cl8{background:#2E7D32;} .comActivityArea .cl9{background:#e16871;} .comActivityArea .cl10{background:#ffeb00;color:#000 !important;} .comActivityArea .collection{padding:0;overflow:visible !important;} .comActivityArea .collection-item{display:block;line-height: 1.5rem;padding:10px 20px;margin: 0;border-bottom:none;} .comActivityArea .collection-item.avatar {min-height: auto!important;padding-left:70px!important;position: relative;} .comActivityArea .collection-item .up, .comActivityArea .collection-item .time, .comActivityArea .collection-item .name, .comActivityArea .collection-item .shopName{color:#777;font-size:1.2rem;padding-right:1em;letter-spacing:.05em;} .comActivityArea .collection-item.avatar .title {padding:5px 0 0 0;font-size:1.8rem;} .comActivityArea .activityList h4{padding:10px 0 8px 10px;letter-spacing:.05em;} .comActivityArea .activityList li{border-bottom:1px solid #e0e0e0;} .comActivityArea .activityList li a{display:block;height:100%;} .comActivityArea .activityList li:last-child{border-bottom:none;} .comActivityArea .activityList .collection .collection-item:hover:not(.active){background-color:#eee;} .comActivityArea .activityInput {position:relative;border:2px solid #009688;} .aDetail .comActivityArea .activityInput {border:none;} .comActivityArea .bell{position:absolute;top:0;right:0;width:50px;z-index:1;} .comActivityArea .bell i{position:absolute;top:6px;right:7px;z-index:1;display:block;height:50px;font-size:16px;color: rgba(0,0,0,0.58);} .comActivityArea .bell:before{content:"";position:absolute;top:0;right:0;z-index:0;width:0;height:0;border-style:solid;border-width:0 50px 50px 0;border-color:transparent #eee transparent transparent;} .comActivityArea .activityInput .collection-item.avatar:not(.circle-clipper) > .circle, .comActivityArea .activityInput .collection-item.avatar :not(.circle-clipper) > .circle {width:62px;height:62px;} .comActivityArea .activityInput .collection-item{border:none;padding-left:95px!important;} #activityPages h3{margin:0;} /* 最新メンバー */ .activitySideNav ul{border:1px solid #e0e0e0;border-radius:3px;} .activitySideNav li{position:relative;border-bottom:1px solid #e0e0e0;} .activitySideNav li a{position:relative;padding:1em .5em .8em .5em;display:block;} .activitySideNav li a:hover{background:#ddd;} .activitySideNav li:last-child{border-bottom:none;} .activitySideNav li .circle{position:absolute;top:21px;left:8px;width:36px;} .activitySideNav li .box{padding:0 0 0 45px;} .activitySideNav li .box b1, .activitySideNav li .box b2{display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .activitySideNav li .box .name{height:23px;padding: 0 10px 0 0;-webkit-flex:1;flex:1;width:115px;font-size:14px;letter-spacing:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;text-overflow: ellipsis;overflow: hidden;} .activitySideNav li .box .time{padding:0;font-size:12px;color:#777;line-height:23px;} .activitySideNav li .box .title{padding:3px 0 0 0;-webkit-flex:1;flex:1;width:115px;height:23px;color:#26a69a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;text-overflow: ellipsis;overflow: hidden;} .activitySideNav li .box res{width:95px;text-align:right;line-height:1;} .activitySideNav li .box res span i{padding:0;} .activitySideNav li .box res span{margin:0;font-size:10px;} .activitySideNav li .box res>span{margin:0 0 0 7px;} .activitySideNav li:before{position:absolute;top:0;left:0;z-index:10;content:"";width: 0;height:0;border-style:solid;border-width:14px 14px 0 0;} .activitySideNav li.trgMark1:before{border-color:#c00 transparent transparent;} .activitySideNav li.trgMark2:before{border-color:#1565C0 transparent transparent;} .activitySideNav li.trgMark3:before{border-color:#777 transparent transparent;} .activitySideNav li.trgMarkNone:before {content: none} /* 詳細ページ */ #activityPages .poster{vertical-align:middle;margin-bottom:14px;} #activityPages .poster .icon img{width:18px;} #activityPages .poster .name{display:block;font-size:2rem;margin-top:8px;color:#555;line-height:1.4;} #activityPages .poster cate{line-height:12px;padding:0;display:inline-block;} #activityPages .article{clear:both;padding:30px 0 0 0;} #activityPages .article .text{font-size:1.5rem;line-height:2;margin-bottom:2em;letter-spacing:.08rem;} #activityPages .article .pnelFooter{display:-webkit-flex;display:flex;justify-content:space-between;} #activityPages .article .pnelFooter .likes {display:table;padding:7px 0;} #activityPages .article .pnelFooter .likes>p.icon{display:table-cell;vertical-align:middle;padding:0 10px;color:#666;} #activityPages .article .pnelFooter .likes>p.icon i{font-size:17px;margin:0 2px 0 0;} #activityPages .article .pnelFooter .likes>p.icon a{text-decoration:underline;} #activityPages .article .pnelFooter .likes>p.icon a:hover{text-decoration:none;} #activityPages .article .pnelFooter .likes>p.icon a, #activityPages .article .pnelFooter .likes>p.icon label{color:#666;cursor:pointer;font-size:16px;padding:10px 5px 10px;} #activityPages .article .pnelFooter .likes>p.icon input[type="checkbox"]:checked + label{color:#2196F3;} #activityPages .article .pnelFooter .tm{font-size:1.1rem;line-height:1.4;color:#777;text-align:right;letter-spacing:.05em;} .resUser li{position:relative;margin-bottom:10px;height:42px;} .resUser li a{display:block;text-decoration:none !important;border: 1px solid #ddd;height:100%;border-radius:100px;} .resUser li a:hover{background:#efefef;} .resUser li .name{padding:7px 0 0 50px;display:block;line-height:1.6;} .resUser li img{position:absolute;top:2px;left:2px;width:38px;height:38px;} @media screen and (min-width:992px){ #activityPages{display:-webkit-flex;display:flex;} #activityPages .comActivityArea{-webkit-flex:1;flex:1;width:275px;} #activityPages .activitySideNav{width:300px;padding-left:25px;} } @media screen and (max-width:640px){ .aDetail .poster{padding-left:75px;} #activityPages .poster{margin-bottom:30px;} } @media screen and (max-width:480px){ #activityPages .article .pnelFooter{display:block;} #activityPages .article .pnelFooter .likes {flex:0;margin:0 0 15px auto;} } /* 前月～翌月 */ .comActivityArea .data .pagination li{margin-bottom:0 !important;} .comActivityArea .data .pagination .prevMonth a:before, .comActivityArea .data .pagination .prevDay a:before, .comActivityArea .data .pagination .nextDay a:after, .comActivityArea .data .pagination .nextMonth a:after{font-family: FontAwesome;} .comActivityArea .data .pagination .prevMonth a:before{content:"\f100";padding-right:5px;} .comActivityArea .data .pagination .prevDay a:before{content:"\f104";padding-right:5px;} .comActivityArea .data .pagination .nextDay a:after{content:"\f105";padding-left:5px;} .comActivityArea .data .pagination .nextMonth a:after{content:"\f101";padding-left:5px;} /* カレンダー検索 */ .comActivityArea .data .time{width:100px;} .comActivityArea .data .time input{margin-bottom:6px;display:block;} .comActivityArea .activityInput .data .time .input-field{margin:0;} .comActivityArea .activityInput .input-field .prefix{top:12px;left:0;} /* コメント ON OFF */ .comActivityArea .data .switch{vertical-align:middle;} .comActivityArea .data .switch p{line-height:36px;} .comActivityArea .data .switch .icon{display:inline-block;background:url(../img/com/annotation_mark_bk.svg) 0 50% no-repeat;background-size:100%;width:20px;height:20px;vertical-align:middle;} .comActivityArea .data .switch label{padding:0 0 0 8px;} .comActivityArea .data .switch .icon.on{background:url(../img/com/annotation_mark.svg) 0 50% no-repeat;background-size:100%;width:20px;height:20px;} /* カテゴリ */ .comActivityArea .data .cateList{width:70px;} .comActivityArea .data .dropdownLink{position: relative;border-bottom: 1px solid #ddd;outline: none;line-height:35px;width:100%;} .comActivityArea .data .dropdown-trigger{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;display:block;} .comActivityArea .data .dropdown-trigger:after{position:absolute;z-index:0;top:0;right:8px;content:"\f0d7";font-family: FontAwesome;color:#7C7C7D;font-size:15px;} .noActivityItem{padding:5px;font-size:1.4rem;color:#666;} /* コメントアイコン */ .activityDispSwichOn{display:inline-block;vertical-align:middle;background:url(../img/com/annotation_mark.svg) 0 50% no-repeat;background-size:100%;} .activityDispSwichOff{display:inline-block;vertical-align:middle;background:url(../img/com/annotation_mark_bk.svg) 0 50% no-repeat;background-size:100%;} .ciS11{width:11px;height:11px;} .ciS12{width:12px;height:12px;} .ciS14{width:14px;height:14px;} .ciS18{width:18px;height:18px;} .ciS20{width:20px;height:20px;} .ciS28{width:28px;height:28px;} /* 表示方法　1ヵ月 */ .oneMonthActivityList{position:relative;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;} .oneMonthActivityList headSticky{position:-webkit-sticky;position:sticky;top:60px;left:0;z-index:900;font-size:12px;display:block;padding:7px 10px 7px 0;background:#fff;line-height:1.4;height:50px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} .oneMonthActivityList headSticky box .time{position:absolute;top:7px;left:10px;width:100px;} .oneMonthActivityList headSticky box .time span{position:relative;display:block;} .oneMonthActivityList headSticky box .time input{font-size:13px;height:20px;line-height:20px;border-bottom:none !important;padding: 0 0 0 16px;margin:0;} .oneMonthActivityList headSticky box .time span:before{position:absolute;top:3px;left:0;content:"\f073";font-family: FontAwesome;font-size:11px;} .oneMonthActivityList headSticky box {display:-webkit-flex;display:flex;} .oneMonthActivityList headSticky box a{display:-webkit-flex;display:flex;width:170px;margin:0 0 0 120px;overflow: hidden;} .oneMonthActivityList headSticky box div p{margin-right:15px;width:100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;text-overflow: ellipsis;overflow: hidden;} .oneMonthActivityList headSticky box .b2{width:55px;} .oneMonthActivityList headSticky box div p i{padding-right:3px;} .oneMonthActivityList headSticky box .btn-flat{padding:0 15px;color:#333;width:32px;margin:0 0 0 10px;} .oneMonthActivityList headSticky box .btn-flat i{font-size:14px;} .oneMonthActivityList li{display:-webkit-flex;display:flex;justify-content:space-between;width:100%;} .oneMonthActivityList li timeSticky{font-size:13px;min-width:35px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:5px 5px 5px 0;text-align:right;line-height:1.2;} .oneMonthActivityList li timeSticky p{position:-webkit-sticky;position:sticky;top:110px;} .oneMonthActivityList li timeSticky span:not(.fcBlue):not(.fcRed){display:block;} .oneMonthActivityList li timeSticky span{font-size:10px;} .oneMonthActivityList li timeSticky.toDay{background:#555;color:#fff;} .oneMonthActivityList li timeSticky.toDay span{color:#fff !important;} .oneMonthActivityList li .linkBox{width:100%;} .oneMonthActivityList li a{position:relative;border-bottom:1px solid #e0e0e0;width:100%;} .oneMonthActivityList li a.bg{background:#f7f7f7;} .oneMonthActivityList li a:hover{background:#ddd;} .oneMonthActivityList li te{font-size:12px;min-width:80px;} .oneMonthActivityList li te:before{content:"\f017";font-family: FontAwesome;padding-right:3px;} .oneMonthActivityList li res{display:inline-block;min-width:140px;text-align:right;} .oneMonthActivityList li res span{margin:0 5px;} .oneMonthActivityList li res span:last-child{margin:0 5px 0 0;} .oneMonthActivityList li .name{font-size:12px;min-width:110px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right:1.5em;} .oneMonthActivityList li .name span{vertical-align:bottom;} .oneMonthActivityList li .name img{width:20px;margin-right:7px;} .oneMonthActivityList .title{position:relative;font-size:14px;padding:0 1.5em 0 0;text-overflow: ellipsis;height:40px;overflow: hidden;color:#26a69a;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .oneMonthActivityList li .newRecords{font-size:20px;width:100%;color:#777;} .oneMonthActivityList .noActivityItem{border-bottom:1;border-bottom:1px solid #e0e0e0;} /*headStickyModal*/ #headStickyModal.modal{top:20% !important;width:90%;max-width:400px;height:400px;padding-top:2em;} #headStickyModal .item{position:relative;padding-bottom:30px;} #headStickyModal .item .text{position: absolute;line-height:.6;font-size:13px;top:2px;color: #9e9e9e;-webkit-transform: translateY(-14px) scale(0.9);transform: translateY(-14px) scale(0.9);-webkit-transform-origin: 0 0;transform-origin: 0 0;} #headStickyModal .dps{display:table-cell;width:120px;padding-right:1.5em;vertical-align: top;} #headStickyModal .switch{display:table-cell;width:100px;vertical-align: top;padding-top:3px;} #headStickyModal .select-wrapper + label{top:-5px;} .subPage #headStickyModal .select-wrapper .caret{background:#FAFAFA;} @media screen and (min-width:1201px) { .oneMonthActivityList li a{height:48px;padding:0 0 0 10px;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;} .oneMonthActivityList li res{padding-top:5px;} } @media screen and (max-width:1200px) { .oneMonthActivityList li a{display:block;padding:10px;} .oneMonthActivityList li .name{margin:0 0 .5em 0;} .oneMonthActivityList .title{padding:0;} } /*活動記録 新規登録*/ .comActivityArea .activityInput .data dBox{padding-right:1%;} .comActivityArea .data .item{position:relative;display:table-cell;vertical-align:bottom;padding:0 1em 0 0;} .comActivityArea .data .item .text{position: absolute;line-height:.6;font-size:12px;top:-1px;color: #9e9e9e;-webkit-transform: translateY(-14px) scale(0.9);transform: translateY(-14px) scale(0.9);-webkit-transform-origin: 0 0;transform-origin: 0 0;} .comActivityArea .data .item label{font-size:12px;left:0;top:-5px;} .comActivityArea .data .select-wrapper{margin-bottom:6px;} .comActivityArea .data .select-wrapper input.select-dropdown{margin:0 !important;} .comActivityArea .textareasArea{display:-webkit-flex;display:flex;align-items:baseline;} .comActivityArea .textareasArea .textareas{flex:0 1 90%;padding:0 1em 0 0;} .comActivityArea .textareasArea .btns button{width:60px;} @media screen and (min-width:1601px) { .comActivityArea .data{margin:30px 0 0 0;display:table;} .comActivityArea .textareasArea{margin-top:20px;} .comActivityArea .activityInput .data dBox{width:49%;display:table-cell;} .comActivityArea .data .pagination{min-width:280px;} } @media screen and (max-width:1600px) and (min-width:1201px){ .comActivityArea .activityInput .data dBox{padding-top:2em;display:table;} .comActivityArea .textareasArea .textareas{margin:1em 0 0 0;} } @media screen and (max-width:1200px){ .comActivityArea .activityInput .data dBox{margin-top:2em;display:block;} .comActivityArea .data .item{margin-top:2em;} .comActivityArea .data .pagination.item, .comActivityArea .activityInput .data .switch.item{display:block;} .comActivityArea .data .area, .comActivityArea .data .cate{width:49%;display:inline-block;} } @media screen and (max-width:640px){ .comActivityArea .activityInput .data dBox{padding-right:0;display:-webkit-flex;display:flex;flex-wrap:wrap;} .comActivityArea .data .time{width:50%;} /* .comActivityArea .data .time input{margin-bottom:0;}*/ .comActivityArea .data .area, .comActivityArea .data .cate{width:100%;display:block;} .comActivityArea .data .item:nth-child(2), .comActivityArea .data .area, .comActivityArea .data .cate, .comActivityArea .data .pagination.item{padding-right:0;} .comActivityArea .data .pagination.item{margin-top:0;} .comActivityArea .textareasArea{display:-webkit-block;display:block;} .comActivityArea .textareasArea .textareas{flex:0 0 100%;padding:0;} .comActivityArea .textareasArea .btns button{width:100%;margin-top:2em;} } #activity .data, #modalActivity .data{margin:15px 0 0 0;display:flex;flex-wrap: wrap;} #activity .data input, #modalActivity .data input{cursor: default;} @media screen and (max-width:640px){ #activity .data .comActivityArea .data .time, #modalActivity .comActivityArea .data .time{width:100%;} #activity .data .time:nth-child(1), #modalActivity .data .time:nth-child(1), #activity .data .time:nth-child(2), #modalActivity .data .time:nth-child(2){width:50%;margin-bottom:15px;} } /* 活動記録 下部の部品 */ #thisDateActivity {padding:0 0 2em 0;} #underActivityList{margin-top:4em;} #underActivityList h3{margin-bottom:3px;} #underActivityList .item:last-child{padding:0;} #underActivityList .data .switch{width:95px;} #underActivityList .data .switch label{padding:0;} #underActivityList .data .switch label .lever{margin:0;} #underActivityList .data .dps{width:85px;} #underActivityList .data .cate{width:160px;} .comActivityArea #underActivityList .data .item label{top:-7px;} @media screen and (min-width:1401px){ #underActivityList {display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-end;} } @media screen and (max-width:1400px){ #underActivityList .data{margin:30px 0 0 0;} .comActivityArea #underActivityList .data .item{margin:0;} } @media screen and (max-width:1200px){ #underActivityList{margin-top:2em;} #underActivityList .data{display:-webkit-flex;display:flex;flex-wrap:wrap;} #underActivityList .data .time{order:1;flex-basis:100px;} #underActivityList .data .area{order:4;flex-basis:65%;margin-top:28px !important;} #underActivityList .data .cate{order:5;flex-basis:35%;margin-top:28px !important;padding-right:0;} #underActivityList .data .dps{order:2;} #underActivityList .data .switch{order:3;flex-basis:30%;} } @media screen and (max-width:640px){ #underActivityList .data .area{padding-right:1em;} } /* footer modal 活動記録 */ .bcActivityModal.typeBk{background-color:rgba(0,0,0,0.6);} .bcActivityModal.typeBk h3{color:#ddd;} .bcActivityModal.typeBk .modal-footer{background:none;} .bcActivityModal.typeBk .title{color:#fff;} .bcActivityModal.typeBk .time{margin-left:4px;} .bcActivityModal.typeBk .time, .bcActivityModal.typeBk .name, .bcActivityModal.typeBk .shopName{color:#ccc !important;} .bcActivityModal.typeBk .collection a.collection-item:not(.active):hover {background-color:rgba(0,0,0,.4);} .bcActivityModal.typeBk res{color:#fff;} /* 個人一覧 */ #activityPages.activityMemberOne{display:block;} #activityPages.activityMemberOne .comActivityArea{-webkit-flex:auto;flex:auto;width:100%;} .activityMemberOne .amProfile{position: -webkit-sticky;position:sticky;top:60px;z-index:10;background:rgba(255,255,255,0.9);} .activityMemberOne .amProfile .collection{border:none;margin:0;} .activityMemberOne .amProfile .collection-item{padding:10px 20px 22px 20px;} .activityMemberOne .amProfile .collection-item.avatar{min-height:60px;} .activityMemberOne .amProfile .name{display:block;margin:0!important;line-height:1.4;} .activityMemberOne .comActivityArea.collection .collection-item{padding:20px!important;} .activityMemberOne .poster{margin-bottom:8px !important;} .statusWrap{font-size:12px;margin:0 0 4px 0 !important;color:#666;} .statusWrap i{padding-right:3px;} @media screen and (max-width:640px){ .comActivityArea .activityInput{padding:15px!important;} .comActivityArea .activityInput .collection-item.avatar .name{display:inline-block;padding:25px 0 0 75px;} .comActivityArea .activityInput .circle{left:0 !important;} .comActivityArea .activityInput .collection-item.avatar {padding:0 !important;} .comActivityArea .activityInput .data{padding:30px 0 0 0;} .comActivityArea .data .pagination ul{display:-webkit-flex;display:flex;justify-content:space-between;} .comActivityArea .data .pagination li{width:18.4%;display:block;} .comActivityArea .data .pagination li a{padding:0;} .aDetail .comActivityArea .activityInput{padding:0!important;} .activityMemberOne .poster{display:inline-block;padding:0;} .comActivityArea .poster .name{padding:0 !important;} .collection .collection-item.avatar .name, .collection .collection-item.avatar .shopName{display:block;margin-top:5px;} } /* 記事コメント */ #responseComments{margin-bottom:2em;} #responseComments .cmtInput{position: relative;display:flex;display:-webkit-flex;width:100%;padding:0 15px;margin-bottom:18px;} #responseComments .cmtInput .thum{position:absolute;top:0;left:15px;} #responseComments .cmtInput .circle{width:42px;} #responseComments .cmtInput .input-field{flex:1;width:100%;margin:0 15px 0 55px;} #responseComments .cmtInput button{width:70px;margin:0 auto;} /* アコーディオン */ #responseComments .collection, #responseComments .collection .collection-item{position:relative;border:none;} #responseComments .collection .collection-item{padding-right:0!important;padding-top:0!important;padding-bottom:18px!important;border-bottom:1px solid #f0f0f0;margin-bottom:18px;} #responseComments .collection .circle{z-index:1;} #responseComments .collection .collapsible, #responseComments .collection .collapsible .collapsible-header{padding:0;margin:0;border:none;} #responseComments .collection .collapsible .collapsible-body{padding-bottom:0;padding-top:0;border:none;margin-top:18px;} #responseComments .collection .collapsible{-webkit-box-shadow:none;box-shadow:none;} #responseComments .collection .collapsible li{position:relative;} #responseComments .collection .resName{display:inline-block;background:#E57373;color:#fff;font-size:12px;border-radius:2px;padding:0 5px;margin-right:5px;} #responseComments .collection .subRes{position:relative;padding-left:35px;} #responseComments .collection .subRes .circle.sml{left:0;width:24px;height:24px;} #responseComments .collection .text{font-size:1.5rem;margin:5px 0;line-height:1.5;} #responseComments .collection .acBtn{margin:5px 0;cursor: pointer;color:#777;} #responseComments .collection .acBtn span{font-size:13px;text-decoration:underline;} #responseComments .collection .acBtn:before{content:"\f0d7";font-family:fontAwesome;font-size:13px;cursor: pointer;padding-right:5px;} /* 返信用入力フォーム */ #responseComments .collection .cmtInput .input-field{padding:0 0 0 40px;} #responseComments .collection .collapsible.linkBox{} #responseComments .collection .collapsible.linkBox .linkBtn{display:inline-block;margin-right:5px;} #responseComments .collection .collapsible.linkBox .collapsible-body{padding:5px 0 0 0;} #responseComments .collection .linkBox .collapsible-header>a{color:#666;} #responseComments .collection .linkBox .likes{font-size:12px;width:50px;color:#666;} #responseComments .collection .linkBox .likes i{font-size:16px;padding-right:3px;} #responseComments .collection .linkBox .likes.active{color:#2196F3;} #responseComments .collection .linkBox .csbs .dropdown-content{min-width:auto;width:auto !important;} #responseComments .collection .linkBox .csbs .dropdown-trigger i{padding:0 2px;color:#666;font-size:16px;} #responseComments .collection .linkBox .csbs a{color:#333;} /* 共通 いいね・返信アイコン */ res{color:#777;} res span{font-size:11px;display:inline-block;margin:5px 15px 0 0;} res span>span{margin-right:0;} res span i{padding-right:2px;} @media screen and (min-width:641px){ #responseComments #commentsParts .cmtInput .thum{position:relative;top:auto;left:auto;width:42px;} #responseComments #commentsParts .input-field{margin:0 15px 0 28px;padding:0;} } @media screen and (max-width:640px){ #responseComments .cmtInput{padding:0;display:block;display:-webkit-block;} #responseComments .cmtInput .thum{left:0;} #responseComments .cmtInput .input-field{flex:auto;margin:15px 0;padding:0 0 0 55px;} #responseComments .cmtInput button{line-height:32px;height:32px;display: block;margin: 30px 0 0 auto;} #responseComments .collection .collection-item:after{display:none;} #responseComments .collection .mainRes .circle{left:0;} #responseComments .collection .subRes .circle{left:0;width:24px;height:24px;} #responseComments .collection .cmtInput .thum{position: relative;top: 14px;left: 0;} #responseComments .collection .cmtInput .thum img{width:24px;height:24px;} #responseComments .collection .cmtInput .input-field{padding:0 0 0 35px;} .comActivityArea #responseComments .collection-item.avatar{padding-left:0 !important;} .comActivityArea #responseComments .collection-item.avatar .mainRes{padding-left:55px;} #responseComments .collection .collapsible.linkBox .collapsible-body{padding:0;} } /* 各種設定 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* 施設マスター 一覧 ボタン */ .mShopBtn{position:relative; overflow:hidden;} .mShopBtn li{float:left;width:100px;margin-right:1rem;} .mShopBtn li a{width:100%; padding:0;} .mShopBtn li i{width:14px;text-align:center;} @media screen and (max-width:640px){ .mShopBtn li{float:left;width:23.5%;margin-right:2%;} .mShopBtn li:last-child{margin-right:0;} } /* 施設マスター フリーサイズボタン */ .mShopFreeBtn{position:relative; overflow:hidden;width:100%;} .mShopFreeBtn li{float:left;margin:0 1rem 1rem 0;} .mShopFreeBtn li a{width:100%; padding:0 1rem;} .mShopFreeBtn li i{width:14px;text-align:center;} @media screen and (max-width:640px){ .mShopFreeBtn li{width:100%;margin:0 0 1rem 0;} } /* サマリー ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* ランキング */ .rankingList .tt{margin-bottom:8px;text-align:center;} /*.rankingList .boxShadow{width:22.75%;float:left;margin-right:3%;margin-bottom: 20px;}*/ .rankingList .rank{clear:both;border-top:1px solid #eee;font-size:1.4rem;} .rankingList .rank li{display:table;table-layout:fixed;width:100%;border-bottom:1px solid #eee;padding:2px 1px;line-height:1.4;} .rankingList .rank li.t3{padding:6px 1px;} .rankingList .rank li.t3 .rank.no1{background-image: url(../img/icon/rank1.svg);} .rankingList .rank li.t3 .rank.no2{background-image: url(../img/icon/rank2.svg);} .rankingList .rank li.t3 .rank.no3{background-image: url(../img/icon/rank3.svg);} .rankingList .rank li:nth-child(even){background:#f7f7f7;} .rankingList .rank li.t3 z.rank{background:none;border:none;border-radius:0;width:50px;height:22px;background-repeat:no-repeat;padding-right:20px;} .rankingList .rank li.ot z{width:50px;font-size:11px;} .rankingList .rank li.ot z x{position:relative;display:block;width:26px;font-size:11px;text-align:center;} .rankingList .rank li.ot z x:before{content:"";position:absolute;z-index:0;top:-1px;left:0;display:block;width:26px;height:18px;border-radius:50px;border:1px solid #aaa;} .rankingList .rank li a{width:100%;text-align:center;}/*増加*/ .rankingList .rank li c{text-align:right;font-size:1.2rem;width:50px;}/*日付*/ .rankingList .rank li z, .rankingList .rank li c, .rankingList .rank li a{display:table-cell;vertical-align: middle;} .rankingList .rank li a{text-decoration:none;color:#4285f4;} .rankingList .rank li a:hover{text-decoration:underline;} .rankingList .boxShadow:last-child{margin-right:0;} /*.rankingList .boxShadow >*:nth-child(3n+1){clear:both;}*/ @media(min-width:992px) and (max-width:1199px) { .rankingList .boxShadow{width:48% !important;} .rankingList .boxShadow:nth-child(2n){margin-right:0;} .rankingList .boxShadow:nth-child(3){margin-right:3%!important;} .rankingList .boxShadow:nth-child(4){clear:none!important;} } /* フォーキャスト */ .summaryFc{margin:2em 0;} .summaryFc h3{margin-bottom:8px;text-align:center;font-size:1.4rem;} .summaryFc .box{display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 0 1em 0;} .summaryFc .box .tItem{width:24.5%;margin-bottom:.5em;border:1px solid #eee;border-radius:2px;padding:.5em;} .summaryFc .box .tItem table{width:100%;} .summaryFc .box .tItem th{font-size:1.2rem;text-align:center;} .summaryFc .box .tItem td{font-size:22px;font-weight:normal;text-align:right;font-family:Arial,sans-serif;} .summaryFc .box .tItem th, .summaryFc .box .tItem td{padding:0 3px;} .summaryFc .box .tItem td.sY, .summaryFc .box .tItem td.sB{text-align:center;width:35px;font-size:11px;display:inline-block;padding:0;color:#fff;border-radius:2px;} .summaryFc .box .tItem td.sY{background:#FF8000;} .summaryFc .box .tItem td.sB{background:#4FAAC9;} .summaryFc .gItem{margin-top:.8em;} #scrollDateActivity .collection{border:none;} #scrollDateActivity ul{display:flex;flex-wrap:wrap;width:100%;} #scrollDateActivity ul li{border:1px solid #e0e0e0;border-radius:2px;width:33%;margin:0 .5% 0.5em 0;padding-right:0;} #scrollDateActivity ul li:nth-child(2n){background:#f7f7f7;} #scrollDateActivity .time span{margin-right:10px;} #scrollDateActivity .text{font-size: 1.4rem;line-height:1.6;letter-spacing: .08rem;padding:.5em .5em .5em 0;height:160px;overflow-y:scroll;border-top: 1px solid #eee;} @media screen and (max-width:1670px) and (min-width:1441px){ .summaryFc .box .tItem td{font-size:18px;} } @media screen and (max-width:1440px) and (min-width:1371px){ .summaryFc .box .tItem td{font-size:16px;} } @media screen and (max-width:1370px){ .summaryFc .box .tItem{width:49.5%;} .summaryFc .box .tItem td{font-size:18px;} } @media screen and (max-width:895px){ .summaryFc .box .tItem{width:100%;} .summaryFc .box .tItem td{font-size:20px;} } @media screen and (min-width:992px){ #scrollDateActivity ul li:nth-child(3n){margin-right:0;} } @media screen and (max-width:991px) and (min-width:640px){ #scrollDateActivity ul li:nth-child(2n){background:none;} #scrollDateActivity ul li:nth-child(4n+2), #scrollDateActivity ul li:nth-child(4n+3){background:#f7f7f7;} } @media screen and (max-width:991px){ #scrollDateActivity ul li{width:49.5%;} } @media screen and (max-width:640px){ #scrollDateActivity ul li{width:100%;margin-bottom:.8em;} } @media screen and (max-width:360px){ .summaryFc .box .tItem td{font-size:15px;} } /* フォーキャスト ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ .chartBoxOnForecast{position:relative;} .chartBoxOnForecast .fcBlue{position:absolute;z-index:0;top:6px;right:2px;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;} .chartBoxOnForecast .fcFff{position:absolute;z-index:0;top:6px;right:2px;} .chartBoxOnForecast .fcGrn{position:absolute;z-index:0;top:6px;left:2px;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;} .lrc1{border-right:1px solid #111!important;} .llc1{border-left:1px solid #111!important;} .ltc1{border-top:1px solid #111!important;} .lbc1{border-bottom:1px solid #111!important;} .lbc2{border-bottom:1px solid #ababab!important;} .bga1{background:#fffaf2;} .bga2{background:#f5fcff;} .bga3{background:rgba(252,234,237,.5);} .scTa{height:80px;overflow:auto;border:none;resize:none;overflow:scroll-y;} .fcBox{display:table;} .fcBox .fct{display:table-cell;width:100px;text-align:left;margin-top:4px;} .fcBox .fci{display:table-cell;width:48%;} .newCmtIcon{text-align:right;font-size:14px;padding:0 3px 2px 0;border-bottom:1px solid #e0e0e0;} .fcCm{height:80px;overflow-y:auto;overflow-x: hidden;white-space: nowrap;} .fcCm li {margin-bottom:5px;} .fcCm li img{width:16px;margin-right:3px;} .fcCm li a{color: #26a69a;white-space:nowrap;} .fcCm li a:hover{text-decoration:underline;} .fcMdl.collapsible{-webkit-box-shadow:none!important;box-shadow:none!important;margin:0 0 1em 0 !important;} .fcMdl.collapsible .collapsible-body{padding:.5em 1em;font-size:1.4rem;} .fcMdl li .at{display:inline-block;padding:0 0 0 5px;color: #26a69a;} .fcMdl li .dt{color: #777;font-size:1.2rem;padding:0px 0 0 5px;} .fcMdl li .dt sn:first-child{padding-right:2em;} .fcMdl li .dt sn{padding-right:1em;} .fcMdl img{width:24px;height:24px;} /* ↓使用しているか確認 *****************************************************************************/ .tdWp1{position:relative; overflow:hidden;border-collapse:collapse;overflow-x: scroll;width:100%;table-layout:fixed; cursor:-moz-grab;cursor:-webkit-grab;cursor: grab;} .tdWp1:active{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor: grabbing;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .tdWp1 td{text-align:right;width:88px;padding:1px !important;} /* SC連携用テーブル -------------------------------------*/ .tmirzAdminTable .inv{width:40px !important;font-size:11px;text-align:center;} .tmirzAdminTable .fixTd{width:50px;font-size:11px;} .tmirzAdminTable .fixTd select.browser-default{font-size:11px;padding:0;margin:0;height:20px;line-height:20px;} .tmirzAdminTable .fixTd .select-wrapper .caret{height:12px;} .tmirzAdminTable .fixTd.rmSl,.fixTd.rmTy{width:70px!important;text-align:left;overflow:hidden;} .tmirzAdminTable .tmirzDt{padding:0 0 2px 0!important;margin:0;vertical-align:top;} .tmirzAdminTable .tmirzDt .dtList{display:table;table-layout:fixed;width:100%;} .tmirzAdminTable .tmirzDt .dtList span{display:table-cell;vertical-align:middle;width:33.3%;margin:0;height:12px;padding:0 1px;} .tmirzAdminTable .tmirzDt .dtList span input{box-sizing: border-box;font-size:11px !important;margin:1px 0 0 0 !important;padding:0!important;height:19px !important;line-height:19px !important;border:none;text-align:center;} .tmirzAdminTable .tmirzDt .dtList span input.ipt{border:1px solid #aaa !important;} .tmirzAdminTable .tmirzDt button{position:relative;padding:0;text-align:center;background:#ccc;height:18px;margin:1px auto;border:none;width:98%;cursor: pointer;border-radius:2px;display: block;text-align:right;box-shadow: 0px 2px 0 #323232;transition:.01s;border:1px solid #323232;} .tmirzAdminTable .tmirzDt button span{display:inline-block;text-align:right;font-size:11px;padding:0 1px;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;color:#000;} .tmirzAdminTable .tmirzDt button:active{box-shadow:none;transform: translate3d(0, 2px, 0);} .tmirzAdminTable .tmirzDt up{display: block;font-size: 9px;letter-spacing: -.05em;padding: 0 1px;transform: scale(0.85);} .tmirzAdminTable .rl{border-right:2px solid #323232 !important;} .tmirzAdminTable .tdOl{width:83px !important;} .tmirzMT.material-tooltip:before{content: "";position: absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top:7px solid rgba(50,50,50,0.85);} .tmirzMT.material-tooltip{padding:5px 15px!important;min-height:auto!important;font-size:14px!important;max-width: calc(100% - 0)!important;background-color:rgba(50,50,50,0.85)!important;overflow: visible!important;} .tmirzMT.material-tooltip tlp{font-size:15px;display:block;margin:0;line-height:1.4;} .tmirzMT.material-tooltip tlup{display:block;padding:0 1px;} .tmirzDt i{position:absolute;top:0;left:2px;} .tmirzDt i:before{content:"";height:16px;width:14px;display:inline-block;background-size:14px;background-position:50%;background-repeat:no-repeat;} .tmirzDt .arUP:before{background-image:url(../img/icon/arrow-circle-up.svg);} .tmirzDt .arDN:before{background-image:url(../img/icon/arrow-circle-down.svg);} .tmirzDt .arSP:before{background-image:url(../img/icon/circle-stop.svg);} .tmirzUpDate,.tllncnUpDate{display:inline-block;font-size:12px;vertical-align:middle;line-height:1.4;margin-left:15px;padding-left:5px;letter-spacing:.05em;} .tmirzUpDate img{width:110px;margin:0 0 3px 0;} .tllncnUpDate img{width:51px;margin:0 0 3px 0;} /* オンハンド テーブル下 ナビ */ .onHandFooterNav .n1{display:-webkit-flex;display:flex;justify-content: flex-end;flex-wrap: wrap;align-items: center;font-size:13px;} .onHandFooterNav .n1 li{padding-left:5px;margin-bottom:8px;} .onHandFooterNav .n1 li:after{content:"｜";padding-left:5px;color:#ccc;} .onHandFooterNav .n1 li:last-child:after{content:none;} .onHandFooterNav .n1 .clmSet{display:-webkit-flex;display:flex;align-items: center;} .onHandFooterNav .n1 .clmSet>*{} @media screen and (max-width:880px){.tmirzUpDate{display:none;}.tllncnUpDate{display:none;}} /* 各種設定 手間いらず */ .minPchg{margin:10px 0;} .minPchg .tt{background:#f1f1f1;border-radius:3px;font-size:14px;font-weight:bold;padding:3px 10px;} .minPchg .type{position:relative;padding:5px 0 0 0;border-bottom:1px dotted #ccc;} .minPchg .prList{margin:8px 5px 5px 0;max-width:350px;width:100%;border:none;} .minPchg .prList th{width:250px;} .minPchg .prList td{text-align:right;} .minPchg .prList tr{border-top:1px solid #ccc;} .minPchg .prList tr{border-bottom:1px solid #ccc;} .minPchg .prList th, .minPchg .prList td{padding:5px 8px;border:none;vertical-align:top;} .labelCheckList label{position:relative;} .labelCheckList label span{width:100%;padding:5px 20px 5px 35px!important;margin-bottom:5px;color:#333!important;font-size:16px!important;height:auto !important;line-height:1.6 !important;} .labelCheckList [type="radio"]:checked{padding:10px;} .labelCheckList [type="radio"]:checked + span{background:#f7f7f7;border-radius:3px;display:inline-block;} .labelCheckList [type="radio"] + span:before, .labelCheckList [type="radio"] + span:after {top:5px;left:8px;} @media screen and (max-width:480px){ .minPchg .prList th{max-width:auto;} .minPchg .prList td{width:150px;} .minPchg .prList th,.minPchg .prList td{padding:5px;} } /*サブナビ*/ .mShopFreeBtnN{position:relative;background:#F8F9FA;padding:10px 0 0 0;} .mShopFreeBtnN .list{display:-webkit-flex;display:flex;margin:0 0 15px 0;} /*.mShopFreeBtnN:after{content:"";position:absolute;bottom:0;left:0;border-bottom:1px solid #E4E5E6;width:100%;height:1px;}*/ .mShopFreeBtnN .list>li{margin:0 5px;background:#F8F9FA;} .mShopFreeBtnN .list>li>a{border:1px solid #ddd;border-bottom:none;border-radius:3px 3px 0 0;height:auto;line-height:1.6;padding:8px 10px;} .mShopFreeBtnN .list .onSelect{color:#333;background:#fff;} .mShopFreeBtnN .list .onSelect i{color:#333 !important;} @media screen and (max-width:800px){ .mShopFreeBtnN .list{white-space: nowrap;overflow-x: scroll;} .mShopFreeBtnN .list>li>a{padding:13px 10px;} } /*INPUT背景*/ .zeroRed{background:#000!important;color:#f9ff00!important;} /*予約0以上 赤*/ .bookOn{background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);border-top:2px solid #ffada6 !important;border-left:2px solid #ffada6 !important;border-bottom:2px solid #9c0f03 !important;border-right:2px solid #9c0f03 !important;color:#fff;} /*予約0 灰*/ .bookOff{background:linear-gradient(to bottom, #aaa 5%, #888 100%);border-top:2px solid #ddd !important;border-left:2px solid #ddd !important;border-bottom:2px solid #666 !important;border-right:2px solid #666 !important;color:#fff;} /* オートパイロット ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ -----------------------------------------------------------------------*/ /* 月別・一括操作・表示切替 */ .scAutoNavi{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top: .5em;} .scAutoNavi .item{position:relative;display:inline-block;vertical-align:middle;} .scAutoNavi .item:first-child{padding-right:20px;} .scAutoNavi .item:first-child:after{position:absolute;top:5px;right:0;content:"｜";color:#bbb;} .scAutoNavi .iConSwitch{order:2;margin-bottom: .5em;margin-left:auto;} .scAutoNavi .iConSwitch span{font-size:12px;padding-right:8px;display:inline-block;} .scAutoNavi .iConSwitch select{font-size:12px;} .scAutoNavi .iConSwitch i{font-size:16px;color:#777;} .scAutoNavi .iConSwitch a{color:#333;font-size:12px;} .scAutoNavi .iConSwitch i.on{color:#26A69A;} .scAutoNavi .inputMonthBtn{order:1;} @media screen and (min-width:1198px){.scAutoNavi .iConSwitch.pcNone{display:none;}} @media screen and (max-width:1280px){#scAutoModal.modal.modal-fixed-footer{width:90%;}} #scAutoModal th,#scAutoModal td{vertical-align:top;} #scAutoModal[type="radio"]:not(:checked) + span, [type="radio"]:checked + span{font-weight:bold;color:#222 !important;} .ptWrap{position:relative;} .ptRoWrap{max-width:550px;margin:10px 0 0 0!important;} .delLink{position:absolute;top:-2px;right:3px;} .delLink a{height:24px;line-height:24px;margin-top:10px;color:#777;} .scAutoTable table {width:100%;table-layout:fixed;} .scAutoTable table caption{text-align:center;} .scAutoTable table td{padding:3px 5px;vertical-align:top;text-align:left;height:55px;background:#ddd;font-size:11px;} .scAutoTable table .modal-trigger{cursor:pointer;background:#fff;} .scAutoTable table p{position:relative;} .scAutoTable p.day cn{padding: 2px;background: #fff;display: inline-block;border-radius: 4px;line-height: 1;} /* 詳細カレンダー */ .scAutoTable.list p.day{text-align:center;} .scAutoTable.list p.day nl{margin-bottom:5px;font-size:12px;letter-spacing: .05em;padding: 2px 8px 4px 8px;background: #fff;display: inline-block;border-radius: 10px;line-height: 1;} .scAutoTable.list p:not(.day){display:-webkit-flex;display:flex;align-items:center;margin-bottom:1px;} .scAutoTable.list p:not(.day) *{line-height:1;padding:1px;} .scAutoTable.list p.day cn{display:none;} .scAutoTable.list z{min-width:50px;text-align:right;} .scAutoTable.list x{padding:0;margin:0 2px;display:inline-block;overflow:hidden;white-space: nowrap;} .scAutoTable.list x tt{letter-spacing:-.05em;} .scAutoTable.list x.closed {background:#000;color:#f9ff00;} .scAutoTable.list c{min-width:52px;} .scAutoTable.list c v{padding:0 2px;background:#fff;margin:0;display:inline-block;margin-bottom:1px;} .scAutoTable.list c v.on{background:#f00;color:#fff;} /*割引がある場合*/ .scAutoTable.list .dp1 x, .scAutoTable.list .dp1 c v{height:15px;} .scAutoTable.list .dp2 x, .scAutoTable.list .dp2 c v{height:27px;} .scAutoTable.list .dp3 x, .scAutoTable.list .dp3 c v{height:38px;} .scAutoTable.list .dp2 c v{line-height:2;} .scAutoTable.list .dp3 c v{line-height:3;} /* 簡易カレンダー */ .scAutoTable.calendar{display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;} .scAutoTable.calendar table{width:16%;margin-bottom:20px;} .scAutoTable.calendar .week td{height:12px!important;text-align:center;padding:1px 0;} .scAutoTable.calendar td{height:50px!important;} .scAutoTable.calendar{margin-bottom:20px;} .scAutoTable.list cn, .scAutoTable.list .week, .scAutoTable.calendar nl, .scAutoTable.calendar z, .scAutoTable.calendar x, .scAutoTable.calendar x, .scAutoTable.calendar c{display:none;} .scAutoTable table .off{background:#fff;}/*本日以降の操作なし　白*/ .scAutoTable table .on1{background:#dbf0ff;}/*本日以降の操作あり／残室方式　青*/ .scAutoTable table .offEnd{background:#bbb}/*本日以前の操作なし　灰暗*/ .scAutoTable table .on1End{background:#AABCC6;}/*本日以前の操作あり／残室方式　灰青*/ .scAutoTable table .ckd{background:#FCE4EC;}/*一括操作の操作対象の日　ピンク*/ @media screen and (max-width:1280px){ .scAutoTable.calendar table{width:32%;} .scAutoTable.list table{border-left:1px solid #adadad;} .scAutoTable.list table td{border:none;border-right:1px solid #adadad;border-bottom:1px solid #adadad;} .scAutoTable.list tr{display:block;} .scAutoTable.list td{display:block;height:auto;width:20%;float:left;} .scAutoTable.list td:not(.modal-trigger){display:none !important;} } @media screen and (max-width:992px){ .scAutoTable.list td{width:33.33%;} .scAutoTable.calendar table{width:48%;} } @media screen and (max-width:600px){ .scAutoTable.list td{width:50%;} .scAutoNavi{display:block;} .scAutoNavi .iConSwitch{margin-bottom:1.5em;} .scAutoNavi .iConSwitch.pcNone{margin:1.5em 0 0 0;} } @media screen and (max-width:420px){ .scAutoTable.calendar table{width:100%;} } @media screen and (max-width:379px){ .scAutoTable.list td{width:100%;float:none;} } /*ＳＣ自動操縦*/ .scAutolists table{width:100%;} .scAutolists table td{text-align:center;vertical-align:middle;} .scAutolists table .numv{width:100px;} .scAutolists table .head{font-size:12px;border-bottom:1px solid #ddd;} .scAutolists table .head td{padding:15px 0;} .scAutolists .dataBox{position:relative;overflow:hidden;font-size:13px;padding:8px 0 8px 10px;line-height: 1.3;border-bottom:1px solid #ddd;} .scAutolists .dataBox td{padding:8px 5px;} .scAutolists .dataBox .rmnm p{overflow:hidden;height:18px;text-align:left;font-size:12px;} .scAutolists .dataBox .db > *{display:block;text-align:center;} .scAutolists .dataBox fs{color:#777;font-size:10px;} .scAutolists .dataBox .graph{width:150px;} .scAutolists .dataBox .graph gr{position:relative;background:#ccc;width:100%;display:block;text-align:center;padding:5px 0;border:1px solid #ccc;} .scAutolists .dataBox .graph z{position:relative;z-index:2;text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;} .scAutolists .dataBox .graph x{position:absolute;z-index:1;top:0;left:0;display:block;background:#EC9800;height:100%;width:75%;} .scAutolists .scRightNavi{position:relative;} .scAutolists .scRightNavi .dropdown-content{min-width:200px;top:0!important;right:35px!important;left:auto!important;} .scAutolists .scRightNavi .dropdown-content li > a > i{margin: 0 7px;} .scAutolists .scRightNavi a{color:#333;} .scAutolists .btns{width:100px;} .scAutolists .btns a{width:80px;margin:0 auto;} .scAutolists .btn{padding:0;font-size:12px;width:80%;} .scAutolists .dataBox .acList{text-align:left;padding:0;} .scAutolists .dataBox .fcCm{height:50px;} .scAutolists .dataBox .fcCm li{font-size:12px;margin:0;min-width:100px;height:20px;overflow:hidden;} .scAutolists .dataBox .fcCm li a{white-space:normal;} .scAutolists .dataBox grm{min-width:150px;text-align:left;display:flex;margin-top:2px;} .scAutolists .dataBox grm w{text-align:left;display:block;width:30px;height:30px;background-size:25px;background-repeat:no-repeat;background-position:50%;} .scAutolists .dataBox grm .aOn{background-image:url(../img/icon/alert_on.svg);background-color:#FFEB00;} .scAutolists .dataBox grm .aOff{background-image:url(../img/icon/alert_off.svg);background-color:#ddd;} .scAutolists .dataBox grm e *{width:60px;background:#ddd;display:block;font-size:10px;height:15px;padding:0 4px;} .scAutolists .dataBox grm r{font-size:10px;margin-left:auto;padding-top:7px;} .scAutolists .dataBox grm r l{font-size:13px;} @media screen and (max-width:1300px){ .scAutolists .dataBox .acList, .scAutolists .dataBox grm{display:none;} } /*SC自動操縦 手間いらず*/ .scTmirzAp box{display:flex;margin: 0 0 2px 0;} .scTmirzAp z, .scTmirzAp x{display:inline-block;padding:0 1px;overflow:hidden;font-size:12px;line-height:1.3;text-align:left;white-space: nowrap;vertical-align:top;} .scTmirzAp c{display:block;font-size:12px;text-align:left;} .scTmirzAp c v{display:inline-block;padding:0 2px;} .scTmirzAp sm{display:block;font-size:10px;} .scTmirzAp input{width:22px!important;font-size:12px!important;margin:0 1px!important;height:18px!important;border: 1px solid #ccc!important;vertical-align:top;} .scTmirzAp x input{box-sizing: border-box;font-size:12px !important;margin:0 !important;padding:0!important;height:18px !important;line-height:18px !important;border:none;text-align:center;} .scTmirzAp i{vertical-align:top;padding:6px 5px 0 5px;font-size:10px;} .scTmirzAp .on{background:#f00;color:#fff;} .scTmirzAp .closed {background:#000;color:#f9ff00;} .scTmirzAp z.dp1{height:18px;} .scTmirzAp z.dp2{height:34px;} .scTmirzAp z.dp3{height:50px;} #scAutoHisModal .date{min-width:150px;} #scAutoHisModal .scTmirzAp w:nth-child(odd){width:40%;} #scAutoHisModal .scTmirzAp z, #scAutoHisModal .scTmirzAp x{display:block;width:auto;} .scSubItemBox {min-width:200px;} .scSubItemBox li{padding:0 5px;} .scSubItemBox li:hover{background:none!important;cursor:default;} .scSubItemBox li > a > i{margin:0 7px;text-align: center;} .scSubItemBox li > a > i:hover{color:#777;} .scSubItemBox a{display:inline-block!important;padding:11px 3px!important;} .acnArea{display:none;background:#f7f7f7;border-top:1px solid #ddd;} .acnArea .dataBox{border:none;} .acnArea .item{border-bottom:1px solid #ddd;} .acnArea .item .acnLink{visibility:hidden;} @media screen and (max-width:1199px){ .scAutolists{margin-top:20px;} .scAutolists .head, .scAutolists .numv{display:none;} } @media screen and (min-width:861px){ .scAutolists .dataBox .date x{font-weight:bold;line-height:1.6;} .scAutolists .dataBox .date, .scAutolists .dataBox .rmnm{width:100px;} .scAutolists .scRightNavi{display:flex;justify-content:flex-end;} .scTmirzAp {width:300px;min-width:300px;} .scTmirzAp z{width:100px;} .scTmirzAp x{width:24px;} .scTmirzAp c:first-child{width:176px;} #scAutoHisModal .scTmirzAp c:first-child{width:45%;} } @media screen and (max-width:860px){ .scAutolists .dataBox td{padding:5px;} .scAutolists .dataBox .date, .scAutolists .dataBox .rmnm, .scAutolists .dataBox .graph{display:block;width:100%;text-align:left;} .scAutolists .dataBox .date *{display:inline-block;padding-right:8px;} .scAutolists .tdRn{width:40px;} .scTmirzAp{display:inline-block;width:100%;} .scTmirzAp *, .scTmirzAp input{font-size:10px !important;} .scTmirzAp box{justify-content:space-between;} .scTmirzAp z{width:100px;} .acnArea .item .acnLink{display:none;} } @media screen and (max-width:560px){ .scTmirzAp i{padding:4px 2px 0 2px;} .scTmirzAp z{width:40px;} .scAutolists .btns{width:50px;padding:2px!important;} .scAutolists .btn{padding:0 5px;font-size:10px;width:100%;} } /* プリセット呼出DD */ #presetDataSave{padding:5px 10px;height:80px;} #presetDataSave input{width:150px;} /* 一括操作モーダル */ #bulkOperationModal.modal{width:99%!important;height:98%!important;max-height:98%!important;top:1%!important;} #bulkOperationModal .navigationArea{width:100%;} #bulkOperationModal .navigationArea *{font-size:12px;} #bulkOperationModal .navigationArea .fa{font-size:20px;} #bulkOperationModal .navigationArea .bulkPperationMenu, #bulkOperationModal .navigationArea .patternSettingMenu{border:1px solid #ccc;padding:10px;margin-bottom:1em;} #bulkOperationModal .navigationArea .box{display:-webkit-flex;display:flex;margin-bottom:1em;justify-content:space-between;} #bulkOperationModal .navigationArea .box .input-field{} #bulkOperationModal .navigationArea .item{margin-bottom:1em;} #bulkOperationModal .navigationArea .tt{position:relative;background:#ddd;margin-bottom:8px;padding:3px 5px;} #bulkOperationModal .navigationArea .delLink{top:0;right:5px;} #bulkOperationModal .bulkPperationMenu ul{position: -webkit-sticky;position: sticky;top: 0;} #bulkOperationModal .calendarArea .scAutoTable{position: -webkit-sticky;position: sticky;top: 0;} #bulkOperationModal .scAutoTable.calendar td{height:30px!important;} #bulkOperationModal .scAutoTable.calendar .oGot, #bulkOperationModal .scAutoTable.calendar td.no1, #bulkOperationModal .scAutoTable.calendar td.off{cursor:pointer;} #bulkOperationModal .scAutoTable.calendar .week td{height:12px!important;} #bulkOperationModal .bulkPperationMenu li{margin:8px 0;} #bulkOperationModal .bulkPperationMenu li a{display:block;width:100%;height:28px;line-height:28px;} #bulkOperationModal .ptrRow{display:-webkit-flex;display:flex;} #bulkOperationModal .ptrRow li{margin-right:10px;} #bulkOperationModal .ptrRow li label{cursor:pointer;display:inline-block;} #bulkOperationModal .ptrRow li label span{text-align:center;display:inline-block;width:24px;line-height:18px;height:20px;border:1px solid #ccc;} #bulkOperationModal .ptrRow li [type="checkbox"]:checked + span{font-weight:bold;color:#333 !important;background:#FCE4EC;border:1px solid #999;} @media screen and (max-width:1200px) and (min-width:900px){ #bulkOperationModal .scAutoTable.calendar table{width:48%;} } @media screen and (min-width:900px){ #bulkOperationModal .calendarArea{flex:1;margin-right:20px;position: -webkit-sticky;position: sticky;top: 0;} #bulkOperationModal .flexBox{display:-webkit-flex;display:flex;} } @media screen and (min-width:641px){ #bulkOperationModal .navigationArea{display:-webkit-flex;display:flex;justify-content:space-between;max-width:420px;} #bulkOperationModal .navigationArea .bulkPperationMenu{width:120px;} #bulkOperationModal .navigationArea .patternSettingMenu{width:280px;} } @media screen and (max-width:899px){ #bulkOperationModal .scAutoTable.calendar table{width:32%;} } @media screen and (max-width:640px){ #bulkOperationModal .modal-content{padding:10px;} #bulkOperationModal .scAutoTable.calendar table{width:48%;} } @media screen and (max-width:420px){ #bulkOperationModal .scAutoTable.calendar table{width:100%;} } /* 実行済 */ .autopilotRunReturn{color:#a3a4a3 !important;background:#dfdfdf !important;} /*verBadge */ .verBadge span{background:#ddd;font-size:11px;display:inline-block;padding:2px 4px;border-radius:3px;line-height:1;color:#777;} .verBadge .vOn{background:#1976d2;color:#fff;} /* グラフのツールチップ設定 */ #chartjs-tooltip {opacity: 1;position: absolute;background: rgba(0, 0, 0, .7);color: white;border-radius: 3px;-webkit-transition: all .1s ease;transition: all .1s ease;pointer-events: none;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .chartjs-tooltip-key {display: inline-block;width: 10px;height: 10px;margin-right: 10px;} /* レーダーチャートおよび星設定 */ .reviewScoreList{padding:0 0 20px 0;border-top:1px solid #eee;} .reviewScoreList li{padding:5px 0;border-bottom:1px solid #eee;} .reviewScoreList .name{text-align:left;flex:1;} .reviewScoreList .score{width:140px;} .reviewScoreList .score rs{background-image:url(../img/icon/review_rate.svg?2);background-size:94px;height:19px;width:94px;margin-top:5px;display:inline-block;background-repeat:no-repeat;} .reviewScoreList .score num{padding-left:8px;display:inline-block;color:#c00;vertical-align:top;padding-top:2px;} .rate50 rs{background-position:0 0;} .rate45 rs{background-position:0 -19px;} .rate40 rs{background-position:0 -38px;} .rate35 rs{background-position:0 -57px;} .rate30 rs{background-position:0 -76px;} .rate25 rs{background-position:0 -96px;} .rate20 rs{background-position:0 -114px;} .rate15 rs{background-position:0 -133px;} .rate10 rs{background-position:0 -152px;} .rate05 rs{background-position:0 -171px;} .rate00 rs{background-position:0 -190px;} @media screen and (min-width:768px){ #reviewScoreModal.modal.modal-fixed-footer{height:60%;} } @media screen and (max-width:1299px){#reviewScoreModal.modal{width:80%;}} @media screen and (min-width:340px){.reviewScoreList li{display:flex;justify-content:space-between;}} /* 競合調査の注意喚起マーク */ .psfBox{display:flex;justify-content:space-between;align-items:center;} .psfBox i{font-size:14px;width:14px;text-align:center;} /* Component:Grid */ .uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}.uk-grid > *{margin:0;}.uk-grid > * > :last-child{margin-bottom:0;}.uk-grid{margin-left:-30px;}.uk-grid > *{padding-left:30px;}.uk-grid + .uk-grid,.uk-grid > .uk-grid-margin,* + .uk-grid-margin{margin-top:30px;}@media (min-width:1200px){.uk-grid{margin-left:-30px;}.uk-grid > *{padding-left:30px;}.uk-grid + .uk-grid,.uk-grid > .uk-grid-margin,* + .uk-grid-margin{margin-top:30px;}}.uk-grid-small,.uk-grid-column-small{margin-left:-15px;}.uk-grid-small > *,.uk-grid-column-small > *{padding-left:15px;}.uk-grid + .uk-grid-small2,.uk-grid + .uk-grid-row-small2,.uk-grid-small2 > .uk-grid-margin,.uk-grid-row-small2 > .uk-grid-margin,* + .uk-grid-margin-small2{margin-top:0;}.uk-grid + .uk-grid-small,.uk-grid + .uk-grid-row-small,.uk-grid-small > .uk-grid-margin,.uk-grid-row-small > .uk-grid-margin,* + .uk-grid-margin-small{margin-top:15px;}.uk-grid-medium,.uk-grid-column-medium{margin-left:-30px;}.uk-grid-medium > *,.uk-grid-column-medium > *{padding-left:30px;}.uk-grid + .uk-grid-medium,.uk-grid + .uk-grid-row-medium,.uk-grid-medium > .uk-grid-margin,.uk-grid-row-medium > .uk-grid-margin,* + .uk-grid-margin-medium{margin-top:30px;}.uk-grid-large,.uk-grid-column-large{margin-left:-40px;}.uk-grid-large > *,.uk-grid-column-large > *{padding-left:40px;}.uk-grid + .uk-grid-large,.uk-grid + .uk-grid-row-large,.uk-grid-large > .uk-grid-margin,.uk-grid-row-large > .uk-grid-margin,* + .uk-grid-margin-large{margin-top:40px;}@media (min-width:1200px){.uk-grid-large,.uk-grid-column-large{margin-left:-70px;}.uk-grid-large > *,.uk-grid-column-large > *{padding-left:70px;}.uk-grid + .uk-grid-large,.uk-grid + .uk-grid-row-large,.uk-grid-large > .uk-grid-margin,.uk-grid-row-large > .uk-grid-margin,* + .uk-grid-margin-large{margin-top:70px;}}.uk-grid-collapse,.uk-grid-column-collapse{margin-left:0;}.uk-grid-collapse > *,.uk-grid-column-collapse > *{padding-left:0;}.uk-grid + .uk-grid-collapse,.uk-grid + .uk-grid-row-collapse,.uk-grid-collapse > .uk-grid-margin,.uk-grid-row-collapse > .uk-grid-margin{margin-top:0;}.uk-grid-divider > *{position:relative;}.uk-grid-divider > :not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #e5e5e5;}.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before{content:"";position:absolute;left:0;right:0;border-top:1px solid #e5e5e5;}.uk-grid-divider{margin-left:-60px;}.uk-grid-divider > *{padding-left:60px;}.uk-grid-divider > :not(.uk-first-column)::before{left:30px;}.uk-grid-divider.uk-grid-stack > .uk-grid-margin{margin-top:60px;}.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before{top:-30px;left:60px;}@media (min-width:1200px){.uk-grid-divider{margin-left:-80px;}.uk-grid-divider > *{padding-left:80px;}.uk-grid-divider > :not(.uk-first-column)::before{left:40px;}.uk-grid-divider.uk-grid-stack > .uk-grid-margin{margin-top:80px;}.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before{top:-40px;left:80px;}}.uk-grid-divider.uk-grid-small,.uk-grid-divider.uk-grid-column-small{margin-left:-30px;}.uk-grid-divider.uk-grid-small > *,.uk-grid-divider.uk-grid-column-small > *{padding-left:30px;}.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before{left:15px;}.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin{margin-top:30px;}.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before{top:-15px;left:30px;}.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before{top:-15px;}.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before{left:30px;}.uk-grid-divider.uk-grid-medium,.uk-grid-divider.uk-grid-column-medium{margin-left:-60px;}.uk-grid-divider.uk-grid-medium > *,.uk-grid-divider.uk-grid-column-medium > *{padding-left:60px;}.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before{left:30px;}.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin{margin-top:60px;}.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before{top:-30px;left:60px;}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before{top:-30px;}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before{left:60px;}.uk-grid-divider.uk-grid-large,.uk-grid-divider.uk-grid-column-large{margin-left:-80px;}.uk-grid-divider.uk-grid-large > *,.uk-grid-divider.uk-grid-column-large > *{padding-left:80px;}.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before{left:40px;}.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin{margin-top:80px;}.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before{top:-40px;left:80px;}.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before{top:-40px;}.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before{left:80px;}@media (min-width:1200px){.uk-grid-divider.uk-grid-large,.uk-grid-divider.uk-grid-column-large{margin-left:-140px;}.uk-grid-divider.uk-grid-large > *,.uk-grid-divider.uk-grid-column-large > *{padding-left:140px;}.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before{left:70px;}.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin{margin-top:140px;}.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before{top:-70px;left:140px;}.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before{top:-70px;}.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before{left:140px;}}.uk-grid-match > *,.uk-grid-item-match{display:flex;flex-wrap:wrap;}.uk-grid-match > * > :not([class*="uk-width"]),.uk-grid-item-match > :not([class*="uk-width"]){box-sizing:border-box;width:100%;flex:auto;}[class*="uk-child-width"] > *{box-sizing:border-box;width:100%;}.uk-child-width-1-2 > *{width:50%;}.uk-child-width-1-3 > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4 > *{width:25%;}.uk-child-width-1-5 > *{width:20%;}.uk-child-width-1-6 > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto > *{width:auto;}.uk-child-width-expand > :not([class*="uk-width"]){flex:1;min-width:1px;}@media (min-width:381px){.uk-child-width-1-1\@sss > *{width:100%;}.uk-child-width-1-2\@sss > *{width:50%;}.uk-child-width-1-3\@sss > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@sss > *{width:25%;}.uk-child-width-1-5\@sss > *{width:20%;}.uk-child-width-1-6\@sss > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@sss > *{width:auto;}.uk-child-width-expand\@sss > :not([class*="uk-width"]){flex:1;min-width:1px;}}@media (min-width:481px){.uk-child-width-1-1\@ss > *{width:100%;}.uk-child-width-1-2\@ss > *{width:50%;}.uk-child-width-1-3\@ss > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@ss > *{width:25%;}.uk-child-width-1-5\@ss > *{width:20%;}.uk-child-width-1-6\@ss > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@ss > *{width:auto;}.uk-child-width-expand\@ss > :not([class*="uk-width"]){flex:1;min-width:1px;}}@media (min-width:640px){.uk-child-width-1-1\@s > *{width:100%;}.uk-child-width-1-2\@s > *{width:50%;}.uk-child-width-1-3\@s > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@s > *{width:25%;}.uk-child-width-1-5\@s > *{width:20%;}.uk-child-width-1-6\@s > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@s > *{width:auto;}.uk-child-width-expand\@s > :not([class*="uk-width"]){flex:1;min-width:1px;}}@media (min-width:960px){.uk-child-width-1-1\@m > *{width:100%;}.uk-child-width-1-2\@m > *{width:50%;}.uk-child-width-1-3\@m > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@m > *{width:25%;}.uk-child-width-1-5\@m > *{width:20%;}.uk-child-width-1-6\@m > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@m > *{width:auto;}.uk-child-width-expand\@m > :not([class*="uk-width"]){flex:1;min-width:1px;}}@media (min-width:1200px){.uk-child-width-1-1\@l > *{width:100%;}.uk-child-width-1-2\@l > *{width:50%;}.uk-child-width-1-3\@l > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@l > *{width:25%;}.uk-child-width-1-5\@l > *{width:20%;}.uk-child-width-1-6\@l > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@l > *{width:auto;}.uk-child-width-expand\@l > :not([class*="uk-width"]){flex:1;min-width:1px;}}@media (min-width:1600px){.uk-child-width-1-1\@xl > *{width:100%;}.uk-child-width-1-2\@xl > *{width:50%;}.uk-child-width-1-3\@xl > *{width:calc(100% * 1 / 3.001);}.uk-child-width-1-4\@xl > *{width:25%;}.uk-child-width-1-5\@xl > *{width:20%;}.uk-child-width-1-6\@xl > *{width:calc(100% * 1 / 6.001);}.uk-child-width-auto\@xl > *{width:auto;}.uk-child-width-expand\@xl > :not([class*="uk-width"]){flex:1;min-width:1px;}}[class*="uk-width"]{box-sizing:border-box;width:100%;max-width:100%;}.uk-width-1-2{width:50%;}.uk-width-1-3{width:calc(100% * 1 / 3.001);}.uk-width-2-3{width:calc(100% * 2 / 3.001);}.uk-width-1-4{width:25%;}.uk-width-3-4{width:75%;}.uk-width-1-5{width:20%;}.uk-width-2-5{width:40%;}.uk-width-3-5{width:60%;}.uk-width-4-5{width:80%;}.uk-width-1-6{width:calc(100% * 1 / 6.001);}.uk-width-5-6{width:calc(100% * 5 / 6.001);}.uk-width-small{width:150px;}.uk-width-medium{width:300px;}.uk-width-large{width:450px;}.uk-width-xlarge{width:600px;}.uk-width-xxlarge{width:750px;}.uk-width-auto{width:auto;}.uk-width-expand{flex:1;min-width:1px;}@media (min-width:481px){.uk-width-1-1\@ss{width:100%;}.uk-width-1-2\@ss{width:50%;}.uk-width-1-3\@ss{width:calc(100% * 1 / 3.001);}.uk-width-2-3\@ss{width:calc(100% * 2 / 3.001);}.uk-width-1-4\@ss{width:25%;}.uk-width-3-4\@ss{width:75%;}.uk-width-1-5\@ss{width:20%;}.uk-width-2-5\@ss{width:40%;}.uk-width-3-5\@ss{width:60%;}.uk-width-4-5\@ss{width:80%;}.uk-width-1-6\@ss{width:calc(100% * 1 / 6.001);}.uk-width-5-6\@ss{width:calc(100% * 5 / 6.001);}.uk-width-small\@ss{width:150px;}.uk-width-medium\@ss{width:300px;}.uk-width-large\@ss{width:450px;}.uk-width-xlarge\@ss{width:600px;}.uk-width-xxlarge\@ss{width:750px;}.uk-width-auto\@ss{width:auto;}.uk-width-expand\@ss{flex:1;min-width:1px;}}@media (min-width:640px){.uk-width-1-1\@s{width:100%;}.uk-width-1-2\@s{width:50%;}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001);}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001);}.uk-width-1-4\@s{width:25%;}.uk-width-3-4\@s{width:75%;}.uk-width-1-5\@s{width:20%;}.uk-width-2-5\@s{width:40%;}.uk-width-3-5\@s{width:60%;}.uk-width-4-5\@s{width:80%;}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001);}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001);}.uk-width-small\@s{width:150px;}.uk-width-medium\@s{width:300px;}.uk-width-large\@s{width:450px;}.uk-width-xlarge\@s{width:600px;}.uk-width-xxlarge\@s{width:750px;}.uk-width-auto\@s{width:auto;}.uk-width-expand\@s{flex:1;min-width:1px;}}@media (min-width:960px){.uk-width-1-1\@m{width:100%;}.uk-width-1-2\@m{width:50%;}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001);}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001);}.uk-width-1-4\@m{width:25%;}.uk-width-3-4\@m{width:75%;}.uk-width-1-5\@m{width:20%;}.uk-width-2-5\@m{width:40%;}.uk-width-3-5\@m{width:60%;}.uk-width-4-5\@m{width:80%;}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001);}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001);}.uk-width-small\@m{width:150px;}.uk-width-medium\@m{width:300px;}.uk-width-large\@m{width:450px;}.uk-width-xlarge\@m{width:600px;}.uk-width-xxlarge\@m{width:750px;}.uk-width-auto\@m{width:auto;}.uk-width-expand\@m{flex:1;min-width:1px;}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%;}.uk-width-1-2\@l{width:50%;}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001);}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001);}.uk-width-1-4\@l{width:25%;}.uk-width-3-4\@l{width:75%;}.uk-width-1-5\@l{width:20%;}.uk-width-2-5\@l{width:40%;}.uk-width-3-5\@l{width:60%;}.uk-width-4-5\@l{width:80%;}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001);}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001);}.uk-width-small\@l{width:150px;}.uk-width-medium\@l{width:300px;}.uk-width-large\@l{width:450px;}.uk-width-xlarge\@l{width:600px;}.uk-width-xxlarge\@l{width:750px;}.uk-width-auto\@l{width:auto;}.uk-width-expand\@l{flex:1;min-width:1px;}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%;}.uk-width-1-2\@xl{width:50%;}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001);}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001);}.uk-width-1-4\@xl{width:25%;}.uk-width-3-4\@xl{width:75%;}.uk-width-1-5\@xl{width:20%;}.uk-width-2-5\@xl{width:40%;}.uk-width-3-5\@xl{width:60%;}.uk-width-4-5\@xl{width:80%;}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001);}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001);}.uk-width-small\@xl{width:150px;}.uk-width-medium\@xl{width:300px;}.uk-width-large\@xl{width:450px;}.uk-width-xlarge\@xl{width:600px;}.uk-width-xxlarge\@xl{width:750px;}.uk-width-auto\@xl{width:auto;}.uk-width-expand\@xl{flex:1;min-width:1px;}} /* 汎用　スクロールテーブル */ .generalPurposeScrollTable {clear:both;margin-bottom:1em;} .generalPurposeScrollTable .title{letter-spacing:.05em;background:#555;color:#fff;text-align:center;} .generalPurposeScrollTable table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;table-layout:fixed;overflow-x: scroll;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} .generalPurposeScrollTable table tbody tr:nth-child(even){background-color:rgba(242, 242, 242, 0.5);} .generalPurposeScrollTable table th, .generalPurposeScrollTable table td{border:#ddd solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:1px;box-sizing:border-box;} .generalPurposeScrollTable table td{text-align:right;} .generalPurposeScrollTable table thead td{text-align:center;letter-spacing:.05em;} .generalPurposeScrollTable .dTop td{background-color:#e8e8e8;text-align:center;} .generalPurposeScrollTable .ttm{width:90px!important;} .generalPurposeScrollTable .tt{width:210px!important;text-align:center!important;font-size:14px;line-height:1.2!important;} .generalPurposeScrollTable .total td{background:#D5FF84;padding:10px 1px;} .generalPurposeScrollTable .dashboardShopNameTitle{text-align:left !important;overflow:hidden;white-space:nowrap;line-height:1.4;} /* オートパイロットの管理画面用 */ .adminAutopilotRankTable {overflow:auto;white-space:nowrap;} .adminAutopilotRankTable table {background:#fff;margin:0 0 10px 0;font-size:14px;} .adminAutopilotRankTable table {border-collapse: collapse;} .adminAutopilotRankTable table tr{text-align:left;} .adminAutopilotRankTable table, .adminAutopilotRankTable table th, .adminAutopilotRankTable table td {border:#ccc solid 1px;vertical-align:top;padding:8px;} .adminAutopilotRankTable table td {padding:5px;text-align:20px;} .adminAutopilotRankTable table th{background:#eee;} .adminAutopilotRankTable .apPd{padding:0 3px 0 0!important;} /* CSSローディング : ◇*/ .sk-cube-grid { width: 99px; height: 99px; margin: 18px auto; } .sk-cube-grid .sk-cube { width: 33.33%; height: 33.33%; background-color: #fff; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /*-------------------------------------------------------------------------------------*/ /* オートパイロット：操作テーブル ＮＯ３ */ #autopilotTable3 {margin-bottom:1em;} #autopilotTable3 table {background-color:#fff;width:100%;font-size:11px;border-collapse: collapse;position: relative;overflow-x: scroll;table-layout: fixed;cursor: -moz-grab;cursor: -webkit-grab;cursor: grab;} #autopilotTable3 table input{font-size:12px;} #autopilotTable3 table th, #autopilotTable3 table td{border:#a2a2a2 solid 1px;vertical-align: middle;word-break: break-all;line-height:1.4;padding:4px;text-align:right;} #autopilotTable3 table thead td{letter-spacing:.05em;text-align:center;} #autopilotTable3 .dTop td{background-color:#e8e8e8;} #autopilotTable3 .dSecond td{background-color:#f8f8f8;border-top:2px solid #a8a8a8 !important;border-bottom:1px solid #a8a8a8 !important;text-align:center;} #autopilotTable3 .tt{width:264px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable3 .tt2{width:528px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable3 .tt2b{width:616px !important;text-align:center !important;font-size:14px;line-height:1.2 !important;} #autopilotTable3 .fctt6{width:528px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable3 .fctt4{width:352px !important;text-align:center !important;font-size:12px;line-height:1.2 !important;} #autopilotTable3 .fcws20{width:20px !important;} #autopilotTable3 .fcws30{width:30px !important;} #autopilotTable3 .fcws35{width:35px !important;} #autopilotTable3 .fcws40{width:40px !important;} #autopilotTable3 .fcws50{width:50px !important;} #autopilotTable3 .fcws55{width:55px !important;} #autopilotTable3 .fcws60{width:60px !important;} #autopilotTable3 .fcws70{width:70px !important;} #autopilotTable3 .fcws88{width:88px !important;} #autopilotTable3 .fcws100{width:100px !important;} #autopilotTable3 .fcws120{width:120px !important;} #autopilotTable3 .fcws140{width:140px !important;} #autopilotTable3 .fcws176{width:176px !important;} #autopilotTable3 .fcws200{width:200px !important;} #autopilotTable3 .fcws250{width:250px !important;} #autopilotTable3 .fcws300{width:300px !important;} #autopilotTable3 .fcws400{width:400px !important;} #autopilotTable3 .fcws500{width:500px !important;} #autopilotTable3 .fctt3{width:264px !important;} #autopilotTable3 .ymtt{background:#555;color:#fff;line-height:1.1;padding:3px 0 2px 0;} #autopilotTable3 .ymtt span{font-size:14px;display: block;} #autopilotTable3 .ws50{width:50px !important;} #autopilotTable3 .Sat{background:#d8e5f4 !important;} #autopilotTable3 .Hol{background:#ffceb7 !important;} #autopilotTable3 thead td i{font-size:20px;padding:2px 15px;} /* 日・週 ページャー */ #autopilotTable3 .pagination ul{display:-webkit-flex;display:flex;justify-content:center;align-content: space-between;flex-wrap: wrap;} #autopilotTable3 .pagination li{margin:0 3px 10px 3px;border-radius: 2px;text-align: center;} #autopilotTable3 .pagination li a {color: #444;display: inline-block;font-size: 1.2rem;padding: 0 10px;line-height:36px;} #autopilotTable3 .pagination li.disabled, #autopilotTable3 .pagination li.disabled a{cursor: default;color: #aaa;pointer-events:none;} #autopilotTable3 .pagination li a:before, #autopilotTable3 .pagination li a:after{font-family: FontAwesome;} #autopilotTable3 .pagination li a:before{padding-right:5px;} #autopilotTable3 .pagination li a:after{padding-left:5px;} /*前日・前週・前月*/ #autopilotTable3 .pagination li.toDay{margin:0 8px 10px 8px;} #autopilotTable3 .pagination .prevDay a:before{content:"\f0d9";} #autopilotTable3 .pagination .prevWeek a:before{content:"\f104";} #autopilotTable3 .pagination .prevMonth a:before{content:"\f100";} /*明日・次週・次月*/ #autopilotTable3 .pagination .nextDay a:after{content:"\f0da";} #autopilotTable3 .pagination .nextWeek a:after{content:"\f105";} #autopilotTable3 .pagination .nextMonth a:after{content:"\f101";} #autopilotTable3 .pagination .dateSelect{font-size:14px;width:200px;} #autopilotTable3 .pagination .dateSelect div:first-child{padding-top:4px;} #autopilotTable3 .pagination .dateSelect *{margin:0;pading:0;vertical-align:middle;} #autopilotTable3 .pagination .dateSelect input{font-size:13px;width:110px;margin:0 !important;} @media only screen and (max-width:991px) { #autopilotTable3 .pagination{margin:0 auto;} #autopilotTable3 .pagination .dateSelect{font-size:14px;width:100%;display:block;margin:15px 0;} #autopilotTable3 .pagination .dateSelect .row{max-width:220px;margin:0 auto;} } /*OCCメーター*/ #autopilotTable3 .occPar{position:relative;width:100%;clear:both;} #autopilotTable3 .occPar gf{float:left;width:4.5%;margin-right:2%;height:14px;background:#e5e5e5;margin-bottom:6px;margin-top:4px;border-radius:4px;} #autopilotTable3 .occPar gf:last-child{margin-right:0!important;} #autopilotTable3 .occPar rm{float:left;width:30%;height:14px;padding:1px 2px;margin-bottom:6px;margin-top:4px;margin-right:2%;line-height:8px;background:#fff;border:#cccccc 1px solid;text-align:center;} #autopilotTable3 .occPar oh{float:right;width:35%;height:14px;padding:1px 2px;margin-bottom:6px;margin-top:4px;line-height:8px;background:#fff;font-size:10px;border:#cccccc 1px solid;text-align:center;} #autopilotTable3 .occPar st{float:left;width:16%;height:14px;margin-bottom:6px;margin-top:4px;line-height:8px;} #autopilotTable3 .occPar st span{padding:0 1px;height:10px;text-size:8px;color:#fff;background:#e5e5e5;border-radius:5px;} #autopilotTable3 .occPar st span.on{background:#c40026 !important;} #autopilotTable3 .occPar .pOn1{background:#ff6b36 !important;} #autopilotTable3 .occPar .pOn2{background:#ff6b36 !important;} #autopilotTable3 .occPar .pOn3{background:#ff6b36 !important;} #autopilotTable3 .occPar .pOn4{background:#ff6b36 !important;} #autopilotTable3 .occPar .pOn5{background:#ff6b36 !important;} /*ランクデザイン*/ #autopilotTable3 .rankPar{position:relative;width:100%;clear:both;} #autopilotTable3 .rankPar bt{} #autopilotTable3 .rankPar bt.rankBtnT{float:left;width:50%;text-align:center;display:block;} #autopilotTable3 .rankPar bt.rankBtnT i{font-size:20px;padding:4px 10px 0 10px;} #autopilotTable3 .rankPar bt.rankBtnL{float:left;height:50px;width:48%;border-radius:5px;margin-right:4%;text-align:center;display:block;line-height:20px;} #autopilotTable3.nonD .rankPar bt.rankBtnL{height:40px!important;line-height:30px!important;} #autopilotTable3 .rankPar bt.rankBtnR{float:left;height:50px;width:48%;border-radius:5px;text-align:center;display:block;line-height:20px;} #autopilotTable3.nonD .rankPar bt.rankBtnR{height:40px!important;line-height:30px!important;} #autopilotTable3 .rankPar bt.rankBtnRO{position:absolute;float:left;height:50px;width:48%;border-radius:5px;text-align:center;display:block;background:url(../img/bg/bg_stop.png);right:0;} #autopilotTable3.nonD .rankPar bt.rankBtnRO{height:40px!important;} #autopilotTable3 .rankPar bt.rankBtnRO i{font-size:30px;color:#fff;margin-top:10px;} #autopilotTable3.nonD .rankPar bt.rankBtnRO i{margin-top:5px!important;} #autopilotTable3 .rankPar bt.rankBtnL2, #autopilotTable3 .rankPar bt.rankBtnR2{position:absolute;float:left;height:50px;width:48%;text-align:center;display:flex;font-size:24px;color:#fff;-webkit-text-stroke:0.7px #111;text-stroke:0.7px #111;letter-spacing:-7px;align-items:flex-end;line-height:16px;} #autopilotTable3.nonD .rankPar bt.rankBtnL2, #autopilotTable3.nonD .rankPar bt.rankBtnR2{height:40px!important;} #autopilotTable3 .rankPar bt.rankBtnL2{left:0;margin-right:4%;} #autopilotTable3 .rankPar bt.rankBtnR2{right:0;} #autopilotTable3 .rankPar bt.rankBtnR2 on, #autopilotTable3 .rankPar bt.rankBtnL2 on{color:red !important;} #autopilotTable3 .rankPar bt.rankBtnL2 p, #autopilotTable3 .rankPar bt.rankBtnR2 p{text-align:center;width:82%;} #autopilotTable3 .rankPar bt.rankBtnL3, #autopilotTable3 .rankPar bt.rankBtnR3{position:absolute;float:left;height:20px;width:48%;text-align:center;display:block;top:20px;line-height:10px;letter-spacing:-0.2px;font-size:5px;transform:scale(0.9);transform-origin:center middle;} #autopilotTable3.nonD .rankPar bt.rankBtnL3, #autopilotTable3.nonD .rankPar bt.rankBtnR3{display:none;} #autopilotTable3 .rankPar bt.rankBtnL3{left:0;margin-right:4%;} #autopilotTable3 .rankPar bt.rankBtnR3{right:0;} /*コントロール画面背景色*/ #autopilotTable3 .bgApStop{background:url(../img/bg/bg_ap_stop.png);} #autopilotTable3 .hstTd{float:left;width:100%;text-align:left;margin-top:4px;padding:0px;background:#fff;border:#eeeeee 1px solid;border-radius:6px;} #autopilotTable3 .hstTxt{letter-spacing:0.5px;font-size:10px;transform:scale(0.9);transform-origin:center middle;transform:scale(0.9);transform-origin:center middle;} #autopilotTable3 .hstTd .t{float:left;width:100%;margin:0 auto 2px auto;text-align:center;} #autopilotTable3 .hstTd .t2{float:left;width:100%;margin:8px auto 4px auto;text-align:center;} #autopilotTable3 .hstTd .beforeDate{float:left;width:100%;margin:2px auto;text-align:center;} #autopilotTable3 .hstTd big{font-weight:bold;font-size:14px;} #autopilotTable3 .hstTd .date{float:left;width:100%;margin:2px auto 4px auto;line-height:1.2;} #autopilotTable3 .hstTd c{float:left;width:100%;margin:0 auto;} #autopilotTable3 .hstTd v{float:left;width:16.66%;text-align:center;padding:1px 0;} #autopilotTable3 .hstTd v.on{background:red;color:#fff;} #autopilotTable3 .pxh102{height:134px !important;} #autopilotTable3 .hstTxt .tema{float:left;width:100%;margin:0 auto;padding:1px;} #autopilotTable3 .hstTxt .graph{float:left;width:100%;margin-top:4px;} #autopilotTable3 .hstTxt .graph gr{position:relative;z-index:3;background:#ccc;width:100%;display:block;text-align:center;padding:2px 0;border:1px solid #ccc;} #autopilotTable3 .hstTxt .graph z{position:relative;z-index:5;text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;} #autopilotTable3 .hstTxt .graph x{position:absolute;z-index:4;top:0;left:0;display:block;background:#EC9800;height:18px;width:75%;} #autopilotTable3 .fa-lock{color:#ddb511 !important;} #autopilotTable3 pwp{float:left;width:100%;display:block;margin:4px 0;} #autopilotTable3 .saParts, #autopilotTable3 .saAdrParts, #autopilotTable3 .sbParts{float:left;width:100%;display:block;margin:1px 0;} #autopilotTable3 .saParts lf{float:left;width:30%;border-bottom:1px #b2b2b2 solid;background:#e6e6e6;text-align:center;padding:1px;} #autopilotTable3 .saParts ri{float:right;width:70%;border-bottom:1px #b2b2b2 solid;background:#ffffff;text-align:right;padding:1px 2px 1px 0;} #autopilotTable3 .saAdrParts lf{float:left;width:30%;border-bottom:1px #b2b2b2 solid;background:#e6e6e6;text-align:center;padding:1px;} #autopilotTable3 .saAdrParts ri{float:right;width:70%;border-bottom:1px #b2b2b2 solid;background:#ffffff;text-align:right;padding:1px 2px 1px 0;} #autopilotTable3 .sbParts lf{float:left;width:30%;height:30px;border-bottom:1px #b2b2b2 solid;background:#e6e6e6;text-align:center;padding:1px;margin-bottom:4px;} #autopilotTable3 .sbParts ri{float:right;width:70%;height:30px;border-bottom:1px #b2b2b2 solid;background:#ffffff;text-align:right;padding:1px 2px 1px 0;margin-bottom:4px;line-height:12px !important;} /*隠れるタイトル*/ .onHiddenTitle{text-align:left !important;overflow:hidden;white-space:nowrap;line-height:1.4;} /* 管理画面：テーブル分割用*/ /* 7分割 */ @media only screen and (min-width:1697px){.sDetail{width:14.28%!important;}} /* 6分割 */ @media only screen and (max-width:1697px){.sDetail{width:16.66%!important;}} /* 5分割 */ @media only screen and (max-width:1345px){.sDetail{width:20%!important;}} /* 4分割 */ @media only screen and (max-width:1250px){.sDetail{width:25%!important;}} /* 3分割 */ @media only screen and (max-width:1080px){.sDetail{width:33.3%!important;}} /* 2分割 */ @media only screen and (max-width:710px){.sDetail{width:50%!important;}} /*TLリンカーン側でランクが違う時のデザイン*/ #autopilotTable3 .rankPar .modal-trigger{cursor: pointer !important;} #autopilotTable3 .rankPar bt.rankBtnLEx{background:#424242;} #autopilotTable3.nonD .rankPar bt.rankBtnLEx{height:40px!important;} #autopilotTable3 .rankPar bt.rankBtnLEx i{font-size:30px;color:#fff;} #autopilotTable3.nonD .rankPar bt.rankBtnLEx i{margin-top:5px!important;} /* グローバルナビ：20241023 */ .gNavi ul.collapsible{margin:0;border:none;} .gNavi .collapsible-header{padding:0;background:inherit;border:none;position:relative;} .gNavi li.item .collapsible-header a{width:230px;} .gNavi .collapsible-header i{text-align:left;margin-right:0;} .gNavi .item .collapsible-header i.fa-angle-right{position:absolute;right:0;} .gNavi .item.active .collapsible-header i.fa-angle-right{transform: rotate(90deg);margin-right: 1.5rem !important;width:7px !important;} .gNavi.open2 .item.active .collapsible-header i.fa-angle-right{margin-right: .8rem !important;width:0 !important;} .gNavi .collapsible-body{padding:0;border:none;background: #efefef;} .gNavi li.item .collapsible-body i{margin-left:46px;} .gNavi li.item a {width:auto;} .gNavi li:last-child {margin-bottom: 125px;} /* 施設マスター：TLリンカーン設定：基本設定：20250121 */ #setPlans [type="checkbox"]:checked + span:not(.lever):before {width: 10px;height: 15px;top: -3px;} #setPlans [type="checkbox"] + span:not(.lever):before, #setPlans [type="checkbox"]:not(.filled-in) + span:not(.lever):after {width: 14px;height: 14px;} #setPlans [type="checkbox"]:not(:checked), #setPlans [type="checkbox"]:checked {height: 23px;width: 23px;}