@charset "UTF-8";
  body{font-family:Roboto,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','sans-serif';font-size:15px;color:#444444;font-weight:300;line-height:160%;overflow-x:hidden;}.txthighlighter{background:linear-gradient(transparent 60%,rgba(255,234,81,.8) 60%)}#footer{padding:48px 0 24px;background:#0d1b35;color:rgba(255,255,255,.75)}#footer .copyright{float:none;margin:0;font-size:11.5px;color:rgba(255,255,255,.5)}#footer h3{font-size:16px}#footer-wrap{position:relative;overflow:hidden;padding:0 30px}#footer .follow-us{float:left;margin-right:10px}.btn-facebook-2{overflow:hidden;width:30px;height:30px;background:url(/img/ui/social-sprite.png) no-repeat 1px -237px;text-indent:-9999px}.btn-twitter-2{overflow:hidden;width:30px;height:30px;background:url(/img/ui/social-sprite.png) no-repeat 1px -316px;text-indent:-9999px}.btn-instagram-2{overflow:hidden;width:30px;height:30px;background:url(/img/ui/social-sprite.png) no-repeat 1px -553px;text-indent:-9999px}.btn{display:inline-block;vertical-align:middle}.dropbtn{background-color:#04aa6d;color:#fff;padding:16px;font-size:16px;border:none}.dropdown{position:absolute;z-index:9999;display:inline-block;/*margin-bottom:50px*/}.dropdown-content{display:none;background-color:#f1f1f1;/*min-width:160px;*/box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 10px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.notification-badges li{display:inline-block;vertical-align:top;text-align:center;padding:5px}.notification-badges [data-badge]{position:relative}.notification-badges [data-badge]:after{position:absolute;right:-5px;top:-5px;min-width:22px;min-height:22px;line-height:10px;padding:5px;color:#fff;background-color:#bf1f1f;font-size:10px;border-radius:15px;content:attr(data-badge);border:solid 1px #c93a3a}.price{color:#b12704}.font-bold{font-weight:700}.topmenu a{font-size:90%}.itemdetail li{padding-bottom:1em}p.product_name_box{height:60px;font-size:1em;font-weight:700;border-top:1px solid #eee;padding:10px}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-width:1px;border-style:solid;border-color:rgba(0,0,0,.125);border-image:initial;border-radius:.25rem;height:100%}.titleborder{border-left:4px solid #e5171f;padding:5px;font-weight:700;font-size:140%}.error{color:#e5171f;font-weight:400}.req{color:red;padding:2px}.m0auto{margin:0 auto}.mT01{margin-top:1px}.mT02{margin-top:2px}.mT03{margin-top:3px}.mT04{margin-top:4px}.mT05{margin-top:5px}.mT10{margin-top:10px}.mT15{margin-top:15px}.mT20{margin-top:20px}.mT25{margin-top:25px}.mT30{margin-top:30px}.mT35{margin-top:35px}.mT40{margin-top:40px}.mT45{margin-top:45px}.mT50{margin-top:50px}.mR00{margin-right:0}.mR05{margin-right:5px}.mR10{margin-right:10px!important}.mR15{margin-right:15px}.mR20{margin-right:20px}.mR25{margin-right:25px}.mR30{margin-right:30px}.mR40{margin-right:40px}.mR42{margin-right:42px}.mR47{margin-right:47px}.mR77{margin-right:77px}.mB05{margin-bottom:5px}.mB10{margin-bottom:10px}.mB15{margin-bottom:15px!important}.mB20{margin-bottom:20px!important}.mB25{margin-bottom:25px}.mB30{margin-bottom:30px}.mB35{margin-bottom:35px}.mB40{margin-bottom:40px}.mB43{margin-bottom:43px}.mB50{margin-bottom:50px}.mB60{margin-bottom:60px}.mB70{margin-bottom:70px}.mB75{margin-bottom:75px}.mB80{margin-bottom:80px}.mB90{margin-bottom:90px}.mB95{margin-bottom:95px}.mB100{margin-bottom:100px}.mB130{margin-bottom:130px}.mB160{margin-bottom:160px}.mB200{margin-bottom:200px}.mB250{margin-bottom:250px}.mB300{margin-bottom:300px}.mB400{margin-bottom:400px}.mB600{margin-bottom:600px}.mB700{margin-bottom:700px}.mB800{margin-bottom:800px}.mL05{margin-left:5px}.mL10{margin-left:10px}.mL14{margin-left:14px}.mL15{margin-left:15px}.mL20{margin-left:20px}.mL25{margin-left:25px}.mL30{margin-left:30px}.pT03{padding-top:3px}.pT05{padding-top:5px}.pT10{padding-top:10px}.pT15{padding-top:15px}.pT20{padding-top:20px}.pT25{padding-top:25px}.pT30{padding-top:30px}.pT40{padding-top:40px}.pT50{padding-top:50px}.pT60{padding-top:60px}.pT70{padding-top:70px}.pT80{padding-top:80px}.pT90{padding-top:90px}.pT100{padding-top:100px}.pR05{padding-right:5px}.pR10{padding-right:10px}.pR15{padding-right:15px}.pR20{padding-right:20px}.pR25{padding-right:25px}.pR30{padding-right:30px}.pB05{padding-bottom:5px}.pB08{padding-bottom:8px}.pB10{padding-bottom:10px}.pB12{padding-bottom:12px}.pB15{padding-bottom:15px}.pB20{padding-bottom:20px}.pB25{padding-bottom:25px}.pB30{padding-bottom:30px}.pB40{padding-bottom:40px}.pB50{padding-bottom:50px}.pB60{padding-bottom:60px}.pB70{padding-bottom:70px}.pB80{padding-bottom:80px}.pB90{padding-bottom:90px}.pB100{padding-bottom:100px}.pB120{padding-bottom:120px}.pL05{padding-left:5px}.pL10{padding-left:10px}.pL15{padding-left:15px}.pL20{padding-left:20px}.pL25{padding-left:25px}.pL30{padding-left:30px}.pL50{padding-left:50px}.w50{width:50px}.w70{width:70px}.w100{width:100px}.w110{width:110px}.w140{width:140px}.w150{width:150px}.w200{width:190px}.w210{width:210px}.w220{width:220px}.w250{width:250px}.w280{width:280px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w328{width:328px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w380{width:380px}.w445{width:445px}.w450{width:450px}.w480{width:480px}.w500{width:500px}.w550{width:550px}.w580{width:580px}.w600{width:600px}.w645{width:645px}.h25{height:25px}.h50{height:50px}.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}.h550{height:550px}.lheight40{line-height:40px}.f7{font-size:7px}.f8{font-size:8px}.f9{font-size:9px}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f24{font-size:24px}.f27{font-size:27px}.f30{font-size:30px}.f33{font-size:33px}.f35{font-size:35px}.f42{font-size:42px}.red{color:#e60012}.blue{color:#0b3e91}.blue a{color:#0065b1}.black{color:#000}.black a{color:#000}.black a:hover{color:#666}.gray{color:#333}.white{color:#fff}.yellow{color:#f6ab30}.dgray{color:#4b4b4b}.lgray{color:#666}.lgray2{color:#bdbbbb}.lgray3{color:#a0a0a0}.white{color:#fff}.orange{color:#f47920}.fweight100{font-weight:100}.placeholder{color:#aaa}#banner{width:100%;background-image:url("/images/banners/banner_iphoneX.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width:767px){.spmT01{margin-top:1px}.spmT02{margin-top:2px}.spmT03{margin-top:3px}.spmT04{margin-top:4px}.spmT05{margin-top:5px}.spmT10{margin-top:10px}.spmT15{margin-top:15px}.spmT20{margin-top:20px}.spmT25{margin-top:25px}.spmT30{margin-top:30px}.spmT35{margin-top:35px}.spmT40{margin-top:40px}.spmT45{margin-top:45px}.spmT50{margin-top:50px}.spmR00{margin-right:0}.spmR05{margin-right:5px}.spmR10{margin-right:10px}.spmR15{margin-right:15px}.spmR20{margin-right:20px}.spmR25{margin-right:25px}.spmR30{margin-right:30px}.spmR40{margin-right:40px}.spmR42{margin-right:42px}.spmR47{margin-right:47px}.spmR77{margin-right:77px}.spmB05{margin-bottom:5px}.spmB10{margin-bottom:10px}.spmB15{margin-bottom:15px}.spmB20{margin-bottom:20px}.spmB25{margin-bottom:25px}.spmB30{margin-bottom:30px}.spmB35{margin-bottom:35px}.spmB40{margin-bottom:40px}.spmB43{margin-bottom:43px}.spmB50{margin-bottom:50px}.spmB60{margin-bottom:60px}.spmB70{margin-bottom:70px}.spmB75{margin-bottom:75px}.spmB80{margin-bottom:80px}.spmB90{margin-bottom:90px}.spmB95{margin-bottom:95px}.spmB100{margin-bottom:100px}.spmB130{margin-bottom:130px}.spmB160{margin-bottom:160px}.spmB200{margin-bottom:200px}.spmB250{margin-bottom:250px}.spmB300{margin-bottom:300px}.spmB400{margin-bottom:400px}.spmB600{margin-bottom:600px}.spmB700{margin-bottom:700px}.spmB800{margin-bottom:800px}.spmL05{margin-left:5px}.spmL10{margin-left:10px}.spmL14{margin-left:14px}.spmL15{margin-left:15px}.spmL20{margin-left:20px}.spmL25{margin-left:25px}.spmL30{margin-left:30px}.sppT03{padding-top:3px}.sppT05{padding-top:5px}.sppT10{padding-top:10px}.sppT15{padding-top:15px}.sppT20{padding-top:20px}.sppT25{padding-top:25px}.sppT30{padding-top:30px!important}.sppR05{padding-right:5px}.sppR10{padding-right:10px}.sppR15{padding-right:15px}.sppR20{padding-right:20px}.sppR25{padding-right:25px}.sppR30{padding-right:30px}.sppB05{padding-bottom:5px}.sppB08{padding-bottom:8px}.sppB10{padding-bottom:10px}.sppB12{padding-bottom:12px}.sppB15{padding-bottom:15px}.sppB20{padding-bottom:20px}.sppB25{padding-bottom:25px}.sppB30{padding-bottom:30px}.sppL05{padding-left:5px}.sppL10{padding-left:10px}.sppL15{padding-left:15px}.sppL20{padding-left:20px}.sppL25{padding-left:25px}.sppL30{padding-left:30px}.sppL50{padding-left:50px}.pic-90p-xs{width:90%;display:block;margin-left:auto;margin-right:auto}.pic-80p-xs{width:80%;display:block;margin-left:auto;margin-right:auto}.pic-70p-xs{width:70%;display:block;margin-left:auto;margin-right:auto}.pic-60p-xs{width:60%;display:block;margin-left:auto;margin-right:auto}.pic-50p-xs{width:50%;display:block;margin-left:auto;margin-right:auto}.pic-center-xs{display:block;margin-left:auto;margin-right:auto}.pull-center-xs{float:none!important}.text-center-xs{text-align:center!important}.text-left-xs{text-align:left!important}.clear-xs{clear:both}.block-xs{display:block}}.pic-90p{width:90%;display:block;margin-left:auto;margin-right:auto}.pic-80p{width:80%;display:block;margin-left:auto;margin-right:auto}.pic-70p{width:70%;display:block;margin-left:auto;margin-right:auto}.pic-60p{width:60%;display:block;margin-left:auto;margin-right:auto}.pic-50p{width:50%;display:block;margin-left:auto;margin-right:auto}.font-w-300{font-weight:300}.font-w-600{font-weight:600}.font-w-800{font-weight:800}a{-webkit-transition:all .35s linear;-moz-transition:all .35s linear;transition:all .35s linear}a:hover img.hoverImg{opacity:.4;-ms-filter:"alpha( opacity=60 )";transition:.6s linear}.italic{font-style:italic}.box_shadow{box-shadow:0 1px 1px 0 rgba(0,0,0,.18)}.box_shadow2{box-shadow:1px 1px 2px 0 rgba(0,0,0,.08)}.text-shadow-white{text-shadow:0 3px 10px #e1e1e1}.text-shadow{text-shadow:0 1px 20px #000}.pic-center{margin-right:auto;margin-left:auto;display:block}.img-radius{border-radius:5px}.divide-line{border-top:1px solid #e4e4e4;margin-top:40px;margin-bottom:40px}address,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.px60{height:60px}.table-borderless{margin-bottom:0!important}.table-borderless tbody tr td,.table-borderless tbody tr th,.table-borderless thead tr th{border:none}img.alignright{display:block;margin:0 0 0 auto}img.alignleft{display:block;margin:0 auto 0 0}img.aligncenter{display:block;margin:0 auto}a,a:focus,a:hover{color:#0066c0}.pic-100p{width:100%!important}.c-red{color:#ed3237}.c-blue{color:#444}.c-blue2{color:#009ad2}.c-yellow{color:#f2fb0c}.bg-red{background:#d6d6d6;color:#444}.bg-text-white{color:#fff}
/* =====================================================
   UM HEADER - New 2-tier design (preview style)
===================================================== */

/* CSS変数 */
:root {
  --um-red:       #e60012;
  --um-red-dark:  #c0000f;
  --um-red-light: #fff0f0;
  --um-navy:      #0d1b35;
  --um-gray-900:  #1a1a1a;
  --um-gray-700:  #444;
  --um-gray-500:  #767676;
  --um-gray-300:  #ccc;
  --um-gray-100:  #f5f5f5;
  --um-border:    #e8e8e8;
  --um-white:     #fff;
  --um-trans:     .18s ease;
}

/* html/body の余計なマージン・パディングをリセット */
html, body {
  margin: 0 !important;
  padding: 0 !important;
}

/* sticky ヘッダーの場合は padding-top 不要 (JS で動的設定するためデフォルト0) */
body.page{
  padding-top: 0;
}
@media screen and (max-width:600px){
  body.page{
    padding-top: 0;
  }
}
/* scroll-margin-top はアンカーリンク用（stickyヘッダー分） */
#page-head{
  scroll-margin-top:96px;
}
@media screen and (max-width:600px){
  #page-head{
    scroll-margin-top:54px;
  }
}

/* ===== ヘッダー全体 ===== */
#site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--um-white);
  border-bottom:1px solid var(--um-border);
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}

/* ===== 上段: ユーティリティバー ===== */
.header-utility-bar{
  background:#f7f7f7;
  border-bottom:1px solid var(--um-border);
}
.header-utility-inner{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  height:34px;
  gap:0;
  max-width:1170px;
  margin:0 auto;
  padding:0 24px;
}
.header-utility-link{
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 14px;
  font-size:11.5px;
  font-weight:500;
  color:var(--um-gray-500);
  border-left:1px solid var(--um-border);
  height:100%;
  text-decoration:none;
  transition:color var(--um-trans), background var(--um-trans);
  white-space:nowrap;
}
.header-utility-link:first-child{ border-left:none; }
.header-utility-link:hover{ color:var(--um-gray-900); background:#eee; }
.header-utility-link .fa{ font-size:11px; }

/* 言語セグメント */
.header-lang-seg{
  display:flex;
  align-items:center;
  height:100%;
  border-left:1px solid var(--um-border);
}
.lang-seg-btn{
  height:100%;
  padding:0 11px;
  font-size:11px;
  font-weight:600;
  background:none;
  border:none;
  cursor:pointer;
  color:var(--um-gray-500);
  letter-spacing:.04em;
  transition:color var(--um-trans), background var(--um-trans);
}
.lang-seg-btn:hover{ color:var(--um-gray-900); background:#eee; }
.lang-seg-btn.active{
  color:var(--um-red);
  font-weight:700;
  background:var(--um-red-light);
}
.lang-seg-divider{
  width:1px;
  height:14px;
  background:var(--um-border);
}

/* ===== 下段: メインバー ===== */
.header-main-bar{
  background:var(--um-white);
}
#header-middle{
  padding:0;
  background:var(--um-white);
}
.header-inner{
  display:flex;
  align-items:stretch;
  height:58px;
  gap:0;
  max-width:1170px;
  margin:0 auto;
  padding:0 24px;
}

/* ===== ロゴ ===== */
.header-logo-wrap{
  display:flex;
  align-items:center;
  padding-right:28px;
  flex-shrink:0;
  text-decoration:none;
}
.header-logo-img{
  height:30px;
  width:auto;
  display:block;
}

/* ===== テキストナビ ===== */
.header-nav{
  display:flex;
  list-style:none;
  gap:0;
  flex:1;
  align-items:stretch;
  margin:0;
  padding:0;
}
.header-nav > li{
  display:flex;
  align-items:stretch;
  position:relative;
}
.header-nav > li > a{
  display:flex;
  align-items:center;
  padding:0 16px;
  font-size:14px;
  font-weight:700;
  color:var(--um-gray-900);
  white-space:nowrap;
  text-decoration:none;
  position:relative;
  transition:color var(--um-trans);
  letter-spacing:-.01em;
}
/* アクティブ下線バー */
.header-nav > li > a::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  right:50%;
  height:2px;
  background:var(--um-red);
  transition:left .2s ease, right .2s ease;
  border-radius:2px 2px 0 0;
}
.header-nav > li > a:hover{ color:var(--um-red); }
.header-nav > li > a:hover::after,
.header-nav > li.active > a::after{
  left:12px;
  right:12px;
}
.header-nav > li.active > a{
  color:var(--um-red);
}

/* ===== 右側アクション ===== */
.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  padding-left:20px;
  flex-shrink:0;
}

/* カートアイコン丸ボタン */
.header-actions .btn-icon-only{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1.5px solid var(--um-border);
  background:transparent;
  color:var(--um-gray-700);
  font-size:15px;
  text-decoration:none;
  transition:background var(--um-trans), border-color var(--um-trans), color var(--um-trans);
  position:relative;
}
.header-actions .btn-icon-only:hover{
  background:var(--um-gray-100);
  border-color:var(--um-gray-500);
  color:var(--um-gray-900);
}
/* カートバッジ */
.header-cart-badge{
  position:absolute;
  top:-3px;
  right:-3px;
  min-width:16px;
  height:16px;
  background:#ef4444;
  color:#fff;
  font-size:9px;
  font-weight:700;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0 2px;
  border:1.5px solid #fff;
}

/* My Page – アウトラインボタン */
.header-actions .btn-icon{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:var(--um-white);
  color:var(--um-gray-700);
  border:1.5px solid var(--um-border);
  border-radius:4px;
  font-size:13px;
  font-weight:700;
  padding:7px 16px;
  text-decoration:none;
  transition:border-color var(--um-trans), color var(--um-trans), background var(--um-trans);
  white-space:nowrap;
  line-height:1;
}
.header-actions .btn-icon:hover{
  border-color:var(--um-gray-900);
  color:var(--um-gray-900);
  background:var(--um-gray-100);
}

/* WiFi予約 – 赤CTA */
.header-actions .btn-rental{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:var(--um-red);
  color:#fff;
  border:1.5px solid var(--um-red);
  border-radius:4px;
  font-size:13px;
  font-weight:700;
  padding:7px 16px;
  text-decoration:none;
  transition:background var(--um-trans), border-color var(--um-trans);
  white-space:nowrap;
  line-height:1;
}
.header-actions .btn-rental:hover{
  background:var(--um-red-dark);
  border-color:var(--um-red-dark);
  color:#fff;
}

/* ===== スマホ用ハンバーガー ===== */
.header-mobile-toggle{display:none;}
.header-mobile-toggle .navbar-toggle{
  border:1.5px solid var(--um-border)!important;
  background:var(--um-white)!important;
  border-radius:4px!important;
  padding:6px 9px!important;
  margin:0!important;
}
.header-mobile-toggle .navbar-toggle .icon-bar{
  background-color:var(--um-gray-700)!important;
}
.header-mobile-toggle .navbar-toggle:hover{background:var(--um-gray-100)!important;}

/* ===== レスポンシブ ===== */
@media screen and (max-width:600px){
  .header-utility-bar{ display:none; }
  .header-nav{ display:none; }
  .header-inner{ height:52px; padding:0 14px; }
  .header-logo-img{ height:26px; }
  .header-logo-wrap{ padding-right:0; }
  .header-actions .btn-rental{ font-size:12px; padding:6px 12px; }
  .header-actions .btn-icon{ display:none; }
  .header-actions .btn-icon-only{ width:32px; height:32px; font-size:14px; }
  .header-mobile-toggle{ display:flex; align-items:center; }
  .header-actions .hidden-xs-action{ display:none!important; }
}
@media screen and (min-width:601px) and (max-width:900px){
  .header-nav > li > a{ padding:0 10px; font-size:13px; }
  .header-logo-wrap{ padding-right:16px; }
  .header-inner{ padding:0 16px; }
  .header-actions .btn-icon{ padding:6px 10px; font-size:12px; }
  .header-actions .btn-rental{ padding:6px 12px; font-size:12px; }
  .header-utility-inner{ padding:0 16px; }
}

.logo{width:160px}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:none}
.navbar{margin-bottom:0}
.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}

/* ---- Nav bar（スマホコラプス専用・PC非表示） ---- */
.navbar-default{
  border:none;
  background:#fff;
  border-top:1px solid var(--um-border);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
/* PC では非表示：ナビは .header-nav に統合 */
@media screen and (min-width:601px){
  nav.navbar-static{ display:none; }
}
.navbar-default .navbar-nav>li>a{
  color:var(--um-gray-700);
  font-size:14px;
  font-weight:700;
  padding:12px 20px;
  display:flex;
  align-items:center;
  gap:12px;
  transition:color var(--um-trans), background var(--um-trans);
}
.navbar-default .navbar-nav>li>a:hover{background:var(--um-red-light);color:var(--um-red);}
.navbar-default .navbar-nav>li.active>a{color:var(--um-red);font-weight:700;background:var(--um-red-light);}
.navbar-nav{width:100%}
.navbar-nav>li{width:100%;border-bottom:1px solid #f0f0f0;}
.navbar-nav>li:last-child{border-bottom:none}

/* =====================================================
   Nav icon badges（スマホメニュー内用）
===================================================== */
.nav-icon-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:8px;
  font-size:14px;
  transition:transform .15s;
  flex-shrink:0;
}
/* アイコン配色 */
.nav-icon-home   { background:#e0e7ff; color:#3730a3; }
.nav-icon-sim    { background:#d1fae5; color:#059669; }
.nav-icon-phone  { background:#dbeafe; color:#1d4ed8; }
.nav-icon-wifi   { background:#ffe4e6; color:#be123c; }
.nav-icon-guide  { background:#fef9c3; color:#a16207; }
.nav-icon-contact{ background:#ede9fe; color:#6d28d9; }
.nav-icon-cart   { background:#ccfbf1; color:#0f766e; }
.nav-icon-mypage { background:#e2e8f0; color:#334155; }
/* PC では <br> 不要なので hidden-xs は表示 */
@media screen and (min-width:601px){
  .nav-icon-wrap{ display:none; }
  .navbar-nav > li > a > br{ display:none; }
}


/* ===== Toast Flash Message ===== */
#flashMessage{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000000;min-width:320px;max-width:600px;width:auto;display:flex;align-items:center;gap:10px;padding:14px 44px 14px 44px;border-radius:10px;font-size:14px;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.10);background:#fff;color:#1e293b;border-left:5px solid #3b82f6;animation:um-toast-in .35s cubic-bezier(.21,1.02,.73,1) forwards;cursor:pointer;pointer-events:auto;}#flashMessage .um-flash-text{flex:1;word-break:break-word;}#flashMessage .um-flash-close{flex-shrink:0;background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:0 2px;line-height:1;}#flashMessage .um-flash-icon{flex-shrink:0;font-size:18px;color:#3b82f6;}#flashMessage.flash-success{border-left-color:#16a34a;}#flashMessage.flash-success .um-flash-icon{color:#16a34a;}#flashMessage.flash-error{border-left-color:#dc2626;}#flashMessage.flash-error .um-flash-icon{color:#dc2626;}#flashMessage.flash-warning{border-left-color:#d97706;}#flashMessage.flash-warning .um-flash-icon{color:#d97706;}@keyframes um-toast-in{from{opacity:0;transform:translateX(-50%) translateY(-16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}#flashMessage.um-toast-out{animation:um-toast-out .4s ease forwards}@keyframes um-toast-out{to{opacity:0;transform:translateX(-50%) translateY(-12px)}}@media(max-width:600px){#flashMessage{min-width:0;width:calc(100vw - 32px);left:16px;transform:none;}}#flashMessage2{width:100%;padding:12px 48px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;margin-bottom:12px;background:#1a3a6b;color:#fff;border-left:4px solid #4a90d9;position:relative;}.um-alert{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:4px;box-shadow:0 2px 10px rgba(0,0,0,.08);}.um-alert-error{background:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #e53e3e;color:#742a2a}.um-alert-warning{background:#fffaf0;border:1px solid #fbd38d;border-left:4px solid #dd6b20;color:#5a3200}.um-alert-icon{font-size:20px;flex-shrink:0;opacity:.85}.um-alert-error .um-alert-icon{color:#e53e3e}.um-alert-warning .um-alert-icon{color:#dd6b20}.um-alert-body{flex:1}.um-alert-action{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;flex-shrink:0;}.um-alert-error .um-alert-action{background:#e53e3e;color:#fff}.um-alert-error .um-alert-action:hover{background:#c53030;color:#fff;text-decoration:none}.um-alert-warning .um-alert-action{background:#dd6b20;color:#fff}.um-alert-warning .um-alert-action:hover{background:#c05621;color:#fff;text-decoration:none}/* =====================================================
   UM FOOTER - redesigned (preview style)
===================================================== */

/* #footer と #site-footer 両方に対応 */
#footer,
#site-footer{
  background:#0d1b35;
  color:rgba(255,255,255,.75);
  padding:48px 0 24px;
  margin-top:0;
  font-size:13px;
}

/* --- フッター内グリッド --- */
#footer-inner{
  padding:0;
}
/* プレビュー用: .footer-inner グリッドレイアウト */
.footer-inner{
  display:grid;
  grid-template-columns:220px 1fr 1fr 1fr;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
/* 旧: .footer-grid flex レイアウト（互換） */
.footer-grid{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand-col{
  width:22%;
  padding-right:24px;
  flex-shrink:0;
  margin-bottom:32px;
}
.footer-cols-wrap{
  width:78%;
  display:flex;
  flex-wrap:wrap;
}
.footer-col{
  width:25%;
  padding-right:20px;
  margin-bottom:28px;
}

/* --- ブランドエリア --- */
.footer-brand img{
  height:28px;
  filter:brightness(0) invert(1);
  opacity:.85;
  margin-bottom:14px;
  display:block;
}
.footer-brand p{
  font-size:12px;
  color:rgba(255,255,255,.65);
  line-height:1.7;
  margin:0 0 0;
  opacity:.65;
}

/* --- ソーシャル --- */
.footer-social{
  display:flex;
  gap:10px;
  margin-top:16px;
}
.footer-social a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:rgba(255,255,255,.6);
  font-size:14px;
  text-decoration:none;
  transition:background var(--um-trans), color var(--um-trans);
}
.footer-social a:hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}

/* --- カラムタイトル（新クラス） --- */
.footer-col-title{
  font-size:12px;
  font-weight:700;
  color:#fff;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:14px;
}
/* --- カラムタイトル（旧クラス互換） --- */
.footer-col h4{
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 14px;
  padding-bottom:0;
  border-bottom:none;
  white-space:nowrap;
}
.footer-col h4[style*="margin-top"]{
  margin-top:24px!important;
}

/* --- リンクリスト（新クラス） --- */
.footer-col-links{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-col-links a{
  font-size:13px;
  color:rgba(255,255,255,.65);
  text-decoration:none;
  transition:color var(--um-trans);
}
.footer-col-links a:hover{ color:#fff; }

/* --- リンクリスト（旧クラス互換） --- */
.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}
.footer-col ul li{
  margin-bottom:9px;
}
.footer-col ul li a{
  font-size:13px;
  color:rgba(255,255,255,.65);
  text-decoration:none;
  transition:color var(--um-trans);
  display:inline;
}
.footer-col ul li a:hover{
  color:#fff;
  text-decoration:none;
}
/* 旧::before ドット削除 */
.footer-col ul li a::before{
  display:none;
}

/* --- 区切り線 --- */
.footer-divider{
  border:none;
  border-top:1px solid rgba(255,255,255,.07);
  margin:0;
}

/* --- フッターボトム --- */
.footer-bottom{
  padding:20px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
.footer-copyright,
.footer-bottom .copyright{
  font-size:11.5px;
  color:rgba(255,255,255,.5);
  margin:0;
  float:none;
  opacity:1;
}
.footer-bottom-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0;
}
.footer-bottom-links a{
  font-size:11.5px;
  color:rgba(255,255,255,.5);
  text-decoration:none;
  transition:color var(--um-trans);
}
.footer-bottom-links a:hover{ color:#fff; }

/* --- レスポンシブ --- */
@media screen and (max-width:900px){
  .footer-inner{
    grid-template-columns:1fr 1fr;
  }
}
@media screen and (max-width:767px){
  #footer, #site-footer{ padding:36px 0 24px; }
  .footer-brand-col{ margin-bottom:28px; width:100%; padding-right:0; }
  .footer-cols-wrap{ width:100%; }
  .footer-col{ width:50%; padding-right:12px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .footer-bottom-links{ justify-content:center; }
  /* SP: フッターの左右余白を他コンテンツと揃える */
  #footer-inner .container,
  #site-footer .container {
    padding-left:  15px !important;
    padding-right: 15px !important;
  }
  #footer-inner .row {
    margin-left:  0 !important;
    margin-right: 0 !important;
  }
  #footer-inner .col-sm-22 {
    padding-left:  0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    float: none !important;
  }
}
@media screen and (max-width:600px){
  .footer-inner{
    grid-template-columns:1fr;
  }
}#myCarousel img{width:100%}.carousel-control.left,.carousel-control.right{background:0 0}h2.ttl-area{text-align:center;margin-bottom:30px;font-weight:700}h2.ttl-area span{color:#ed3237}h2.ttl-area span.blue{color:#00b0f0}.featured-box{background:#fcfbf2;text-align:center;padding:12px 8px}h3{font-weight:700;font-size:20px;margin-top:10px;line-height:32px}@media screen and (max-width:767px){h2.ttl-area{font-size:24px}.featured-box h3{font-size:18px}}.fa-stack-2x{font-size:1.7em}.fa-stack{width:1.7em;height:1.7em;line-height:1.7em}.price-box{background-color:rgba(255,255,255,.8);padding:18px;text-align:center;color:#333}.price-box h3{font-size:34px;font-weight:700;margin-bottom:5px}.option-box{border:1px solid #e4e4e4;padding:15px}.blue-box{background:#00b0f0;padding:10px}.blue-box h3{color:#f2fb0c;margin-bottom:10px}.blue-box h4{color:#fff}ol,ul{padding-left:10px}ul.blue-dotted{color:#00b0f0}ul.blue-dotted span{color:#333}#wimax h4{font-size:44px;font-weight:700}#wimax h4 span{font-size:54px;color:#ed3237}.flow{margin-bottom:28px;padding-left:40px;position:relative}.flow span{position:absolute;left:0;top:0;font-size:33px;font-weight:700;color:#ed3237}a.bottom-nav{display:block;color:#fff;padding:20px;text-align:center}a.bottom-nav:hover{text-decoration:none;opacity:.4;-ms-filter:"alpha( opacity=60 )";transition:.6s linear}a.bottom-nav i{font-size:65px;margin-bottom:10px}a.bottom-nav p{font-size:21px;font-weight:700}.flex-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.circle{position:relative;display:block;margin:0;background-color:transparent;color:#222;text-align:center;width:65%;margin-left:auto;margin-right:auto}.circle:after{display:block;padding-bottom:100%;width:100%;height:0;border-radius:50%;background-color:#ddd;content:""}.circle-red:after{background:#ed3237}.circle-blue:after{background:#00afef}.circle__inner{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}.circle__wrapper{display:table;width:100%;height:100%}.circle__content{display:table-cell;padding:1em;vertical-align:middle;color:#fff}.circle p.price{font-weight:100;font-size:65px;padding:20px}@media screen and (max-width:911px){.circle p.price{font-size:50px}}@media screen and (max-width:767px){.circle p.price{font-size:75px}}@media screen and (max-width:330px){.circle p.price{font-size:50px}}
/* ---- Breadcrumb ---- */
#page-head{
  padding:10px 0 8px;
  background:#f8fafd;
  border-bottom:1px solid #edf0f5;
}
#page-head .breadcrumb{
  background:none;
  margin-bottom:0;
  font-size:13px;
  font-weight:500;
  padding:0;
  color:#718096;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px;
}
#page-head .breadcrumb a{
  color:#1a3a6b;
  text-decoration:none;
  transition:color .15s;
}
#page-head .breadcrumb a:hover{color:#2b6cb0;text-decoration:underline}
#page-head .breadcrumb li+li::before{
  content:'/';
  color:#cbd5e0;
  margin:0 6px;
}#page{padding-top:20px;padding-bottom:50px}#page h2{font-size:22px;color:#001953;/*margin-bottom:25px*/;font-weight:700}#page h3{/*font-size:22px;font-weight:600*/}#page li{margin-bottom:7px}.nav-tabs{border:none;font-size:17px}.nav-tabs>li>a{border-radius:4px;border:1px solid}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{font-weight:700;background:#00b0f0;color:#fff}ol.service{width:100%}ol.service li{float:left;margin-right:40px}.panel-title>a{display:block;color:#009ad2}.panel-title>a:focus,.panel-title>a:hover{text-decoration:none}.panel-default>.panel-heading{background:0 0;border:2px solid #00b0f0}#page .price-box{border:1px solid #eaeaea}.price-area .bg-lightgrey{background:#eee}.price-area a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px}.price-area a:hover{background-color:#fff;-moz-opacity:0.5;opacity:.5}#detailplan .featurebox{margin-right:0;margin-left:0;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea}#detailplan .descbox{min-height:83px;text-align:center}input[type=checkbox],input[type=radio]{margin:8px 0 0;line-height:normal;height:22px;width:22px;vertical-align:-5px}.special-price{color:#009ad2;font-weight:700}.btn{border-radius:3px}.btn-lg{padding:8px 14px;font-size:16px}.btn-danger{background:#ed3237;border-color:#ed3237}.btn-primary{background:#00b0f0;border-color:#00b0f0}.flowline{position:relative;margin:0;padding:8px 0 16px;border-bottom:1px dotted #ccc}.flowline ul{position:relative;margin:0 auto;list-style:none;padding-left:0}.flowline ul::before{content:"";height:4px;background:#525263;position:absolute;top:13px;margin:0;border-radius:2px;z-index:0}.flowline.step3 ul::before{width:66.66666666%;left:16.6666666%}.flowline.step4 ul::before{width:74%;left:13.5%}.flowline ul li{float:left;position:relative;text-align:center;white-space:nowrap;font-size:12px;font-size:1.2rem;font-weight:700;z-index:1;overflow:hidden}.flowline.step3 ul li{width:33.33333333333333%}.flowline.step4 ul li{width:25%}.flowline li .flow_number{line-height:30px;width:30px;height:30px;margin-bottom:5px;font-size:12px;font-size:1.2rem;background:#525263;color:#fff;top:0;left:18px;display:inline-block;margin-bottom:5px;text-align:center;vertical-align:middle;border-radius:50%}.flowline li.active{color:#5cb1b1}.flowline li.active .flow_number{background:#5cb1b1}#return-to-top{z-index:1000;position:fixed;bottom:60px;right:60px;background:rgba(237,50,55,.7);width:50px;height:50px;display:block;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;-webkit-transition:all .3s linear;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#return-to-top i{z-index:1200;color:#fff;margin:0;position:relative;left:16px;top:13px;font-size:19px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#return-to-top:hover{background:rgba(0,0,0,.9)}#return-to-top:hover i{color:#fff;top:5px}.info{color:#00529b;background-color:#bde5f8;background-image:url('info.png');background-repeat:no-repeat}.success100{color:#4f8a10;background-color:#dff2bf;background-image:url('success.png');background-repeat:no-repeat;border:1px solid #96d454}.warning{color:#9f6000;background-color:#feefb3;background-image:url('warning.png');background-repeat:no-repeat}.error100{color:#000;background-color:#ffbaba;background-image:url('error.png');background-repeat:no-repeat;border:1px solid #ff646d}.error200{color:#000;background-color:#ffbaba;background-repeat:no-repeat;border:1px solid #ff646d}.notification{color:#d8000c;background-color:#ffdcdc;background-repeat:no-repeat;border:1px solid #ff646d}div.error-message{clear:both;color:#fff;font-size:14px;font-weight:700;opacity:.8;margin-bottom:10px;padding:10px;background-color:#cd0303}.icon-wrapper{position:relative;float:left}.icon-blue{color:#08c}.icon-grey{color:grey}.icon-red{color:red}i{text-align:center;vertical-align:middle}.badge{background:red;color:#fff;width:auto;height:auto;margin:0;border-radius:50%;position:absolute;top:-8px;right:1px}