html {
    margin: 0;
    font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #505050;
    font-weight: 100;
}

body {
  margin: 0;
}

#wrapper {
  width:100%;
  overflow:hidden;
}

main {
  display: block;
}

section {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


/* Links
 ========================================================================== */
/*
 * Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  -webkit-text-decoration-skip: objects;
}
/*
 * Remove the outline on focused links when they are also active or hovered
 */
a:active,
a:hover {
  outline: none;
}
/*
 * Style
 */
a,
.uk-link {
  color: #4db1e7;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  color: rgba(96,190,254,.75);
  text-decoration: underline;
}
/* Text-level semantics
 ========================================================================== */
/*
 * 1. Add an underline text decoration in Safari, Edge and IE.
 * 2. Add `dotted` style in Safari.
 * Note: The shorthand declaration `underline dotted` is not supported in Safari, Edge and IE.
 */
abbr[title] {
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration-style: dotted;
}
/*
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/*
 * 1. Consolas has a better baseline in running text compared to `Courier`
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Style
 */
:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  /* 1 */
  font-family: Consolas, monaco, monospace;
  /* 2 */
  font-size: 0.875rem;
  /* 3 */
  color: #f0506e;
  white-space: nowrap;
  padding: 2px 6px;
  background: #f8f8f8;
}
/*
 * Emphasize
 */
em {
  color: #f0506e;
}
/*
 * Insert
 */
ins {
  background: #ffd;
  color: #666;
  text-decoration: none;
}
/*
 * Mark
 */
mark {
  background: #ffd;
  color: #666;
}
/*
 * Quote
 */
q {
  font-style: italic;
}
/*
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}


/* Block elements
 ========================================================================== */
/*
 * Margins
 */
p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
  margin: 0 0 20px 0;
}
/* Add margin if adjacent element */
/*
* + p,
*/
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
  margin-top: 20px;
}

/* Headings
 ========================================================================== */

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  margin: 0 0 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  color: #333;
  text-transform: none;
}

h1,
.uk-h1 {
  font-size: 2.23125rem;
  line-height: 1.2;
}
h2,
.uk-h2 {
  font-size: 1.7rem;
  line-height: 1.3;
}
h3,
.uk-h3 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h4,
.uk-h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}
h5,
.uk-h5 {
  font-size: 16px;
  line-height: 1.4;
}
h6,
.uk-h6 {
  font-size: 0.875rem;
  line-height: 1.4;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  h1,
  .uk-h1 {
    font-size: 2.625rem;
  }
  h2,
  .uk-h2 {
    font-size: 2rem;
  }
}

section {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

li {
  list-style: none;
}

footer {
  background: #2d98d1;
}

/* margin padding
 ========================================================================== */
.mgt-3 {
    margin-top: 3%;
}
.mgt-5 {
    margin-top: 5%;
}
.mgt-8 {
    margin-top: 8%;
}

.mgt-3- {
    margin-top: -3%;
}

.mgl-3 {
    margin-left: 3%;
}
.mgl-5 {
    margin-left: 5%;
}
.mgl-12 {
    margin-left: 12%;
}

.account .mgl {
    margin-left: 15px;
}

.mgr-3 {
    margin-right: 3%;
}

.mgr-5 {
    margin-right: 5%;
}

.mgb-1 {
    margin-bottom: 1%;
}

.pd-colum-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.pd-colum-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.pd-colum-4 {
    padding-top: 4em;
    padding-bottom: 4em;
}

/* layout
 ========================================================================== */
.c-layout {
    text-align: center;
}
.l-layout {
    text-align: left;
}
.r-layout {
    text-align: right;
}

.font-layout {
  padding: 25px;
}

.font-layout-b {
  padding: 15px;
}

/* color
 ========================================================================== */

 .txt-primary {
    color: #4db1e7;
 }

 .txt-wh {
    color: #fff;
 }

 .txt-black {
    color: #505050;
 }

  .txt-red {
    color: #e60012;
 }

 /* font-size
 ========================================================================== */

.txt-large {
  font-size: 110%;
}

.txt-xlarge {
  font-size: 120%;
}

.txt-xxlarge {
  font-size: 135%;
}

.txt-small {
  font-size: 90%;
}

.txt-xsmall {
  font-size: 85%;
}

.txt-xxsmall {
  font-size: 80%;
}

 /* font-weight
 ========================================================================== */

 .txt-semibold {
  font-weight: 300;
 }

  .txt-bold {
  font-weight: 500;
 }

/* bg
 ========================================================================== */

.bg-blue {
	background: -moz-linear-gradient(top left, #a2dcf9, #2d98d1); 
    background: -webkit-linear-gradient(top left, #a2dcf9, #2d98d1); 
    background: linear-gradient(to bottom right, #a2dcf9, #2d98d1); 
}

.bg-green {
  background: -moz-linear-gradient(top left, #91bf1f, #01793b); 
  background: -webkit-linear-gradient(top left, #91bf1f, #01793b); 
  background: linear-gradient(to bottom right, #91bf1f, #01793b); 
}

.bg-glay-gra {
  background: -moz-linear-gradient(top left, #c1c1c1, #313131); 
  background: -webkit-linear-gradient(top left, #c1c1c1, #535353); 
  background: linear-gradient(to bottom right, #c1c1c1, #535353); 
}

.bg-glay {
  background: #f1f1f1;
}
.bg-glay-2 {
  background: #f7f7f7;
}
.bg-glay-3 {
  background: #efefef;
}
.bg-glay-4 {
  background: #c1c1c1;
}

.img-w10 {
  width: 10%;
}
.img-w15 {
  width: 15%;
}
.img-w25 {
  width: 25%;
}
.img-w50 {
  width: 50%;
}
.img-w75 {
  width: 75%;
}
.img-w100 {
  width: 100%;
}

/* コンテンツエリア
 ========================================================================== */

.header {
    height: 60px;
    display: flex;
    align-items: center;
}


.wrapper {
	margin: 0 auto;
}

.l-inner {
    width: 1130px;
    margin: 0 auto;
}

.m-inner {
    width: 900px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .l-inner, .m-inner {
    width: 95%;
}
    }

.bg-wh {
	background: rgba(255,255,255,1);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.radius {
	border-radius: 4px;
}

/* レイアウト
 ========================================================================== */

 .flex-box {
    display: flex;
    justify-content: center;
 }

 .flex-box-b {
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .flex-box-b.between {
    display: flex;
    justify-content: space-around;
    align-items: center;
 }

  .flex-box-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
 }

  .flex-box-b.footer-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
 }

 .flex-box-b.footer-menu a {
    color: #fff;
 }

 .flex-box-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
 }

 .box-manual {
  border-radius: 4px;
  width: 28%;
  background: #4db1e7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: .4em;
 }


 .box-1-2 {
    width: 50%;
 }

 .box-1-3 {
    width: 33.3%;
 }

 .box-1-3-b {
    width: 40%;
 }

 .box-2-3 {
    width: 66.6%;
 }

 .box-2-3-b {
    width: 60%;
 }

/* ラベル
 ========================================================================== */

.label-top {
    width: 100%
    background: #fff;
    padding: 1em;
}

.label-top .logo {
    color: #7ecef4;
}

.label-top.log {
    display: flex;
    justify-content: space-between;
}

.label-top .log_info {
    float: right;
    font-size: 85%;
}

.label-top .log_info p {
    margin: 0;
}

.label-blue {
    background: #4db1e7;
    padding: 1em;
}

.label-glay {
    background: #515151;
    padding: 1em;
}

.label-blue .logo, .label-glay .logo {
    color: #fff;
}

.label-top h4, .label-blue h4, .label-glay h4 {
    margin: 0;
}

.label-blue .caption,.label-glay .caption {
    color: #fff;
    font-weight: 300;
}

.label-1pager {
    background: #fff;
    padding: 1em;
    border-bottom: 2px solid #4db1e7;
}

.label-1pager-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.label-1pager-box .sub-box {
    display: flex;
    align-items: center;
}

.label-1pager-box .sub-box .site {
  margin-left: 6%;
  width: 100%;
}

.label-1pager-box h4 {
    margin: 0;
}

.label-1pager-box p {
    margin: 0;
}

.label-1pager-box .site {
  text-align: left;
}

.label-1pager-box .site .site-name {
  background: rgb(248, 248, 248);
  border-radius: 2px;
  padding: .4em 1em;
  font-size: 85%;
  color: #818181;
}

select.pull-down {
    background-color: rgb(248, 248, 248);
    border: 0px;
    border-image: initial;
    padding: .4em;
    font-size: 85%;
    width: 100%;
}

.label-1pager-box .site .site-regist {
  background: #f1f1f1;
  border-radius: 2px;
  padding: .4em 1em;
  font-size: 85%;
}

.label-1pager-box .site .setting {
  background: #facd89;
  padding: .2em 1em;
  border-radius: 2px;
  color: #fff;
  font-weight: 300;
  margin-left: 2em;
}

.label-1pager-box .menu {
    float: right;
    font-size: 80%;
    color: #4db1e7;
}

.label-1pager-box ul.menu  {
  margin: 0;
}

.label-1pager-box .menu li {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}

.account {
    float: right;
    margin-right: 2em;
    display: flex;
}

.account .log a, .account .log a:hover{
  color: #fff;
}

/* ステップ
 ========================================================================== */

.step-box {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  display: flex;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.step-1-3-a, .step-1-3-b, .step-1-3-c {
  width: 33%;
  height: 100%;
  background: #c1c1c1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  margin: auto;
}

.step-1-3-a {
  z-index: 5;
}
.step-1-3-b {
  z-index: 4;
}
.step-1-3-c {
  z-index: 3;
}
.step-1-3-a::after, .step-1-3-b::after {
  position: absolute;
  right: -30px;
  content: '';
  width: 0;
  height: 0;
  border-left: 30px solid #c1c1c1;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}
.step-1-3-b::before, .step-1-3-c::before {
  position: absolute;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 30px solid white;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}
.step-1-3-a.active, .step-1-3-b.active, .step-1-3-c.active {
  background: #facd89;
}
.step-1-3-a.active::after, .step-1-3-b.active::after {
  position: absolute;
  right: -30px;
  content: '';
  width: 0;
  height: 0;
  border-left: 30px solid #facd89;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}


.step-1-4-a, .step-1-4-b, .step-1-4-c, .step-1-4-d {
  width: 24.8%;
  height: 100%;
  background: #c1c1c1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  margin: auto;
}

.step-1-4-a {
  z-index: 4;
}
.step-1-4-b {
  z-index: 3;
}
.step-1-4-c {
  z-index: 2;
}
.step-1-4-d {
  z-index: 1;
}

.step-1-4-a.active, .step-1-4-b.active, .step-1-4-c.active, .step-1-4-d.active {
  background: #facd89;
}

.step-1-4-a::after, .step-1-4-b::after, .step-1-4-c::after {
  position: absolute;
  right: -20px;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid #c1c1c1;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.step-1-4-a.active::after,  .step-1-4-b.active::after, .step-1-4-c.active::after {
  position: absolute;
  right: -20px;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid #facd89;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.step-1-4-b::before, .step-1-4-c::before, .step-1-4-d::before {
  position: absolute;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.step-1-5-a, .step-1-5-b, .step-1-5-c, .step-1-5-d, .step-1-5-e {
  width: 19.8%;
  height: 100%;
  background: #c1c1c1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  margin: auto;
}
.step-1-5-a {
  z-index: 5;
}
.step-1-5-b {
  z-index: 4;
}
.step-1-5-c {
  z-index: 3;
}
.step-1-5-d {
  z-index: 2;
}
.step-1-5-e {
  z-index: 1;
}

.step-1-5-a.active, .step-1-5-b.active, .step-1-5-c.active, .step-1-5-d.active, .step-1-5-e.active {
  background: #facd89;
}

.step-1-5-a::after, .step-1-5-b::after, .step-1-5-c::after, .step-1-5-d::after {
  position: absolute;
  right: -20px;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid #c1c1c1;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.step-1-5-a.active::after,  .step-1-5-b.active::after, .step-1-5-c.active::after, .step-1-5-d.active::after {
  position: absolute;
  right: -20px;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid #facd89;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}

.step-1-5-b::before, .step-1-5-c::before, .step-1-5-d::before, .step-1-5-e::before {
  position: absolute;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}


.step-box p {
    margin: 0;
}

.step-box .step {
    font-size: 120%;
}

.step-box .caption {
    font-size: 85%;
    margin-top: .4em;
}

/* フォーム
 ========================================================================== */

.caption {
}

.caption-support p {
  margin: .4em auto;
}

.caption-support a, .caption-support a:hover {
  color: #facd89;
}

.midashi {
  font-size: 130%;
  font-weight: 300;
}

.midashi p {
  margin: 0 0 35px 0;
}

.form-title-base {
    width: 45%;
    margin: 0 auto;
}

.form-title-base-b {
    width: 90%;
    margin: 0 auto;
}

.form-title-base-c {
    width: 60%;
    margin: 0 auto;
}

.form-title-base-d {
    width: 85%;
    margin: 0 auto;
}


.form-title-base .form-title-log {
  margin: .4em 0 .4em;
  text-align: left;
}

.form-title-base .txt-small {
  margin: .4em auto;
}

.form-title-base span.q, .form-title-base-b span.q {
    background: #73c7f2;
    color: #fff;
    font-weight: 500;
    border-radius: 50%;
    padding: .1em .5em;
    margin-left: 1.4em;
    font-size: 85%; 
}

.form-title-base p, .form-title-base-b p {
  /*
    margin: .4em auto;
  */
}

.form-title {
	color: #505050;
  font-weight: 300;
  text-align: left;
  margin: 1.4em 0 .8em;
}


.form-title-b {
  color: #505050;
  font-weight: 300;
  text-align: left;
  margin: 1.4em 0 .8em;
}


.form-title-base span.required {
    padding: .4em;
    border-radius: 4px;
    background: #eb6877;
    color: #fff;
    font-size: 75%;
    margin-right: 2em;
}

.form-title-base span.any {
    padding: .4em;
    border-radius: 4px;
    background: #c1c1c1;
    color: #fff;
    font-size: 75%;
    margin-right: 2em;
}


.url-title-base {
    width: 85%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.url-area {
    background: #f1f1f1;
    padding: 1em;
    border-radius: 4px;
    width: 70%;
    text-align: left;
    display: flex;
    justify-content: space-between;
}


.form, .form.w60 {
    width: 45%;
    height: 40px;
    border-radius: 4px;
    background: #f1f1f1;
    border: 1px solid #818181;
    font-size: 85%;
    padding-left: 1em;
    padding-right: 1em;
}

.form-b {
    width: 45%;
    border-radius: 4px;
    background: #f1f1f1;
    border: 1px solid #818181;
    font-size: 85%;
}

#free-plan {
  opacity: .55;
}

.btn-blue {
    background: #4db1e7;
    padding: .6em 1em;
    color: #fff;
    font-weight: 300;
    font-size: 130%;
    border-radius: 4px;
    width: 160px;
}

#report .btn-blue {
    background: #4db1e7;
    padding: .6em 1em;
    color: #fff;
    font-weight: 300;
    font-size: 100%;
    border-radius: 4px;
    width: 160px;
}

#report .btn-blue::before { 
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  font-size: 120%;
  content: "\f055";
  padding-right : 1em;
  color: #fff;/*アイコンの色*/
}

.btn-reset {
    background: #c1c1c1;
    padding: .6em 1em;
    color: #fff;
    font-weight: 300;
    font-size: 100%;
    border-radius: 4px;
    width: 120px;
}


/* テーブル
 ========================================================================== */

table {
  border-collapse: collapse;
  border-radius: 4px;
}
table th, table td {
  border: solid 1px #c1c1c1;
}

#account table {
  width: 100%;
}

#account table th, #account table td {
  border: solid 1px #fff;
}

#account table th {
  background: #4db1e7;
  color: #fff;
}

#account table td {
  background: #f1f1f1;
  text-align: left;
}

table th {
   background: #c1c1c1;
   color: #fff;
}


table td.word {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

table th.blue {
   background: #4db1e7;
   color: #fff;
}

table td.or {
   background: #facd89;
   color: #fff;
}

table .focus {
  font-size: 120%;
  font-weight: 300;
}

table .recommend {
    padding: .4em;
    border-radius: 4px;
    background: #eb6877;
    color: #fff;
    font-size: 85%;
}

p.recommend  {
  margin: -2em 0 1em;
}

table .plan-name {
  margin-top: 1em;
}

.plan, .login_2 {
    width: 85%;
    margin: 0 auto;
}

.login_2 .word-main {
    font-size: 130%;
    width: 85%;
    text-align: left;
}

.login_2 .word-sub {
    font-size: 100%;
}

.delete {
    background: #eb6877;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
}

.plus {
    padding: 1em 1.6em;
    border-radius: 4px;
    background: #facd89;
    color: #fff;
    font-size: 85%;
}

.plus::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  font-size: 120%;
  content: "\f055";
  padding-right : 1em;
  color: #fff;/*アイコンの色*/
}

.plus.inline-link {
  margin: 0 auto;
}

.plus.over {
    padding: .4em;
    border-radius: 4px;
    background: #c1c1c1;
    color: #fff;
    font-size: 85%;
}

.plus-b {
    padding: .4em 1.4em;
    border-radius: 4px;
    background: #facd89;
    color: #fff;
    font-size: 85%;
    width: 20%;
    margin: 0 auto;
}

input.plus {
    display: block;
    padding: 1em;
    border-radius: 4px;
    background: #facd89;
    color: #fff;
}

input.plus-b {
    display: block;
    padding: .8em 1.8em;
    border-radius: 4px;
    background: #facd89;
    color: #fff;
    margin: 0 auto;
}

.return {
  font-size: 85%;
}

.table-1pager, .table-account, .table-admin {
    width: 100%;
    margin: 0 auto;
}

.table-1pager-road {
   width: 100%;
   margin: 0 auto;
   position: relative;
}

.table-1pager-road::before {
  content: 'データを取得しています。数分後に再度表示してください。';
  color: #fff;
  position: absolute;
  background: rgba(0,0,0,.55);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-1pager td.word {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-1pager .up {
    padding: .4em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4db1e7;
}
.table-1pager .down {
    padding: .4em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eb6877;
}
.table-1pager .stay {
    padding: .4em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #a8d33f;
}

.table-admin th {
    background: #c1c1c1;
}

.table-admin th.glay-2 {
    background: #f1f1f1;
    color: #505050;
}

.table-admin td.blue {
    background: rgba(77, 177, 231, .75);
    color: #fff;
}

.table-admin td.red {
    background: rgba(230, 0, 18, .75);
    color: #fff;
}

.graph-area {
    background: #f7f7f7;
}

.tabnav{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
.tabnav li{
    display: inline;
}
.tabnav li a{
    display: inline-block;
    background: #c1c1c1;
    color: #fff;
    padding: 16px 45px; 
    border-radius: 2px 2px 0 0;
    text-decoration: none;
}
.tabnav li a:hover,
.tabnav li a.active{
    background: #4db1e7;
    color: #fff;
}
.tabcontent{
    padding: 20px;
    border: 1px dotted #ccc;
}

.inline-link {
  color: #fff;
  width: 180px;
  /*
  margin: 0 auto;
  */
}

.inline-link.primary {
  color: #4db1e7;
  width: 180px;
  margin: 0 auto;
}

#inline-popup, #inline-popup-main, #inline-popup-sub {
  background-color: #fff;
  width: 60%;
  margin: 30px auto;
  padding: 20px;
  box-sizing: border-box;
}

#inline-mymemo, #inline-notifi, #inline-changepass  {
  background-color: #fff;
  width: 60%;
  margin: 30px auto;
  padding: 20px;
  box-sizing: border-box;
}

#inline-mymemo .plus, #inline-notifi .plus{
  padding: 1em 3em;
}

.pop-up-inner {
  width: 75%;
  margin: 0 auto;
}

.pop-up-inner .form, .pop-up-inner .form-b {
  width: 95%;
}

.pop-up-inner .form.w60 {
  width: 60%;
}

.pop-up-inner .form-title-base {
  width: 100%;
  margin: 0 auto;
}

.mfp-close {
    z-index: 10;
    position: relative;
    font-size: 85%;
    color: #4db1e7;
    border-radius: 2px;
    margin: 4.2em auto 0;
  }

.mfp-close-btn-in .mfp-close {
    color: #4db1e7;
}

.url-area input {
    background: transparent;
    border: none;
}

select.pull-priority {
    background-color: transparent;
    border: 0px;
    border-image: initial;
    padding: .4em;
    font-size: 95%;
}


.keyword-list label {
      display: block;
    }
#chartjs-tooltip {
      background-color: rgba(0,0,0,0.75);
      color: #fff;
      font-size: 11px;
      line-height: 1.5;
      padding: 10px;
      position: absolute;
      pointer-events: none;
      transition: 0.3s all ease-out;
}
.chartjs-tooltip-title {
      font-weight: bold;
}