.modal-content {
    width:100%;
    margin:1.5em auto 0;
    border:1px solid #aaa;
    background:#fff;
    z-index:3;
    position:fixed;
    display:none;
    overflow: auto;
    /*max-height: calc(100vh - 2.5em);*/
    max-height: 600px;
    min-width: 720px;
}

.modal-content div {
    /*border:solid 1px;*/
}
.modal-content-loginurge{
    font-size: 12px;
}

.modal-content p {
    margin:auto;
    padding:5px;
    /*text-align:center;*/
    font-weight:bold;
    font-size:120%;
}

/*↓↓↓スマホ用モーダル↓↓↓*/
.modal-content-sp {
    width:100%;
    margin:5.5em auto 0;
    border:2px solid #aaa;
    background:#fff;
    z-index:3;
    position:fixed;
    display:none;
    overflow: auto;
    max-height: calc(90vh - 5.5em);
}

.modal-content-sp div {
    border:solid 1px;
}
.modal-content-loginurge .title{
    border: none;
    font-size: 14px;
    text-align: center;
    color: #000
}
.modal-content-loginurge input{
    height: 39px;
    width:273px;
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
}
.modal-content-loginurge .titleModal{
    padding-bottom:10px;
    font-size: 18px;
    margin-bottom: 0
}
.modal-content-loginurge .fromInput{
    padding: 10px 20px;
    background-color: #f6f6f6;
    border:none;
}
.modal-content-loginurge button.no-login{
    width:295px;
    margin:auto;
    border: 1px solid #e0e0e0;
    height: 39px;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
}
.modal-content-loginurge .modal-close-loginurge img{
    padding-top: 5px;
}

.modal-content-sp p {
    margin:auto;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-size:120%;
}

.modal-content-loginurge {
    width:100%;
    margin:1.5em auto 0;
    border:1px solid #aaa;
    background:#fff;
    z-index:3;
    position:fixed;
    display:none;
    /*overflow: auto;*/
    /*max-height: calc(100vh - 2.5em);*/
    max-height: 600px;
    min-width: 720px;
}

.modal-content-loginurge div {
    border:solid 1px;
}

.modal-content-loginurge p {
    margin:auto;
    padding:5px 0;
    /*text-align:center;*/
    font-weight:bold;
    font-size:120%;
}
.modal-close-loginurge{
    margin-right: 10px !important;
}
.modal-content-loginurge .meter{
    /*font-weight: bold;*/
}
.modal-content-loginurge .left{
    margin-left: 10px !important;
}
.modal-content-sp-loginurge {
    width:100%;
    margin:auto;
    border:none;
    background:#fff;
    z-index:3;
    position:fixed;
    display:none;
    overflow: auto;
    max-height: calc(90vh - 5.5em);
}

.modal-content-sp-loginurge div.inner{
    padding:15px 15px 15px 10px;
    border:none;
}

.modal-content-sp-loginurge ul.caution {
    padding-left:10px;
}

.modal-content-sp-loginurge img {
    vertical-align:middle;
}

.modal-content-sp-loginurge div.inner div {
    padding:5px;
    border:none;
}

.modal-content-sp-loginurge p {
    margin:auto;
    padding:5px;
    font-weight:bold;
    font-size:120%;
}
/*↑↑↑スマホ用モーダル↑↑↑*/

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-overlay-loginurge {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#293BB7;
/*    text-decoration:underline;*/
}

.modal-open:hover {
    cursor:pointer;
}

.modal-close {
/*    color:#00f;
    text-decoration:underline;*/
}

.modal-close:hover {
    cursor:pointer;
/*    color:#f00;*/
}

p.webcouponbtn{
  display: inline-block;
  padding: 0 1em;
  font-weight:bold;
  text-decoration: none;
  color: #293BB7;
  border: double 3px #293BB7;
  transition: .4s;
  white-space:nowrap;
  background-image: linear-gradient(#F7F6F7 0%, #DADADA 100%);
  box-shadow: 1px 1px #666666;
}

button.webcouponbtn{
  display: inline-block;
  font-size: 100%;
  font-weight: bold;
  padding: 0 1em;
  text-decoration: none;
  color: #293BB7;
  border: double 3px #293BB7;
  transition: .4s;
  white-space:nowrap;
  background-image: linear-gradient(#F7F6F7 0%, #DADADA 100%);
  box-shadow: 1px 1px #666666;
  height:30px;
}

p.sticky {
    /*position: -webkit-sticky; !* Safari用 *!*/
    /*position:sticky; !* 要素をスクロールに応じて固定 *!*/
    top:0; /* 縦スクロールに追従 */
    z-index: 2; /* z-indexで最前面に持ってくる */
    text-align:right;
    background-color:#01399F;
    color:#fff;
    font-size: 14px;
}

p.sticky p.acbleft {
    margin:auto;
    padding:5px 5px 5px 20px;
    font-weight:bold;
    font-size:120%;
    display:table-cell;
    text-align:left;
    width:20%;
}

p.sticky p.acbright {
    margin:auto;
    padding:5px;
    font-weight:bold;
    font-size:120%;
    display:table-cell;
    text-align:right;
    width:30%;
}



.btn-loginurge-button {
  display       : inline-block;
  padding: 4px 8px;   /* 余白       */
  color         : #FFF;     /* 文字色     */
  background    : #1e90ff;     /* 背景色     */
  border-radius : 4px;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);/* 影の設定 */
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  /*border        : 1px solid #000066;     枠の指定 */
  width:180px;
  margin:auto;
}

.btn-loginurge-button:hover {
  background    : #1e90ff;     /* 背景色     */
}

.btn-loginurge-a {
  position: relative;
  display: inline-block;
  padding: 4px 0;   /* 余白       */
  text-decoration: none;
  color: #333;
  background: #b0e0e6;/*色*/
  border: solid 1px #000066;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  font-size:110%;
  width:178px;
  margin:auto;
  text-align:center;
  line-height:15px;
}

.btn-loginurge-a:hover {
  background    : #80E0E6;     /* 背景色     */
}

.btn-loginurge-a:visited {
  color: #000;
}

.text-box-loginurge {
  border:1px #bbb solid;
  border-radius:4px;
  line-height:1;
  height:2.08em;
  letter-spacing:.02em;
}


/*追加ボタン吹き出し*/
.list {
  text-align:left;
}

.list li {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

.list_sp li {
  position: relative;
  display: inline-block;
  margin: 0 0 -10px;
}

.balloon {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 0;
  border-radius:10px;
  width: 200px;
  line-height: 1.5;
  padding: 5px;
  background-color: rgba(255,255,255, 0.55 );
  border:1px solid rgba(255, 140, 0, 0.55);
  color:#ff8c00;
  z-index: 2;
  font-size: 16px;
  word-break: break-all;
}

.balloon_sp {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 0;
  border-radius:10px;
  width: 135px;
  line-height: 1.5;
  padding: 5px;
  background-color: rgba(255,255,255, 0.55 );
  border:1px solid rgba(255, 140, 0, 0.55);
  color:#ff8c00;
  z-index: 2;
  font-size: 11px;
  word-break: break-all;
}