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; }

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Regular'),
       local('NotoSansJP-Regular'),
         url('NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('NotoSansCJKjp-Regular.woff') format('woff'),
	     url('NotoSansCJKjp-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Medium'),
       local('NotoSansJP-Medium'),
         url('NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('NotoSansCJKjp-Medium.woff') format('woff'),
	     url('NotoSansCJKjp-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans CJK JP Subset';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans CJK JP'),
       local('NotoSansCJKjp-Bold'),
       local('NotoSansJP-Bold'),
         url('NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('NotoSansCJKjp-Bold.woff') format('woff'),
	     url('NotoSansCJKjp-Bold.ttf') format('truetype');
}

@media screen and (min-width: 768px) {
    #allstar { text-align: center; font-family:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Noto Sans CJK JP Subset',sans-serif; font-weight: 400; }
    #allstar .note { font-size: 12px;}
    #allstar .fntsize-ll { font-size: 42px; position: relative; line-height: 1.2; color: #eb5505; font-weight: 500; }
    #allstar .fntsize-periodmt { font-size: 12px; text-align: center; display: block; color: #111; line-height: 1; }
    #allstar .fntsize-l { font-size: 22px;}
    #allstar .fntsize-l2 { font-size: 32px;}
    
    #hero { padding-bottom: 20px; color: #fff; background: #000 url(/content/dam/au-com/pr/allstar/images/bg-hero.jpg) no-repeat center top; }
    #hero img { width: 100%; }
    #hero h1 { text-align: center; padding-top: 60px; }
    #hero h1 img { max-width: 863px; margin-bottom: 10px; }
    #hero p img { max-width: 807px; margin-top: 20px; width: 90%; }
    #hero p.note { text-align: center; font-size: 16px; }
    #hero p.note.under { margin-top: 20px; }
    #hero p.note a { color: #fff!important; text-decoration: underline!important; }
    #hero p.note .notelink { font-size: 12px!important; }
    #hero p.note:first-of-type { line-height: 1.8; color: #fff!important; }
    #hero ul { padding-top: 40px; font-size: 11px; line-height: 1.8; text-align: left; max-width: 863px; margin: 0 auto; }

    .attBox{max-width: 980px; margin: 0 auto 0;    border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 20px;}
    .attBox2{max-width: 980px; margin: 0 auto 20px;    border: 1px solid #ff0800;background-color: #fff;padding: 20px; color: #ff0800;}
    .attBox2 .tit{}
    .attBox2 .txt{ margin: 0 auto 20px;}
    .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}
    .link-window-orange{    padding-right: 13px;}
    .link-window-orange::after{
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4.5px;
      background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
      background-position: -22.5px -100px;
      width: 9px;
      height: 9px;
      background-size: 121px 118px;
  }
    
    .contentInner { max-width: 980px; margin: 0 auto; padding: 100px 0; position: relative; }
    #c01 .contentInner{padding: 50px 0 100px;}
    .contentInnercv { max-width: 980px; margin: 0 auto; }

    .chargeDZN { text-align: center; font-size: 15px; padding: 20px; margin-bottom: 40px; border-radius: 10px; background: #fff1e6; }
    #c01{padding: 50px 0 0;}
    #c01,#c02,#c04 { background: #eb5505 url(/content/dam/au-com/pr/allstar/images/bg-orange.png); background-size:100%; }
    #c02 { padding-top: 60px;}
    #c03 { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv03.jpg) no-repeat center top; }
    #btmnotebox { background: #fff; }
    #c01cv { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv01.jpg) no-repeat center top; }
    #c04cv,#btmnoteboxcv { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv02.jpg) no-repeat center top; }
    
    #c02 .contentInner{ padding: 0 0 100px; }
    
    
    #c01 h2 img { width: 100%; }
    #c01 .c01flexwrap { margin-bottom: 34px; }
    #c01 .c01flexwrap > div { width: 100%; }
    #c01 .c01flexwrap > div:first-child h3 img { /*margin-bottom: 20px;*/}
    #c01 .c01flexwrap > div h3 img { width: 47%; }
    #c01 .c01flexwrap > div p.note { color: #fff; padding-bottom: 10px; margin-top: -12px; }
    #c01 .c01flexwrap > div > div { background: #fff; border-radius: 2px; position: relative;  box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); /*display: flex; justify-content:center;  align-items:center; flex-wrap: wrap;*/ padding: 25px 0; margin-bottom: 35px; }
    .lnkAp { position: absolute; background: #fff; right: 37%; display: block; height: 22px; opacity: 0; top: 0; margin-top: 57.5%; width: 28%; }
    .lnkAp:hover { opacity: .3;}
    #c01 .c01flexwrap > div > div .flxbox { width: 50%; }
    #c01 .c01flexwrap > div > div img { width: 100%; max-width: 980px; }
    #c01 .c01flexwrap > div > div img.badge { width: 11%; position: absolute; left: -20px; top: 20px; }
    #c01 .c01flexwrap > div > div ul.note { color: #000; padding-bottom: 0; margin-top: 0; text-align: left; padding: 20px 20px 0; width: 100%; }
    #c01 .c01flexwrap > div > div ul.note li { text-indent: -1em; padding-left: 1em; }
    #c01 .c01flexwrap > div > div p.note{    max-width: 880px;      margin: 0 auto;      text-align: left; color: #333; padding: 0;     text-indent: -1em;
      padding-left: 1em; }

    #c01cv { padding: 0 0 84px 0; text-align: center; }
    #c01cv p.tit img { width: 100%; }
    
    
    #c02 h2 { margin-bottom: 60px; }
    #c02 h2 img { width: 100%; }
    #c03 h2 { margin-bottom: 80px; }
    #c03 h2 img { width: 100%; }
    
    
    .serviceBox { background: #fff; border-radius: 3px; margin-bottom: 35px;  }
    .serviceBox a.tgl-service { height: 90px; line-height: 90px;  padding-left: 50px; display: block; color:#000!important; text-decoration: none!important;  }
    .serviceBox a.tgl-service.open {border-bottom: 1px solid #000;}
    .serviceBox a.tgl-service h3 { color: #000!important; font-weight: bold; text-align: left; font-size: 22px; }
    .serviceBox a.tgl-service:hover { opacity:.7; }
    .serviceBox a.tgl-service h3 span { font-size: 26px; }
    
    .serviceBox a.tgl-service::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(1,1.8); position: absolute; top: 0; right: 3%; text-decoration: none!important;}
    .serviceBox a.tgl-service.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(1,1.8) translate(0, -2px); text-decoration: none!important; }
    
    .serviceBox .tgl-content { padding: 6% 8%; }
    .serviceBox .tgl-content-inner { max-width: 820px; text-align: left; }
    .serviceBox .tgl-content-inner p { font-size: 14px; margin-bottom: 10px; }
    .serviceBox .tgl-content-inner a { font-size: 14px; }
    .serviceBox .svFlex { display: flex; justify-content: space-between; margin-bottom: 20px; align-items: start; }
    .serviceBox .svFlex > div { width: 49.5%; }
    .serviceBox .svFlex > div p.cap { text-align: right; font-size: 12px; padding-top: 5px; }
    .serviceBox .svFlex > div img { width: 100%; }
    .serviceBox .svFlex.yt > div { width: 49.5%; margin: 0 auto;}
    .serviceBox .svFlex.ap { width: 100%; margin: 0 auto;}
    .serviceBox .svFlex.ap > div:first-child { width: 30%; }
    .serviceBox .svFlex.ap > div:last-child { width: 64%; }
    .serviceBox .svFlex.ap > div img { max-width: 508px; }

    .sv-amzn { text-align: center; padding-bottom: 30px;}
    .sv-amzn p { font-size: 18px!important; font-weight: bold; margin-bottom: 30px!important; }
    .serviceBox .svFlexAmzn { display: flex; justify-content: space-around; }
    .serviceBox .svFlexAmzn > div { width: 30%; text-align: center; position: relative; }
    .serviceBox .svFlexAmzn > div img { width: 80%; }
    .serviceBox .svFlexAmzn > div img.num,
    .serviceBox .svFlexAmzn > div:nth-child(2) img.num,
    .serviceBox .svFlexAmzn > div:nth-child(3) img.num { position: absolute; top: -20px; left: -20px; width: 22%; margin-top: 13%; }
    .serviceBox .svFlexAmzn > div:nth-child(2) img { width: 68%; margin-top: 15%; }
    .serviceBox .svFlexAmzn > div:last-child img { width: 70%; margin-top: 5%; }
    .serviceBox .svFlexAmzn > div h4 { font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 10px; margin-top: 30px; margin-bottom: 10px; }
    .serviceBox .svFlexAmzn > div p { font-size: 12px; text-align: left; margin-bottom: 30px; }
    
    .serviceBox .tgl-content-inner p.noteservice { font-size: 12px; margin-bottom: 20px; padding-top: 14px; }
    
    #bnr-serv img { width: 100%; }
    #bnr-pr { max-width: 628px; margin: 0 auto; padding-top: 80px; }
    #bnr-pr img { width: 100%; }
    
    #c04 h2 { color: #fff; font-size: 40px; font-weight: bold; margin-bottom: 60px; }
    
    #c04cv p.tit img { width: 100%; }
    
    ul#amNote.note { line-height: 1.4; color:#fff!important; padding: 15px; border: 1px solid #fff; }
    ul#tethering.note { line-height: 1.4; color:#fff!important; padding: 15px; border: 1px solid #fff; }
    #chgnote-mxpro ul.note { line-height: 1.4; }
    ul.note { text-align: left; line-height: 2; }
    ul.note li { text-indent: -1em; padding-left: 1em; }
    ul.note li.ind-num { position: relative; text-indent: 0; padding-left: 4em; }
    ul.note li.ind-num span.ind { position: absolute; top: 0; left: 0; }
    ul.note li a { display: inline; }
    
	.plan-box { position: relative; }
    .plan-detail { background: #fff; border-radius: 4px; padding: 70px 6%; box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); }
    .plan-detail-contents { padding: 20px; }
    .plan-detail-tit { display: flex; justify-content: space-between; align-items: center; color: #111; padding-bottom: 20px; }
    .plan-detail-tit h3 { font-size: 22px; text-align: left; position: relative; color: #000; }
    .plan-detail-tit p { text-align: right; }
    
    .plan-total-in { display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; }
    .plan-total-in > div { align-items: center; display: flex; }
    .plan-total-in > div:first-child { width: 36%; text-align: left; padding: 26px 15px; }
    .plan-total-in > div:last-child { width: 64%; padding: 10px 15px; }
    .plan-total-in > div:last-child > div { width: 100%; }
    .plan-total-in > div:last-child hr { /*border-bottom: 1px dotted #ccc;*/ margin-bottom: 10px;}
    .plan-total-charge-sholder { /*display: flex; justify-content: flex-start; align-items: flex-end;*/ }
    .plan-total-charge-sholder p { text-align: left; }
    .plan-total-charge-sholder p:first-child { text-align: center;  /*width: 164px;*/ margin-top: 1.1em; margin-bottom: 7px; margin-right: 1%; }
    .plan-total-charge-sholder p:last-child { line-height: 1; margin-bottom: 7px; margin-left: 2%; }
    .plan-total-in .plan-total-note p.note {text-align: left; }
    
    .breakdown-tit { position: relative; background: #e5e5e5; line-height: 50px; height: 50px; font-weight: bold; letter-spacing: .3em; }
    .breakdown-tit a { display: block; color: #000; text-decoration: none!important;}
    .breakdown-tit a::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(0.6,1); position: absolute; top: 0; right: 3%;}
    .breakdown-tit a.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(0.6,1); }
    
    table.pln-table { width: 100%; }
    table.pln-table tr { border-bottom: 1px solid #ccc; }
    table.pln-table th { width: 36%; padding: 15px; text-align: left; vertical-align: middle; font-weight: normal; }
    table.pln-table td { width: 32%; padding: 15px 0; text-align: center; vertical-align: middle; }
    table.pln-table hr { display:none; }
    table.pln-table td.cols1 { padding: 0; width: 100%; }
    table.pln-table td.cols1 > div { padding: 10px 0;}
    table.pln-table td.cols1 > div { border-bottom: 1px solid #ccc; }
    table.pln-table td.cols1 > div:last-child { border-bottom: none; }
    table.pln-table td.cols1 > div { display: flex; justify-content: flex-start; align-items: center; }
    table.pln-table td.cols1 > div > p { width: 50%; }
    
    .plan-note { padding-top: 20px; }
	
    .dwnarr { display: inline-block; transform: scale(1,.6) rotate(90deg);}
    
    #c04cv { padding: 0 0 84px 0; text-align: center; }
    #c04cv p.tit img { width: 100%; }
    
    #btmnotebox { color:#333; text-align: left; font-size: 12px; }
    #btmnotebox p { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
    #btmnotebox ul { border-bottom: 1px solid #999; padding: 0 0 30px 0; margin-bottom: 30px; }
    #btmnotebox ul li { line-height: 1.6; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }
    
    #btmnoteboxcv { padding: 0 0 84px 0; text-align: center; }
    #btmnoteboxcv p.tit img { width: 100%; }
    
    .btn-cv { width: 524px; height: 62px; line-height: 60px; color:#eb5505!important; font-weight: bold;font-size: 16px; border: 1px solid #eb5505; border-radius: 31px; text-align: center; margin: 0 auto; display: block!important; text-decoration: none!important; transition: .5s; background: url(/content/dam/au-com/pr/allstar/images/arrow.png) no-repeat right 20px center; }
    .btn-cv:hover { opacity: .7;}
    
    #bnr-serv { width:87.756%; margin: 0 auto; }
    #bnr-serv .slick-list { box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); }
    #bnr-serv .slick-dots { padding-top: 40px; }
    #bnr-serv .slick-dots > li { width: 14px; height: 14px; background: #e8e8e8;  }
    #bnr-serv .slick-dots > li + li { margin-left: 24px; }
    #bnr-serv .slick-dots > li.slick-active { background: #222222; }
    .slick-arrow { position: absolute; top: 310px; width: 26px; height: 40px; display: block; }
    .slick-arrow img { width: 100%; }
    .slick-mb-prev { left: 5px;  }
    .slick-mb-prev img { transform: rotate(180deg); }
    .slick-mb-next { right: 5px;} 
    
    #bnr-pr .slick-dots { padding-top: 40px; }
    #bnr-pr .slick-dots > li { width: 14px; height: 14px; background: #e8e8e8;  }
    #bnr-pr .slick-dots > li + li { margin-left: 24px; }
    #bnr-pr .slick-dots > li.slick-active { background: #eb5505; }
    
    #flbn { background: #000; padding: 15px; position: fixed; bottom: 0; width: 100%; left: 90px; z-index: 3; transition: .5s; }
    #flbn a { display: block; height: 50px; line-height: 50px; background: linear-gradient(to right, #fe812f, #fd4a24); color: #fff!important; text-decoration: none; font-weight: bold; border-radius: 25px; width: 524px; margin: 0 auto; text-align: center; transition: .5s; background-image: url(/content/dam/au-com/pr/allstar/images/arrow-w.png),linear-gradient(to right, #fe812f, #fd4a24); background-repeat: no-repeat; background-position: right 3% center; }
    #flbn a:hover { opacity: .7; }
    #flbn.off { bottom: -84px; }
    
    .indnum { padding-left: 3em!important; text-indent: 0!important; position: relative; }
    .indnum span { position: absolute; top: 0; left: 0; }
    .indin { display: block; }
    
    #famwari.subplan-box { margin-top: 60px; }
    #smvcamp,
    #famwaricamp { padding-top: 50px;}
    #smvcamp p,
    #famwaricamp p { margin-bottom: 20px!important; }
    .subplan-box { border: 2px solid #e5e5e5; margin: 0 20px 40px; text-align: left; }
    .subplan-box .subplan-tit { background: #e5e5e5; position: relative; height: 84px; line-height: 84px; padding-left: 30px; }
    .subplan-box .subplan-tit h3 { position: relative; font-size: 22px; color: #111; }
    .subplan-box .subplan-tit h3 span { color: #eb5505; font-size: 14px; display: inline-block; padding: 5px 10px; border: 1px solid #eb5505; font-weight: normal; background: #fff; line-height: 1; position: absolute; right: 76px; top: 28px; }
    .subplan-box .subplan-tit h3 span.non  { color: #111; border: 1px solid #fff; }
    .subplan-box .subplan-tit a { display: block; line-height: 84px; height: 84px; text-decoration: none!important; }
    .subplan-box .subplan-tit a::after { content: '\FF0B'; font-size: 22px; font-weight: bold; color: #111;top: 0;
    right: 4%; position: absolute; }
    .subplan-box .subplan-tit a.open::after { content: '\2015'; font-weight: bold;}
    .subplan-box .subplan-content { padding: 30px; color: #111;  }
    .subplan-box .subplan-content-main { padding: 30px; margin-bottom: 25px; line-height: 1.8;}
    .subplan-box .subplan-content-main .fmplus { line-height: 1.6; }
    
    .subplan-termbox { border-top: 1px solid #cbc09e; line-height: 2.4; margin-top: 14px; }
    .subplan-termbox ul li { /*text-indent: -2em; padding-left: 2em;*/ border-bottom: 1px solid #cbc09e; }
    .subplan-termbox ul li div { background: #fff; text-indent: 0; text-align: center; padding: 4px 16px; margin: 10px auto; display: inline-block; position: relative; }
    .subplan-termbox ul li div::after { content:''; position: absolute; left: 50%; top: -13px; display: block;width: 0;
height: 0;
border-style: solid;
border-width: 0 18px 14px 18px;
border-color: transparent transparent #fff transparent;}
    .subplan-termbox ul li p.or { text-align: center; text-indent: 0; font-size: 14px; font-weight: bold; }
    .subplan-termbox ul li p.or span { display: none;}
    .subplan-termbox ul li p.or::before { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center right;}
    .subplan-termbox ul li p.or::after { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center left;}
    
    .subplan-box .subplan-content table {margin: 25px 0; border-bottom: 1px solid #c2c2c2;}
    .subplan-box .subplan-content table th { background: #f3f3f3; font-weight: normal; text-align: left; padding: 15px; vertical-align: middle; border-top: 1px solid #c2c2c2; width: 40%;  }
    .subplan-box .subplan-content table td { border-top: 1px solid #c2c2c2; padding: 15px; width: 60%; }
    .subplan-box .subplan-content table td p { margin-bottom: 10px; vertical-align: middle; }
    
    .sbplnCatch { margin-bottom: 30px; }
    
    .tablepara { display: flex; justify-content: space-between; align-items: center; }
    .tablepara p:first-child{ width: 70%; }
    .tablepara p:last-child{ width: 30%; text-align: right; font-size: 24px; font-weight: bold; }
    
    p.btm-link { text-align: right; font-size: 12px; margin-top: 15px; }
    
    #btm-note-link { width: 490px; margin: 70px auto 20px; }
    #btm-note-link a { display: block; height: 60px; border-radius: 30px; line-height: 58px; border: 2px solid #eb5505;
        color: #eb5505!important;
    text-decoration: none!important;}
    #btm-note-link a:hover { opacity: .6; }
    #btm-note-link a::after{ content: '\FF1E'; display: block; top: 0; right: 10px; width: 20px; height: 60px; position: absolute; transform: scale(1,.6) rotate(90deg); }
    
    #auPay5g a.btn-cv { font-weight: normal;margin-top: 40px; } 

    .featureNote { text-align: left; font-size: 12px; padding: 5px 23px 0 10%;}
    .featureNote a img { width: 14px!important; }  
    
  #toolTipList { display: flex; justify-content: center; width: 90%; margin: 0 auto 10px; font-weight: bold; }
  #toolTipList li { font-size: 17px; position: relative; margin-left: 20px; }
  #toolTipList li:first-child { margin-left: 0; }
  #toolTipList li a { color: #222!important; }
  #toolTipList li p a { color:#06a!important; }
  #toolTipList li span.note { font-size: 12px; }
  #toolTipList li img.question { width: 25px; margin-left: 5px; margin-bottom: 4px; }

  
  .tooltip { background: #111; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; }
  .tooltip { padding: 5px; margin-top: 20px; width: auto; 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 #111 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px; }
  .tooltip__cont > p { color:#fff; text-align: center; padding: 16px 0; font-size: 20px; font-weight: bold; }
  .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; }
  .tooltip__close { display: block; background: url(/content/dam/au-com/pr/daznpack/img/modal_ico_close.png) no-repeat center/21px; cursor: pointer; }
  .tooltip__close { height: 40px; margin: 10px auto 8px; }
  .tooltip__advantage { background: #fff; padding: 15px; }
  .tooltip__advantageTtl { font-size: 20px; height: 40px; text-align: center; line-height: 40px; font-weight: bold; }
  .tooltip__txt { line-height: 1.8; font-size: 14px; display: inline-block; margin: 0 auto; }
  .question { width: 24px;}
  .tablepara { display: flex; justify-content: space-between; align-items: center; }
  .tablepara p:last-child { width: 30%; text-align: right; font-size: 24px; font-weight: bold; }
  .footerElem{ padding-bottom:80px!important; background: #f3f3f3;}
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    #flbn { left: 0; }
}

@media screen and (max-width: 980px) and (min-width: 768px) {
    .contentInner { padding: 100px 20px; }
    #bnr-serv { margin: 0 auto; }
    .slick-arrow { top: 0; margin-top: 30%; }
    .plan-detail {padding: 50px 3%;}
    #btmnotebox { padding: 0 20px; }
}

@media screen and (max-width: 767px) and (min-width: 0px) {
    #contentsWrapper .contArea { padding-top: 0!important; }
    #allstar { text-align: center; font-size: 3.4vw; }
    #allstar .note { font-size: 2.8vw;}
    #allstar .fntsize-ll { font-size: 9vw; color: #eb5505; font-weight: 500;}
    #allstar .fntsize-periodmt { font-size: 3.4vw; display: block; color: #000; }
    #allstar .fntsize-l { font-size: 4.8vw;}
    #allstar .fntsize-l2 { font-size: 7vw;}
    
    #hero { padding-bottom: 5%; color: #fff; background: #000 url(/content/dam/au-com/pr/allstar/images/bg-hero-sp.jpg) no-repeat center top; background-size: 100%;  }
    #hero img { width: 100%; }
    #hero h1 { text-align: center; padding: 11% 8% 5%; }
    #hero h1 img {  }
    #hero p img { margin: 5%; width: 90%; }
    #hero p.note { text-align: left; }
    #hero p.note a { color: #fff!important; text-decoration: underline!important; }
    #hero p.note:first-of-type { padding: 0 5%; line-height: 1.6; font-size: 2.8vw; margin-bottom: 0; text-align: center; color: #fff!important; }
    #hero p.note:last-of-type { padding: 0 5%; }
    #hero .contentInnercv { padding: 0; }
    #hero ul { padding: 10% 5% 0; font-size: 2.8vw; line-height: 1.8; text-align: left;}

    .attBox{width: 90%; margin: 0 auto 0;    border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 5%; text-align: left;}
    .attBox2{width: 90%; margin: 0 auto 5%;    border: 1px solid #ff0800;background-color: #fff;padding: 5%; color: #ff0800; text-align: left;}
    .attBox2 .tit{text-align: center; }
    .attBox2 .txt{text-align: left; margin: 0 auto 5%;}
    .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}
    .link-window-orange{    padding-right: 13px;}
    .link-window-orange::after{
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4.5px;
      background-image: url(/etc.clientlibs/settings/wcm/designs/au-com/clientlib-site/resources/images/icon/icon_sprite.png);
      background-position: -22.5px -100px;
      width: 9px;
      height: 9px;
      background-size: 121px 118px;
  }
    
    .contentInner { padding: 0 5%; }
    .contentInnercv { padding: 0 5%; }
    
    .chargeDZN { text-align: center; font-size: 3.4vw; padding: 5%; margin: 5% 5% 0; border-radius: 2vw; background: #fff1e6; }
    #c02 .contentInner { padding: 0 8%; position: relative; }
    
    
    #c01{padding: 5% 0 0;}
    #c01,#c02,#c04 { background: #eb5505 url(/content/dam/au-com/pr/allstar/images/bg-orange.png); background-size: contain; }
    #c03 { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv03.jpg) no-repeat center top; background-size: 190%;  }
    #btmnotebox { background: #fff; }
    #c01cv { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv01.jpg) no-repeat left 75% top; background-size: auto 100%;  }
    #c04cv,#btmnoteboxcv { background: #000 url(/content/dam/au-com/pr/allstar/images/bg-cv02.jpg) no-repeat center top; background-size: auto 100%; padding-bottom: 13%; }
    
    #c01 h2 img { width: 100%; }
    #c01 .c01flexwrap { margin-bottom: 5%; }
    #c01 .c01flexwrap > div h3 img { width: 100%; }
    #c01 .c01flexwrap > div p { color:#fff; margin-bottom: 2%; margin-top: -2%; }
    #c01 .c01flexwrap > div > div { background: #fff; border-radius: 1vw; position: relative; margin-bottom: 5%; box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); padding-bottom: 5%;}
    #c01 .c01flexwrap > div > div img { width: 100%; }
    #c01 .c01flexwrap > div:nth-child(3) > div img.badge { top: 3vw; }
    #c01 .c01flexwrap > div > div img.badge { width: 22%; position: absolute; left: -3vw; top: 6vw; }
    #c01 .c01flexwrap > div > div ul.note { color: #000; margin-top: 0; text-align: left; padding: 0 5% 5%; width: 100%; margin-bottom: 0; }
    #c01 .c01flexwrap > div > div ul.note li { padding-left: 1em; text-indent: -1em; line-height: 1.2; }
    #c01 ul.note { padding: 5% 0 10%; }
    #c01 .c01flexwrap > div > div p.note{     margin: 2% 5% 0;      text-align: left; color: #333; padding:0 0 5% 0;     text-indent: -1em;
      padding-left: 1em; }
    
    .lnkAp { position: absolute; background: #fff; right: 10%; display: block; height: 5vw; opacity: 0; bottom: 0; margin-bottom: 13.6vw; width: 80%; }
    
    #c01cv { text-align: center; padding-bottom: 13%; }
    #c01cv p.tit img { width: 100%; }
    
    #c01 { padding-bottom: 13%; }
    #c02 { padding-bottom: 13%; }
    #c02 h2 img { width: 100%; }
    #c03 { padding-bottom: 13%; }
    #c03 h2 img { width: 100%; }
    
    
    .serviceBox { background: #fff; border-radius: 3px; margin-bottom: 5%;  }
    .serviceBox a.tgl-service { height: 14vw; line-height: 14vw; padding-left: 5%; display: block; color:#000!important; text-decoration: none!important; }
    .serviceBox a.tgl-service.open {border-bottom: 2px solid #000;}
    .serviceBox a.tgl-service::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(1,1.8); position: absolute; top: 0; right: 3%; }
    .serviceBox a.tgl-service.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(1,1.8) translate(0, 0); }
    
    .serviceBox a.tgl-service h3 { color: #000!important; font-weight: bold; text-align: left; font-size: 4vw; }
    .serviceBox a.tgl-service h3 span { font-size: 4vw; }
    
    .serviceBox .tgl-content { padding: 7% 5%; }
    .serviceBox .tgl-content-inner { text-align: left; }
    .serviceBox .tgl-content-inner img { width: 100%; }
    .serviceBox .tgl-content-inner p { margin-bottom: 5%; }
    .serviceBox .tgl-content-inner a {  }
    .serviceBox .tgl-content-inner .logo { }
    .serviceBox .svFlex { /*display: flex; justify-content: space-between;*/ }
    .serviceBox .svFlex > div { width: 94%; margin: 0 auto 3%; }
    .serviceBox .svFlex > div p.cap { text-align: right; font-size: 2.8vw; padding-top: 1vw; }
    .serviceBox .svFlex > div img { width: 100%; }
    .serviceBox .svFlex.ap > div:first-child { text-align: center; width: 70%; margin: 0 auto 3%; }

    .sv-amzn { text-align: center; padding-bottom: 6%;}
    .sv-amzn img { width: 76%!important;}
    .sv-amzn p { font-size: 3.6vw!important; font-weight: bold; margin-bottom: 3%!important; }
    .serviceBox .svFlexAmzn { }
    .serviceBox .svFlexAmzn > div { text-align: center; position: relative; }
    .serviceBox .svFlexAmzn > div img { width: 50%; margin-bottom: 8%; }
    .serviceBox .svFlexAmzn > div img.num,
    .serviceBox .svFlexAmzn > div:nth-child(2) img.num,
    .serviceBox .svFlexAmzn > div:last-child img.num { width: 18%; display: block; margin: 0 auto 0;}
    .serviceBox .svFlexAmzn > div:nth-child(2) img { width: 50%; margin-top: 5%; margin-bottom: 5%; }
    .serviceBox .svFlexAmzn > div:last-child img { width: 50%; margin-top: 5%; margin-bottom: 5%; }
    .serviceBox .svFlexAmzn > div h4 { font-weight: bold; font-size: 4vw; text-align: center; margin-bottom: 3%; }
    .serviceBox .svFlexAmzn > div p { font-size: 3.4vw; text-align: left; margin-bottom: 10%; }
    
    .serviceBox .tgl-content-inner p.noteservice { font-size: 2.4vw; margin-bottom: 5%; padding-top: 4%; }
    
    #bnr-serv img { width: 100%; }
    #bnr-pr { width: 84%; margin: 0 auto; padding-top: 15%; }
    #bnr-pr img { width: 100%; }
    
    #c04 { padding-bottom: 13%; }
    #c04 h2 { color: #fff; font-size: 5.8vw; padding-top: 15%; font-weight: bold; margin-bottom: 10%; }
    #c04cv p.tit img { width: 100%; }
    
    ul#amNote.note { line-height: 1.4; color: #fff!important; padding: 3%; border: 1px solid #fff; }
    ul#tethering.note { line-height: 1.4; color: #fff!important; padding: 3%; border: 1px solid #fff; }
    #chgnote-mxpro ul.note { line-height: 1.4; }
    ul.note { text-align: left; line-height: 2; }
    ul.note li { text-indent: -1em; padding-left: 1em; margin-bottom: 2%; }
    ul.note li.ind-num { position: relative; text-indent: 0; padding-left: 4em; }
    ul.note li.ind-num span.ind { position: absolute; top: 0; left: 0; }
    ul.note li a { display: inline; }
    
    .plan-detail { padding-top: 1px; background: #fff; border-radius: 2px; padding-bottom: 5%; box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); }
    .plan-total-charge-sholder p:last-child { line-height: 1.2; }
	
    .dwnarr { display: inline-block; transform: scale(1,.6) rotate(90deg);}
    
    .plan-detail-contents { border: 3px solid #ffac83; border-collapse: separate; margin: 0 5%; }
    .plan-detail-tit { color:#111; padding: 8% 0; }
    .plan-detail-tit h3 { font-size: 4.8vw; margin-bottom: 2%; color: #000; }
    .plan-detail-tit p { font-size: 3.4vw; }
    
    .plan-total {  }
    .plan-total hr { height: 0; border: none; border-bottom: 2px solid #999;}
    
    
    .plan-total-in {  }
    .plan-total-in > div { }
    .plan-total-in > div:first-child {  padding: 5%; }
    .plan-total-in > div:last-child { padding: 3% 5%; }
    .plan-total-in > div:last-child hr { border-bottom: 1px solid #ccc; margin-top: 3%; margin-bottom: 3%;}
    .plan-total-in .plan-total-note p.note {text-align: left; }
    
    .breakdown-tit { position: relative; background: #e5e5e5; line-height: 12vw; height: 12vw; font-weight: bold; letter-spacing: .3em; }
    .breakdown-tit a { display: block; color: #000; text-decoration: none!important;}
    .breakdown-tit a::after { content: '\FF1C'; display: block; font-weight: bold; transform: rotate(-90deg) scale(0.6,1); position: absolute; top: 0; right: 3%; }
    .breakdown-tit a.open::after { content: '\FF1C'; font-weight: bold; transform: rotate(90deg) scale(0.6,1); }
    
    table.pln-table { width: 100%; }
    table.pln-table tr { border-bottom: 1px solid #ccc; }
    table.pln-table th { display: block; width: 100%; padding: 3%;  vertical-align: middle; font-weight: 700; text-align: center; }
    table.pln-table td { width: 100%; display: block; padding: 3% 0; text-align: center; vertical-align: middle; background: #fff; }
    table.pln-table hr { /*margin: 10px 0; border-bottom: 1px dotted #ccc;*/ display: none; }
    table.pln-table td.cols1 { /*display: flex; justify-content: space-between; align-items: top;*/ padding: 0; }
    table.pln-table td.cols1 > div { padding: 3% 0; }
    table.pln-table td.cols1 > div { border-bottom: 1px solid #ccc; }
    table.pln-table td.cols1 > div:last-child { border-bottom: none; }
    table.pln-table td.cols1 > div { /*display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; */}
    table.pln-table td.cols1 > div > p { width: 100%; }
    
    .plan-note { padding: 5%; text-align: left; }
    
    
    #btmnotebox { color:#333; text-align: left; font-size: 2.8vw; padding-top: 20%; padding-bottom: 10%; }
    #btmnotebox p { font-size: 3.2vw; font-weight: bold; margin-bottom: 3%; }
    #btmnotebox ul { border-bottom: 1px solid #999; padding: 0 0 5% 0; margin-bottom: 5%; }
    #btmnotebox ul li { line-height: 1.6; margin-bottom: 2%; padding-left: 1em; text-indent: -1em; }
    
    #btmnoteboxcv p.tit img { width: 100%; }
    
    .btn-cv { width: 84%; height: 14vw; line-height: 14vw; color:#eb5505!important; font-weight: bold; font-size: 4vw; border: 2px solid #eb5505; border-radius: 7vw; text-align: center; margin: 0 auto; display: block!important; text-decoration:none!important; background: url(/content/dam/au-com/pr/allstar/images/arrow.png) no-repeat right 5% center; }
    .btn-cv::after {}
    #bnr-serv .slick-list { box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1); }
    #bnr-serv .slick-dots { padding-top: 6%; }
    #bnr-serv .slick-dots > li { width: 2vw; height: 2vw; background: #e8e8e8;  }
    #bnr-serv .slick-dots > li + li { margin-left: 4vw; }
    #bnr-serv .slick-dots > li.slick-active { background: #222222; }
    .slick-arrow { position: absolute; top: 80vw; width: 5vw; height: 9vw; display: block; }
    .slick-arrow img { width: 100%; }
    .slick-mb-prev { left: 1vw; }
    .slick-mb-prev img { transform: rotate(180deg); }
    .slick-mb-next { right: 1vw;}
    
    #bnr-pr .slick-dots { padding-top: 6%; }
    #bnr-pr .slick-dots > li { width: 2vw; height: 2vw; background: #e8e8e8;  }
    #bnr-pr .slick-dots > li + li { margin-left: 4vw; }
    #bnr-pr .slick-dots > li.slick-active { background: #eb5505; }
    
    #flbn { background: #000; padding: 3%; position: fixed; bottom: 0; width: 100%; z-index: 3; transition: .5s; }
    #flbn a { display: block; height: 12vw; line-height: 12vw; color: #fff!important; text-decoration: none; font-weight: bold; border-radius: 6vw; width: 70%; margin: 0 auto; font-size: 4vw; text-align: center; background-image: url(/content/dam/au-com/pr/allstar/images/arrow-w.png),linear-gradient(to right, #fe812f, #fd4a24); background-repeat: no-repeat; background-position: right 5% center;}
    #flbn.off { bottom: -16vw; }
    
    .indnum { padding-left: 3em!important; text-indent: 0!important; position: relative; }
    .indnum span { position: absolute; top: 0; left: 0; }
    .indin { display: block; padding-left: 1em!important; text-indent: -1em!important; }
    
    
    #famwari.subplan-box { margin-top: 10%; }
    #smvcamp,
    #famwaricamp { padding-top: 10%;}
    #smvcamp p,
    #famwaricamp p { margin-bottom: 5%!important; font-size: 3.4vw; }
    .subplan-box { border: 2px solid #e5e5e5; margin: 0 5% 10%; text-align: left; }
    .subplan-box .subplan-tit { background: #e5e5e5; position: relative; height: 12vw; line-height: 12vw; padding-left: 5%; }
    .subplan-box .subplan-tit h3 { position: relative; font-size: 4.2vw; color: #111; }
    #auPay5g.subplan-box .subplan-tit h3 { font-size: 3.6vw; }
    .subplan-box .subplan-tit h3 span { color: #eb5505; font-size: 2.8vw; display: inline-block; padding: 1% 2%; border: 1px solid #eb5505; font-weight: normal; background: #fff; line-height: 1; position: absolute; right: 12%; top: 32%; }
    .subplan-box .subplan-tit h3 span.non  { color: #111; border: 1px solid #fff; }
    
    .subplan-box .subplan-tit a { display: block; line-height: 12vw; height: 12vw; text-decoration: none!important; }
    .subplan-box .subplan-tit a::after { content: '\FF0B'; font-size: 4.2vw; font-weight: bold; color: #111; top: 0;
    right: 4%; position: absolute; }
    .subplan-box .subplan-tit a.open::after { content: '\2015'; font-weight: bold;}
    .subplan-box .subplan-content { padding: 4%; color: #111;  }
    .subplan-box .subplan-content-main { padding: 4%; margin-bottom: 8%; line-height: 1.8;}
    .subplan-box .subplan-content-main .fmplus { line-height: 1.4; }
    
    .subplan-box .subplan-content .fntsize-l { font-size: 3.8vw!important;}
    
    .subplan-termbox { border-top: 1px solid #cbc09e; line-height: 2; margin-top: 2%; }
    .subplan-termbox ul li { text-indent: -1em; padding-left: 1em; border-bottom: 1px solid #cbc09e; word-wrap: break-word; }
    .subplan-termbox ul li div { background: #fff; text-indent: 0; text-align: left; padding: 2%; margin: 3% auto; display: inline-block; position: relative; line-height: 1.5; }
    .subplan-termbox ul li div::after { content:''; position: absolute; left: 50%; top: -9px; display: block;width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 10px 12px;
border-color: transparent transparent #fff transparent;}
    .subplan-termbox ul li p.or { text-align: center; text-indent: 0; font-size: 3vw; font-weight: bold; }
    .subplan-termbox ul li p.or span { display: none;}
    .subplan-termbox ul li p.or::before { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center right;}
    .subplan-termbox ul li p.or::after { content:'\2015'; transform: scale(5,1); text-indent: 0;display: inline-block; transform-origin: center left;}
    
    .subplan-box .subplan-content table { margin: 5% 0; border-bottom: 1px solid #c2c2c2; }
    .subplan-box .subplan-content table th { background: #f3f3f3; font-weight: normal; text-align: center; padding: 5% 0; vertical-align: middle; border-top: 1px solid #c2c2c2; display: block; width: 100%; }
    .subplan-box .subplan-content table td { padding: 5% 0; vertical-align: middle; display: block; width: 100%;}
    .subplan-box .subplan-content table td p { margin-bottom: 3%; }
    
    .sbplnCatch { margin-bottom: 4%; }
    
    .tablepara p {font-size: 3.4vw }
    .tablepara p:last-child{ font-size: 5vw; font-weight: bold; }
    
    p.btm-link { text-align: right; font-size: 2.8vw; margin-top: 3%; }
    
    #btm-note-link { width: 94%; margin: 5% auto; }
    #btm-note-link a { display: block; height: 12vw; border-radius: 6vw; line-height: 11.2vw; 
        border: 2px solid #eb5505;
        color: #eb5505!important;
    text-decoration: none!important;}
    #btm-note-link a::after{ content: '\FF1E'; display: block; top: 0; right: 3%; width: 20px; height: 12vw; line-height: 11vw; position: absolute; transform: scale(1,.6) rotate(90deg); }
    
    #auPay5g a.btn-cv { width: 100%; font-size: 3vw; font-weight: normal;margin-top: 3%; } 
    
    .featureNote { text-align: left; font-size: 2.8vw; padding: 1% 9% 5%; color:#333!important; }  
    .featureNote a img { width: 2.8vw!important; }
    
  #toolTipList { width: 88%; margin: 0 auto 3%; font-weight: bold; }
  #toolTipList li { font-size: 4vw; text-align: left; line-height: 1.6; position: relative; }
  #toolTipList li a { color: #222!important; display: block; }
  #toolTipList li p a { color:#06a!important; }
  #toolTipList li span.note { font-size: 2.6vw; }
  #toolTipList li img.question { width: 5vw; margin-left: 2%; }
  
  .tooltip { background: #111; position: absolute; top: 100%; transition: 0.3s; opacity: 0; z-index: -1; visibility: hidden; width: 100%; padding: 3%; margin-top: 20px; 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 #111 transparent; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -20px;}
  .tooltip__cont > p { color:#fff; text-align: center; padding: 3% 0; font-size: 4vw; font-weight: bold; }
  .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!important; }
  .tooltip__close { display: block;  background: url(/content/dam/au-com/pr/daznpack/img/modal_ico_close.png) no-repeat center/5vw; cursor: pointer; }
  .tooltip__close { height: 5vw; margin: 3% auto 0; }
  .tooltip__advantage { background: #fff; padding: 15px; }
  .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; }
  
  .question { width: 5vw;}
  .tablepara { }
  .tablepara p:last-child { font-size: 6vw; font-weight: bold; }
  .footerElem{ padding-bottom: calc(12vw + 6%)!important; background: #f3f3f3;}
}
    
.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp { display: block; }
	.view-pc { display: none; }
}
#btmnotebox a { display: inline; text-decoration: underline; }
#btmnotebox .fcred a { color: #FF0004!important; }
.bggray1 { background: #f3f3f3; }
.bgyellow { background: #fff1e6; }
.bggray1 { background: #f3f3f3; position: relative; }
.bggray1 a { color: #111; text-decoration: none; }
.bggray1 a:hover { color: #0066aa; text-decoration: underline!important; }
.bgyellow hr { display: block; border-bottom: 1px solid #cbc09e; margin: 10px auto; }

.fwb { font-weight: bold!important; }
.fcred { color: #FF0004!important; }
.fcorange { color:#eb5505!important; }
.fcgray { color:#666!important; }

.taC { text-align: center!important; }
.taL { text-align: left!important; }
.fwB { font-weight: 700!important; }
td .fwB { font-weight: 500!important; }

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

.tgl-content { display: none; }

.slide-up { opacity: 0; transform: translate(0, 120px); transition: .6s; }
.slide-up.in { opacity: 1; transform: translate(0, 0); }

/*////////////////////////////////////// 6/25UP */
#flbn a,
#btmnoteboxcv,
#c04cv,
#c01cv { /*display:none;*/ }

/*///////////////////////////////////////////////*/
.nobdrbtm { border-bottom: none!important; }

/**/

/*
 SNS
----------------------------------------------------------------------------------------------------*/
.socials li {
	margin-left:7px;
	line-height:0;
	float:left;
	width:75px;
}
.socials li:nth-child(1){ width: 75px; overflow: hidden; position: relative;}
.socials li.facebook{width:116px;}
.socials li#linebtn{ width:88px; }

.headL2 {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: 30px;
}

.gn-socials {
	position: absolute;
	right:0;
	top: 0px;
	width:auto!important;
}

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


#socialBox { display: none; padding: 10px; }

@media screen and (max-width: 767px) {

#socialBox { display: block; padding: 10px; }
.headL2 { display: none; }

#sp_social_v2 {
	margin-top: 40px;
	text-align: center;
}

#sp_social_v2 ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 30px 0;
	border: #e5e5e5 1px solid;
	background: #fbfbfb;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	-o-box-sizing: border-box!important;
	-ms-box-sizing: border-box!important;
	box-sizing: border-box!important;
	font-size: 1.4rem;
	font-weight: bold;
}

#sp_social_v2 ul li {
	display: table-cell;
	padding: 3% 0;
}

#sp_social_v2 ul li:nth-child(2) {
	border-left: #e5e5e5 1px solid;
	border-right: #e5e5e5 1px solid;
}

#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:75%; }
#sp_social_v2 ul li a img { width: 100%; height: auto; max-width: 104px;  }

#socialBtn {
	border-top:1px solid #e8e8e8;
	padding-top:60px;
	padding-bottom:40px;
}

#socialBtn a { margin-right: 60px; }
#socialBtn a.lastbtn { margin-right: 0; }
#socialBtn a img {
	width:100px;
	height:100px;
}

}


@media screen and (min-width: 0px) and (max-width: 500px) {
	#sp_social_v2 ul li a { display: block; width: 70%; margin: 0 auto; font-size:55%; }
}


#sp_social_v2 {
    margin-top: 10%;
    text-align: center;
}
#sp_social_v2 ul{ 
    border: none;
    background: #fff;
    width: 80%;
    margin: 0 auto; }
#sp_social_v2 ul li:nth-child(2){border:none;}
#sp_social_v2 ul li{ font-size: 3vw; }
#sp_social_v2 ul li a { width: 100%; font-size: 100%; }
#sp_social_v2 ul li a img { margin-bottom: 5%; width: 60%; }