@charset "utf-8";

/*
  Modal
----------------------------------------------------------------------------------------------------*/
.MAIN-COLUMN .box .ind .link_modal_sp {
  cursor: default;
}
.MAIN-COLUMN .box .ind .link_modal_sp:hover {
  border: none !important;
}
.MAIN-COLUMN .box .ind .link_modal_sp:hover > img {
  margin: 0 !important;
}
.MAIN-COLUMN .box .ind .link_modal_sp .icon_img {
  display: none;
}
@media screen and (max-width: 480px) {
 .MAIN-COLUMN .box .ind .link_modal_sp .icon_img {
    display: block;
  }
}

#bg_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#modal_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
}

#modal {
  padding: 15px;
  background: #FFF;
  border-radius: 7px;
  text-align: left;
}

#modal .tar {
  display: block;
  margin: -15px -15px 0;
  *zoom: 1;
  padding: 15px;
  border-bottom: 1px solid #e6e9ee;
  margin-bottom: 15px;
}

#modal .img_l {
  border: 1px solid #e6e9ee;
}

@media screen and (max-width: 480px) {
	
	#modal_wrap{width:90%;}
	#modal .tar {width:100%;}
	#modal .img_l{width:100%;}
	
}


/*
  Helper
----------------------------------------------------------------------------------------------------*/

.ofh {
  overflow: hidden !important;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.posr {
  position: relative !important;
}

.posa {
  position: absolute !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.vab {
  vertical-align: bottom !important;
}

.bdrn {
  border: none !important;
}

.dn {
  display: none;
}

.f16 {
  font-size: 142.9%;
}

.wfn {
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.wfb {
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/* Spacing Classes --------------------------------------------*/
.mod {
  margin: 12px !important;
}

.m0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mts {
  margin-top: 6px !important;
}

.mtm {
  margin-top: 12px !important;
}

.mtl {
  margin-top: 18px !important;
}

.mtx {
  margin-top: 24px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mbs {
  margin-bottom: 6px !important;
}

.mbm {
  margin-bottom: 12px !important;
}

.mbl {
  margin-bottom: 18px !important;
}

.mbx {
  margin-bottom: 24px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mls {
  margin-left: 6px !important;
}

.mlm {
  margin-left: 12px !important;
}

.mll {
  margin-left: 18px !important;
}

.mlx {
  margin-left: 24px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mrs {
  margin-right: 6px !important;
}

.mrm {
  margin-right: 12px !important;
}

.mrl {
  margin-right: 18px !important;
}

.mrx {
  margin-right: 24px !important;
}

.pod {
  padding: 12px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pts {
  padding-top: 6px !important;
}

.ptm {
  padding-top: 12px !important;
}

.ptl {
  padding-top: 18px !important;
}

.ptx {
  padding-top: 24px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pbs {
  padding-bottom: 6px !important;
}

.pbm {
  padding-bottom: 12px !important;
}

.pbl {
  padding-bottom: 18px !important;
}

.pbx {
  padding-bottom: 24px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pls {
  padding-left: 6px !important;
}

.plm {
  padding-left: 12px !important;
}

.pll {
  padding-left: 18px !important;
}

.plx {
  padding-left: 24px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.prs {
  padding-right: 6px !important;
}

.prm {
  padding-right: 12px !important;
}

.prl {
  padding-right: 18px !important;
}

.prx {
  padding-right: 24px !important;
}

/* Text Decorative Classes --------------------------------------------*/
.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal !important;
}

/*
  Topic Path
----------------------------------------------------------------------------------------------------*/
.TOPIC-PATH {
line-height: 1;
  padding: 11px 0;
  border-top: 1px solid #cdd4e5;
  border-bottom: 1px solid #e6e9ee;
  color: #556;
  font-size: 11px;
  /*word-spacing:8px;*/
}

.TOPIC-PATH-INNER{
	width:960px;
	margin:0 auto;
	font-size: 11px;
	line-height: 1.4;
	text-align:left;
}

.TOPIC-PATH a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 480px) {
    .TOPIC-PATH {
    padding: 9px 0;
  }
  .TOPIC-PATH .TOPIC-PATH-INNER {
    width: auto;
    margin: 0 12px;
    line-height: 1.8;
  }
}

/* show only SP --------------------------------------------*/
.showOnlySp {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .showOnlySp {
    display: block !important;
  }
}

/*
  Container
----------------------------------------------------------------------------------------------------*/
#page {
  min-width: 1024px;
  overflow: hidden;
  position: relative;
  z-index: 100;
  margin:0 auto;
}


@media screen and (max-width: 480px) {
  #page {
    min-width: 300px;
  }
}

.wrapper {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .wrapper {
    width: 100%;
  }
}

.container {
  width: 960px;
  margin: 0 auto;
}

@media screen and (max-width: 480px) {
  .containerPc {
    display: none;
  }
}
.containerSp {
  display: none;
}
@media screen and (max-width: 480px) {
  .containerSp {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .viewPc {
    display: none !important;
  }
}

/*
  Header
----------------------------------------------------------------------------------------------------*/
#headerArea {
  background: #FFF;
  position: relative;
  z-index: 100;
  *text-align: left;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin:0 auto;
  width:100%;
}

#headerArea a:hover {
  text-decoration: none;
}

@media screen and (max-width: 480px) {
  .headerGlobal {
    padding:15px 0 0 0;
  margin:0 auto;
  }
}
.headerGlobal .logoTop {
  display: block;
  width: 316px;
  line-height: 1;
  float: left;
  padding: 25px 0 23px;
}
@media screen and (max-width: 480px) {
  .headerGlobal .logoTop {
    display: block;
    width: 230px;
    height:50px;
    padding: 5px 0 10px 15px;
    margin: 0 auto;
    text-align:left;
  }
}
.headerGlobal .noscript {
  text-align: center;
  margin: 90px 0 -50px;
}
.headerGlobal .noscript_nogn {
  text-align: center;
  margin: 20px 0 0;
}
@media screen and (max-width: 480px) {
  .headerGlobal .noscript {
    border-top: 1px solid #e6e9ee;
    text-align: center;
    margin: 0;
    padding: 20px 12px 20px;
  }
}

.headerUtilityArea {
  float: right;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .headerUtilityArea {
    float: none;
    line-height: 1;
  }
}

.headerUtility1 {
  padding-top: 12px;
  min-height: 15px;
}

@media screen and (max-width: 480px) {
  .headerUtility1 {
    display: none;
  }
}

.headerBtnNav_sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .headerBtnNav_sp {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

.headerNavTop {
  position: relative;
  z-index: 15;
  padding: 9px 0;
  *padding: 6px 0 5px;
  font-size: 85.71429%;
  line-height: 1;
  border-top: 1px solid #cdd4e5;
}
.headerNavTop .headingPage {
  float: left;
  color: #1A1A71;
  font-size: 166.66667%;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.headerNavTop .headingPage a {
  color: #1A1A71;
}
.headerNavTop .headingPage a:hover {
  text-decoration: none !important;
}
.headerNavTop .linkCat {
  float: right;
  padding-top: 4px;
}
.headerNavTop .linkCat .li_consumers {
  border-left: none;
  position: relative;
  z-index: 5;
  padding-right: 10px;
  background: url(//media3.kddi.com/extlib/module/icon_arrow_04.gif) no-repeat right center;
}
.headerNavTop .linkCat .li_consumers > a:hover {
  text-decoration: none !important;
}
.headerNavTop .linkCat li {
  position: relative;
  float: left;
  padding-left: 14px;
  margin-right: 14px;
  border-left: 1px solid #e6e9ee;
}
.headerNavTop .linkCat li > span {
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.headerNavTop .linkCat li .consumers {
  display: none;
  position: absolute;
  z-index: 10;
  top: -10px;
  left: -7px;
  left: -8px\9;
  *left: -8px;
}
.headerNavTop .linkCat li .consumers > dt {
  position: relative;
  z-index: 10;
  padding: 9px 2px 7px;
  width: 146px;
  height: 14px;
  text-align: center;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 7px 7px 0 0;
  background: url(//media3.kddi.com/extlib/module/bg_consumersH.gif) no-repeat left top;
}
.headerNavTop .linkCat li .consumers > dt span {
  padding-left: 18px;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  background: url(//media3.kddi.com/extlib/module/icon_consumers.gif) no-repeat left center;
}
.headerNavTop .linkCat li .consumers .boxCons {
  position: absolute;
  left: 0;
  width: 334px;
  height: 126px;
  padding: 20px 25px 18px;
  background: url(//media3.kddi.com/extlib/module/bg_consumersB.png) no-repeat left top;
}
/* add201014*/
.headerNavTop .linkCat li .consumers .boxCons.wideType {
  width: 442px;
  background: url(//media3.kddi.com/extlib/module/bg_consumersB2.png) no-repeat left top;
}
.headerNavTop .linkCat li .consumers .boxCons.wideType .linkAu {
	border-right: none;
}
.headerNavTop .linkCat li .consumers .boxCons.wideType .linkUq {
  display: block;
  float: left;
  text-align: center;
  padding-right: 23px;
  border-right: 1px solid #e6e9ee;
}
.headerNavTop .linkCat li .consumers .boxCons.wideType .linkUq img {
	margin-bottom: 8px;
	border: 1px solid #e6e9ee;
	border-radius: 3px;
}
.headerNavTop .linkCat li .consumers .boxCons.wideType .linkUq .icon_window {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.headerNavTop .linkCat li .consumers .boxCons.wideType dl {
	overflow: hidden;
	padding-top: 2px;
	padding-left: 20px;
	*zoom: 1;
	background: #FFF;
}

@media screen and (max-width: 480px) {
  .headerNavTop .linkCat li .consumers .boxCons {
    display: none;
  }
}
.headerNavTop .linkCat li .consumers .boxCons .linkAu {
  display: block;
  float: left;
  text-align: center;
  padding-right: 23px;
  border-right: 1px solid #e6e9ee;
}
.headerNavTop .linkCat li .consumers .boxCons .linkAu img {
  margin-bottom: 8px;
  border: 1px solid #e6e9ee;
  border-radius: 3px;
}
.headerNavTop .linkCat li .consumers .boxCons .linkAu .icon_window {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
}
.headerNavTop .linkCat li .consumers .boxCons dl {
  overflow: hidden;
  padding-top: 2px;
  padding-left: 20px;
  *zoom: 1;
  background: #FFF;
}
.headerNavTop .linkCat li .consumers .boxCons dl dt {
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.headerNavTop .linkCat li .consumers .boxCons dd {
  margin-top: 27px;
  position: relative;
  padding: 0;
}
.headerNavTop .linkCat li .consumers .boxCons dd li {
  float: none;
  padding: 0;
  margin: 0 0 12px 0;
  border-left: none;
}
.headerNavTop .linkCat li .consumers .boxCons dd li a {
  padding-left: 9px;
  background: url(//media3.kddi.com/extlib/module/icon_arrow_01.gif) no-repeat left 4px;
}
@media screen and (max-width: 480px) {
  .headerNavTop {
    display: none;
  }
}

.headerNavTopSp {
  display: none;
}
@media screen and (max-width: 480px) {
  .headerNavTopSp {
    border-top: 1px solid #e6e9ee;
    padding: 0;
    width: 100%;
    line-height: 1.3;
    display: block;
  }
  .headerNavTopSp .headingPage {
    display: none;
  }
  .headerNavTopSp .linkCat {
    padding-top: 0;
    float: none !important;
  }
  .headerNavTopSp .linkCat li {
    float: left;
    width: 33.33333%;
    text-align: center;
    padding-left: 0 !important;
    margin-right: 0 !important;
    border-left: 1px solid #e6e9ee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .headerNavTopSp .linkCat li:first-child {
    border-left: none;
  }
  .headerNavTopSp .linkCat li a, .headerNavTopSp .linkCat li span {
    height: 61px;
    display: block;
    padding-top: 9px;
  }
  .headerNavTopSp .sp_consumersTop {
    display: none;
    position: relative;
    background: #AAB2BE;
    padding: 0 12px;
    font-size: 142.85714%;
  }
  .headerNavTopSp .sp_consumersTop .arrow_com {
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    text-align: center;
  }
  .headerNavTopSp .sp_consumersTop .arrow_com img {
    vertical-align: top;
  }
  .headerNavTopSp .sp_consumersTop .btn_hComClose {
    text-align: center;
    padding: 20px 0;
  }
   /* add201014*/
  .headerNavTopSp .sp_consumersTop .linkAu,
  .headerNavTopSp .sp_consumersTop .linkUq {
    position: relative;
    display: block;
    background: #FFF;
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 20px;
    color: #556;
  }
  .headerNavTopSp .sp_consumersTop .linkUq {
    font-size: 18px;
  }
  .headerNavTopSp .sp_consumersTop .linkAu:hover {
    text-decoration: none !important;
  }
  .headerNavTopSp .sp_consumersTop .linkAu img,
  .headerNavTopSp .sp_consumersTop .linkUq img {
    vertical-align: middle;
    border: 1px solid #e6e9ee;
    border-radius: 4px;
    margin-right: 17px;
  }
  .headerNavTopSp .sp_consumersTop .linkAu .icon_linkList,
  .headerNavTopSp .sp_consumersTop .linkUq .icon_linkList {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 15px;
  }
  .headerNavTopSp .sp_consumersTop .linkAu .icon_linkList img,
  .headerNavTopSp .sp_consumersTop .linkUq .icon_linkList img {
    border: none;
    border-radius: 0;
    margin-right: 0;
  }
  .headerNavTopSp .sp_consumersTop dt {
    color: #fff;
    margin-bottom: 10px;
  }
  .headerNavTopSp .sp_consumersTop li {
    float: none;
    margin-bottom: 0;
    border-bottom: 2px solid #aab2be;
    background: #fff;
  }
  .headerNavTopSp .sp_consumersTop li:first-child {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
  }
  .headerNavTopSp .sp_consumersTop li:last-child {
    border-radius: 0 0 7px 7px;
    overflow: hidden;
  }
  .headerNavTopSp .sp_consumersTop li a {
    position: relative;
    display: block;
    padding: 28px 40px 28px 20px;
    color: #556;
  }
  .headerNavTopSp .sp_consumersTop li a:hover {
    text-decoration: none !important;
  }
  .headerNavTopSp .sp_consumersTop li .icon_linkList {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
  }
  .headerNavTopSp .sp_consumersTop li .icon_linkList img {
    display: block;
  }
}

.link_consumers {
  display: inline-block;
  *zoom :1;
  min-height: 14px;
  padding-left: 18px;
  background: url(//media3.kddi.com/extlib/module/icon_consumers.gif) no-repeat left center;
}
@media screen and (max-width: 480px) {
  .link_consumers {
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background: url(//media3.kddi.com/extlib/module/btn_consumers_01.gif) no-repeat center center;
    -webkit-background-size: 95px 50px;
    background-size: 95px 50px;
  }
}

.link_business {
  display: inline-block;
  *zoom :1;
  min-height: 14px;
  padding-left: 18px;
  background: url(//media3.kddi.com/extlib/module/icon_business.gif) no-repeat left center;
}
@media screen and (max-width: 480px) {
  .link_business {
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background: url(//media3.kddi.com/extlib/module/btn_business_01.gif) no-repeat center center;
    -webkit-background-size: 95px 50px;
    background-size: 95px 50px;
  }
}

.link_corporate {
  display: inline-block;
  *zoom :1;
  min-height: 14px;
  padding-left: 18px;
  background: url(//media3.kddi.com/extlib/module/icon_corporate.gif) no-repeat left center;
}
@media screen and (max-width: 480px) {
  .link_corporate {
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background: url(//media3.kddi.com/extlib/module/btn_corporate_01.gif) no-repeat center center;
    -webkit-background-size: 56px 50px;
    background-size: 56px 50px;
  }
}

.spHeaderSearch {
  display: none;
}
@media screen and (max-width: 480px) {
  .spHeaderSearch {
    display: block;
    float: none;
    margin-right: 0;
  }
}
.spHeaderSearch fieldset {
  position: relative;
  width: 200px;
  height: 24px;
}
.spHeaderSearch legend {
  display: none;
}
.spHeaderSearch .areaSearch {
  width: 200px;
  padding: 0 30px 0 8px;
  height: 24px;
  border: none;
}
.spHeaderSearch .btn_search {
  position: absolute;
  top: 6px;
  right: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  border: none;
  background: url(//media3.kddi.com/extlib/module/btn_search_02.gif) no-repeat left top;
  background-size: 13px;
}
@media screen and (max-width: 480px) {
  .spHeaderSearch {
    padding: 16px 12px;
    border-top: 1px solid #e6e9ee;
    float: none;
    margin-right: 0;
  }
  .spHeaderSearch fieldset {
    position: relative;
    width: auto;
  }
  .spHeaderSearch legend {
    display: none;
  }
  .spHeaderSearch .areaSearch {
    display: block;
    width: 100%;
    background: none #e6e9ee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    color: #AAB2BE;
  }
}


/* Skip Block --------------------------------------------*/
.skip {
  position: absolute;
  left: -9999em;
}

/*
  Global Nav
----------------------------------------------------------------------------------------------------*/
.navGlobal {
  border-top: 1px solid #cdd4e5;
  width: 100%;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  background:#fff;
}
@media screen and (max-width: 480px) {
  .navGlobal {
    min-width: 320px;
    display: none;
    position: relative;
    background: #aab2be !important;
    padding-bottom: 0;
    overflow: visible;
  }
  .navGlobal:before {
    content: '';
    display: block;
    position: absolute;
    right: 30px;
    top: -10px;
    height: 0;
    width: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #aab2be;
  }
}

.navGlobal .navWrap {
  background: #fff;width:960px;margin:0 auto;
}
.navGlobal .navWrap li{
  float:left;width:240px;
}
@media screen and (max-width: 480px) {
  .navGlobal .navWrap {
  display:none;
  }
}
.navGlobal .icon_linkList {
  display: none;
}
@media screen and (max-width: 480px) {
  .navGlobal .icon_linkList img {
    display: block;
  }
}
.navGlobal .spUtility {
  display: none;
}
@media screen and (max-width: 480px) {
  .navGlobal .spUtility {
    display: block;
    padding: 0 10px;
    background:#ced9ea;
  }

.navGlobal .spUtility .smallBtn li {
  position:relative;
  background: #fff;
  margin-bottom: 5px;
}
.navGlobal .spUtility .smallBtn li a {
  display: block;
  padding: 18px 15px 18px 46px;
  line-height: 20px;
  font-size: 14px;
  color: #052a7d;
  background: #fff;
  letter-spacing:0.1em;
}
.navGlobal .spUtility .smallBtn li a.reserve {
  display: block;
  text-align:center;
  padding: 14px;
  line-height: 20px;
  font-size: 18px;
  color: #fff;
  background: #fe7e01;
  border-radius:5px;
}


.navGlobal .spUtility .navLinkText {
  float: left;
}

.navGlobal .spUtility .InnerText {
  color:#052a7d;letter-spacing:0.1em;padding-top:10px;
}

.navGlobal .spUtility .InnerText span{
  font-size:79%;
}

.navGlobal .spUtility .smallBtn li .icon_linkList {
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top:-10px;
  }

}
.navGlobal .btn_hNavClose {
  display: none;
}

@media screen and (max-width: 480px) {
  .navGlobal .btn_hNavClose {
    display: block;
    padding: 20px 0;
    text-align: center;
  }
}


/*
  Footer
----------------------------------------------------------------------------------------------------*/
#footerArea {
  position: relative;
  z-index: 5;
  background: #fff;
  *text-align: left;
}

#footerArea li .icon_window {
    margin-left: 0;
    margin-right: 4px;
}

@media screen and (max-width: 480px) {
  #footerArea {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  #footerArea {
    margin-top: 0;
  }
}
#footerArea a:hover {
  text-decoration: underline;
}

.footerGlobal {
  position: relative;
}
@media screen and (max-width: 480px) {
  .footerGlobal {
    display: none;
    padding: 0 12px;
    background: #aab2be;
    border-top: none !important;
  }
  .footerGlobal:before {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: -10px;
    height: 0;
    width: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #aab2be;
  }
  .footerGlobal .wrapper {
    border-radius: 7px;
    overflow: hidden;
    width: 100%;
  }
}

.btn_fNavClose {
  display: none;
}
@media screen and (max-width: 480px) {
  .btn_fNavClose {
    display: block;
    padding: 20px 0;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .footerGlobalSp {
    position: relative;
    padding: 26px 0 26px;
    border-top: none;
  }
  .footerGlobalSp .logoFooter {
    line-height: 1;
    text-align: center;
  }
  .footerGlobalSp .sp_footerBtnNav {
    position: absolute;
    top: 14px;
    left: 15px;
  }
  .footerGlobalSp .sp_footerBtnTop {
    position: absolute;
    top: 20px;
    right: 15px;
  }
}

.footerSearch {
  position: relative;
  border-top: 1px solid #e6e9ee;
}
@media screen and (max-width: 480px) {
  .footerSearch {
    display: none;
  }
}
.footerSearch .wrapper {
  padding: 19px 0;
}
.footerSearch fieldset {
  position: relative;
  width: 222px;
  height: 24px;
}
.footerSearch legend {
  display: none;
}
.footerSearch .areaSearch {
  width: 180px;
  padding: 3px 30px 3px 10px;
  height: 16px;
  line-height: 16px;
  border: none;
  background: #e6e9ee;
  border-radius: 12px;
  border: 1px solid #e6e9ee;
  transition: all 0.2s;
  color: #AAB2BE;
}
.footerSearch .areaSearch:focus {
  outline: none;
  background: #fff;
}
.footerSearch .btnSearch {
  position: absolute;
  top: 6px;
  right: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  border: none;
  background: url(//media3.kddi.com/extlib/module/btn_search_01.png) no-repeat left top;
}

/* business / corporate common footer--------------------------*/
.footerCommon {
  border-top: 1px solid #0e0e69;
  font-size: 78.57143%;
  line-height: 1;
}
.footerCommon .logoFooter {
  float: left;
  padding: 36px 36px 41px 0;
}
@media screen and (max-width: 480px) {
  .footerCommon {
    border-top: 1px solid #e6e9ee;
  }
}

.footerUtility1 {
  padding: 21px 0 19px;
  height: 11px;
}
.footerUtility1 ul {
  position: relative;
  z-index: 10;
}
.footerUtility1 ul li {
  position: relative;
  float: left;
  padding-left: 14px;
  margin-right: 14px;
  border-left: 1px solid #e6e9ee;
}
.footerUtility1 ul li .footerConsumers {
  display: none;
  position: absolute;
  z-index: 100;
  top: -14px;
  left: -12px;
}
.footerUtility1 ul li .footerConsumers > dt {
  position: relative;
  z-index: 10;
  padding: 9px 2px 7px;
  width: 136px;
  height: 24px;
  text-align: center;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 7px 7px 0 0;
  background: url(//media3.kddi.com/extlib/module/bg_footerConsumersH.gif) no-repeat left top;
}
.footerUtility1 ul li .footerConsumers .boxCons {
  position: absolute;
  left: 0;
  z-index: 15;
  top: -159px;
  width: 324px;
  height: 126px;
  padding: 20px 20px 18px;
  background: url(//media3.kddi.com/extlib/module/bg_footerConsumersB.png) no-repeat left top;
}
@media screen and (max-width: 480px) {
  .footerUtility1 ul li .footerConsumers .boxCons {
    display: none;
  }
}
.footerUtility1 ul li .footerConsumers .boxCons .linkAu {
  display: block;
  float: left;
  text-align: center;
  padding-right: 18px;
  border-right: 1px solid #e6e9ee;
}
.footerUtility1 ul li .footerConsumers .boxCons .linkAu img {
  margin-bottom: 10px;
  border: 1px solid #e6e9ee;
  border-radius: 3px;
}
.footerUtility1 ul li .footerConsumers .boxCons .linkAu .icon_window {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  margin-right: 5px;
}
.footerUtility1 ul li .footerConsumers .boxCons .linkAu a {
  background: none;
  padding-left: 0;
}
.footerUtility1 ul li .footerConsumers .boxCons dl {
  overflow: hidden;
  padding-top: 2px;
  padding-left: 20px;
  *zoom: 1;
  background: #FFF;
}
.footerUtility1 ul li .footerConsumers .boxCons dl dt {
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.footerUtility1 ul li .footerConsumers .boxCons dd {
  margin-top: 27px;
  position: relative;
  padding: 0;
}
.footerUtility1 ul li .footerConsumers .boxCons dd li {
  float: none;
  padding: 0;
  margin: 0 0 12px 0;
  border-left: none;
}
/* add201014*/
.footerUtility1 ul li .footerConsumers .boxCons.wideType {
  width: 442px;
  padding: 20px 25px 18px;
  background: url(//media3.kddi.com/extlib/module/bg_footerConsumersB2.png) no-repeat left top;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType .linkAu {
	border-right: none;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType .linkUq {
  display: block;
  float: left;
  text-align: center;
  padding-right: 23px;
  border-right: 1px solid #e6e9ee;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType .linkUq a {
  background: none;
  padding-left: 0;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType .linkUq img {
	margin-bottom: 10px;
	border: 1px solid #e6e9ee;
	border-radius: 3px;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType .linkUq .icon_window {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.footerUtility1 ul li .footerConsumers .boxCons.wideType dl {
	overflow: hidden;
	padding-top: 2px;
	padding-left: 20px;
	*zoom: 1;
	background: #FFF;
}

.footerUtility1 ul li .footerConsumers .boxCons dd li a {
  padding-left: 9px;
  background: url(//media3.kddi.com/extlib/module/icon_arrow_01.gif) no-repeat left 4px;
}
.footerUtility1 ul li a {
  padding-left: 9px;
  background: url(//media3.kddi.com/extlib/module/icon_arrow_01.gif) no-repeat left center;
}
.footerUtility1 ul li a.blnk {
  padding-left: 12px;
  background: url(//media3.kddi.com/extlib/module/icon_window_01.gif) no-repeat left center;
}
.footerUtility1 ul li .liConsumers {
  position: relative;
  z-index: 10;
}
.footerUtility1 ul li:first-child {
  border-left: none;
}

.footerUtility2 {
  overflow: hidden;
  padding: 21px 0 19px 5px;
  border-top: 1px solid #e6e9ee;
}
.footerUtility2 ul li {
  float: left;
  margin-bottom: 14px;
  margin-right: 9px;
  padding-left: 9px;
  border-left: 1px solid #e6e9ee;
}
.footerUtility2 ul li a {
  padding-left: 9px;
  background: url(//media3.kddi.com/extlib/module/icon_arrow_01.gif) no-repeat left center;
}
.footerUtility2 ul li:first-child {
  border-left: none;
}
.footerUtility2 .copyright {
  float: right;
  padding: 2px 4px 0 0;
  margin-top: 20px;
}

.footerUtilitySp1 {
  line-height: 1;
  border-bottom: 1px solid #e6e9ee;
}
.footerUtilitySp1 li {
  float: left;
  width: 25%;
  padding: 37px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e6e9ee;
}
.footerUtilitySp1 li:first-child {
  border-left: none;
}

.sp_consumersFoot {
  display: none;
  position: relative;
  background: #AAB2BE;
  padding: 0 12px;
  font-size: 181.81818%;
}
.sp_consumersFoot .arrow_com {
  position: absolute;
  top: -1px;
  left: 25%;
  width: 25%;
  text-align: center;
}
.sp_consumersFoot .arrow_com img {
  vertical-align: top;
}
.sp_consumersFoot .btn_fComClose {
  text-align: center;
  padding: 20px 0;
}

/* add201014*/
.sp_consumersFoot .linkAu,
.sp_consumersFoot .linkUq {
  position: relative;
  display: block;
  background: #FFF;
  border-radius: 7px;
  padding: 15px;
  margin-bottom: 20px;
  color: #556;
}
.sp_consumersFoot .linkUq {
  font-size: 18px;
}
.sp_consumersFoot .linkAu img,
.sp_consumersFoot .linkUq img {
  vertical-align: middle;
  border: 1px solid #e6e9ee;
  border-radius: 4px;
  margin-right: 17px;
}
.sp_consumersFoot .linkAu .icon_linkList,
.sp_consumersFoot .linkUq .icon_linkList {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 17px;
}
.sp_consumersFoot .linkAu .icon_linkList img,
.sp_consumersFoot .linkUq .icon_linkList img {
  border: none;
  border-radius: 0;
  margin-right: 0;
}
.sp_consumersFoot dt {
  color: #fff;
  margin-bottom: 10px;
}
.sp_consumersFoot li {
  float: none;
  margin-bottom: 0;
  border-bottom: 2px solid #aab2be;
  background: #fff;
}
.sp_consumersFoot li:first-child {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.sp_consumersFoot li:last-child {
  border-radius: 0 0 7px 7px;
  overflow: hidden;
  border-bottom: none;
}
.sp_consumersFoot li a {
  position: relative;
  display: block;
  padding: 28px 40px 28px 20px;
  color: #556;
}
.sp_consumersFoot li a:hover {
  text-decoration: none !important;
}
.sp_consumersFoot li .icon_linkList {
  display: block;
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -10px;
}

.footerUtilitySp2 {
  line-height: 1;
}
.footerUtilitySp2 li {
  float: left;
  height: 5em !important;
  width: 50%;
  padding: 17px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #e6e9ee;
  border-bottom: 1px solid #e6e9ee;
}
.footerUtilitySp2 li:first-child {
  border-left: none;
}

@media screen and (max-width: 480px) {
  .copyright {
    text-align: center;
    padding: 33px 0;
  }
}
#TOTOP {
  position: fixed;
  z-index: 101;
  right: 10px;
  bottom: -50px;
  -webkit-transform: translateZ(0);
}
#TOTOP a {
  float: right;
  display: block;
  width: 135px;
  height: 44px;
  line-height: 44px;
  padding: 0 16px 0 48px;
  background: url(//media3.kddi.com/extlib/module/btn_totop.png) no-repeat left top;
}
#TOTOP .scroll:visited {
  color: #0066aa;
}
#TOTOP .scroll:hover {
  color: #1d9bff;
}
@media screen and (max-width: 480px) {
  #TOTOP {
    display: none;
  }
}

#footerArea .stop {
  position: absolute !important;
  top: 10px !important;
}