/* 右上ボタン */
#cp_contact_list_button,
#cp_regulation_list_button {
  float: right;
  height: 24px;
  font-size: 9pt;
  line-height: 24px;
  margin: 10px 4px;
}
/*カスタム印刷*/
#sidemenu_tab_custom_print {
  background-image: url(../img/default/sidemenu/tab/custom_print.png);
}
[id^="sidemenu_menu_print_onestop_custom_"] > div[id$="_icon"] {
  background-image: url(../img/default/sidemenu/panel/print/custom_print.png);
}
[id^="prt_print_onestop_custom_"] .cmn_display_row {
  margin: 10px 0;
}
[id^="prt_print_onestop_custom_"] #template_title + label {
  width: calc(100% - 120px);
}
[id^="prt_print_onestop_custom_"] #scale_title + label {
  width: calc(100% - 140px);
}
select[id^="prt_print_onestop_custom_"] {
  width: 100%;
}
select[id^="prt_print_onestop_custom_"] + .cmn_viewport {
  width: 100%;
  box-sizing: border-box;
  height: 24px;
}
input[type="number"][id^="prt_print_onestop_custom_"] {
  width: 100%;
  height: 24px;
  box-sizing: border-box;
}

.oneStopCustom_grid {
  margin: 20px 0px;
  width: calc(100% - 10px);
  min-height: 226px;
  box-sizing: border-box;
  background-color: #fff;
}
[id^="prt_print_onestop_custom_"] .prt_option_box {
  width: calc(100% - 10px);
  box-sizing: border-box;
}
/* ヘッダー部のスタイル */
.alandislogo {
  display: none !important;
}
.ctm_header_buttons {
  position: absolute;
  top: 3px;
  left: 3px;
  display: flex;
  padding: 5px;
  box-sizing: border-box;
  height: 44px;
  border: solid 2px rgb(134, 85, 210);
  border-radius: 10px;
  white-space: nowrap;
}
.ctm_header_buttons > label {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.ctm_header_buttons > ul {
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.ctm_header_buttons > ul > li {
  padding: 0 10px;
  margin-left: 10px;
  border: solid 1px rgb(134, 85, 210);
  background-color: rgb(204, 188, 255);
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.5);
  transition: .3s;
}
.ctm_header_buttons > ul > li.current {
  cursor: default;
  background-color: #8655d2;
  color: #fff;
}
.ctm_header_buttons > ul > li:not(.current):hover {
  opacity: .75;
}
.ctm_header_buttons > ul > li:not(.current):active {
  box-shadow: 1px 1px 1px rgba(0,0,0,.5) inset;
  opacity: 1;
}

/* 凡例表示 */
#cp_legend_label {
  display: flex;
  left: 520px;
  position: absolute;
  top: 12px;
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
}
#cp_legend_label .label {
  border-radius: 20px 0 0 20px / 20px 0 0 20px;
  width: 70px;
  padding: 2px 12px;
  border: solid 1px #7052cc;
  background-color: #f9e0ff;
}
#cp_legend_label .select {
  border-radius: 0 20px 20px 0 / 0 20px 20px 0;
  display: block;
  padding: 3px;
  position: relative;
  width: 200px;
  background-color: #fff;
  border: solid 1px #7052cc;
  color: #000;
}
#cp_legend_label .select:after {
  content: "";
  border: solid 6px transparent;
  box-sizing: border-box;
  display: block;
  height: 0;
  position: absolute;
  right: 16px;
  top: 10px;
  width: 0;
  border-top: solid 6px #8a8a8a;
}
#cp_legend_label > .select:hover {
  cursor: pointer;
}
#cp_legend_list {
  position: absolute;
  display: none;
  top: 60px;
  left: 520px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 20;
  max-height: calc(100% - 150px);
  overflow-y: auto;
  background-color: rgba(47, 6, 84, 0.72);
}
#cp_legend_list ul {
  padding: 0 10px;
}
#cp_legend_list ul li {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  border: solid 2px rgba(0,0,0,0);
}
#cp_legend_list > ul > li {
  margin: 5px 0 10px 0;
}
#cp_legend_list ul li img {
  height: 60px;
  width: 60px;
}
#cp_legend_list ul li span {
  width: 240px;
  word-wrap: break-word;
  white-space: normal;
  color: #fff;
}
#cp_legend_list>ul>li:hover{
  border: solid 2px rgba(189, 155, 226, 0.55);
}
#cp_legend_list li.current{
  border: solid 2px #d3b6f3 !important;
}
/* ヘッダ：370px ～ 960px */
@media screen and (min-width:370px) and (max-width:1000px) 
{
  #cp_legend_label {
    width: 32px;
    height: 32px;
    border-radius: 20px;
    top: 8px !important;
  }
  #cp_legend_label .label {
    display: none;
  }
  #cp_legend_label .select {
    border-radius: 20px !important;
    color: rgba(0,0,0,0) !important;
  }
  #cp_legend_label .select:after {
    right: 9px !important;
    top: 12px !important;
  }
  #cp_legend_list {
    right: 10px !important;
    left: initial !important;
  }
}

/* ヘッダ：～ 650px */
@media screen and (max-width:770px)
{
  #cp_legend_label {
    opacity: 0;
  }
  #cp_legend_label .label {
    display: none;
  }
  #cp_legend_label .select {
    border-radius: 20px !important;
    color: rgba(0,0,0,0) !important;
  }
  #cp_legend_label .select:after {
    right: 9px !important;
    top: 12px !important;
  }
  #cp_legend_list {
    right: 10px !important;
    left: initial !important;
  }
}
/* お知らせフローティング表示 */
#cp_notice {
  cursor: move;
  position: absolute;
  bottom: 10px;
  left: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  border-radius: 5px;
  overflow-y: auto;
  max-height: 200px;
  max-width: 300px;
  font-size: 10.5px;
  background-color: rgba(235, 240, 255, 0.74);
  color: #062054;
  height: max-content;
}
#cp_notice .cp_notice_tabs {
  display: flex;
}
#cp_notice .cp_notice_tabs > ul {
  display: flex;
  width: calc(100% - 24px);
}
#cp_notice .cp_notice_tabs > .cp_notice_button {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/default/minus.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  cursor: pointer !important;
}
.cp_notice_button.minimize {
  padding: 2px !important;
  background-image: url(../img/default/plus.png) !important;
}
#cp_notice li.cp_notice_tab {
  font-size: 10.5px;
  padding: 0 5px;
  font-weight: bold;
  text-align: center;
  flex-grow: 1;
}
#cp_notice li.cp_notice_tab:not(:nth-child(1)) {
  border-left: solid .5px rgba(235, 240, 255, 0.74);
}
#cp_notice li.cp_notice_tab:not(.active) {
  cursor: pointer;
  background-color: rgba(0,0,0,.15);
}
#cp_notice li.cp_notice_tab:not(.active):hover {
  opacity: 0.75;
}
#cp_notice .cp_notice_contents {
  padding: 4px;
}
#cp_notice li.cp_notice_content {
  font-size: 10.5px;
  display: none;
}
/* 凡例画像 */
#cmn_sidemenu {
  z-index: 1;
}
#cp_legend_image {
  position: absolute;
  top: 100%;
  left: 0;
  will-change: transform;
  width: 100%;
  border-top: 1px solid #7052cc;
  transition: .5s;
  background-color: #fff;
}
#cp_legend_image.open {
  transform: translateY(-100%);
}
#cp_legend_image_button {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: 8px;
  width: 51px;
  height: 42px;
  background-image: url(../img/default/sidemenu/tab/legend.png);
  background-position: center center; 
  background-repeat: no-repeat;
  background-size: 44px;
  background-color: rgba(255, 0, 0, 1);
  text-align: center;
}
#cp_legend_image_button:hover {
  background-color: rgba(255, 0, 0, 1);
  cursor: pointer;
}
#cp_legend_image_button.active {
  background-color: #8655d2;    
}
#cp_legend_image_panel {
  overflow-x: auto;
  padding: 3px;
  box-sizing: border-box;
}
#cp_legend_image_panel > img {
  width: 100%;
  min-width: 600px;
  border: solid 1px #0000ff;
  box-sizing: border-box;
}