@charset "UTF-8";
/*—————————————————————————————————
   CSSリセット
—————————————————————————————————*/
* {
      font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
small,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  letter-spacing: 0.04em;
  -webkit-text-size-adjust: 100%;
}

ul,
ol,
li {
  list-style: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  border: 0px;
}

a {
  color: #000000;
  text-decoration: underline;
  list-style-position: inside;
}

mark {
  background: none;
}

.ami {
  font-size: 2.0em;
  font-family: Verdana;
  font-style: italic;
}

sup {
  font-size: 0.5em;
  vertical-align: top;
  font-style: normal;
}

/* clearfix */
.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.tilt {
  font-style: italic;
}

.kome {
  margin-left: 1em;
  text-indent: -1em;
}

.kome:before {
  content: "※";
}

.btn:hover {
  opacity: 0.8;
}

.contents_mypage h2{
  color: #005CB9;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

* {
  box-sizing: inherit;
}

*:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
  height: 100%;
}

body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

main {
  display: block;
}

main,
.contents_mypage,
#contents {
  flex-grow: 1;
}

.marker {
  background: linear-gradient(transparent 75%, #ffe706 75%);
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

input[type="text"] {
  max-width: 100vw;
}
.inputInfo{
  width:280px;
}
.inputInfoWide{
  width:340px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 800px;
  width: 100%;
  margin: 20px 0;
}

table th,
table td {
  border: 1px solid #88B8FF;
  padding: 15px;
  font-size: 14px;
}

table th {
  width: 20%;
  background-color: #F2F8FF;
  color:  #005CB9;
  border: 1px solid #88B8FF;
}

#error_message,
.error_txt,
#email-error,
.error {
  color: red;
}

.error_txt_right_side{
  color: red;
  margin-left: 1em;
}
.btn1, .btn2, .btn3, .acpbtn, .acpbtn_next, .acpbtn_back, .contents_mypage input[type="submit"] {
  display: block;
  max-width: 100%;
  margin: 20px auto;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  font-weight: bolder;
  border-radius: 80px;
  position: relative;
  border: solid 1px #579FF4;
  background-color: #579FF4;
  box-shadow: 0 10px 20px #bacce6;
  color: #000000;
  width: 300px;
  -webkit-text-size-adjust: 100%;
}

#word .acpbtn {
  border-radius: 3px;
}

.btn1:hover, .btn2:hover, .btn3:hover, .acpbtn:hover, .acpbtn_next:hover, .acpbtn_back:hover, .contents_mypage input:hover[type="submit"] {
  background-color: #005CB9;;
  cursor: pointer;
}

.btn1:after, .btn2:after, .btn3:after, .acpbtn:after, .acpbtn_next:after, .acpbtn_back:after, .contents_mypage input[type="submit"]:after {
  content: "＞";
  position: absolute;
  right: 6px;
}

.btn2 {
  border: solid 1px #2ac8be;
  color: #2ac8be;
}

.btn2:hover {
  background-color: #2ac8be;
}

.btn3 {
  width: 200px;
  margin: 20px;
}

.btn-active:hover {
  background-color: #000000;
  color: #FFF;
}

.ama_btn {
  display: inline-block;
  width: 150px;
  border: 1px solid #9c7e31;
  border-top: 1px solid #a88734;
  border-bottom: 1px solid #846a29;
  border-radius: 3px;
  background: linear-gradient(to bottom, #f7dea1, #f0c24d);
  box-shadow: 0 1px 0 #faecc8 inset;
  text-align: center;
  color: #111;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  padding: 0.7em;
  margin: 0 auto;
}

.ama_btn:hover {
  background: linear-gradient(to bottom, #f5d689, #eeba35);
}

.heading_h2, .contents_mypage .two_items .two_items_txt h2,
.contents_mypage #comfirm {
  width: 100%;
  max-width: 1200px;
  border-bottom: solid 1px #005CB9;
  margin: 40px 0 10px 0;
}

.heading_h2 span, .contents_mypage .two_items .two_items_txt h2 span, .contents_mypage #comfirm span {
  display: inline;
  font-size: 20px;
  font-weight: normal;
  font-weight: bold;
}

.heading_h2 small, .contents_mypage .two_items .two_items_txt h2 small, .contents_mypage #comfirm small {
  display: inline;
  margin-left: 10px;
  font-size: 12px;
  font-weight: lighter;
  color: #005CB9;
  vertical-align: text-top;
}

@media screen and (max-width: 1199px) {
  .table_wrapper, .table_wrapper_mini,
  .table_wrapper_confirmation {
    overflow-x: scroll;
  }
}

* {
  font-family: 'Hiragino Kaku Gothic ProN', 'Helvetica', 'Verdana', 'Lucida Grande', 'ヒラギノ角ゴ ProN', sans-serif;
}

sup {
  font-size: 0.6em;
}

.btn1, .btn2, .btn3, .acpbtn, .acpbtn_next, .acpbtn_back, .contents_mypage input[type="submit"] {
  background-color: #579FF4;
  color: #fff;
  font-size: 13px;
  width: 250px;
}

.btn1:hover, .btn2:hover, .btn3:hover, .acpbtn:hover, .acpbtn_next:hover, .acpbtn_back:hover, .contents_mypage input:hover[type="submit"] {
  background-color: #005CB9;
}

.btn1:disabled, .btn2:disabled, .btn3:disabled, .acpbtn:disabled, .acpbtn_next:disabled, .acpbtn_back:disabled, .contents_mypage input:disabled[type="submit"] {
  opacity: 0.3;
}

/*アカウント*/
/*利用申し込みチェック後の送信ボタン用*/
#btn_confirm, #acp_btn_confirm {
  width: 200px;
  height: 32px;
  line-height: 22px;
  font-size: 14px;
}

#return_btn {
  margin: 20px 10px;
}

.acpbtn:after, .acpbtn_next:after, .acpbtn_back:after {
  content: "";
  position: static;
}

.acpbtn {
  width: 150px;
  height: 32px;
}

.acpbtn_next:after {
  content: "＞";
  position: absolute;
  right: 6px;
}

.acpbtn_back:before {
  content: "＜";
  position: absolute;
  left: 6px;
}
#loginrecords_button{
  background-color: #f6971d;
  border: solid 1px #f6971d;
}
#loginrecords_button:hover{
  background-color: #d47b08;
  border: solid 1px #d47b08;
}
/*ぱんくずリスト*/
.breadcrumbs {
  background-color: #F2F8FF;
  color: #005CB9;
}

.breadcrumbs a {
  color: #005CB9;
  text-decoration: none;
}

.breadcrumbs a:hover {
  color: #b5b5b5;
  opacity: 0.6;
}

.breadcrumbs_inner {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  padding: 10px 0;
}

/*******アカウント*******/
/*退会ボタン*/
.uns {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  width: 100%;
}

.contents_mypage {
  margin-top: 50px;
  /*アナウンス*/
  /*テーブルレイアウト*/
  /*赤字強調*/
  /*
  料金履歴ページ*/
  /*
  account/status
  —————————————————————————————————*/
  /*
  プラン契約ページ*/
  /*灰色BOX*/
  /*
  音声再生ページ*/
  /*音声再生ページの、表記・読み・クラス*/
  /*
  /account/regist_all
  —————————————————————————————————*/
  /*必須*/
  /*任意*/
  /*注釈*/
  /*セレクトボックス*/
  /*個人情報の取扱い*/
  /*同意チェック*/
  /* 元のチェックボックスを表示しない */
  /* チェックした時のスタイル */
}

.contents_mypage input[type="submit"] {
  width: 250px;
}

.contents_mypage input[type="submit"]:focus, .contents_mypage input[type="submit"]:active {
  outline: #3f3f3f;
}

.contents_mypage .right_contents {
  width: 80%;
  margin-left: 20%;
}

.contents_mypage .plan_explain {
  font-size: 0.8em;
  line-height: 160%;
}

.contents_mypage .announce {
  margin: 20px auto;
  padding: 10px 50px;
  vertical-align: middle;
  font-size: 1.0em;
  color: #ffffff;
  background-color: #ff8201;
}

.contents_mypage table {
  width: 100%;
  font-size: 0.9em;
}

.contents_mypage table td,
.contents_mypage table th {
  padding: 1.0em;
}

.contents_mypage table .option_table td,
.contents_mypage table .option_table th {
  padding: 1.0em 0;
  vertical-align: top;
}

.contents_mypage table ul,
.contents_mypage table p {
  line-height: 1.8;
}

.contents_mypage table td {
  word-wrap: break-word;
  background-color: #fff;
}

.contents_mypage table th {
  width: 200px;
  color: #005CB9;
}

.contents_mypage table th.engine {
  background-color: #F2F8FF;
}

.contents_mypage table.month th.engine {
  width: 16.6%;
  padding:8px;
}
.contents_mypage table.month th.expanded_engine {
  background-color: #e2f4ff;
  width: 16.6%;
  padding:8px;
}

.contents_mypage table small {
  font-size: 0.8em;
}

.contents_mypage table ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin: 0 0 0 1.0em;
}

.contents_mypage table ul li span {
  width: 92%;
  display: inline-block;
}

.contents_mypage table.month th {
  width: 14.3%;
}

.contents_mypage table.month th.narrow{
  width: 12.3%;
  padding: 14px 7px;
}

.contents_mypage table.month .plan {
  width: 16.6%;
}

.contents_mypage .table_wrapper_confirmation table {
  table-layout: fixed;
}

.contents_mypage .table_wrapper_confirmation th {
  width: 20%;
}

.contents_mypage .red {
  color: #dd0000;
}

.contents_mypage .r01 {
  font-size: 1.0em;
}

.contents_mypage .r02 {
  font-size: 1.0em;
}

.contents_mypage .contents_inner {
  display: block;
  margin: 0 auto;
  max-width: 1200px;
  line-height: 1.8;
}

.contents_mypage .contents_inner section {
  margin-bottom: 20px;
}

.contents_mypage .radio_plan {
  margin: 0 4px 0 8px;
}

.contents_mypage .radio_plan + label {
  font-size: 17px;
}

.contents_mypage .comfirm_display {
  font-size: 17px;
  font-weight: bold;
}

.contents_mypage .comfirm_explan {
  font-size: 18px;
}

.contents_mypage #btn_plan {
  display: inline-flex;
  flex-direction: row-reverse;
}

.contents_mypage html {
  overflow-y: scroll;
  height: 100%;
}

.contents_mypage .two_items {
  grid-template-columns: 1fr 1fr;
  display: -ms-grid;
}

.contents_mypage .two_items .two_items_txt .sel {
  margin-top: 15px;
  padding: 10px 0;
  text-align: right;
  vertical-align: middle;
}

.contents_mypage .two_items .two_items_txt .sel_b {
  font-size: 0.9em;
  font-weight: bold;
  padding: 1px 0;
  margin: 0 0 0 2px;
}

.contents_mypage .month_p {
  color: #3f3f3f;
  margin-bottom: 10px;
  padding: 5px;
  text-align: right;
}

.contents_mypage .mic {
  color: #5b5b5b;
}

.contents_mypage .two_items .two_items_txt .box {
  background-color: #fff;
  padding: 0 20px;
}

.contents_mypage .two_items .two_items_txt .box_inner {
  padding: 20px 0;
}

.contents_mypage .two_items .two_items_txt h3 {
  color: #005CB9;
  font-size: 0.9em;
  margin: 0 0 10px 0;
  padding: 0 0 0 5px;
  border-left: 10px solid #005CB9;
}

.contents_mypage .num {
  width: auto;
  text-align: right;
}

.contents_mypage .plan {
  width: auto;
  text-align: left;
  -webkit-text-size-adjust: 100%;
}

.contents_mypage .grey {
  background-color: #efefef;
  padding: 10px;
  margin: 5px 0 15px 0;
}

.contents_mypage .two_items_txt .vo_txt {
  font-size: 0.9em;
}

.contents_mypage .two_items_txt .vo_txt01 {
  padding-bottom: 10px;
  font-size: 0.9em;
}

.contents_mypage .two_items_txt .vo_txt02 {
  padding-top: 10px;
  font-size: 0.9em;
}

.contents_mypage .two_items_txt li {
  padding: 15px 0px;
  display: inline-block;
  text-align: center;
}

.contents_mypage .two_items_txt .well {
  padding: 20px;
  margin-bottom: 15px;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.contents_mypage .two_items_txt .list_box {
  padding: 5px;
  text-align: center;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.contents_mypage .two_items_txt .list_box table{
  text-align: center;
}
.contents_mypage .two_items_txt .list_box .vo_txt02{
  padding-top: 0px;
  text-align: left;
}

.contents_mypage .two_items_txt ul .list {
  width: 20%;
  display: inline-block;
  justify-content: space-around;
  vertical-align: top;
}

.contents_mypage .two_items_txt li .list {
  width: 300px;
  vertical-align: top;
  text-align: center;
}

.contents_mypage .two_items_txt li .item_head {
  height: 30px;
  padding: 10px 5px 3px 5px;
  margin-bottom: 10px;
  background-color: #3f3f3f;
  color: #ffffff;
  font-size: 0.8em;
  font-weight: bolder;
}

.contents_mypage .two_items_txt li .item_main {
  text-align: center;
}

.contents_mypage .table_wrapper_confirmation {
  margin: 30px 0 20px 0;
}

.contents_mypage .two_items_txt #registerform li {
  display: block;
  text-align-last: left;
}

.contents_mypage table.regist_all {
  min-width: auto;
}

.contents_mypage .reqd {
  float: right;
  border-radius: 3px;
  padding: 0 10px;
  vertical-align: middle;
  color: #ffffff;
  background-color: #e6676e;
}

.contents_mypage .any {
  float: right;
  border-radius: 3px;
  padding: 0 10px;
  vertical-align: middle;
  color: #ffffff;
  background-color: #65c6cf;
}

.contents_mypage .notes {
  font-size: 1.0em !important;
  color: #666666;
}

.contents_mypage .info_sel {
  overflow: hidden;
  width: 40%;
  height: 30px;
  text-align: center;
}

.contents_mypage .info_sel select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  appearance: none;
}

.contents_mypage .info_sel select::-ms-expand {
  display: none;
}

.contents_mypage .info_sel.sel01 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
}

.contents_mypage .info_sel.sel01::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.contents_mypage .info_sel.sel01 select {
  padding: 8px 38px 8px 8px;
  color: #666666;
}

.contents_mypage * .context {
  width: 98%;
  padding: 10px;
  margin-bottom: 8px;
}

.contents_mypage * .privacybox {
  border: solid 1px #3f3f3f;
  width: 97%;
  height: 200px;
  margin-left: 10px;
  padding: 0.5em;
  overflow: auto;
}

.contents_mypage * .privacyg {
  color: #606060;
}

.contents_mypage * .admin {
  margin: 10px 20px 10px 20px;
  text-align: right;
}

.contents_mypage * .privacybox ol {
  font-size: 1.0em;
  width: 95%;
  margin-left: 38px;
}

.contents_mypage * .privacybox li {
  padding-bottom: 20px;
  list-style-type: decimal;
}

.contents_mypage * .privacybox ol .inc {
  font-size: 1.0em;
  padding: 0;
  margin: 2px 0 0 0;
  list-style-type: none;
}

.contents_mypage * .privacybox ol .info {
  font-size: 1.0em;
  padding: 0;
  margin: 3px 0 0 0;
  list-style-type: none;
}

.contents_mypage * .consent {
  width: 100%;
  margin: 20px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 1.0em;
}

.contents_mypage .chkbox {
  margin-bottom: 20px;
  text-align: center;
}

.contents_mypage .chkbox label {
  padding-left: 25px;
  font-size: 1.0em;
  line-height: 22px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}

.contents_mypage .chkbox label:before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  left: 0;
  border: 1px solid #e6676e;
  background-color: #ffe3e7;
  border-radius: 3px;
}

.contents_mypage .chkbox input[type=checkbox] {
  display: none;
}

.contents_mypage .chkbox input[type=checkbox]:checked + label:before {
  content: '\2713';
  font-weight: bold;
  font-size: 1.0em;
  color: #000000;
  border: 1px solid #d3d3d3;
  background-color: #efefef;
}

.ui-dialog {
  max-width: 100%;
}
.dialog_table {
    margin: 0;
}

.dialog_table_title{
  color:#005CB9;
  font-weight:600;
}

.ui-dialog table {
  min-width: 420px;
}

.ui-dialog th,
.ui-dialog td {
  border: none;
  padding: 10px 0;
}

.ui-datepicker-calendar {
  table-layout: fixed;
  min-width: auto;
}

#draw .log_txt_b {
  margin-left: 20px;
}
.contents_mypage .tab_square{
  margin-top:15px;
}
.contents_mypage .tab_square .button_center{
  display: flex; justify-content: center;
}
.contents_mypage .tab_square .button_equal_interval{
  display: flex; justify-content: space-between;
}
.contents_mypage .tab_square .tab_title{
  padding: 0px 0px;
}
.contents_mypage #tabs_inputs li{
  padding: 0px 0px;
}
.contents_mypage .tab_square .table_words{
  min-width: auto;
}
.contents_mypage .tab_square .table_words th{
  width: auto;
}
.contents_mypage .tab_square .table_words .delete_check_box{
  text-align: center;
}
.contents_mypage .tab_square .table_words #delete_check_title{
  width: 60px;
}
.contents_mypage .tab_square .table_words input[type="text"]{
   width: 95%;
   min-width: 180px;   
}
.contents_mypage .tab_square .table_words select{
   width: 80%;
   min-width: 135px;
}
.contents_mypage .tab_square #engineselect select{
  width: 180px;
  font-size: 1em;
}
  
@media screen and (max-width: 768px) {
  .contents_mypage {
    margin-top: 120px;
    padding: 0 5px;
  }
  .contents_mypage .right_contents {
    width: 100%;
    margin: 0;
  }
  .contents_mypage #btn_plan {
    display: block;
  }
  #mypage_amount_use,
  #status {
    margin-top: 140px;
  }
  #word {
    margin-top: 0px;
  }
  #relay,
  #contract,
  #regist_email {
    margin-top: 50px;
  }
  .two_items_txt #word_form {
    overflow-x: scroll;
  }
  .two_items_txt #word_new_form {
    overflow-x: scroll;
  }
  .table_wrapper_deco {
    overflow-x: scroll;
    margin-top: 72px;
  }
}

@media screen and (min-width: 769px) {
  .sub_nav li {
     border-left: solid 8px #005CB9;
  }
}

.table_wrapper_mini {
  max-width: 1000px;
}

.contents_mypage {
  margin-top: 30px;
}

.contents_mypage .contracted_plan td {
  background-color: #fc9d3d;
  opacity: 0.5;
}

#regist h2 {
  margin-top: 30px;
}

#regist .circle_sp {
  min-width: 220px;
}

.agreement_box {
  text-align: center;
}

.left_btn {
  margin: auto;
}

.regflow_wrapper {
  margin: 0 25px;
}

.regflow_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0;
}

@media screen and (max-width: 940px) {
  .regflow_flex {
    overflow-x: scroll;
  }
}

.regflow_flex p {
  background: #2eafff;
  color: #fff;
  padding: 3px 3px 3px 12px;
  position: relative;
  margin-right: 36px;
  min-width: 150px;
}

.regflow_flex p:before {
  content: "";
  position: absolute;
  top: 5px;
  right: -12px;
  width: 24px;
  height: 24px;
  border-top: 5px solid #2eafff;
  border-right: 5px solid #2eafff;
  transform: rotate(45deg);
  background: #2eafff;
  z-index: -1;
}

.reginner_flex {
  display: flex;
  justify-content: space-between;
  counter-reset: regnum 0;
  border-bottom: 1px dotted #e1e1e1;
  width: 80%;
  min-width: 750px;
}

.reginner_flex li {
  position: relative;
  padding: 4px 0 !important;
  margin-left: 42px;
  color: #9d9d9d;
}

.reginner_flex li:before {
  counter-increment: regnum 1;
  content: counter(regnum);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -42px;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  background-color: #efefef;
}

.reginner_flex li:first-child {
  color: #2eafff;
}

.reginner_flex li:first-child:before {
  background: #2eafff;
  color: #fff;
}

#registerform {
  margin-top: 20px;
  color: #3f3f3f;
}

#registerform ul span {
  margin: 0;
}

#registerform ul {
  border: 1px solid lightgray;
  border-right: 0;
  border-left: 0;
  margin: 20px 10px;
}

#registerform li {
  padding: 15px;
  line-height: 64px;
  width: 100%;
}

#registerform li:first-child {
  background-color: #efefef;
  font-weight: bold;
  position: relative;
}

#registerform li:first-child:before {
  content: "必須";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  width: 40px;
  padding: 0 5px;
  line-height: 20px;
  font-size: 0.9em;
  font-weight: normal;
  color: #fff;
  background-color: #3f3f3f;
}

#registerform .input_txt {
  height: 44px;
  width: 100%;
}

.widebtn {
  color: #FFFFFF;
  background-color: #428BCA;
  border-color: #357EBD;
  padding: 12px 55px;
  font-size: 18px !important;
  line-height: 1.33 !important;
  height: auto !important;
  border-radius: 6px;
  font-weight: normal;
}

.widebtn:after {
  display: none !important;
}

@media screen and (max-width: 768px) {
  #registerform li:first-child {
    padding: 10px;
    line-height: initial;
  }
}

@media screen and (min-width: 769px) {
  #registerform ul {
    display: flex;
  }
  #registerform li:first-child {
    width: 30%;
  }
  #registerform .input_txt {
    max-width: 320px;
  }
}

.month label {
  cursor: pointer;
}

.heading_h2, .contents_mypage .two_items .two_items_txt h2,
.contents_mypage #comfirm,
.contents_mypage .two_items .two_items_txt h2,
.contents_mypage #comfirm {
  margin-top: 0;
}

/*—————————————————————————————————

   ヘッダー

—————————————————————————————————*/
header {
  margin-bottom: 105px;
}

#header_container {
  background-color: #FFF;
  box-shadow: 0px 3px 3px #efefef;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

#header_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}

.logo {
  margin: 12px 0;
  line-height: 1.5;
}

.logo a {
  text-decoration: none;
}

.logo span {
  display: block;
  text-align: left;
  color: #3f3f3f;
  font-weight: bold;
}

.global_nav {
  z-index: 1500;
}

.global_nav li a {
  width: 100%;
  display: block;
  text-decoration: none;
  color: #555;
}

.global_nav li a:hover {
  opacity: 0.6;
}

/*
ヘッダー 上部（nav_front）
—————————————————————————————————*/
.nav_front {
  display: flex;
  justify-content: flex-end;
}

.nav_front li {
  margin: 10px 0 10px 10px;
  padding: 0 10px;
}

.nav_front li a {
  padding: 0.4em 0 0 40px;
  line-height: 2.0;
  background-repeat: no-repeat;
}

.nav_front .contact a {
  background-image: url("../img/btn_nav_03.svg");
  background-position: -2% -37%;
  background-size: 37px 53px;
}

.nav_front .login {
  background-color: #3f3f3f;
}

.nav_front .login a {
  background-image: url("../img/btn_nav_04.svg");
  background-position: -2% -8%;
  background-size: 30px;
  color: #fff;
}

.nav_front .download {
  background-color: #ff8201;
}

.nav_front .download a {
  background-image: url("../img/btn_nav_05.svg");
  background-position: -2% 29%;
  background-size: 30px;
  color: #fff;
}

@media all and (-ms-high-contrast: none) {
  .nav_front .login a {
    background-position: -3% 40%;
    background-size: 70px;
  }
  .nav_front .contact a {
    background-position: 0 60%;
    background-size: 105px;
  }
  .nav_front .download a {
    background-position: -44% 43%;
    background-size: 75px;
  }
}

/*
ヘッダー 下部（nav_menu）
—————————————————————————————————*/
.nav_menu {
  display: flex;
  justify-content: flex-end;
}

.nav_menu li {
  margin: 10px 0;
  padding: 0px 25px;
  border-right: 1px solid #888;
  text-align: center;
}

.nav_menu li:first-child {
  border-left: 1px solid #888;
}

#header_wrap .js-open-slidemenu.menu_btn, #header_wrap .js-open-slidemenu.js-close {
  display: none;
}

/*サブメニュー*/
.sub_nav {
  color: #191919;
}

.sub_nav_inner {
  max-width: 1200px;
  margin: 0 auto;
}

.sub_nav li a {
  color: #2156c3;
}

.sub_nav li a:hover {
  color: #4b84ea;
  opacity: 0.6;
}

/*———————————————————————————————————————————————————————————————————————————————————————————————————

   レスポンシブ

———————————————————————————————————————————————————————————————————————————————————————————————————*/
@media screen and (max-width: 1200px) {
  .table_wrapper, .table_wrapper_mini,
  .table_wrapper_confirmation {
    overflow-x: scroll;
  }
}

@media screen and (max-width: 831px) {
  .logo {
    padding: 5px;
    font-size: 80%;
    min-width: 260px;
    margin: 3px;
    line-height: 1.2;
  }
  .nav_menu li {
    padding: 0px 10px;
  }
}

@media screen and (max-width: 995px) {
  header {
    margin-bottom: 61px;
  }
  /*
  ヘッダー
  —————————————————————————————————*/
  .global_nav {
    display: none;
    position: absolute;
    padding: 0 0 10px;
    width: 100%;
    top: 58px;
    background-color: #FFF;
    border-bottom: 1px solid #b3b3b3;
    font-size: 80%;
  }
  /*ナビゲーション上段*/
  .global_nav li {
    padding: 10px 0;
    border-bottom: 1px solid #b3b3b3;
  }
  .nav_front {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #b3b3b3;
    width: 100%;
  }
  .nav_front li {
    margin: 5px;
    padding: 5px;
    border: 1px solid #b3b3b3;
    text-align: center;
  }
  .nav_front li a {
    padding: 0 0 0 0.5em;
  }
  .nav_front .contact a {
    background-position: 5px 16%;
  }
  .nav_front .login a {
    background-position: 2% 12%;
  }
  .nav_front .download a {
    background-position: 1% 29%;
  }
  /*ナビゲーション下段*/
  .nav_menu {
    display: block;
    width: 100%;
  }
  .nav_menu a {
    text-align: center;
  }
  .nav_menu a::after {
    position: absolute;
    margin: 3px 0 0 0;
    width: 8px;
    height: 8px;
    right: 10px;
    border-top: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    transform: rotate(45deg);
    content: "";
  }
  .nav_menu li {
    text-align: left;
    padding: 5px 0;
    border-left: none;
    border-right: none;
  }
  .nav_menu li:first-child {
    border-left: none;
  }
  /*メニュー開閉ボタン*/
  #header_wrap .js-open-slidemenu.menu_btn {
    display: block;
    padding: 0 5px;
    position: absolute;
    width: 40px;
    top: 10px;
    right: 0;
    background-color: #FFF;
    cursor: pointer;
  }
  #header_wrap .js-open-slidemenu.js-close {
    display: block;
    margin: 0 15px;
    padding: 7px;
    border: 1px solid #b3b3b3;
    text-align: center;
    color: #333;
    cursor: pointer;
  }
}

body > header {
  white-space: nowrap;
}

.logo_parent {
  position: relative;
  width: 100%;
}

.logo {
  margin: 1em;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 995px) {
  .logo {
    font-size: 100%;
    margin: 5px 0;
    position: relative;
  }
}

.logo span {
  color: #666;
}

.logo .ami {
  font-size: 1.5em;
}

@media screen and (max-width: 995px) {
  .logo .ami {
    font-size: 1.2em;
  }
}

.logo span:not(.ami) {
  font-size: 0.9em;
}

.global_nav li a {
  color: #000;
}

#header_container #header_wrap {
  font-size: 0.9em;
  justify-content: flex-end;
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap {
    justify-content: space-between;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu .regist,
#header_container #header_wrap .global_nav ul.nav_menu .mypage,
#header_container #header_wrap .global_nav ul.nav_menu .document,
#header_container #header_wrap .global_nav ul.nav_menu .booking {
  width: 132px;
  padding: 0;
  height: 30px;
  border-radius: 20px;
  border: solid 3px #fff;
  box-shadow: 2px 2px 2px #c1c1c1;
  position: relative;
  z-index: 2;
  margin: 20px 0 0 7px;
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu .regist,
  #header_container #header_wrap .global_nav ul.nav_menu .mypage,
  #header_container #header_wrap .global_nav ul.nav_menu .document,
  #header_container #header_wrap .global_nav ul.nav_menu .booking {
    display: inline-block;
    margin: 10px 0;
    width: 33%;
  }
}

@media screen and (min-width: 1025px) {
  #header_container #header_wrap .global_nav ul.nav_menu .booking {
    margin-left: 20px;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu .regist a,
#header_container #header_wrap .global_nav ul.nav_menu .mypage a,
#header_container #header_wrap .global_nav ul.nav_menu .document a,
#header_container #header_wrap .global_nav ul.nav_menu .booking a {
  color: #fff;
  text-align: center;
}

#header_container #header_wrap .global_nav ul.nav_menu .regist a:after,
#header_container #header_wrap .global_nav ul.nav_menu .mypage a:after,
#header_container #header_wrap .global_nav ul.nav_menu .document a:after,
#header_container #header_wrap .global_nav ul.nav_menu .booking a:after {
  border: none;
}

#header_container #header_wrap .global_nav ul.nav_menu .regist {
  background-color: #d20f0f;
}

#header_container #header_wrap .global_nav ul.nav_menu .mypage {
  background-color: #2eafff;
}

#header_container #header_wrap .global_nav ul.nav_menu .document {
  background-color: #e1ae08;
}

#header_container #header_wrap .global_nav ul.nav_menu .booking {
  background-color: #009eb6;
}

#header_container #header_wrap .global_nav ul.nav_menu .regist:after,
#header_container #header_wrap .global_nav ul.nav_menu .mypage:after,
#header_container #header_wrap .global_nav ul.nav_menu .document:after,
#header_container #header_wrap .global_nav ul.nav_menu .booking:after {
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  border-radius: 20px;
  z-index: -1;
}

#header_container #header_wrap .global_nav ul.nav_menu .regist:after {
  border: solid 2px #d20f0f;
}

#header_container #header_wrap .global_nav ul.nav_menu .mypage:after {
  border: solid 2px #2eafff;
}

#header_container #header_wrap .global_nav ul.nav_menu .document:after {
  border: solid 2px #e1ae08;
}

#header_container #header_wrap .global_nav ul.nav_menu .booking:after {
  border: solid 2px #009eb6;
}

#header_container #header_wrap .global_nav ul.nav_front li,
#header_container #header_wrap .global_nav ul.nav_menu li {
  font-size: 1.1em;
}

#header_container #header_wrap .global_nav ul.nav_menu li:not(.mypage):not(.regist):not(.document):not(.booking) {
  padding: 4px 18px;
  border-color: #000;
  margin: 20px 0 10px;
}

@media screen and (max-width: 1024px) {
  #header_container #header_wrap .global_nav ul.nav_menu li:not(.mypage):not(.regist):not(.document):not(.booking) {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu li:not(.mypage):not(.regist):not(.document):not(.booking) {
    margin: 0;
    padding: 10px;
  }
}

#header_container #header_wrap .global_nav ul.nav_front li a {
  background-repeat: no-repeat;
  line-height: 2.0;
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_front li a {
    padding: 0 0 0 2em;
  }
}

#header_container #header_wrap .global_nav ul.nav_front li.contact a {
  background-image: url(../../common/img/btn_nav_03.svg);
  background-size: 22px 22px;
  background-position: 0 36%;
}

#header_container #header_wrap .global_nav ul.nav_front li.faq a {
  background-image: url(../../common/img/btn_nav_02.svg);
  background-size: 25px 25px;
  vertical-align: middle;
  background-position: 0 40%;
}

#header_container #header_wrap .global_nav ul.nav_front li.techblog a {
  background-image: url(../../common/img/btn_nav_techblog.svg);
  background-size: 25px 25px;
  vertical-align: middle;
  background-position: 0 40%;
}

#header_container #header_wrap .global_nav ul.nav_front li.log_in a {
  background-image: url(../../common/img/login_black_24dp.svg);
  background-size: 25px 25px;
  vertical-align: middle;
  background-position: 0 40%;
}

.nav_front li {
  padding: 0 6px;
}

#header_container #header_wrap .global_nav ul.nav_menu li {
  text-align: center;
}

#header_container #header_wrap .global_nav ul.nav_menu input[type="radio"] {
  display: none;
}

#header_container #header_wrap .global_nav ul.nav_menu .nav_submenu {
  position: absolute;
  left: 0;
  z-index: 100;
  display: none;
  width: 100vw;
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu {
    box-shadow: 0px 20px 20px -6px #d7d2d2;
    background: #2156c3;
    bottom: -19px;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu .nav_submenu ul {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  justify-content: center;
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu ul {
    display: block;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu .nav_submenu li {
  border-style: none;
  font-size: 1em;
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu li {
    border-style: dashed;
  }
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu li a {
    color: #fff;
  }
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu li a:before {
    margin: 0 6px 0 0px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    content: "";
    display: inline-block;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu .nav_submenu li a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_menu .nav_submenu .active {
    opacity: 0.6;
    background-color: inherit;
    text-decoration: underline;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu input[type="radio"]:checked ~ .nav_submenu {
  display: block;
  animation: SlideIn 0.1s;
  /* CSSアニメーションの設定 */
}

@keyframes SlideIn {
  0% {
    opacity: 0;
    /*初期状態では透明に*/
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu input[type="radio"]:checked ~ .nav_submenu {
    position: relative;
  }
  #header_container #header_wrap .global_nav ul.nav_menu input[type="radio"]:checked ~ .nav_submenu li {
    border-right: 0;
    border-left: 0;
  }
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu > .nav_parent {
    padding: 4px 0 !important;
    position: relative;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent label {
  cursor: pointer;
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent label:after {
  display: inline-block;
  margin: 0 0 0 6px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  border-radius: 2px;
  transform: rotate(135deg);
  content: "";
  vertical-align: text-top;
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent .submenu_close {
  width: 100vw;
  color: #000;
  font-size: 1em;
}

@media screen and (min-width: 996px) {
  #header_container #header_wrap .global_nav ul.nav_menu > .nav_parent .submenu_close {
    background-color: #0d349e;
    color: #fff;
    position: absolute;
  }
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent .submenu_close label:hover {
  opacity: 0.6;
  text-decoration: underline;
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent .submenu_close label:after {
  border: none;
  content: "＋";
  font-size: 1.6em;
  vertical-align: -3px;
  display: inline-block;
  transform: rotate(-45deg);
  margin: 0;
  width: auto;
  height: auto;
}

#header_container #header_wrap .global_nav ul.nav_menu > .nav_parent input[type="radio"]:checked ~ label:after {
  transform: rotate(-45deg);
  vertical-align: baseline;
}

@media screen and (max-width: 995px) {
  #header_container #header_wrap .global_nav ul.nav_menu > .nav_parent input[type="radio"]:checked ~ label:after {
    left: 47%;
  }
}

@media screen and (min-width: 996px) {
  .home .nav_submenu {
    bottom: -63px !important;
  }
}

/*
利用申し込み ログイン
—————————————————————————————————*/
.head_line {
  width: 100%;
  max-width: 1200px;
  border-bottom: solid 1px #3f3f3f;
  margin: 40px 0 30px 0;
}

#regist .step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  width: 100%;
  border: solid 1px #cccccc;
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px;
  overflow: hidden;
}

#regist .circle_sp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  width: 20%;
}

#regist .step_img {
  width: fit-content;
}

#regist .circle {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #000000;
}

#regist .circle_txt {
  color: #ffffff;
  line-height: 1.3em;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
}

#regist .step_txt {
  width: 80%;
}

.left_btn {
  width: 300px;
}

#login #user_id,
#login #password {
  width: 200px;
}

#login .btn3 {
  margin-left: 96px;
}

/*—————————————————————————————————

 パスワード再設定

—————————————————————————————————*/
.reset_form {
  margin-top: 30px;
}

.reset_btn {
  background-color: #fff;
  margin-top: 30px;
  width: 100%;
  font-size: 100%;
}

@media screen and (max-width: 768px) {
  /*
  利用申し込み
  —————————————————————————————————*/
  #regist .step {
    display: block;
    width: 90%;
  }
  #regist .circle_sp {
    width: 100%;
    justify-content: center;
  }
  #regist .step_txt {
    width: 100%;
  }
}

/*—————————————————————————————————

   フッター

—————————————————————————————————*/
footer {
  margin-top: 50px;
}

#footer_container {
  box-shadow: 0px -3px 3px #efefef;
  font-size: 13px;
}

/*
会社プロフィール
—————————————————————————————————*/
.camplany_profile_box {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
  display: flex;
}

.campany_logo {
  margin: 0px 20px 0 0;
}

.privacy {
  margin-right: 20px;
  width: 54px;
  height: 54px;
}

/*
ナビゲーション
—————————————————————————————————*/
.footer_nav_wrap {
  background-color: #3f3f3f;
}

.footer_nav {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  justify-content: space-between;
}

.footer_nav li {
  margin: 10px 0;
  padding: 0px 0;
  border-right: 1px dotted #FFF;
  text-align: center;
  width: 100%;
}

.footer_nav li:first-child {
  border-left: 1px dotted #FFF;
}

.footer_nav li a {
  color: #FFF;
  text-decoration: none;
}

.copyright {
  padding: 5px 0;
  text-align: center;
}

/*———————————————————————————————————————————————————————————————————————————————————————————————————

   レスポンシブ

———————————————————————————————————————————————————————————————————————————————————————————————————*/
@media screen and (max-width: 768px) {
  /*
  フッター
  —————————————————————————————————*/
  .campany_logo {
    margin: 0px auto;
  }
  .camplany_profile_box {
    padding: 10px;
    display: block;
  }
  .footer_nav {
    display: block;
  }
  .footer_nav li {
    margin: 0px;
    padding: 5px;
    border-right: none;
    text-align: left;
    border-top: 1px dotted #FFF;
  }
  .footer_nav li:first-child {
    border: none;
  }
  .copyright {
    padding: 1.0em;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .logo_box {
    margin-left: auto;
  }
}

.logo_box .twitter {
  background: #1DA1F2;
  padding: 6px;
  border-radius: 4px;
  display: inline-block;
}

.logo_box .twitter img {
  width: 20px;
  height: auto;
}

.contents_mypage table .main_colored_item td {
  background-color: #A8F0F080
}
.contents_mypage table .sub_colored_item td {
  background-color: #CCF0F080
}
/*# キャンペーン用ボタン*/
.contents_mypage  .campainbtn {
    text-align: center;
    border: solid 2px #d20f0f;
    border-radius: 20px;
    padding: 2px;
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    box-shadow: 2px 0.5px 2px #c1c1c1;
}

.contents_mypage  .campainbtn button {
    padding: 1px 0 1px;
    color: #fff;
    background-color: #d20f0f;
    cursor: pointer;
    border-radius: 20px;
    display: block;
    font-size: 13px;
    width: 100%;
}

.contents_mypage  .campainbtn:hover {
    cursor: pointer;
    opacity: 0.6;
}
/*# 60分無料ボタン*/
.contents_mypage table th.engine span.freetime{
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
}
/*# 接続情報コピーボタン*/
.contents_mypage .copy{
  padding: 0;
  border: none;
  width: 14px;
  height: 14px;
  right: 4px;
  background-image: url(../img/clone.svg);
  background-size: 14px 14px;
  opacity: 0.8;
}

.contents_mypage .copy:hover {
  opacity: 1;
  cursor: pointer;
}
/*# 接続情報ページ：接続URL*/
.contents_mypage table span.api_info{
  font-size: 0.9em;
    padding:0 0 0 4px;
}
/*# 接続情報ページ：Tooltip*/
.contents_mypage .two_items .two_items_txt span.c-tooltip {
    display: inline-block;
    position: relative;
    margin-right: 0;
}
.contents_mypage .copy_tooltip{
    right: 4px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
}
.contents_mypage .copy_tooltip p{
    margin:0;
    padding:0;
}
.contents_mypage .copy_description {
    display: none;
    position: absolute;
    padding: 8px;
   font-size: 11px;
    font-weight: 600; 
    color: #fff;
    border-radius: 5px;
    background: #5f6368;
    width: 180px;
    line-height: 12px;
}
.contents_mypage .copy_description:before {
    content: "";
    position: absolute;
    top: -22px;
    right: 60%;
    border: 15px solid transparent;
    border-top: 15px solid #5f6368;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.contents_mypage .copy_tooltip:hover .copy_description{
    display: inline-block;
    top: 25px;
}

/*# 接続情報ページ[コピーしました]の表示 */
.copied_Box {
	position: fixed;
	width: 85%;
	max-width: 420px;
	height: 0;
	top: -300px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	opacity: 1;
	display: none;
	border-radius: 3px;
	z-index: 1000;
}
.copied_Inner {
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}
/*ダイアログのデザインをまとめて変更*/
.ui-corner-all{
	font-size:14px;
}
.ui-corner-all span p a b u i ol ul li{
	padding:14px;
}
.ui-dialog .ui-dialog-content {
	padding:14px;
}

.ui-dialog .announce {
  margin: 20px auto;
  padding: 10px 50px;
  vertical-align: middle;
  font-size: 1.0em;
  color: #ffffff;
  background-color: #ff8201;
}

.ui-dialog .likelink {
  color: dodgerblue;
}

details[open] .open {
  display: none;
}
details:not([open]) .close {
  display: none;
}

/*# 接続情報コピーボタン*/
.ui-dialog .copy{
  padding: 0;
  border: none;
  width: 14px;
  height: 14px;
  right: 4px;
  background-image: url(../img/clone.svg);
  background-size: 14px 14px;
  opacity: 0.8;
}

.ui-dialog .copy:hover {
  opacity: 1;
  cursor: pointer;
}

.ui-dialog .copy_tooltip{
    right: 4px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px;
}
.ui-dialog .copy_tooltip p{
    margin:0;
    padding:0;
}
.ui-dialog .copy_description {
    display: none;
    position: absolute;
    padding: 8px;
   font-size: 11px;
    font-weight: 600; 
    color: #fff;
    border-radius: 5px;
    background: #5f6368;
    width: 170px;
    line-height: 12px;
}
.ui-dialog .copy_description:before {
    content: "";
    position: absolute;
    top: -22px;
    right: 60%;
    border: 15px solid transparent;
    border-top: 15px solid #5f6368;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.ui-dialog .copy_tooltip:hover .copy_description{
    display: inline-block;
    top: 25px;
}

/*# sourceMappingURL=style.css.map */