@charset "shift_jis";

/*--------------------------------------------
  HTML5 Reset ::style.css
  -------------------------
  We have learned much from/been inspired by/taken code where offered from:
  Eric Meyer:http://ericmeyer.com
  HTML5 Doctor:http://html5doctor.com
  and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, 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, figure, footer, header, hgroup, menu, .nav, section, time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
div.article, aside, figure, footer, header, hgroup, .nav, section{display:block;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed{max-width:100%;}

html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
  white-space:pre; /* CSS2 */
  white-space:pre-wrap; /* CSS 2.1 */
  white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font-size:inherit; font:100%;}
a:hover, a:active{outline:none;}
small{font-size:85%;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;}
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label,
input[type=button],
input[type=submit],
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;}

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, div.article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, .nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
  word-wrap:break-word;
}
div.article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {
  display:block;
}

ul,ol {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}


/*======*/
/* Base */
/*======*/
html {
  height: auto;
}
body {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
  font-size: 12px;
  line-height: 150%;
  height: auto;
  -webkit-text-size-adjust: none; /* Font size self-adjustment */
}
body.body_wifi {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3"!important;
}
@media screen\0 {
  body {
    font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, "ƒƒCƒŠƒI", sans-serif!important;
  }
  body.body_wifi {
    font-family: "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, "ƒƒCƒŠƒI", sans-serif!important;
  }
}

body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  color: #0066cc;
  text-decoration: none;
  display: inline-block;
}

img:not([width]):not([height]) {
  zoom: .5;
}

  input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
  }

/*-------------------------------------------
color
-------------------------------------------*/
div.error,
span.error { color: #d20000 !important; }

/*-------------------------------------------
font-size
-------------------------------------------*/
.f8 { font-size: 8px !important; }
.f9 { font-size: 9px !important; }
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }

/*-------------------------------------------
text-layout
-------------------------------------------*/
.tLeft { text-align: left !important; }
.tCenter { text-align: center !important; }
.tRight { text-align: right !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }


/*-------------------------------------------
margin
-------------------------------------------*/

/*margin-all*/
.m00 { margin: 0 !important; }
.mAuto { margin: auto !important; }
.m0Auto { margin: 0 auto !important; }
.m05 {	margin: 5px !important; }
.m10 {	margin: 10px !important; }
.m15 {	margin: 15px !important; }
.m20 {	margin: 20px !important; }
.m25 {	margin: 25px !important; }
.m30 {	margin: 30px !important; }
.m35 {	margin: 35px !important; }
.m40 {	margin: 40px !important; }
.m45 {	margin: 45px !important; }
.m50 {	margin: 50px !important; }

/*margin-top*/
.mt00 {	margin-top: 0px !important; }
.mt05 {	margin-top: 5px !important; }
.mt10 {	margin-top: 10px !important; }
.mt15 {	margin-top: 15px !important; }
.mt20 {	margin-top: 20px !important; }
.mt25 {	margin-top: 25px !important; }
.mt30 {	margin-top: 30px !important; }
.mt35 {	margin-top: 35px !important; }
.mt40 {	margin-top: 40px !important; }
.mt45 {	margin-top: 45px !important; }
.mt50 {	margin-top: 50px !important; }

/*margin-right*/
.mr00 {	margin-right: 0px !important; }
.mr05 {	margin-right: 5px !important; }
.mr10 {	margin-right: 10px !important; }
.mr15 {	margin-right: 15px !important; }
.mr20 {	margin-right: 20px !important; }
.mr25 {	margin-right: 25px !important; }
.mr30 {	margin-right: 30px !important; }
.mr35 {	margin-right: 35px !important; }
.mr40 {	margin-right: 40px !important; }
.mr45 {	margin-right: 45px !important; }
.mr50 {	margin-right: 50px !important; }

/*margin-bottom*/
.mb00 {	margin-bottom: 0px !important; }
.mb05 {	margin-bottom: 5px !important; }
.mb10 {	margin-bottom: 10px !important; }
.mb15 {	margin-bottom: 15px !important; }
.mb20 {	margin-bottom: 20px !important; }
.mb25 {	margin-bottom: 25px !important; }
.mb30 {	margin-bottom: 30px !important; }
.mb35 {	margin-bottom: 35px !important; }
.mb40 {	margin-bottom: 40px !important; }
.mb45 {	margin-bottom: 45px !important; }
.mb50 {	margin-bottom: 50px !important; }

/*margin-left*/
.ml00 {	margin-left: 0px !important; }
.ml05 {	margin-left: 5px !important; }
.ml10 {	margin-left: 10px !important; }
.ml15 {	margin-left: 15px !important; }
.ml20 {	margin-left: 20px !important; }
.ml25 {	margin-left: 25px !important; }
.ml30 {	margin-left: 30px !important; }
.ml35 {	margin-left: 35px !important; }
.ml40 {	margin-left: 40px !important; }
.ml45 {	margin-left: 45px !important; }
.ml50 {	margin-left: 50px !important; }

/*-------------------------------------------
padding
-------------------------------------------*/

/*padding-all*/
.p00 { padding: 0 !important; }
.p05 {	padding: 5px !important; }
.p10 {	padding: 10px !important; }
.p15 {	padding: 15px !important; }
.p20 {	padding: 20px !important; }
.p25 {	padding: 25px !important; }
.p30 {	padding: 30px !important; }
.p35 {	padding: 35px !important; }
.p40 {	padding: 40px !important; }
.p45 {	padding: 45px !important; }
.p50 {	padding: 50px !important; }

/*padding-top*/
.pt00 {	padding-top: 0px !important; }
.pt05 {	padding-top: 5px !important; }
.pt07 {	padding-top: 7px !important; }
.pt10 {	padding-top: 10px !important; }
.pt15 {	padding-top: 15px !important; }
.pt20 {	padding-top: 20px !important; }
.pt25 {	padding-top: 25px !important; }
.pt30 {	padding-top: 30px !important; }
.pt35 {	padding-top: 35px !important; }
.pt40 {	padding-top: 40px !important; }
.pt45 {	padding-top: 45px !important; }
.pt50 {	padding-top: 50px !important; }

/*padding-right*/
.pr00 {	padding-right: 0px !important; }
.pr05 {	padding-right: 5px !important; }
.pr10 {	padding-right: 10px !important; }
.pr15 {	padding-right: 15px !important; }
.pr20 {	padding-right: 20px !important; }
.pr25 {	padding-right: 25px !important; }
.pr30 {	padding-right: 30px !important; }
.pr35 {	padding-right: 35px !important; }
.pr40 {	padding-right: 40px !important; }
.pr45 {	padding-right: 45px !important; }
.pr50 {	padding-right: 50px !important; }

/*padding-bottom*/
.pb00 {	padding-bottom: 0px !important; }
.pb05 {	padding-bottom: 5px !important; }
.pb07 {	padding-bottom: 7px !important; }
.pb10 {	padding-bottom: 10px !important; }
.pb15 {	padding-bottom: 15px !important; }
.pb20 {	padding-bottom: 20px !important; }
.pb25 {	padding-bottom: 25px !important; }
.pb30 {	padding-bottom: 30px !important; }
.pb35 {	padding-bottom: 35px !important; }
.pb40 {	padding-bottom: 40px !important; }
.pb45 {	padding-bottom: 45px !important; }
.pb50 {	padding-bottom: 50px !important; }

/*padding-left*/
.pl00 {	padding-left: 0px !important; }
.pl05 {	padding-left: 5px !important; }
.pl10 {	padding-left: 10px !important; }
.pl15 {	padding-left: 15px !important; }
.pl20 {	padding-left: 20px !important; }
.pl25 {	padding-left: 25px !important; }
.pl30 {	padding-left: 30px !important; }
.pl35 {	padding-left: 35px !important; }
.pl40 {	padding-left: 40px !important; }
.pl45 {	padding-left: 45px !important; }
.pl50 {	padding-left: 50px !important; }


/*-------------------------------------------
float
-------------------------------------------*/
.fLeft { float: left !important; }
.fRight { float: right !important; }
.fNone { float: none !important; }

/*-------------------------------------------
clear
-------------------------------------------*/
.clear { clear: both !important; }

/*clearfix*/
.clearfix:before,
.clearfix:after { content:"";	display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/*-------------------------------------------
width
-------------------------------------------*/
.w100 { width: 100% !important; }
.w95 { width: 95% !important; }
.w90 { width: 90% !important; }
.w85 { width: 85% !important; }
.w80 { width: 80% !important; }
.w75 { width: 75% !important; }
.w70 { width: 70% !important; }
.w65 { width: 65% !important; }
.w60 { width: 60% !important; }
.w55 { width: 55% !important; }
.w50 { width: 50% !important; }
.w45 { width: 45% !important; }
.w40 { width: 40% !important; }
.w35 { width: 35% !important; }
.w30 { width: 30% !important; }
.w25 { width: 25% !important; }
.w20 { width: 20% !important; }
.w15 { width: 15% !important; }
.w10 { width: 10% !important; }
.w05 { width: 5% !important; }
.w04 { width: 4% !important; }
.w03 { width: 3% !important; }
.w02 { width: 2% !important; }
.w01 { width: 1% !important; }
.wAuto { width: auto !important; }

/*-------------------------------------------
height
-------------------------------------------*/
.h100 { height: 100% !important; }
.hAuto { height: auto !important; }

/*-------------------------------------------
position
-------------------------------------------*/
.posR { position: relative !important; }
.posA { position: absolute !important; }
.posF { position: fixed !important; }
.posS { position: static !important; }

/*-------------------------------------------
display
-------------------------------------------*/
.disB {	display: block !important; }
.disI { display: inline !important; }
.disT { display: table !important; width: 100% !important; table-layout: fixed !important; }
.disT > * { display: table-cell !important; }
.disIb { display: inline-block !important; vertical-align: top; }
.disBo { display: flex !important; }

.w320 { width: 320px; margin-left: auto!important; margin-right: auto!important;}


.marginLR01 {
  margin-left: 0.833em;
  margin-right: 0.833em;
}
ul.memo01 li {
  padding-left: 1em;
  text-indent: -1em;
}
#allMessages {
  margin-bottom: 1.417em;
  background: #fcf2f2;
  border: 2px solid #c00;
  padding: 0.417em;
  color: #c00;
  font-weight: bold;
}

#allMessagesSearch {
  margin-bottom: 1.417em;
  background: #f2f4fa;
  border: 2px solid #002596;
  padding: 0.417em;
}
#allMessagesSearch li {
  background: url(https://images.astyle.jp/images_sp/member/ic_002.gif) no-repeat left 0.5em;
  background-size: 31px 27px;
  -webkit-background-size: 31px 27px;
  min-height: 27px;
  padding-left: 40px;
  width: 70%;
  margin: 0 auto;
}

#imptMessages {
  margin: 0 1.417em 1.417em 1.417em;
  background: #ffffff;
  border: 2px solid #0945a8;
  padding: 0.417em;
  color: #463d3b;
}
#imptMessages .fbold{
  font-weight: bold;
}
#imptMessages .fcolBL{
  color: #0a3988;
}
#imptMessages .fcolRD{
  color: #af0808;
}
.txt01 {
  margin-bottom: 1.417em;
}
.txt01_2 {
  font-size: 14px;
  margin: 1em 3.2% 1.2em;
}

a.blue { color: #0945a8; text-decoration: underline;}


/* header
=================================================================================== */
#header_wifi {
  position: relative;
  width: 100%;
  }
  /*#header_wifi h1 {
    padding:7px 0 7px 10px;
    line-height: 0;
    } //190830C³*/
    #header_wifi h1 a {
      display: block;
      /*line-height: 0;
      width: 124px;
      height: 12px;
      overflow: hidden;
      text-indent: -9999em;
      background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat;
      background-size: 272px 128px;
      background-position: 0 0; 190830C³*/
    }
  /* welcome—¬—p */
  #header_wifi .head-box {
    padding: 1em;
    position: relative;
    font-size: 14px;
    }
    #header_wifi .head-box .logo-anastore {
      width: 202px;
      max-width: 60%;
      margin: 0 auto;
      }
      #header_wifi .head-box .logo-anastore img{
        zoom:1;
        width: 100%;
        }
    #header_wifi .head-box .menu-toggle {
      position: absolute;
      top: 50%;
      right: 0.6em;
      transform: translate(0,-50%);
      display: block;
      -webkit-appearance: none;
      background-color: transparent;
      border: none;
      margin: 0 0 0 auto;
      padding: 0;
      color: #0b318f;
      font-size: 200%;
      cursor: pointer;
      outline: none;
      }
      #header_wifi .head-box .menu-toggle .fa {
      display: inline-block;
      width: 1em;
      height: 1em;
      transition: background .2s;
      }
      #header_wifi .head-box .menu-toggle .fa-bars {
      background: url(https://images.astyle.jp/images_wifi/welcome/icon_bars.svg) no-repeat center center;
      }
      #header_wifi .head-box .menu-toggle .fa-close {
      background: url(https://images.astyle.jp/images_wifi/welcome/icon_close.svg) no-repeat center center;
      }
  #header_wifi .nav-menu {
    display: none;
    padding: 0 1em;
    font-size: 14px;
    }
    #header_wifi .nav-menu li{
      line-height: 150%;
      }
      #header_wifi .nav-menu li a {
        display: block;
        border-top: 1px solid #d9d9d9;
        color: #000;
        padding: 0.8em 1.5em;
        }
  #header_wifi .type-b {
    border-bottom: 1px solid #6b8fcb;
  }
  #header_wifi .type-b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    #header_wifi .type-b h1 { 
      float: left;
      padding: 7px 0 7px 10px;
      }
  @-moz-document url-prefix() {
    #header_wifi .type-b h1 { 
      float: left;
      padding: 7px 0 7px 10px;
      width: 160px; /* 20191206 Firefox‚ΕƒƒS‚ͺ•\Ž¦‚³‚κ‚Θ‚’‘΍τ */
      }
  }
  #header_wifi .type-b h1 img{ 
        width: 100%;
        }
  #header_wifi .type-b .cart {
    width: 79px;
    height: 67px;
    border-left: 1px solid #6b8fcb;
    float: right;
    position: relative;
    }
    #header_wifi .type-b .cart a {
      display: block;
      line-height: 0;
      width: 100%;
      }
      #header_wifi .type-b .cart a span {
        display: block;
        line-height: 0;
        width: 68px;
        height: 39px;
        overflow: hidden;
        text-indent: -9999em;
        margin: 15px auto 0;
        background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat;
        background-size: 272px 128px;
        background-position: -136px -37px;
        }
        /*#header_wifi .type-b .cart a em {
          position: absolute;
            left: 40px;
            top: 5px;
          color: #fff;
          background: #dd1414;
          width: 23px;
          height: 23px;
          border-radius: 23px;
            -webkit-border-radius: 23px;
          text-align: center;
          font-weight: bold;
            display: block;
            overflow: hidden;
            line-height: 25px;
            font-style: normal;
        } 190422C³ */
        #header_wifi .type-b .cart a em {
          position: absolute;
          left: 40px;
          top: 14px;
          color: #fff;
          background: #dd1414;
          border-radius: 9px;
          -webkit-border-radius: 9px;
          text-align: center;
          font-weight: bold;
          display: block;
          overflow: hidden;
          line-height: 16px;
          padding: 1px 5px;
          font-style: normal;
          font-size: 70%;
        }
  #header_wifi .gnav_wifi {
    border-top: 1px solid #0945a8;
    border-bottom: 1px solid #0945a8;
    display: table;
    width: 100%;
    }
    #header_wifi .gnav_wifi li {
      display: table-cell;
      min-width: 33.3%;
      text-align: center;
      vertical-align: middle;
      }
      #header_wifi .gnav_wifi li a {
        display: block;
        width: 100%;
        height: 41px;
        overflow: hidden;
        border-right: 1px solid #0945a8;
        position: relative;
        }
        #header_wifi .gnav_wifi li:last-child a { border: none;}
        #header_wifi .gnav_wifi li a span {
          display: block;
          line-height: 0;
          width: 68px;
          height: 39px;
          overflow: hidden;
          text-indent: -9999em;
          margin:4px auto 0;
          }
          #header_wifi .gnav_wifi .register_wifi a span { background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat; background-size: 272px 128px; background-position: left -39px;}
          #header_wifi .gnav_wifi .login a span { background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat; background-size: 272px 128px; background-position: -68px -39px;}
          #header_wifi .gnav_wifi .cart a span { background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat; background-size: 272px 128px; background-position: -136px -39px;}
          #header_wifi .gnav_wifi .mypage a span { background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat; background-size: 272px 128px; background-position: -204px -39px;}
        /*#header_wifi .gnav_wifi li a em {
          position: absolute;
            left: 50%;
            top: 1px;
            margin-left: 2px;
          color: #fff;
          background: #dd1414;
          width: 23px;
          height: 23px;
          border-radius: 23px;
            -webkit-border-radius: 23px;
          text-align: center;
          font-weight: bold;
            padding-top: 3px;
            display: block;
            font-style: normal;
        } 190422 C³ */
        #header_wifi .gnav_wifi li a em {
          position: absolute;
          left: 50%;
          top: 1px;
          margin-left: 2px;
          color: #fff;
          background: #dd1414;
          border-radius: 9px;
          -webkit-border-radius: 9px;
          text-align: center;
          font-weight: bold;
          padding: 0 3px;
          display: block;
          font-style: normal;
          font-size: 70%
        }
  #header_wifi .account {
    /*background: #463d3b;
    padding: 5px 10px 3px; 20190830C³*/
    background: #f7f7f7;
    font-size: 16px;
    padding: 0.833em /*3.2%; 20191007C³*/2.8%;
    }
    #header_wifi .account .guest { /*color: #fff; font-size:10px; line-height:1.1; 20190830C³*/ color:#666; font-weight: normal; font-size: 14px;}
    #header_wifi .account .loginbox {
      position: relative;
      }
      #header_wifi .account .loginbox dl {
        display: table;
        width: 100%;
        }
        #header_wifi .account .loginbox dl dt {
          display: table-cell;
          vertical-align: middle;
          color: #333;
          }
          #header_wifi .account .loginbox dl dt > span {
            display: block;
            position: relative;
            line-height: 1.4;
            font-size: 15px;
            padding-right: 5px;
            }
          #header_wifi .account .loginbox dl dt .name {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: .4em;
            }
          #header_wifi .account .loginbox dl dt .point {
            /*padding: 1px 5px 0 1.6em;*/
            }
            #header_wifi .account .loginbox dl dt .point span span {
              color:#4678eb;
              padding: 0 .2em;
              }
            #header_wifi .account .loginbox dl dt .point em {
              display: block;
              line-height: 0;
              width: 1.4em;
              height: 1.4em;
              overflow: hidden;
              text-indent: -9999em;
              background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat;
              background-size: 522px 245px;
              background-position: -21px -145px;
              margin-top: -.2em;
            }
          #header_wifi .account .loginbox dl dt .mile {
            /*padding: 0 .5em 1em 0;*/
            }
            #header_wifi .account .loginbox dl dt .mile > span{
              padding-bottom: .6em;
              }
            #header_wifi .account .loginbox dl dt .mile > span span {
              color:#e48a45;
              padding: 0 .2em;
              }
            #header_wifi .account .loginbox dl dt .mile em {
              display: block;
              line-height: 0;
              width: 1.4em;
              height: 1.4em;
              overflow: hidden;
              text-indent: -9999em;
              background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat;
              background-size: 522px 245px;
              background-position: 0px -145px;
              margin-top: -.2em;
              margin-right: .1em;
            }
          #header_wifi .account .loginbox dl dt .dispT {
            display: table;
            width: 100%;
            padding-right: 6px;
            font-size: 15px;
            }
            #header_wifi .account .loginbox dl dt .dispT > span {
              display: table-row;
              }
              #header_wifi .account .loginbox dl dt .dispT > span > span {
                display: table-cell;
                vertical-align: top;
                }
              #header_wifi .account .loginbox dl dt .dispT > span > span:nth-child(1) {
                width: 1.5em;
                }
              #header_wifi .account .loginbox dl dt .dispT > span > span:nth-child(2) {
                width: 8em;
                }
          @media screen and (max-width:361px){
            #header_wifi .account .loginbox dl dt .dispT {
              display: block;
              }
              #header_wifi .account .loginbox dl dt .dispT > span {
                display: block;
                padding-left: 1.4em;
                }
                #header_wifi .account .loginbox dl dt .dispT > span > span {
                  display: inline-block;
                  }
                #header_wifi .account .loginbox dl dt .dispT > span > span:first-child {
                  margin-left: -1.4em;
                  }
                #header_wifi .account .loginbox dl dt .dispT > span > span:last-child {
                  display: inline;
                  }
              #header_wifi .account .loginbox dl dt .dispT > .mile {
                margin-bottom: .6em;
                }
                #header_wifi .account .loginbox dl dt .dispT > .mile span {
                  padding-bottom: 0;
                  }
          }
        #header_wifi .account .loginbox dl dd {
          display: table-cell;
          vertical-align: middle;
          }
          #header_wifi .account .loginbox dl dd div{
            display: block;
            line-height: 0;
            max-width: 110px;
            min-width: 76px;
            max-height: 60px;
            overflow: hidden;
            text-indent: -9999em;
            box-sizing: border-box;
            }
            #header_wifi .account .loginbox dl dd div > span{
              display: block;
              line-height: 0;
              width: 100%;
              padding-top: 56%;
              overflow: hidden;
              text-indent: -9999em;
              background: url(https://images.astyle.jp/images_wifi/common/member_icon.png) no-repeat;
              background-size: cover;
              box-sizing: border-box;
              }
              #header_wifi .account .loginbox dl dd .member_icon1{
                background-position: -0px -0px;
              }

              #header_wifi .account .loginbox dl dd .member_icon2{
                background-position: 19.2% -0px;
              }

              #header_wifi .account .loginbox dl dd .member_icon3{
                background-position: 39% -0px;
              }

              #header_wifi .account .loginbox dl dd .member_icon4{
                background-position: 58.9% -0px;
              }
              #header_wifi .account .loginbox dl dd .member_icon5{
                background-position: 78.32% -0px;
              }
              #header_wifi .account .loginbox dl dd .member_icon6{
                background-position: 99% -0px;
              }


      #header_wifi .account .loginbox p {
        background: #e0e0e0;
        padding: 5px;
        line-height: 1;
        margin-top: 5px;
      }
#header_wifi_2004 img:not([width]):not([height]){
  zoom:1;
  width: auto;
}
#header_wifi_2004.openMenu{
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  z-index: 9999;
}
#header_wifi_2004.openMenu + #header_wifi{
  display: none;
}
#header_wifi_2004 .head_nav{
  display: table;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
#header_wifi_2004.openMenu .head_nav{
  z-index: 10000;
}
#header_wifi_2004 .head_nav > *{
  display: table-cell;
  vertical-align: middle;
}
#header_wifi_2004 .head_nav .logo-anastore{
  text-align: center;
  font-size: 0;
  line-height: 1;
}
#header_wifi_2004 .head_nav .logo-anastore a{
  display: inline-block;
  position: relative;
  padding: 4px 10px 0;
}
#header_wifi_2004 .head_nav .logo-anastore img{
  width: 100%;
  max-width: 168px;
  transition: opacity .4s linear .2s;
}
#header_wifi_2004 .head_nav .logo-anastore img[src*="_white"]{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity .4s linear 0s;
}
#header_wifi_2004:not(.openMenu) .head_nav .logo-anastore img[src*="_white"]{
  opacity: 0;
}
#header_wifi_2004.openMenu .head_nav .logo-anastore img[src*="_blue"]{
  opacity: 0;
}
#header_wifi_2004 .head_nav .nav_list > ul{
  display: table;
  width: 100%;
}
#header_wifi_2004 .head_nav .nav_list > ul > li{
  display: table-cell;
  width: 56px;
  position: relative;
  border-left: 1px solid #d9d9d9;
  font-size: 0;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu,
#header_wifi_2004.openMenu .head_nav{
  background-color: #01a9e8;
}
#header_wifi_2004.closeMenu{
  background-color: #fff;
}
#header_wifi_2004.openMenu,
#header_wifi_2004.closeMenu{
  transition: background-color .4s linear .2s;
}
#header_wifi_2004 .head_nav .nav_list > ul > li > *{
  display: block;
  width: 100%;
  height: 56px;
  position: relative;
}
#header_wifi_2004 .head_nav .nav_list > ul > li > a > span{
  display: block;
  width: 25px;
  height: 25px;
  background-image: url("https://images.astyle.jp/images_wifi/common/sprite_header_item.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  transition: background-position .2s linear .2s;
}

#header_wifi_2004 .head_nav .nav_list > ul > li > a > span,
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
_:-ms-lang(x), #header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box{
  top: 16px;
  bottom: auto;
}
#header_wifi_2004 .head_nav .nav_list .login a span{
  background-position: left 0 center;
}
#header_wifi_2004 .head_nav .nav_list .mypage a span{
  background-position: left -50px center;
}
#header_wifi_2004 .head_nav .nav_list .cart a span{
  background-position: left -100px center;
}
#header_wifi_2004.openMenu .head_nav .nav_list .login a span{
  background-position: left -25px center;
}
#header_wifi_2004.openMenu .head_nav .nav_list .mypage a span{
  background-position: left -75px center;
}
#header_wifi_2004.openMenu .head_nav .nav_list .cart a span{
  background-position: left -125px center;
}
#header_wifi_2004 .head_nav .nav_list .cart a span em{
  display: block;
  position: absolute;
  right: -.8em;
  top: -.6em;
  min-width: 2.2em;
  padding:.65em .1em .55em;
  border-radius: 2em;
  background: #dd1414;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  text-align: center;
}
#header_wifi_2004.openMenu .head_nav .nav_list .cart a span em{
  animation: openIcn .5s linear 0s forwards;
}
#header_wifi_2004.closeMenu .head_nav .nav_list .cart a span em{
  animation: closeIcn .5s linear 0s forwards;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box{
  display: block;
  width: 22px;
  height: 18px;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box > span{
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box > span::before,
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box > span::after{
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #fff;
  content:"";
  opacity: 1;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box > span::before{
  transition: .2s;
  top: 8px;
}
#header_wifi_2004 .head_nav .nav_list .hamburger_menu .hamburger-box > span::after{
  top: 17px;
}
#header_wifi_2004.openMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span{
  animation: menuOn1 .2s linear .2s forwards;
}
#header_wifi_2004.openMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span::before{
  animation: menuOn2 .2s linear 0s forwards;
}
#header_wifi_2004.openMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span::after{
  animation: menuOn3 .4s linear .05s forwards;
}
#header_wifi_2004.closeMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span{
  animation: menuOn4 .2s linear 0s forwards;
}
#header_wifi_2004.closeMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span::before{
  animation: menuOn5 .2s linear .2s forwards;
}
#header_wifi_2004.closeMenu .head_nav .nav_list .hamburger_menu .hamburger-box > span::after{
  animation: menuOn6 .4s linear 0s forwards;
}
@keyframes openIcn{
  0%{opacity: 1;}
  25%{opacity: 0;}
  75%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes closeIcn{
  0%{opacity: 1;}
  25%{opacity: 0;}
  75%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes menuOn1{
  0%{top: 0; transform: rotate(0);}
  50%{top: 8px; transform: rotate(0);}
  100%{top: 8px; transform: rotate(135deg);}
}
@keyframes menuOn2{
  0%{top: 8px; opacity: 1;}
  100%{top: 0; opacity: 0;}
}
@keyframes menuOn3{
  50%{top: 0; transform: rotate(0);}
  75%{top: 0; transform: rotate(0);}
  100%{top: 0; transform: rotate(90deg);}
}
@keyframes menuOn4{
  0%{top: 8px; transform: rotate(135deg);}
  50%{top: 8px; transform: rotate(0);}
  100%{top: 0; transform: rotate(0);}
}
@keyframes menuOn5{
  50%{top: 0; opacity: 0;}
  100%{top: 8px; opacity: 1;}
}
@keyframes menuOn6{
  0%{top: 0; transform: rotate(90deg);}
  25%{top: 0; transform: rotate(0);}
  50%{top: 0; transform: rotate(0);}
  100%{top: 17px; transform: rotate(0);}
}





/* header footer ‹€’Κ */
.linkList_foot{
  padding: 25px 10px 10px;
  text-align: center;
}
#footer_wifi .linkList_foot{
  padding: 25px 10px 5px;
}
.linkList_foot .nav-menu1 a,
.linkList_foot .nav-menu2 a{
  color: #fff;
  font-size: 12px;
}
.linkList_foot .nav-menu1 li + li a{
  margin-top: 1em;
}
.linkList_foot .nav-menu2{
  margin-top: 20px;
}
.linkList_foot .nav-menu2 li{
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.linkList_foot .nav-menu2 li + li::before{
  display: inline-block;
  padding: 0 1.25em;
  content: "\007C";
}
.linkList_foot .copyRight{
  margin-top: 20px;
  color: #fff;
  font-size: 10px;
}
/* flow
=================================================================================== */
#locationFlow{
  padding: 20px 0 6px;
}
#locationFlow.notCart{
  display: none;
  speak:none;
}
#locationFlow > ul{
  display: table;
  width: 94.6%;
  margin:0 auto;
  font-size: 12px;
  text-align: center;
  }
  #locationFlow > ul > li{
    display: table-cell;
    height: 4.5em;
    min-width: 6.5em;
    vertical-align: middle;
    position: relative;
    background: #f2f2f2;
    color: #808080;
    border: solid #d9d9d9;
    border-width: 2px 0;
    }
    @media screen and (max-width:334px){
    #locationFlow .lFlow-4step{
      font-size:11px;
      }
    }
  #locationFlow > ul > li:first-child{
    border-width: 2px 0 2px 2px;
    }
  #locationFlow > ul > li:last-child{
    border-width: 2px 2px 2px 0;
    }
    #locationFlow > ul > li:not(:last-child)::after{
      display: block;
      width: 1em;
      height: 106%;
      height: calc(100% + 4px);
      content: "";
      position: absolute;
      right:-.95em;
      top: -2px;
      z-index: 2;
      background-size: cover;
      background: url(https://images.astyle.jp/images_wifi/parts/common/image/2019update/flow_aft_01.png) no-repeat center right;
      }
      @media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
        #locationFlow > ul > li:not(:last-child)::after{
          height: 4.4em;
        }
      }
#locationFlow > ul > li:not(:first-child){
    padding-left: 1em;
    }
  #locationFlow > ul > li.locate{
    background: #1d44a1;
    color: #fff;
    border: solid #1d44a1;
    }
    #locationFlow > ul > li.locate:not(:last-child)::after{
      background: url(https://images.astyle.jp/images_wifi/parts/common/image/2019update/flow_aft_02.png) no-repeat center right;
      right: -1.1em;
      }
  #locationFlow > .lFlow-3step > li{
    width: 33%;
    }
    #locationFlow > .lFlow-3step > li#loginFlow{
      display: none;
      speak:none;
      }
  #locationFlow > .lFlow-4step > li{
    width: 25%;
    }
/* footer
=================================================================================== */
#footer_wifi {
  position: relative;
  width: 100%;
  /*border-bottom: 5px solid #0945a8;*/
  /*background: #153d7a;*/
  padding-bottom: 5px;
  /*margin-top: 5px;*/
  }
  #footer_wifi .btt {
    background: #e0e0e0;
    }
    #footer_wifi .btt a {
      display: block;
      width: 100%;
      text-align: center;
      color: #404040;
      line-height: 1;
      padding: 15px 0;
    }
  #footer_wifi .fnav {
    position: relative;
    width: 100%;
    background: #fff;
    }
    #footer_wifi .fnav li {
      border-top: 1px solid #6a6a6a;
      font-size: 14px;
      position: relative;
      }
      #footer_wifi .fnav li a {
        display: block;
        color: #2e2e2e;
        text-decoration: none;
        padding: 15px 10px;
        }
        #footer_wifi .fnav li a span {
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -5px;
          display: block;
          line-height: 0;
          width: 7px;
          height: 11px;
          overflow: hidden;
          text-indent: -9999em;
          background: url(https://images.astyle.jp/images_wifi/common/sprite_com.png) no-repeat;
          background-size: 272px 128px;
          background-position: 0 -111px;
        }
  #footer_wifi .logout {
    margin: 15px auto 0;
    width: 104px;
    }
    #footer_wifi .logout a {
      display: block;
      line-height: 1;
      text-align: center;
      background:linear-gradient(#ffffff, #b8b8b8) repeat scroll 0 0 rgba(0, 0, 0, 0);
      background:-webkit-linear-gradient(#ffffff, #b8b8b8) repeat scroll 0 0 rgba(0, 0, 0, 0);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b8b8b8', GradientType=0);
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      color: #2e2e2e;
      padding: 10px 20px;
      box-shadow: 1px 1px 3px 0px rgba(0,0,0,1);
      -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,1);
      -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,1);
      -ms-box-shadow: 1px 1px 3px 0px rgba(0,0,0,1);
      -o-box-shadow: 1px 1px 3px 0px rgba(0,0,0,1);
    }
  #footer_wifi .fsnav {
    letter-spacing: -0.4em;
    text-align: center;
    padding: 15px 20px;
    }
    #footer_wifi .fsnav li {
      display: inline-block;
      border-right: 1px solid #fff;
      letter-spacing: normal;
      line-height: 1;
      padding: 0 5px;
      font-size: 10px;
      }
      #footer_wifi .fsnav li:last-child { border: none;}
      #footer_wifi .fsnav li a { color: #fff;}
  #footer_wifi .copy {
    font-size: 9px;
    text-align: center;
    margin: 0 auto;
    color: #FFF;
  }

/* ttl
=================================================================================== */
.ttl-blue {
  background:linear-gradient(#417be6, #1147a9) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background:-webkit-linear-gradient(#417be6, #1147a9) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#417be6', endColorstr='#1147a9', GradientType=0);
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 10px;
  margin:10px 0 0;
  line-height: 1;
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -ms-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
  -o-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}

h2.h2Type01 {
  background: #231815;
  color: #fff;
  padding: 0.833em 0.417em;
}
h2.h2Type02 {
  background: #0945a8;
  color: #fff;
  padding: 0.833em 0.417em;
  font-weight: bold;
}
h2.h2Type03 {
  position: relative;
  padding: 0.833em 1%;
  background: #0945a8;
  color: #fff;
}
h2.h2Type04 {
  background: #0945a8;
  color: #fff;
  font-size: 16px;
  padding: 0.833em 3.2%;
  font-weight: bold;
}

h2.h2Type03.titleIco01,
h2.h2Type03.titleIco02,
h2.h2Type03.titleIco03,
h2.h2Type03.titleIco04,
h2.h2Type03.titleIco05,
h2.h2Type03.titleIco06,
h2.h2Type03.titleIco07 {
  padding-left: 2.7em;
}
h2.h2Type03.titleIco01:before,
h2.h2Type03.titleIco02:before,
h2.h2Type03.titleIco03:before,
h2.h2Type03.titleIco04:before,
h2.h2Type03.titleIco05:before,
h2.h2Type03.titleIco06:before,
h2.h2Type03.titleIco07:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1em;
  background-position: 0 0 ;
  background-repeat: no-repeat;
  background-size: 100%;
}
h4.h4Type01 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0.688em 0;
  background:linear-gradient(#206deb, #0945a8) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background:-webkit-linear-gradient(#206deb, #0945a8) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#206deb', endColorstr='#0945a8', GradientType=0);
  text-align: center;
  font-weight: bold;
  font-size: 1.333em;
  color: #fff;
}

/* btn
=================================================================================== */
.btn-lblue {
  background:linear-gradient(#40b8fd, #139de4) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background:-webkit-linear-gradient(#40b8fd, #139de4) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b8fd', endColorstr='#139de4', GradientType=0);
  text-align: center;
  display: block;
  color: #fff;
  font-size: 15px;
  padding: 15px 0 13px 0;
  text-shadow: 1px 1px 2px #0b5b84;
  -webkit-text-shadow: 1px 1px 2px #0b5b84;
  -moz-text-shadow: 1px 1px 2px #0b5b84;
  -ms-text-shadow: 1px 1px 2px #0b5b84;
  -o-text-shadow: 1px 1px 2px #0b5b84;
}

.btn-lorange {
  background:linear-gradient(#ff9657, #fd681f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background:-webkit-linear-gradient(#ff9657, #fd681f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9657', endColorstr='#fd681f', GradientType=0);
  text-align: center;
  display: block;
  color: #fff;
  font-size: 16px;
  line-height:1.3;
  padding: 15px 6px 13px;
  margin:15px 10px 0;
/*	text-shadow: 1px 1px 2px #a94a18;
  -webkit-text-shadow: 1px 1px 2px #a94a18;
  -moz-text-shadow: 1px 1px 2px #a94a18;
  -ms-text-shadow: 1px 1px 2px #a94a18;
  -o-text-shadow: 1px 1px 2px #a94a18;*/
}

.button_2days{
  text-align: center;
}
.button_2days > a{
  display: block;
  width: 100%;
  position: relative;
  padding: 1.267em 1.5em 1.1em .5em;
  border-radius: 4px;
  background: linear-gradient(140deg, #ff7700, #ff7700 20%, #ff9500);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  overflow: hidden;
}
.button_2days.line2 > a{
  padding: 1.85em 1.5em 1.684em .5em;
}
.button_2days > a::after{
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  right: .75em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  content: "";
}
.button_2days > a > span{
  display: inline-block;
  position: relative;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  padding: .3em 0 .2em 2.5em;
}
.button_2days > a > span::before{
  display: block;
  width: 26px;
  height: 26px;
  content: "";
  position: absolute;
  left: .25em;
  top: .1em;
  background: url(https://images.astyle.jp/images_wifi/welcome/ico_welcome_2004.png) no-repeat -79px center;
  background-size: auto 100%;
}
.button_2days.line2 > a > span{
  padding: .2em 0 0 3.8em;
}
.button_2days.line2 > a > span::before{
  width: 40px;
  height: 40px;
  top: .25em;
  background-position: -121px center;
}

.button_bdBlue{
  text-align: center;
}
.button_bdBlue > a{
  display: inline-block;
  position: relative;
  min-width: 70%;
  padding: .9em 1.6em .8em 1.2em;
  border-radius: 4px;
  border: 1px solid #0c308e;
  background-color: #fff;
  color: #0c308e;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}
.button_bdBlue.full > a{
  width: 100%;
  min-width: auto;
}
.button_bdBlue.noBod > a{
  padding: 1.1em 1.6em 1em 1.2em;
  border: none;
  background-color: #b2deff;
  font-weight: bold;
}

.button_bdBlue > a::after{
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  right: .75em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-right: 1px solid #0c308e;
  border-bottom: 1px solid #0c308e;
  transform: rotate(-45deg);
  content: "";
}


.pager_btnList{
  text-align: center;
  font-size: 0;
}
.pager_btnList > li{
  display: inline-block;
}
.pager_btnList > li[class^="go"]{
  letter-spacing: -.1em;
}
.pager_btnList > li:not(.pagesNum){
  font-size: 14px;
}
.pager_btnList > li.pagesNum{
  min-width: 5.4em;
  font-size: 15px;
  font-weight: bold;
}
.pager_btnList >li.prevOne{
  margin-left: .5em;
}
.pager_btnList >li.nextOne{
  margin-right: .5em;
}
.pager_btnList > li:not(.pagesNum) a{
  display: inline-block;
  background-color: #0B318F;
  min-width: 2em;
  padding: .5em .2em;
  border-radius: 3px;
  color: #fff;
  line-height: 1;
}
.pager_btnList > li:not(.pagesNum) a.noLink{
  background-color: #e6e6e6;
  pointer-events: none;
}
.pager_btnList > li:not(.pagesNum) a > span{
  display: inline-block;
  transform: scale(.6,1.2);
}
/*-------------------------------------------
dirpath
-------------------------------------------*/
#dirpath{
  padding: 0px 0px 10px 0px;
  font-size:10px;
  color:#454545;
  }
  #dirpath a{
    color:#454545;
    text-decoration:underline;
  }



/* main
=================================================================================== */
.inner-contents {
  padding: 10px;
}
.content_innnerBlock{
  padding: 0 10px;
}
.content_innnerBlock img{
  zoom:1;
  max-width: 100%;
  height: auto;
}
.bdt_block{
  border-top: 1px solid #c9c9c9;
}
.bdb_block{
  border-bottom: 1px solid #c9c9c9;
}
[class*="bg_box-"]{
  padding: 10px;
}
.bg_box-fff{
  background-color: #fff;
}
.bg_box-f2{
  color: #000;
  background-color: #f2f2f2;
}
.bg_box-lblue{
  background-color: #e4f1f7;
}
.bg_box-dblue{
  color: #fff;
  background-color: #005ad9;
}

.item_block h2{
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
}
.notes_list li,
.disc_list li{
  display: table;
  width: 100%;
}
.notes_list li::before{
  display: table-cell;
  width: 1.5em;
  content: "\203B";
}
.notes_list li > *,
.disc_list li > *{
  display: table-cell;
}
.disc_list li::before{
  display: table-cell;
  width: 1.5em;
  font-weight: bold;
  text-align: center;
  content: "\30FB";
}

/* SpCSfZipSearch */
.SpCSfZipSearch .tableBlockB01 table {
  width: 100%;
}
.SpCSfZipSearch .tableBlockB01 th {
  padding: 5px;
  text-align: left;
}
.SpCSfZipSearch .tableBlockB01 td {
  padding: 5px;
}
.SpCSfZipSearch .tableBlockB01 td.brd {
  padding: 8px;
  border: 1px solid #b4b4b4;
}
.SpCSfZipSearch .tableBlockB01 td.brd input {
  margin: 3px 5px 0 0;
}
.SpCSfZipSearch .tableBlockB01 td input[type="text"] {
  padding: 10px 8px;
  width: 100%;
  border: 1px solid #617ead;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: #cfcfcf 2px 4px 3px 0px inset;
  -webkit-box-shadow: #cfcfcf 2px 4px 3px 0px inset;
}
.SpCSfZipSearch .tableBlockB02 table {
  width: 100%;
}
.SpCSfZipSearch .tableBlockB02 td {
  padding: 10px;
  border: 1px solid #b4b4b4;
}
.SpCSfZipSearch .tableBlockB02 td.cell01 {
  width: 32%;
}
.SpCSfZipSearch .tableBlockB02 td.cell02 {
  width: 68%;
}

/* SpCSfZipSearch_results */
.SpCSfZipSearch_results .tableBlockB01 a {
  width: 100%;
}
.SpCSfZipSearch_results .tableBlockB01 table {
  width: 100%;
  cursor: pointer;
}
.SpCSfZipSearch_results .tableBlockB01 td {
  padding: 5px 10px;
  border: 1px solid #b4b4b4;
  color: #000;
}
.SpCSfZipSearch_results .tableBlockB01 td.cell01 {
  width: 25%;
}
.SpCSfZipSearch_results .tableBlockB01 td.cell02 {
  width: 59%;
}
.SpCSfZipSearch_results .tableBlockB01 td.cell03 {
  width: 16%;
  padding:5px;
  text-align: center;
  vertical-align: middle;
}
.SpCSfZipSearch_results .tableBlockB01 td.cell03 input,
.SpCSfZipSearch_results .tableBlockB01 td.cell03 a {
  padding: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #b4b4b4;
  border: 1px solid #b4b4b4;
  color: #fff;
}


.SpCSfZipSearch #doSearchKeyWord {
  width: 70%;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0;
  border: 1px solid #ff9657;
  border-radius: 3px;
  background: linear-gradient(#ff9657, #fd681f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#ff9657, #fd681f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9657', endColorstr='#fd681f', GradientType=0);
  color: #fff;
  line-height: 1;
}
.SpCSfZipSearch .reSearch {
  text-align: center;
}
.SpCSfZipSearch .reSearch a {
  width: 70%;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #463d3b;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #463d3b), color-stop(0.01, #777270));
  background: -webkit-linear-gradient(top, #777270 1%, #463d3b 100%);
  background: linear-gradient(to bottom, #777270 1%, #463d3b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777270', endColorstr='#463d3b', GradientType=0);
  color: #fff;
}
.SpCSfZipSearch #footer_wifi,
.SpCSfZipSearch_results #footer_wifi {
  padding: 15px 0;
}

#header_wifi_2004 .menu_area{
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 57px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #01a9e8;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
#header_wifi_2004 .menu_area .nav-menu{
  padding: 0 10px;
}
#header_wifi_2004 .menu_area .nav-menu > li{
  border-bottom: 1px solid #e6e6e6;
}
#header_wifi_2004 .menu_area .nav-menu > li > *{
  display: block;
  padding: 1.2em 0 1.1em;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#footer_wifi{
  background-color: #161d7b;
}
#footer_wifi .pageTop_btn,
#footer_wifi .logout_btn {
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
  text-align: center;
}
#footer_wifi .pageTop_btn a,
#footer_wifi .logout_btn a{
  display: block;
  position: relative;
  width: 100%;
  padding: 1.2em 1em 1.1em 1em;
}
#footer_wifi .pageTop_btn a{
  display: block;
  width: 100%;
  background-color: #fff;
  color: #333;
}
#footer_wifi .pageTop_btn a::before{
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translateY(.15em) rotate(-45deg);
  content: "";
}
#footer_wifi .pageTop_btn a > span{
  padding-left: .7em;
}
#footer_wifi .logout_btn a{
  display: block;
  width: 100%;
  background-color: #d8e2e6;
  color: #0745a7;
  font-size: 18px;
}
#footer_wifi .logout_btn a > span{
  display: inline-block;
  position: relative;
  padding: .2em 1.8em .1em 1em;
}
#footer_wifi .logout_btn a > span::after{
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: 0;
  top: -.1em;
  background: url("https://images.astyle.jp/images_wifi/common/sprite_header_item.png") right center;
  background-size: auto 100%;
  content: "";
}


/* flow */
.SpCSfZipSearch #main .flowBlockA01,
.SpCSfZipSearch_results .flowBlockA01 {
  margin:1.677em 0;
}
.SpCSfZipSearch #main .flowBlockA01 ul,
.SpCSfZipSearch_results #main .flowBlockA01 ul{
  box-align:center;
  -webkit-box-align:center;
  display:box;
  display:-webkit-box;
  width:100%;
  font-size:11px;
  line-height:1.18;
  font-weight:bold;
}
.SpCSfZipSearch #main .flowBlockA01 ul:after,
.SpCSfZipSearch_results #main .flowBlockA01 ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.SpCSfZipSearch #main .flowBlockA01 ul li,
.SpCSfZipSearch_results #main .flowBlockA01 ul li{
  border-radius:2px;
  -webkit-border-radius:2px;
  border:1px solid #0f3f8e;
  width:48.8%;
  margin-right:2.333%;
  padding:14px 0;
  text-align:center;
  position: relative;
  float: left;
}
.SpCSfZipSearch #main .flowBlockA01 ul li.act,
.SpCSfZipSearch_results #main .flowBlockA01 ul li.act{
  color:#0a3988;
  padding:0 10px 0 0;
  border:none;
  position: relative;
  }
  .SpCSfZipSearch #main .flowBlockA01 ul li.act span,
  .SpCSfZipSearch_results #main .flowBlockA01 ul li.act span {
    background: #a6e0ff;
    border:1px solid #0f3f8e;
    border-right:none;
    display:block;
    margin:0 7px 0 0;
    padding:14px 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .SpCSfZipSearch #main .flowBlockA01 ul li.act span:not(:target),
  .SpCSfZipSearch_results #main .flowBlockA01 ul li.act span:not(:target) {
    padding:14px 0 13px\9;
  }
  .SpCSfZipSearch #main .flowBlockA01 ul li.act em,
  .SpCSfZipSearch_results #main .flowBlockA01 ul li.act em {
    display: block;
    line-height: 0;
    width: 17px;
    height: 43px;
    overflow: hidden;
    text-indent: -9999em;
    background: url(https://images.astyle.jp/images_wifi/common/sprite_class.png) no-repeat;
    background-size: 500px;
    background-position: -2px -4px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .SpCSfZipSearch_results #main .flowBlockA01 ul li:last-child { background: #a6e0ff;}
.SpCSfZipSearch #main .flowBlockA01 ul li:last-child,
.SpCSfZipSearch_results #main .flowBlockA01 ul li:last-child{
  margin-right:0;
}
.SpCSfZipSearch #main .btnBlockB01 p a {
  display: block;
  background: linear-gradient(#a9a9a9, #7f7f7f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#a9a9a9, #7f7f7f) repeat scroll 0 0 rgba(0, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7f7f7f', GradientType=0);
  border: medium none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.SpCSfZipSearch #main .cautionBlockC01 div {
  min-height:32px;
  line-height: 32px;
  padding-left:45px;
  width:280px;
  margin:0 auto;
  position: relative;
  }
  .SpCSfZipSearch #main .cautionBlockC01 div span {
    display: block;
    line-height: 0;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: -9999em;
    /*background: url(https://images.astyle.jp/images_wifi/common/sprite_contents.png) no-repeat;*/
    background-size: 500px 500px;
    background-position: -64px -42px;
    position: absolute;
    left: 50%;
    top: 2px;
    margin-left: -135px;
  }
/*-------------------------------------------
stepLink
-------------------------------------------*/
.stepLink01 {
  margin-top: 12px;
  width: 100%;
  text-align: center;
}
.stepLink01 p {
  text-align: center;
  margin-bottom: 7px;
}
.stepLink01 ul {
  text-align: center;
  display: table;
  margin: 0 auto;
}
.stepLink01 ul li {
  display: table-cell;
  vertical-align: middle;
}
.stepLink01 ul li.stepLinkPrev a {
  display: block;
    line-height: 0;
    width: 20px;
    height: 11px;
    overflow: hidden;
    text-indent: -9999em;
    /*background: url(https://images.astyle.jp/images_wifi/common/sprite_contents.png) no-repeat;*/
    background-size: 500px 500px;
    background-position: -165px 0px;
    border: none;
    padding: 0;
}
.stepLink01 ul li a {
  box-align: center;
  -webkit-box-align: center;
  display: block;
  border: 1px solid #ccc;
  padding: 5px 11px;
  margin-right: 5px;
  color: #2e2e2e;
}
.stepLink01 ul li.type01 a {
  box-align: center;
  -webkit-box-align: center;
  display: block;
  border: 1px solid #ccc;
  padding: 5px 8px;
  margin-right: 5px;
  color: #2e2e2e;
}
.stepLink01 ul li.act a {
  border: 1px solid #ccc;
  padding: 5px 11px;
  background: #8496ce;
  color: #fff;
}
.stepLink01 ul li.stepLinkForw a {
  display: inline-block;
    line-height: 0;
    width: 20px;
    height: 11px;
    overflow: hidden;
    text-indent: -9999em;
    /*background: url(https://images.astyle.jp/images_wifi/common/sprite_contents.png) no-repeat;*/
    background-size: 500px 500px;
    background-position: -185px 0px;
    border: none;
}
.SpCSfZipSearch_results .reSearch {
  text-align: center;
}
.SpCSfZipSearch_results .reSearch a {
  width: 70%;
  padding: 17px 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #463d3b;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #463d3b), color-stop(0.01, #777270));
  background: -webkit-linear-gradient(top, #777270 1%, #463d3b 100%);
  background: linear-gradient(to bottom, #777270 1%, #463d3b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777270', endColorstr='#463d3b', GradientType=0);
  color: #fff;
}

.SpCSfZipSearch .cautionBlockC01 {
  border: 2px solid #c20808;
  padding: 7px 0;
  font-weight: bold;
  margin-top: 20px;
}

#main {
  /*margin-top: 7px; 20190830C³*/
}


/*footerLink01*/
.footerLink01 {
  font-size: 0;
  line-height: 1;
}
.footerLink01 li:nth-child(1),
.footerLink01 li:nth-child(2) {
  border-top:	1px solid #747474;
}
.footerLink01 li {
  display: inline-block;
  width: 49.99%;
  background: #fff;
  border-bottom: 1px solid #747474;
  font-size: 12px;
}

.footerLink01 li:nth-child(even) {
  width: 50%;
}

.footerLink01 li a {
  display: block;
  position: relative;
  padding:	 1.417em 0.917em;
  color: #2e2e2e;
  border-right: 1px solid #747474;
}
.footerLink01 li:nth-child(even) a{
  border-right: none;
}

.footerLink01 li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.917em;
  margin-top: -0.4585em;
  width: 0.667em;
  height: 0.917em;
  background: url(https://images.astyle.jp/images_wifi/common/com_ic_arrow_001.png) 0 0 no-repeat;
  background-size: 100%;
}


#CONTENT *{
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#CONTENT img:not([width]):not([height]) {
  zoom: 1;
}


/*Loading*/
#LoadingEria_wifi {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #333;
  opacity: 0.8;
  position: fixed;
  z-index: 999;
  padding: 5px;
  text-align: center;
}

#LoadingDisp_wifi {
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: #fff;
  opacity: 0.7;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  border-radius: 15px;
  padding: 5px;
  text-align: center;
}


#loading_wifi p img{
  margin:10px auto;
  font-size: 90%;
}

#loader_wifi{
  margin:10px auto;
  width:30px;
  height:30px;
  border-radius:20px;
  border:8px solid #274ca7;
  border-right-color:transparent;
  animation:spin 1s infinite linear;
}

/* •ΆŽšΘ—ͺ”Δ—p */
.autoClamp{
  overflow: hidden;
}
.autoClamp > span{
  display: block;
}

/* ƒAƒR[ƒfƒBƒIƒ“”Δ—p */
.slideToggle.isClose{
  display: none;
}
.slideToggle.isOpen{
  display: block;
}

/* ’x‰„“ǂݍž‚έ—p */
.lazyload{
  opacity: 0;
  transition: opacity .5s linear .1s;
}
.lazyload[src]{
  opacity: 2;
}



/*---------------------------
ƒJƒeƒSƒŠˆκ——ƒAƒR[ƒfƒBƒIƒ“
---------------------------*/
.category_list_acc{
  border-bottom: 1px solid #ccc;
}
.category_list_acc > dt,
.category_list_acc > dd{
  border-top: 1px solid #ccc;
  color: #161d7b;
  font-size: 14px;
  font-weight: bold;
}
.category_list_acc > dt a,
.category_list_acc > dd a{
  color: #161d7b;
}
.category_list_acc > dt{
  position: relative;
  padding: 1.1em 2em 1em 1em;
  background-color: #e4f1f7;
}
.category_list_acc > dt::after,
.category_list_acc > dd > ul > li > span::after{
  position: absolute;
  right: .45em;
  top: calc(50% - .5em);
  font-size: 1.6em;
  line-height: 1;
  transform: rotate(-180deg);
  transition: .4s;
  content: "\FF0B";
}
.category_list_acc > dt.active::after,
.category_list_acc > dd > ul > li > span.active::after{
  content: "\FF0D";
  transform: rotate(0deg);
}
.category_list_acc > dd{
  background-color: #fff;
}
.category_list_acc > dt:last-child{
  border-bottom: 1px solid #ccc;
}
.category_list_acc > dd:last-child{
  border-top: none;
  border-top: 1px solid #ccc;
}
.category_list_acc > dd > ul > li + li{
  position: relative;
  font-weight: normal;
  border-top: 1px solid #ccc;
}
.category_list_acc > dd > ul > li > *:first-child{
  display: block;
  position: relative;
  padding: 1.1em 2em 1em 1em;
}
.category_list_acc > dd > ul > li > a::after,
.category_list_acc > dd > ul > li > ul > li > a::after{
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  right: 1.4em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-right: 1px solid #0c308e;
  border-bottom: 1px solid #0c308e;
  transform: rotate(-45deg);
  content: "";
}
.category_list_acc > dd > ul > li > ul > li > a::after{
  border-color: #333;
}
.category_list_acc > dd > ul > li + li > *:first-child{
  padding: 1.1em 2em 1em 2em;
}
.category_list_acc > dd > ul > li > ul{
  border-top: 1px solid #ccc;

}
.category_list_acc > dd > ul > li > ul > li + li{
  border-top: 1px solid #d9d9d9;
}
.category_list_acc > dd > ul > li > ul > li > a{
  display: block;
  position: relative;
  padding: 1.1em 2.15em 1em 3.2em;
  color: #333;
}
@keyframes spin{
  0%{transform:rotate(0deg); opacity:0.4;}
  50%{transform:rotate(180deg); opacity:1;}
  100%{transform:rotate(360deg); opacity:0.4;}

}

/*-------------------------------------------
ŒŸυ‹@”\Žΐ‘•@search_dtl
-------------------------------------------*/
.search_dtl_detail_top_btn {
	display: none;
	position: absolute;
	top: 115px;
	right: 8.6%;
	width: 78px;
	text-align: center;
	padding-right: 10px;
	background-color: #0b318f;
	border-radius: 2px;
	padding: 16px 0;
	height: 45px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	z-index: 99999;
}
.search_dtl {
	position: relative;
	padding-top: 20px;
    	padding-right: 24px;
    	padding-bottom: 20px;
    	padding-left: 20px;
}
.keywordOverlay .search_dtl{
	z-index: 10000;
}
.search_dtl > div{
	display: table;
	width: 100%;
}
.search_dtl > div > div{
	display: table-cell;
	vertical-align: middle;
}
.search_dtl .search_dtl_keyword{
	width: 100%;
	font-size: 12px;
}
.search_dtl .search_dtl_keyword > div{
	border: none;
}
.search_dtl .search_dtl_keyword input {
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: none;
	background-color: #FFF;
	outline: none;
	border-radius: 2px 0 0 2px;
	width: 100%;
	font-size: 12px;
}
.search_dtl .search_dtl_keyword ul{
	display: flex;
	align-items: center;
	width: 100%;
}
.search_dtl .search_dtl_keyword ul > li{
	vertical-align: middle;
	font-size: 12px;
}
.search_dtl .search_dtl_keyword ul > li.keywords{
	width: 100%;
}
.search_dtl .search_dtl_keyword ul > li.detail{
	width: 80px;
	margin-right: 10px;
	text-align: center;
}
#gnavGeneral01.gnavGeneral01Wrap.search_dtl_open .search_dtl .search_dtl_keyword ul > li.detail {
	position: relative;
	z-index: 9999;
}
.search_dtl .search_dtl_keyword ul > li.detail span{
	position: relative;
	padding-right: 10px;
	display: block;
	background-color: #0b318f;
	border-radius: 2px;
	padding: 16px 0;
	height: 45px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
}
.search_dtl .search_dtl_keyword ul > li.search_dtl_submit{
	width: 40px;
	border-radius: 0 2px 2px 0;
	padding: 12px 0;
	height: 40px;
}
.search_dtl .search_dtl_submit{
	background: #0B318F;
}
.search_dtl .search_dtl_submit label{
	display:flex;
	align-items:center;
	justify-content:center;
}
.search_dtl .search_dtl_submit label p{
	line-height: 0;
	padding: 0 5px;
}
.search_dtl .search_dtl_submit input[type="button"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}