body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; }
ul { list-style: none; }
a {  text-decoration: none;  }
a:focus {  outline: none; }
a:link {  /*color: #000;*/ text-decoration: none;}
a:visited { /*color: #000;*/  text-decoration: none; }
a:hover { /*color: #000;*/ text-decoration: none;}
a:active { /*color: #000;*/ text-decoration: none; }
input,button,textarea,select {
  font-size: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
hr { display: block; border: none; padding: 0; margin: 0; }

body #contentsWrapper .contArea { max-width: 100%!important; padding-left: 0!important; padding-right: 0!important; position: relative!important; }

.barlow { font-family: 'Barlow', sans-serif; }
.montserrat { font-family: 'Montserrat', sans-serif; }
.notosans { font-family: 'Noto Sans JP', sans-serif; }
.poppins { font-family: 'Poppins', sans-serif; }
#c01 { position: relative; z-index: 2;}

@media screen and (min-width: 768px) {
  #hero { background: url(/content/dam/au-com/pr/ouenwari/img/bg-mv230210.jpg) center top; text-align: center; }
  #hero h1 { position: relative; max-width: 730px; margin: 0 auto;}
  #hero h1 a.lnk1 { position: absolute; bottom: 30px; height: 160px; left:22px; width: 270px;}
  #hero h1 a.lnk2 { position: absolute; bottom: 30px; height: 160px; right:22px; width: 270px;}
  #hero h1 img { width: 100%; max-width: 730px; }
  #heroInner { text-align: center; position: relative;}
  #heroInner figure img {   position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 20px);}
  #c01 h2,#c02 h2,#c03 h2 { margin-top: 40px; }
  #c01 h2 { margin-top: 20px; }
  #c02 h2,#c03 h2 { margin-bottom: 40px; }
  #c01 h2 img,#c02 h2 img,#c03 h2 img { width: 70%; }
  #c01 h2 img { max-width: 448px; }
  #c02 h2 img { max-width: 638px; margin-bottom: 20px; }
  #c03 h2 img { max-width: 630px; }

  #c02 h2 { font-size: 28px; font-weight: bold; color: #000045; text-align: center; }

.endBadge { color: #eb5505; font-weight: bold; font-size: 24px; height: 48px; line-height: 48px; text-align: center; width: 500px; border: 3px solid #eb5505; margin: 30px auto; }

  .ouenwaricontent { padding-top: 100px;}
  .ouenwaricontentinner .inner { max-width: 980px; margin: 0 auto; background: #fff; border-radius: 10px; border: 6px solid #000045; text-align: center; margin-bottom: 110px; position: relative; }

  .ouenwaricontentinner .inner { position: relative; z-index: 1;}  
  .ouenwaricontentinner .inner > img.badge { position: absolute; left: 10px; top: 0;}  
  
  #tglBtn1,#tglBtn2,#tglBtn3,#tglBtn4 { display: block; background: #000045; color:#fff!important; text-decoration: none!important; height: 100px; line-height: 100px; font-size: 22px; }
  #tglBtn1.open,#tglBtn2.open,#tglBtn3.open { background: none; color: #000045!important; }
  #tglBtn1::before { content:'\6A5F\7A2E\4EE3\91D1\306A\3069\8A73\3057\304F\306F\3053\3061\3089\a0'}
  #tglBtn2::before,#tglBtn3::before { content:'\6761\4EF6\306A\3069\8A73\3057\304F\306F\3053\3061\3089\a0' } 
  #tglBtn1.open::before,#tglBtn2.open::before,#tglBtn3.open::before { content:'\9589\3058\308B\a0' } 
  #tglBtn1 span,#tglBtn2 span,#tglBtn3 span { display: inline-block; width: 50px; height: 100%; }
  #tglBtn1.open span,#tglBtn2.open span,#tglBtn3.open span { background: url(/content/dam/au-com/pr/ouenwari/img/icon-min.png) no-repeat center center; background-size: 100%; }
  #tglBtn1 span img,#tglBtn2 span img,#tglBtn3 span img { width: 100%; }
  #tglBtn1.open span img,#tglBtn2.open span img,#tglBtn3.open span img { opacity: 0; }

  .limit { margin: 0 auto; border-top: 1px solid #ddd; text-align: center; line-height: 1.8; padding: 20px 8%;}
  #c01 .limit { }
  .limit p { font-size: 20px; font-weight: bold; }
  .limit p.note { font-size: 14px; font-weight: normal; }

  .termC01 { padding: 20px 8% 0;}
  #c01 h4,
  .limit h4 { margin-bottom: 20px; font-size: 20px; font-weight: bold; border-radius: 3px; line-height: 40px; height: 40px; font-size: 20px; font-weight: bold; color: #fff; background: #000045;}
  .termC01 p { margin-bottom: 20px; font-size: 16px;}
  .termC01 ul { padding-bottom: 40px;}
  .termC01 ul li { text-align: left;}

  .breakdownBox { margin: 0 auto 20px; position: relative; max-width: 740px;}
.breakdownBox img {width: 100%; max-width: 740px; margin: 0;}
.breakdownBox p { color:#000045; font-weight: bold; position: absolute; bottom: 22px; left: 108px; font-size: 14px;}

.breakdownNote { text-align: left; margin: 0 auto 40px; max-width: 740px; }
.breakdownNote li { text-indent: -1em; padding-left: 1em;  }

  #c01 p.catch { margin-top: -106px; }
  p.catch { margin-top: -42px; }
  .ouenwaricontentinner #cex .inner { margin-bottom: 30px;}
  .inner .tglContent { /*border-top: 6px solid #000045;*/ }
  .innerMargin { padding: 40px 8%; margin: 0 auto;}
  .bdtHr { border-top: solid 6px #000045;}
  .contentAreaBtm { padding: 60px 8%;}

  #c01 .subject { position: relative; }
  #c01 .subject > a { display: block; width: 560px; height: 60px; line-height: 60px; border-radius: 30px; border: solid #eb5505 1px; position: relative; margin: 0 auto 40px; color: #eb5505!important; }
  #c01 .subject > a img { position: absolute; right: 20px; top: 18px; }

  .question { width: 20px; height: 20px; }

  .underbullet { display: inline-block; transform: rotate(90deg) scale(.6,1); }
  
  #c01Charge { position: relative; width: 720px; margin: 0 auto; }
  #c01Charge span { position: absolute; width: 400px; display: block; overflow: hidden; top: 30px; left: 158px }
  #c01Charge span img{ transition: 1.4s; transform: translate(0 ,120px);  }
  #c01Charge span img.on{ transform: translate(0 ,0);  }

  #c01Charge2 { position: relative; width: 530px; margin: 0 auto 40px; }
  #c01Charge2 > span { position: absolute; font-size: 110px; font-weight: 500; display: block; overflow: hidden; top: -20px; left: 150px; height: 110px; line-height: 1; color:#eb5505; width: 60%; }
  #c01Charge2 span span{ letter-spacing: -0.05em; transition: 1.4s; transform: translate(0 ,120px); display: inline-block; }
  #c01Charge2 span span.on{ transform: translate(0 ,0);letter-spacing: -0.05em;  }
  
  #c02Charge { position: relative; width: 703px; margin: 0 auto; }
  #c02Charge span.op { position: absolute; width: 236px; display: block; overflow: hidden; top: 40px; left: 133px }
  #c02Charge span.op img{ transition: 1.4s; transform: translate(0 ,120px);  }
  #c02Charge span.op img.on{ transform: translate(0 ,0);  }

  #c03Charge { position: relative; max-width: 826px; margin: 0 auto 20px; }
  #c03Charge > img { width: 100%;}
  #c03Charge span { position: absolute; width: 29%; font-weight: bold; display: block; overflow: hidden; top: 42px; left: 38% }
  #c03Charge span img{ transition: 1.4s; transform: translate(0 ,90px); width: 100%;  }
  #c03Charge span img.on{ transform: translate(0 ,0);  }

  #c03-2Charge { position: relative; width: 652px; margin: 0 auto 20px; }
  #c03-2Charge span { position: absolute; width: 393px; display: block; overflow: hidden; top: 13px; left: 110px }
  #c03-2Charge span img{ transition: 1.4s; transform: translate(0 ,120px);  }
  #c03-2Charge span img.on{ transform: translate(0 ,0);  }

  
  .noteAlignRight { text-align: right; font-size: 14px; }
  .box-table { border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 40px; width: 100%; }
  .box-table.lst { margin-bottom: 20px;}
  .box-table th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 20px; width: 33%; position: relative; background:#ebebeb; text-align: center; }
  .box-table th.discount { width:1em;}
  .box-table td.bgpale { background: #FFF3EF;}
  .box-table td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 20px; width: 33%; max-width: 400px; text-align: right; text-align: center; }

  .box-table th.discountCamp { text-align: left; text-indent: -1em; padding-left: 2em; }
  .box-table td.orangeboaderL { border: 3px solid #eb5505; border-right: none; }
  .box-table td.orangeboaderL .fsL { font-size: 30px; }
  .box-table td.orangeboaderR .fsL { font-size: 22px; }
  .box-table td.orangeboaderR { border: 3px solid #eb5505; border-left: none; position: relative; }
  .box-table td.orangeboaderR img { position: absolute; left: -34px; top: calc( 50% - 40px) }
  .box-table th.discountCamp a { display: block; position: relative; color:#333 }
  .box-table th.discountCamp a > img { position: absolute; width: 20px; right: 0; top: calc(50% - 10px); }
  .box-table th.discountCamp .tooltip__cont {text-align: center; text-indent: 0; padding-left: 0;}


  .box-table2 { border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 20px; width: 100%; }
  .box-table2 th.t2head { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 12px 20px; position: relative; background:#666; color: #fff; font-weight: bold; text-align: center; }
  .box-table2 th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 20px; width: 50%; position: relative; background:#eee; }
  .box-table2 th.cent { text-align: center;}
  .box-table2 th a{ color: #333!important; display: block; }
  .box-table2 th a img{ position: absolute; top: calc( 50% - 10px ); right: 0; }
  .box-table2 td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 20px; width: 50%; text-align: center; font-size: 16px; }
  .box-table2 td span.fsL { font-size: 50px; font-weight: normal;}
  
  .box-table3 { border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 40px; width: 100%; }
  .box-table3 th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 12px 20px; position: relative; background:#666; color: #fff; font-weight: bold; text-align: center; }
  .box-table3 td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 15px 20px; position: relative; background:#FFF3EF; font-size: 22px; font-weight: bold; vertical-align: baseline; }
  .box-table3 td span.fsL { font-size: 70px;}
  
  #sliderWrap { margin-bottom: 40px;}
  .slick-slide > div { width: 80%; margin: 0 auto; font-size: 22px; font-weight: normal; }
.slick-slide img { margin: 20% auto 20px; transition: .6s; width: 80%; }
.slick-slide.slick-current img { width: 100%; margin: 0 auto 20px; }
.slick-slide a { width: 160px; height: 160px; border-radius: 80px; background: #000045; color:#fff; text-align: center; padding-top: 70px; color: #fff !important;; margin-top: calc( 43% - 80px); }
.slick-arrow {display: block; position: absolute; left: 28%; top: 33%; font-size: 50px; font-weight: bold; transform: scale(0.6,1); z-index: 5;}
.slick-arrow.r { right: 28%; left:auto }

  ul#IorG { max-width: 980px; margin: 30px auto 60px; display: flex; justify-content: center; position: relative; }
  ul#IorG::before { content:''; display: block; width: 100%; position: absolute; top: calc(71% - 3px); left: 0; border-bottom: 5px solid #000045; }
  ul#IorG li { width: 26%; margin-right: 2%; }
  ul#IorG li img { margin-bottom: 10px; width: 100%; max-width: 221px;}
  ul#IorG li:last-child { margin-right: 0; }
  ul#IorG li a { display: block; border-radius: 10px; background: #fff; height: 50px; color:#000045; line-height: 44px; border: 5px solid #000045; font-size: 20px; text-align: center; font-weight: 700; }
  ul#IorG li a.slc { border: 5px solid #000045; background:  #000045; color:#fff!important; }

.catchMessage { margin-top: 20px;}

  .mobileCharge {color:#000045!important; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 40px; }
  .mobileCharge span {font-size: 36px; vertical-align: baseline; }
  .discountList { margin-bottom: 40px;}
.discountList a { color:#000045!important; font-size: 22px; font-weight: bold; line-height: 1; }
.discountList li a { color:#111!important; font-size: 14px; font-weight: normal; line-height: 1.6; text-decoration: underline; }
.discountList p.plus { color: #eb5505; font-size: 44px; font-weight: normal; line-height: 1; }
.discountList a img { margin-bottom: 6px; }
.discountList a.fsp80 { font-size: 18px; }
.discountList a.fsp80 img.question { width: 18px; height: 18px; }

#mobileChargeNote { font-size: 14px; max-width: 700px; margin: 0 auto 30px;}
.noteQuestion a { color: #eb5505 !important; margin-bottom: 30px; font-weight: bold; }
.noteQuestion + p { font-size: 14px; }

.innerPadding { padding-bottom: 60px;}

#c01more { max-width: 740px; margin: 0 auto 60px; padding-top: 40px; position: relative; border-top: 1px solid #ddd; }
#c01more p { font-size: 22px; font-weight: bold; color: #000045; }
#c01more p span { position: relative;}
#c01more p span img { position: absolute; left: -70px; bottom: 14px; }
#c01more p span.fsL { font-size: 40px;}
#c01more p.note { font-size: 14px; text-align: left; text-indent: -2em; padding-left: 2em; margin: 20px 0;}

  .noteAcordionWrap { border-bottom: 1px solid #ddd; font-size: 14px; margin-bottom: 20px; text-align: left; }
  .noteAcordion { border-top: 1px solid #ddd; font-size: 14px; }
  .noteAcordion > a { display: block; color: #333!important; padding: 20px 0; position: relative; }
  .noteAcordion > div { padding-bottom: 20px;}
  .noteAcordion > div a { display: inline;}
  .noteAcordion > a::after { content:'\FF1E'; position:absolute; top: 22px; right: 0; transform: rotate(90deg) scale(0.6,1); }
  .noteAcordion > a.open::after { transform: rotate(-90deg) scale(0.6,1); }

  p.nfNote { font-size: 11px; padding: 5px 0 25px;}

  .paleBox { background: #FFF3EF; border: 1px solid #eb5505; border-radius: 10px; padding: 40px; position:relative;}
  .paleBox > a { position: absolute; right:20px; top: 60px; }
  .paleBox p span.fcorange span { font-size: 28px; text-align: center;}
  .paleBoxContent { padding: 40px 0 0; margin-top: 40px; border-top: 1px solid #eb5505;}
  .paleBoxContent p { margin-bottom: 20px; }

  .applicationNF h3.anfo { font-size: 20px; font-weight: bold; text-align: center;  margin-bottom: 20px; }
  .applicationNFcontent h4 { height: 40px; line-height: 40px; font-size: 18px; text-align: center; background: #e5e5e5; font-weight: bold; margin-bottom: 20px; }
  .applicationNFcontent p { font-size: 20px; text-align: left; margin-bottom: 20px; }
  .applicationNFcontent p span.fsL { font-size: 30px;}
  .applicationNFcontent p.note { font-size: 14px; }
  
  #c02 h3 img { margin-bottom: 40px;}

  .c02Chargenote { font-size: 14px;}

  .termChargeC02 h3 { font-size: 24px; font-weight: bold; margin-bottom: 40px; color: #eb5505;}

  #c02 .inner > div { }
  .inner .tglContent#tglContent2 { border-top: none; }
  .c02term { font-size: 24px; font-weight: bold; margin-bottom: 40px; }
  .c02NoteAccordion { border-radius: 10px; border: 1px solid #ddd; margin: 0 8% 20px; padding: 0 40px;}
  .c02NoteAccordion a.tgltit { font-size: 20px; font-weight: bold; display: block; text-align: center; height: 76px; line-height: 76px; color:#333; position: relative; }
  .c02NoteAccordion a.tgltit::after { content:'\FF1E'; position:absolute; top: 0; right: 0; transform: rotate(90deg) scale(0.6,1); }
  .c02NoteAccordion a.tgltit.open::after { transform: rotate(-90deg) scale(0.6,1); }
  .noteBox .tglAcodion2 { padding-top: 40px; padding-bottom: 40px; text-align: left; border-top: 1px solid #ddd; }
  .noteBox .tglAcodion2 h4 { font-size: 16px; font-weight: normal; margin-bottom: 20px; }
  .noteBox .tglAcodion2 p { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
  .c02benefit { display: flex; justify-content: space-between; max-width: 820px; margin: 30px auto 20px; }
  .c02benefit + p.nfNote { margin: 0 auto 40px; }
  .c02benefit li { width: 100%; border-radius: 4px; background: #E1F3F4; padding: 20px 0; text-align: center; }
  .c02benefit li:nth-child(2) { padding: 34px 0; }
  .c03lead { text-align: center; font-size: 28px; font-weight: bold; color: #000045; margin-bottom: 20px; }
  #c03 .nfMV { width: 100%; }
  #c03 .inner > div { }
  #c03 .inner > div #tglBtn3 { }
  .chargeTermC03 { font-size: 24px; font-weight: bold; margin-bottom: 30px; color: #eb5505; }

  .noteBox { font-size: 14px;}
  .noteBox h4 { font-weight: bold; text-align: left;}
  .noteBox p { font-weight: bold; text-align: left;}
  .noteBox ul { margin-bottom: 20px; }
  .noteBox ul li { padding-left: 1em; text-align: left; text-indent: -1em; margin-bottom: 10px;}
  .noteBox ul li.ind3 { padding-left: 2.5em; text-indent: -2.5em;}
  .noteBox ul li a { display: inline;}

  .outerContentNote { max-width: 980px; margin: 0 auto 100px; }

  a.btn { background: #fff url(/content/dam/au-com/pr/ouenwari/img/icon-arrow.png) no-repeat right 5% center; color:#eb5505!important;display: block; padding: 24px; line-height: 1; font-size: 16px; text-align: center; max-width: 580px; margin: 0 auto 20px; border-radius: 32px; border: 1px solid #eb5505; }

  #btmCvArea { padding: 40px 20px 20px; text-align: center;}
  #btmCvArea h3 { color: #fff; text-align: center; font-size: 24px; font-weight: bold; display: inline-block; margin: 0 auto 40px; position: relative; }
  #btmCvArea h3::before { content: ''; display: block; height: 30px; width: 1px; border-left: 2px solid #fff; position: absolute; top: 0; left: -15%; transform: rotate(-25deg); }
  #btmCvArea h3::after { content: ''; display: block; height: 30px; width: 1px; border-left: 2px solid #fff; position: absolute; top: 0; right: -15%; transform: rotate(25deg); }
  #btmCvArea a { background: #eb5505 url(/content/dam/au-com/pr/ouenwari/img/icon-arrow-white.png) no-repeat right 20px center; color:#fff!important;display: block; padding: 24px; line-height: 1; font-size: 16px; text-align: center; max-width: 580px; margin: 0 auto 20px; border-radius: 32px; position: relative; z-index: 1; }
  #btmCvArea a.ln2sp { padding: 15px; line-height: 1.4; }

  #c04 { padding: 60px 20px 0; background: #fff; }
  #c04 h2 { margin-bottom: 60px; font-size: 24px; font-weight: bold; text-align: center; }
  #c04 .inner { max-width: 980px; margin: 0 auto; background: #fff; text-align: left; }
  #c04 .noteWrap { margin-bottom: 30px; background: #F6F6F6; border-radius: 10px; overflow: hidden; position: relative; z-index: 1;}
  #c04 .tglBtn { display: block; color: #fff!important; background: #666; height: 60px; line-height: 60px; text-align: center; position:relative; z-index: 1; }
  #c04 .tglBtn::after { content:'\FF1E'; position:absolute; top: 0; right: 20px; transform: rotate(90deg) scale(0.6,1); }
  #c04 .tglBtn.open::after { transform: rotate(-90deg) scale(0.6,1); }
  #c04 .noteBox { padding: 40px 60px;}

  #c05 .inner img.bn { width: 100%; margin-top: 40px; }

  .btn-pageTop { bottom: 14px!important; }
  
  #toolTipList { display: flex; justify-content: space-between; width: 90%; margin: 0 auto 10px; font-weight: bold; }
  #toolTipList li { font-size: 15px; position: relative; }
  #toolTipList li a { color: #222!important; }
  #toolTipList li span.note { font-size: 12px; }
  #toolTipList li img.question { width: 18px; margin-left: 3px; }

  .tooltip { background: #000045; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; }
  .tooltip { padding: 5px; margin-top: 20px; border-radius: 4px; width: auto; left: 50%; transform: translateX(-50%);}
  .tooltipL { position: fixed; left: 50%; top: 5%; width: 700px; }
  .tooltip.open { z-index: 20; opacity: 1; visibility: visible; }
  .tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #000045 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltipL.tooltip:before { display: none; }
  .tooltip__advantageTtl {  color: #eb5504; }
  .box-action__link { font-size: 14px; line-height: 24px; display: flex; justify-content: flex-end; }
  .tooltip .box-action__link { justify-content: center; font-weight: normal; }
  .tooltip .box-action__link { margin: 10px 0; }
  .box-action__link a { display: flex; align-items: center; color: #0066aa!important; font-size: 14px!important; font-weight: normal!important; }
  .tooltip__close { display: block; background: url(/content/dam/au-com/pr/ouenwari_amazon_prime/img/modal_ico_close.png) no-repeat center/32px; cursor: pointer; }
  .tooltip__close { height: 40px; margin: 10px auto 8px; }
  .tooltip__advantage { background: #fff; padding: 15px; max-height: 80vh; overflow: auto; }
  .tooltipL .tooltip__advantage { padding: 40px 50px; }
  .tooltip__advantage h3 { font-size: 20px; margin-bottom: 15px;}
  .tooltip__advantageTtl { font-size: 20px; font-weight: bold; text-align: center; }
  .tooltip__txt { line-height: 1.8; font-size: 13px; text-align: center; }
  .tooltipL .tooltip__txt { margin-bottom: 16px; }
  .tooltip__txt.fsL { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: center; }
  .tooltip__txt.tal { text-align: left; }
  .tooltip__advantageImg .logo { margin-bottom: 40px;}
  .box-action__link .btnOrng { background: #eb5505; height: 60px; width: 100%; display: block; line-height: 60px; border-radius: 30px; text-align: center!important; color: #fff!important; }

  

  #modalMobileChargeList { background: #fff; border-radius: 20px; padding: 60px 40px 40px; display: none; height: 80vh; top: 5vw; position: fixed; left: 50%; transform: translate(-50%, 0); max-width: 980px; z-index: -1; width:100%; overflow: auto;  }
  #modalMobileChargeList.on { display: block; z-index: 200; box-shadow: 0 0 10px 10px rgba(0,0,0,.05);} 
  #modalMobileChargeList h2 { color:#000045; font-size: 24px; margin-bottom: 60px; text-align: center; position: relative; }
  #modalMobileChargeList h2 img { position: absolute; right: 0; top: -40px; width: 48px;}
  #modalMobileChargeListInner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
  #modalMobileChargeListInner > div { width: 48%;  }
  #modalMobileChargeListInner > div h3 { font-size: 20px; margin-bottom: 7px; text-align: center; }
  #modalMobileChargeListInner > div table { width: 100%; margin-bottom: 20px; }
  #modalMobileChargeListInner > div table th { background: #ddd;}
  #modalMobileChargeListInner > div table.iphone th:first-child, 
  #modalMobileChargeListInner > div table td.row { width: 8%; padding: 2%; }
  #modalMobileChargeListInner > div table th,#modalMobileChargeListInner > div table td { width: 33.33333%; text-align: center; font-size: 14px; padding: 5px 0; position: relative; color: #333; border-bottom: 1px solid #ddd; }
  #modalMobileChargeListInner > div table tr td:last-child { color:#eb5505; position: relative; }
  #modalMobileChargeListInner > div table tr td:last-child::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #eb5505; position: absolute; top: 10px; left: 0; }

  .cexContent { background: #FFF3EF; border-radius: 10px; padding: 5%; margin: 7% 9%;}
  .cexContent > a { display: none;}
  .cexContent h3 { font-size: 28px; font-weight: bold; font-weight: 900; text-align: center; letter-spacing: 5%; margin-bottom: 40px;  }
  .cexContent div.cexBox1  { display: flex; justify-content: space-between; margin-bottom: 40px; }
  .cexContent div.cexBox1 p { width: 52%; text-align: left; font-size: 16px; line-height: 1.8; }
  .cexContent div.cexBox1 p span.fwb { font-size: 18px; }
  .cexContent div.cexBox1 div { width: 43%; }
  .cexContent div.cexBox1 div img { width: 100%; max-width: 296px; }
  .cexContent div.cexBox2  { display: flex; justify-content: space-between; flex-direction: row-reverse; }
  .cexContent div.cexBox2 p { width: 67%; text-align: left; font-size: 16px; line-height: 1.8; }
  .cexContent div.cexBox2 div { width: 28%; }
  .cexContent div.cexBox2 div img { width: 100%; max-width: 180px; }
}

@media screen and (min-width: 1199px) {
  .tooltipL {
    left: calc( 50% + 90px);
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {}
@media screen and (min-width: 767.98px) and (max-width: 1199px){ #fltCvWrapBox { width: 100%; bottom: 0; left: 0;} }
@media screen and (max-width: 980px) and (min-width: 768px) {
  .innerMargin { padding: 40px 5%; margin: 0 auto;}
}
@media screen and (max-width: 767.98px) and (min-width: 0px) {
  #hero img { width: 100%; }
  #hero h1 {position: relative;}
  #hero h1 a.lnk1 { position: absolute; bottom: 4vw; height: 23vw; left:10%; width: 40%;}
  #hero h1 a.lnk2 { position: absolute; bottom: 4vw; height: 23vw; right:10%; width: 40%;}
  #heroInner { position: relative; }
  #heroInner figure img { position: absolute; width: 90%; bottom: 0; left: 50%; transform: translate(-50%, 4vw);}
  #c01 h2,#c02 h2,#c03 h2 { margin-top: 5%; }
  #c02 h2,#c03 h2 { margin-bottom: 5%; }
  #c01 h2 img,#c02 h2 img,#c03 h2 img { width: 90%; }
  #c01 h2 img { max-width: 80%; }
  #c02 h2 img { max-width: 100%; margin-bottom: 3%; }
  #c03 h2 img { max-width: 100%; }
  
  #c02 h2 { font-size: 4vw; font-weight: bold; color: #000045; text-align: center; }

  .endBadge { color: #eb5505; font-weight: bold; font-size: 4vw; height: 8vw; line-height: 8vw; text-align: center; width: 90%; border: 3px solid #eb5505; margin: 5% auto; }

  .ouenwaricontent { padding-top: 24%; font-size: 3.4vw;}
  .ouenwaricontentinner { padding: 0 5%; }
  .ouenwaricontentinner .inner { max-width: 980px; margin: 0 auto; background: #fff; border-radius: 10px; border: 6px solid #000045; text-align: center; margin-bottom: 24%; position: relative; }

  .ouenwaricontentinner .inner { position: relative; z-index: 1;}  
  .ouenwaricontentinner .inner img.badge { margin: 5vw auto; width: 90%;}  

  #tglBtn1,#tglBtn2,#tglBtn3,#tglBtn4 { display: block; background: #000045; color:#fff!important; text-decoration: none!important; height: 16vw; line-height: 17.4vw; font-size: 4.2vw; }
  #tglBtn1.open,#tglBtn2.open,#tglBtn3.open { background: none; color: #000045!important; }
  #tglBtn1::before { content:'\6A5F\7A2E\4EE3\91D1\306A\3069\8A73\3057\304F\306F\3053\3061\3089\a0'}
  #tglBtn2::before,#tglBtn3::before { content:'\6761\4EF6\306A\3069\8A73\3057\304F\306F\3053\3061\3089\a0' } 
  #tglBtn1.open::before,#tglBtn2.open::before,#tglBtn3.open::before { content:'\9589\3058\308B\a0' } 
  #tglBtn1 span,#tglBtn2 span,#tglBtn3 span,#tglBtn4 span { display: inline-block; width: 8vw; height: 100%; }
  #tglBtn1.open span,#tglBtn2.open span,#tglBtn3.open span { background: url(/content/dam/au-com/pr/ouenwari/img/icon-min.png) no-repeat center center; background-size: 100%; }
  #tglBtn1 span img,#tglBtn2 span img,#tglBtn3 span img,#tglBtn4 span img { width: 100%; }
  #tglBtn4 span img { width: 50%; }
  #tglBtn1.open span img,#tglBtn2.open span img,#tglBtn3.open span img { opacity: 0; }

  .limit { margin: 0 auto; border-top: 1px solid #ddd; text-align: center; line-height: 1.8; padding: 5%;}
  #c01 .limit { border-bottom: 1px solid #ddd; }
  .limit p { font-size: 4vw; font-weight: bold; }
  .limit p.note { font-size: 2.8vw; font-weight: normal; }

  .termC01 { padding: 5% 5% 0;}
  .limit h4 { margin-bottom: 2%; border-radius: .5vw; line-height: 10vw; height: 10vw; font-size: 5vw; font-weight: bold; color: #fff; background: #000045;}
  .termC01 p { margin-bottom: 5%; font-size: 4vw;}
  .termC01 ul { padding-bottom: 0;}
  .termC01 ul li { text-align: left; font-size: 3.4vw;}
  
  #c01 p.catch { margin-top: -12vw; }
  p.catch { margin-top: -12vw; }
  p.catch img { width: 110%; margin-left: -5%; }
  .ouenwaricontentinner #cex .inner { margin-bottom: 5%;}
  .inner .tglContent { /*border-top: 6px solid #000045;*/ }
  .innerMargin { padding: 5%; margin: 0 auto;}
  .bdtHr { border-top: solid 6px #000045;}
  .contentAreaBtm { padding: 5%;}

#c01 .subject { position: relative; }
#c01 .subject > a { display: block; width: 80%; height: 16vw; line-height: 16vw; border-radius: 8vw; border: solid #eb5505 1px; margin: 0 auto 5%; color: #eb5505!important; font-size: 4vw; }
#c01 .subject > a img { position: absolute; right: 5%; top: 4.8vw; }


.breakdownBox { margin: 0 5% 5%; position: relative;}
.breakdownBox img {width: 100%; }
.breakdownBox p { color:#000045; font-weight: bold; position: absolute; bottom: 5.4%; left:0; width: 100%; text-align: center; font-size: 2.8vw;}

.breakdownNote { text-align: left; margin: 0 5% 5%; }
.breakdownNote li { text-indent: -1em; padding-left: 1em;  }

  .question { width: 6vw; height: 6vw; }
  .underbullet { display: inline-block; transform: rotate(90deg) scale(.6,1); }
  
  #c01Charge { position: relative; width: 94%; margin: 0 auto; }
  #c01Charge img { width: 100%; }
  #c01Charge span { position: absolute; width: 55%; display: block; overflow: hidden; top: 3.4vw; left: 22%; }
  #c01Charge span img{ transition: 1.4s; transform: translate(0 ,120px); width: 100%;  }
  #c01Charge span img.on{ transform: translate(0 ,0);  }

  #c01Charge2 { position: relative; width: 80%; margin: 0 auto 5%; }
  #c01Charge2 img { width: 100%; }
  #c01Charge2 > span { position: absolute; font-size: 18vw; font-weight: 500; display: block; overflow: hidden; bottom: -5%; left: 5%; /*height: 110px;*/ line-height: 1; color:#eb5505; width: 80%; }
  #c01Charge2 span span{ letter-spacing: -0.05em; transition: 1.4s; transform: translate(0 ,120px); display: inline-block; }
  #c01Charge2 span span.on{ transform: translate(0 ,0);letter-spacing: -0.03em;  }
  
  #c02Charge { position: relative; width: 80%; margin: 0 auto 5%; }
  #c02Charge img { width: 100%; }
  #c02Charge span.op { position: absolute; width: 49%; display: block; overflow: hidden; top: 29%; left: 26% }
  #c02Charge span.op img{ transition: 1.4s; transform: translate(0 ,120px); width: 100%; }
  #c02Charge span.op img.on{ transform: translate(0 ,0); }

  #c03Charge { position: relative; max-width: 826px; margin: 0 auto 20px; }
  #c03Charge > img { width: 100%;}
  #c03Charge span { position: absolute; width: 52%; font-weight: bold; display: block; overflow: hidden; top: 52%; left: 15% }
  #c03Charge span img{ transition: 1.4s; transform: translate(0 ,90px); width: 100%;  }
  #c03Charge span img.on{ transform: translate(0 ,0);  }

  #c03-2Charge { position: relative; width: 94%; margin: 0 auto 5%; }
  #c03-2Charge img { width: 100%; }
  #c03-2Charge span { position: absolute; width: 60%; display: block; overflow: hidden; top: 12%; left: 17%; }
  #c03-2Charge span img{ transition: 1.4s; transform: translate(0 ,120px); width: 82%;  }
  #c03-2Charge span img.on{ transform: translate(0 ,0);  }
  #c03-2Charge + p.note { font-size: 2.8vw; width: 94%; margin: 0 auto 5%; }

  img.nfpack-tit { width: 100%; }
  
  .noteAlignRight { text-align: right; font-size: 2.8vw; }
  .box-table { font-size: 2.8vw; border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 40px; width: 100%; }
  .box-table.lst { margin-bottom: 20px;}
  .box-table th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 3%; width: 33%; background:#ebebeb; text-align: center; }
  .box-table th.discount { width:10%;}
  .box-table td.bgpale { background: #FFF3EF;}
  .box-table td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 3%; width: 33%; max-width: 400px; text-align: right; text-align: center; }

  .box-table th.discountCamp { text-align: left; }
  .box-table td.orangeboaderL { border: 3px solid #eb5505; border-right: none; }
  .box-table td.orangeboaderL .fsL { font-size: 5vw; }
  .box-table td.orangeboaderR .fsL { font-size: 4vw; }
  .box-table td.orangeboaderR { border: 3px solid #eb5505; border-left: none; position: relative; }
  .box-table td.orangeboaderR img { width: 30%; position: absolute; left: -15%; top: 24%; }
  .box-table th.discountCamp a { display: block; position: relative; color:#333; padding-right: 5vw; }
  .box-table th.discountCamp a > img { position: absolute; width: 5vw; height: 5vw; right: 0; top: calc(50% - 2.5vw); }
  .box-table th.discountCamp .tooltip__cont {text-align: center; text-indent: 0; padding-left: 0;}


  .box-table2 { border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 3%; width: 100%; font-size: 3vw;}
  .box-table2 th.t2head { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%; position: relative; background:#666; color: #fff; font-weight: bold; text-align: center; }
  .box-table2 th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%; width: 50%; position: relative; background:#eee; }
  .box-table2 th.cent { text-align: center;}
  .box-table2 th a{ color: #333!important; display: block; padding-right: 16%; }
  .box-table2 th a img{ position: absolute; top: calc( 50% - 10px ); right: 0; width: 4vw; height: 4vw; }
  .box-table2 td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%;; width: 50%; text-align: center; font-size: 3vw; }
  .box-table2 td span.fsL { font-size: 6vw; font-weight: normal;}
  
  .box-table3 { border-left: 1px solid #dedede; border-top: 1px solid #dedede;  margin: 0 auto 5%; width: 100%; font-size: 3vw;}
  .box-table3 th { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%;; position: relative; background:#666; color: #fff; font-weight: bold; text-align: center; }
  .box-table3 td { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2%;; position: relative; background:#FFF3EF; font-size: 3.4vw; font-weight: bold; vertical-align: baseline; }
  .box-table3 td span.fsL { font-size: 7vw;}
  
  #sliderWrap { margin-bottom: 10%;}
  .slick-slide > div { width: 77%; margin: 0 auto; font-size: 5vw; font-weight: normal; }
.slick-slide img { margin: 20% auto 5%; transition: .6s; width: 80%; }
.slick-slide.slick-current img { width: 100%; margin: 0 auto 5%; }
.slick-slide a { width: 44vw; height: 44vw; border-radius: 22vw; background: #000045; color:#fff; text-align: center; padding-top: 31%; color:#fff!important; margin-top: 11%; font-size: 5vw; }
.slick-arrow {display: block; position: absolute; left: 5%; top: 33%; font-size: 10vw; font-weight: bold; transform: scale(0.6,1); z-index: 5;}
.slick-arrow.r { right: 5%; left:auto }

  ul#IorG { max-width: 980px; margin: 5% auto 15%; display: flex; justify-content: center; position: relative; }
  ul#IorG::before { content:''; display: block; width: 100%; position: absolute; top: calc(69% - 3px); left: 0; border-bottom: 5px solid #000045; }
  ul#IorG li { width: 30%; margin-right: 2%; z-index: 0; }
  ul#IorG li img { width: 100%; margin-bottom: 3%;}
  ul#IorG li:last-child { margin-right: 0; }
  ul#IorG li a { display: block; border-radius: 2vw; background: #fff; height: 16vw; color:#000045;  border: 1vw solid #000045; font-size: 4vw; text-align: center; font-weight: 700; padding-top: 17%; }
  ul#IorG li a.ln2SP {  padding-top: 7%; }
  ul#IorG li a.slc { border: 5px solid #000045; background:  #000045; color:#fff!important; }

  .catchMessage { margin-top: 3%;}

  .mobileCharge {color:#000045!important; font-size: 5vw; font-weight: bold; line-height: 1; margin-bottom: 40px; }
  .mobileCharge span {font-size: 10vw; vertical-align: baseline; }
  .discountList { margin-bottom: 5%;}
.discountList a { color:#000045!important; font-size: 5vw; font-weight: bold; line-height: 1; }
.discountList li a { color:#111!important; font-size: 3.4vw; font-weight: normal; line-height: 1.6; text-decoration: underline; }
.discountList p.plus { color: #eb5505; font-size: 10vw; font-weight: normal; line-height: 1; }
.discountList a img { margin-bottom: 1vw; width: 6vw; height:6vw; }
.discountList a.fsp80 {  }
.discountList a.fsp80 img.question { width: 18px; height: 18px; }

#mobileChargeNote { font-size: 3.2vw; padding: 0 5%; text-align: left; margin: 0 auto 5%;}
.noteQuestion a { color: #eb5505 !important; margin-bottom: 5%; font-size: 4vw; font-weight: bold; }
.noteQuestion + p { font-size: 2.8vw; text-align: left; padding: 0 5%; }

.innerPadding { padding-bottom: 10%; }

#c01more { margin: 0 5% 10%; padding-top: 10%; position: relative; border-top: 1px solid #ddd; }
#c01more p { font-size: 4vw; font-weight: bold; color: #000045; }
#c01more p span { position: relative;}
#c01more p span img { position: absolute; width: 24%; right: 100%; bottom: 3vw; }
#c01more p span.fsL { font-size: 10vw;}
#c01more p.note { font-size: 2.8vw; text-align: left; text-indent: -2em; padding-left: 2em; margin: 20px 0;}

  .noteAcordionWrap { border-bottom: 1px solid #ddd; font-size: 2.8vw; margin-bottom: 3%; text-align: left; }
  .noteAcordion { border-top: 1px solid #ddd; font-size: 2.8vw; }
  .noteAcordion > a { display: block; color: #333!important; padding: 3% 0; position: relative; }
  .noteAcordion > div { padding-bottom: 3%;}
  .noteAcordion > div a { display: inline;}
  .noteAcordion > a::after { content:'\FF1E'; position:absolute; top: calc( 50% - 1.4vw); right: 0; transform: rotate(90deg) scale(0.6,1); }
  .noteAcordion > a.open::after { transform: rotate(-90deg) scale(0.6,1); }

  p.nfNote { font-size: 2.8vw; padding: 3% 0 6%;}

  .paleBox { background: #FFF3EF; border: 1px solid #eb5505; border-radius: 10px; padding: 5%; position:relative;font-size: 3.4vw; }
  .paleBox > a {  }
  .paleBox p span.fcorange span { font-size: 6vw; text-align: center;}
  .paleBoxContent { padding: 5% 0 0; margin-top: 3%; border-top: 1px solid #eb5505;}
  .paleBoxContent img { width: 100%; }
  .paleBoxContent p { margin-bottom: 3%; }

  .applicationNF h3.anfo { font-size: 6vw; font-weight: bold; text-align: center;  margin-bottom: 3%; }
  .applicationNFcontent h4 { height: 6vw; line-height: 6vw; font-size: 3vw; text-align: center; background: #e5e5e5; font-weight: bold; margin-bottom: 3%; }
  .applicationNFcontent p { font-size: 3.4vw; text-align: left; margin-bottom: 3%; }
  .applicationNFcontent p span.fsL { font-size: 5vw;}
  .applicationNFcontent p.note { font-size: 2.8vw; }
  .applicationNF a { font-size: 3.4vw; }

  #c02 h3 img { margin-bottom: 5%;}

  .c02Chargenote { font-size: 2.8vw; text-align: left;}
.c02-title-sp { width: 100%; margin-bottom: 5%;}
  .termChargeC02 h3 { font-size: 6vw; font-weight: bold; margin-bottom: 5%; color: #eb5505;}

  .c02term { font-size: 5vw; font-weight: bold; margin-bottom: 5%; }
  .c02NoteAccordion { border-radius: 10px; border: 1px solid #ddd; width:90%; margin:0 auto 3%; padding: 4% 4% 0;}
  .c02NoteAccordion a.tgltit { font-size: 3.5vw; font-weight: bold; display: block; text-align: center; padding: 0 10% 4% 0; text-align: left; color:#333; position: relative; }
  .c02NoteAccordion a.tgltit::after { content:'\FF1E'; position:absolute; top: 2%; right: 3%; transform: rotate(90deg) scale(0.6,1); }
  .c02NoteAccordion a.tgltit.open::after { transform: rotate(-90deg) scale(0.6,1); }
  .noteBox .tglAcodion2 { padding-top: 4%; padding-bottom: 4%; text-align: left; border-top: 1px solid #ddd; }
  .noteBox .tglAcodion2 h4 { font-size: 3.2vw; font-weight: normal; margin-bottom: 4%; }
  .noteBox .tglAcodion2 p { text-align: center; font-size: 3.2vw; font-weight: bold; margin-bottom: 20px; }
  .c02result { width: 80%; margin: 0 10%;}
  .c02benefit { margin: 5% auto 2%; }
  .c02benefit + p.nfNote {  margin: 0 auto 8%; }
  .c02benefit li { width: 90%; border-radius: 4px; background: #E1F3F4; padding: 3%; text-align: center; margin: 0 auto 5%; }
  .c02benefit li img { width: 60%; }

.c03lead { text-align: center; font-size: 4vw; font-weight: bold; color: #000045; }
  #c03 .nfMV { width: 100%; }
  .chargeTermC03 { font-size: 6vw; font-weight: bold; margin-bottom: 3%; color: #eb5505; }
  #tglContent3 h3 img { width: 100%; }

  .noteBox { font-size: 2.8vw;}
  .noteBox h4 { font-weight: bold; text-align: left;}
  .noteBox p { font-weight: bold; text-align: left;}
  .noteBox ul { margin-bottom: 5%; }
  .noteBox ul li { padding-left: 1em; text-align: left; text-indent: -1em; margin-bottom: 2%;}
  .noteBox ul li.ind3 { padding-left: 2.5em; text-indent: -2.5em;}
  .noteBox ul li a { display: inline;}

  .outerContentNote { max-width: 980px; margin: 0 auto 20%; font-size: 2.8vw;  }
  .outerContentNote ul li { font-size: 2.8vw;  }

  a.btn { background: #fff url(/content/dam/au-com/pr/ouenwari/img/icon-arrow.png) no-repeat right 5% center; background-size: 5vw;; color:#eb5505!important;display: block; height: 14vw; line-height: 14vw; font-size: 3.4vw; text-align: center; max-width: 580px; margin: 0 auto 1%; border-radius: 7vw; border: 1px solid #eb5505; }

  #btmCvArea { padding: 10% 5% 5%; text-align: center;}
  #btmCvArea h3 { color: #fff; text-align: center; font-size: 5vw; font-weight: bold; position: relative; display: inline-block; margin: 0 auto 5%; }
  #btmCvArea h3::before { content: ''; display: block; height: 10vw; width: 1px; border-left: 2px solid #fff; position: absolute; top: 5%; left: -15%; transform: rotate(-25deg); }
  #btmCvArea h3::after { content: ''; display: block; height: 10vw; width: 1px; border-left: 2px solid #fff; position: absolute; top: 5%; right: -15%; transform: rotate(25deg); }
  #btmCvArea a { background: #eb5505 url(/content/dam/au-com/pr/ouenwari/img/icon-arrow-white.png) no-repeat right 5% center; background-size: 5vw; color:#fff!important;display: block; height: 14vw; line-height: 14vw; font-size: 3.4vw; text-align: center; max-width: 580px; margin: 0 auto 5%; border-radius: 7vw; position: relative; z-index: 1;}
  #btmCvArea a.ln2sp { line-height: 1.4; padding-top: 3%; }

  #c04 { padding: 10% 5% 0; background: #fff; }
  #c04 h2 { margin-bottom: 10%; font-size: 6vw; font-weight: bold; text-align: center; }
  #c04 .inner { margin: 0 auto; background: #fff; text-align: left; }
  #c04 .noteWrap { margin-bottom: 5%; background: #F6F6F6; border-radius: 10px; overflow: hidden;position: relative; z-index: 1;}
  #c04 .tglBtn { display: block; color: #fff!important; background: #666; height: 14vw; line-height: 14vw; text-align: center; position:relative; z-index: 1; font-size: 4vw; }
  #c04 .tglBtn::after { content:'\FF1E'; position:absolute; top: 0; right: 20px; transform: rotate(90deg) scale(0.6,1); }
  #c04 .tglBtn.open::after { transform: rotate(-90deg) scale(0.6,1); }
  #c04 .noteBox { padding: 5%;}

  #c05 .inner img.bn { width: 100%; margin: 5% 0;}
  .btn-pageTop { bottom: 14px!important; }
  .note { font-size: 2.8vw;}

  #toolTipList { display: flex; justify-content: space-between; width: 90%; margin: 0 auto 10px; font-weight: bold; }
  #toolTipList li { font-size: 15px; position: relative; }
  #toolTipList li a { color: #222!important; }
  #toolTipList li span.note { font-size: 12px; }
  #toolTipList li img.question { width: 18px; margin-left: 3px; }

  .tooltip { background: #000045; position: fixed; top: 5%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; width: 96%; padding: 5px; border-radius: 4px; left: 50%; transform: translateX(-50%);}
  .tooltip.open { z-index: 20; opacity: 1; visibility: visible; }
  .tooltip:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #000045 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltip:before { display: none; }
  .tooltip__advantageTtl {  color: #eb5504; }
  .box-action__link { font-size: 3.4vw; line-height: 6vw; display: flex; justify-content: flex-end; }
  .tooltip .box-action__link { justify-content: center; font-weight: normal; }
  .tooltip .box-action__link { margin: 10px 0; }
  .box-action__link a { display: flex; align-items: center; color: #0066aa; font-size: 3.4vw; }
  .tooltip__close { display: block; background: url(/content/dam/au-com/pr/ouenwari_amazon_prime/img/modal_ico_close.png) no-repeat center/32px; cursor: pointer; }
  .tooltip__close { height: 40px; margin: 10px auto 8px; }
  .tooltip__advantage { background: #fff; padding: 15px; max-height: 80vh; overflow: auto; }
  .tooltip__advantageImg img { width: 100% }
  .tooltip__advantageTtl { font-size: 5vw; text-align: center; /*height: 40px; line-height: 40px;*/ font-weight: bold; }
  .tooltip__txt { line-height: 1.8; font-size: 3.4vw; }
  .tooltipL .tooltip__txt { margin-bottom: 16px; }
  .tooltip__txt.fsL { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: center; }
  .tooltip__txt.tal { text-align: left; }
  .tooltip__advantageImg .logo { margin-bottom: 5%;}
  .box-action__link .btnOrng { background: #eb5505; height: 14vw; width: 100%; display: block; line-height: 14vw; border-radius: 7vw; text-align: center!important; color: #fff!important; }
  .box-action__link .btnOrng.ln2SP { line-height: 1.4; padding-top: 2vw; }

  .box-table2 th .tooltip a{  display: block; padding-right: 0; }

  #modalMobileChargeList { background: #fff; border-radius: 2vw; padding: 5%; display: none; height: 86vh; top: 5vh; position: fixed; left: 50%; transform: translate(-50%, 0); max-width: 980px; z-index: -1; width:90%; overflow: auto;  }
  #modalMobileChargeList.on { display: block; z-index: 200; box-shadow: 0 0 10px 10px rgba(0,0,0,.05);} 
  #modalMobileChargeList h2 { color:#000045; font-size: 5vw; margin-bottom: 5%; text-align: center; position: relative; }
  #modalMobileChargeList h2 img { position: absolute; right: 0; top: 0; width: 10%;}
  #modalMobileChargeListInner {  }
  #modalMobileChargeListInner > div { width: 100%;  }
  #modalMobileChargeListInner > div h3 { font-size: 4vw; margin-bottom: 1%; text-align: center; }
  #modalMobileChargeListInner > div table { width: 100%; margin-bottom: 5%; }
  #modalMobileChargeListInner > div table th { background: #ddd;}
  #modalMobileChargeListInner > div table.iphone th:first-child, 
  #modalMobileChargeListInner > div table td.row { width: 8%; padding: 2%; }
  #modalMobileChargeListInner > div table th,#modalMobileChargeListInner > div table td { width: 33.33333%; text-align: center; font-size: 2.8vw; padding: 1% 0; position: relative; color: #333; border-bottom: 1px solid #ddd; }
  #modalMobileChargeListInner > div table tr td:last-child { color:#eb5505; position: relative; }
  #modalMobileChargeListInner > div table tr td:last-child::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 2vw 0 2vw 2vw; border-color: transparent transparent transparent #eb5505; position: absolute; top: 1vw; left: 0; }
  
  .cexContent { background: #FFF3EF; border-radius: 1vw; padding: 5%; margin: 5%;}
  .cexContent > a { display: block; text-align: left; text-indent: -1em; padding-left: 1em; }
  .cexContent h3 { font-size: 6vw; font-weight: bold; font-weight: 900; text-align: center; letter-spacing: 5%; margin-bottom: 5%;  }
  .cexContent div.cexBox1  { margin-bottom: 10% }
  .cexContent div.cexBox1 p { text-align: left; font-size: 3.4vw; line-height: 1.6; margin-bottom: 10%; }
  .cexContent div.cexBox1 p span.fwb { font-size: 3.8vw; }
  .cexContent div.cexBox1 div { margin: 0 auto; }
  .cexContent div.cexBox1 div img { width: 100%; }
  .cexContent div.cexBox2 a { display: none; }
  .cexContent div.cexBox2 p { text-align: left; font-size: 3.4vw; line-height: 1.6; margin-bottom: 5%; }
  .cexContent div.cexBox2 div { width: 50%; margin: 0 auto 5%; }
  .cexContent div.cexBox2 div img { width: 100%; }
}

.view-sp { display: none!important; }
.view-pc { display: block!important; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp { display: block!important; }
	.view-pc { display: none!important; }
}

#fireWork { position: fixed; height: 0; width: 100%; overflow: hidden; z-index: -1;  }
#fireWork.on { position: fixed; height: 100vh; width: 100%; top: 0; left: 0; z-index: 100; }

.slick-disabled { display: none!important; }
#bgModalMobileChargeList {z-index: -1; background: rgba(255,255,255,.5); position: fixed; left: 0%; top: 0; width: 100%; height: 100vh; }
#bgModalMobileChargeList.on { z-index: 199;}

.noteAcordion > div,
.paleBoxContent,
.tglAcodion,
.tglAcodion2 { display: none; }
.tglContent { display: none; }
.bgBlue { background: #80CCE6;}
.bgYlw { background : #fabe38; }
.bgKon { background: #000045;}
.bgPale { background: #fff3e9;}
.fwb { font-weight: bold!important; }
.fcred { color: #FF0004!important; }
.fcorange { color:#eb5505!important; }
.fcgray { color:#666!important; }
.bgdarkgray { background: #555!important; color:#fff!important; }

.taR { text-align: right;}

.fsp80 { font-size: 80%; }
.fsp120 { font-size: 120%; }
.fsp140 { font-size: 140%; }