.au-breadcrumb { padding-top: 50px!important; }
#maincontArea { background-color:#f2f2f2;}
h1 { background: url(/content/dam/au-com/pr/speedwifi/images/bg-mainvisual.png) center top no-repeat;}
#contentsWrap { margin: 0 auto;background:url(/content/dam/au-com/pr/speedwifi/images/mainvisual_bg.png) no-repeat center top; background-color:#fff; }
#contentsWrap2 { margin: 0 auto; background-color:#f2f2f2;}
.note { font-size:14px;}
.clumnInnerTop { max-width: 980px;;margin: 0 auto;text-align:center; position:relative;}
.clumnInner { max-width: 980px; margin: 0 auto;text-align:center;}
.fL { float:left;}
.fR { float:right;}
.fcOrange { color: #eb5505;}
.fcRed { color: #ff0000;}

.fs40{ font-size: 40px!important;}
.fs35{ font-size: 35px!important;}
.fs30{ font-size: 30px!important;}
.fs21{ font-size: 21px!important;}
.fs20{ font-size: 20px!important;}
.fs17{ font-size: 17px!important;}
.fs16{ font-size: 16px!important;}
.fs13{ font-size: 13px!important;}
.fs12{ font-size: 12px!important;}
.fs11{ font-size: 11px!important;}


.mb70 { margin-bottom:70px;}
.mb0 { margin-bottom:0;}
.navArea {max-width: 980px; margin: 0 auto; text-align:center; padding-top:50px; padding-bottom:50px;}
.navArea p { margin-bottom:20px; font-size:22px;}
.navArea ul li { /*float: left;*/ margin-right:7px; max-width:485px;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 1px 1px 1px 1px #d9d9d9; /* webkit */
  box-shadow: 1px 1px 1px 1px #d9d9d9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3,enabled=true); /* IE5.5+ */
  background:#fff; /* IE Hack */}

.navArea ul li:last-child {margin-right:0;
	    text-align: center;
    display: inline-block; }
.navArea ul li img { width:100%;}
.link-window { /*text-decoration:underline !important; color:#0468ab !important;*/}
/*********************************************************************************************c01*/
#mainVisual {}
#c01 {margin:0 auto; text-align:center;}
#c01 h1 img { max-width: 980px;}
.keyRead { position:absolute;top:-90px; left:0;}
/*.priceArea { margin-bottom:40px;}*/
/*********************************************************************************************c02*/
#c02 .titleArea { background: url(/content/dam/au-com/pr/speedwifi/images/c02_h2_bg.gif) repeat; padding:22px 0;text-align:center; color:#fff;font-size: 32px; font-weight: bold; }
.otokuBox,
.priceBox { padding:40px 30px; background:#fff;}
.btnArea { text-align:center; margin:40px 0;}
/*********************************************************************************************c03*/
#c03 .titleArea{ text-align:center;}
#c03 .clumnInner{ background:#fff;}
#c03 .pointBox { padding:0 10px 10px 10px;}
#c03 .problemArea01 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_01.png) no-repeat; position:relative; height:113px; background-size:100%; width:100%}
#c03 .problemArea02 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_02.png) no-repeat; position:relative; height:113px; background-size:100%; width:100%}
#c03 .problemArea03 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_03.png) no-repeat; position:relative; height:113px; background-size:100%; width:100%}
#c03 .balloon01 {position: absolute; top:16px; left:14.3%;}
#c03 .balloon02 {position: absolute; top:16px; left:10.7%;}
#c03 .balloon03 {position: absolute; top:16px; left:1.6%;}
.bgYellow {background:#fff3dd; padding:15px 18px; text-align: center; font-size:12px;}
/*********************************************************************************************c04*/
#c04 .clumnInner{ background:#fff;}
#c04 .titleArea{padding:55px 0 30px; }
#c04 .titleArea h2 { color:#eb5505;font-size: 32px; font-weight: bold; margin-bottom:20px;}
#c04 .clumnInner h3{margin-bottom:20px;}
.w880 { max-width: 880px; margin:0 auto; }

#c04 .table01 table ,
#c04 .table02 table { width:100%;}
#c04 .table01 table { margin-bottom:30px;}
#c04 .table02 table { margin-bottom:45px;}

#c04 table { border-top:1px solid #CCC; border-left:1px solid #CCC;}
#c04 table tr td,
#c04 table tr th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; vertical-align:middle; font-size:14px;}
#c04 .view-pc table tr td,
#c04 .view-pc table tr th,
#c04 .table02 table tr td,
#c04 .table02 table tr th{padding:16px 6px;}

#c04 table tr th { font-weight:bold;}

.bgGray { background:#f3f3f3;}

.table01,.table02 { position:relative; height:auto; width:100%;}
.tdW { width:16%;}
.table01 .arrow01{ position: absolute; left:57%; top:49%;}
.table01 .arrow02{ position: absolute; left:34%; top:70%;}
.table01 .arrow03{ position: absolute; left:76%; top:70%;}
.table02 .arrow{ position: absolute; left:57%; top:54.5%;}

.functionArea,
.functionArea2 { text-align:left; font-size:12px; line-height:1.5em;}
.functionArea .functionList li{margin-left:1em;text-indent:-1em;}
.functionArea2 .functionList2 li{margin-left:3em;text-indent:-3em;}

#contentsWrap2 a {
	opacity: 1;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
}

#contentsWrap2 a:hover {
	opacity: .6;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
}

#btnNote { max-width: 980px; margin: 0 auto; padding-top: 70px; }

#c01 .priceArea img { max-width: 882px; }
#charge2 {}


@media (min-width: 980px){
	.mainHeadLocalNav {
	}
}
@media screen and (max-width: 979px) and (min-width: 0px) {
.au-breadcrumb { padding-top: 0px!important; }
.clumnInnerTop{ margin: 0 3%}
.clumnInner { margin: 0 3%;}
.navArea { padding:0 3%;}
.btnArea { padding:0 3%;}
#contentsWrap,#contentsWrap2 { min-width: auto;}
.fL,.fR { float:none; text-align:center;}
.fL img,
.fR img { width:100%;}

.navArea{ padding-top:8%; padding-bottom:8%;}
.navArea ul { width:100%; }
.navArea ul li{ width:48.5%;}
.w880 { max-width: 100%; margin:0 auto; }
#charge2 img { width: 100%; }
}

@media (min-width: 980px){
	.mainHeadLocalNav .mainHeadLocalNav-toCategoryTop a {
 	   height: 45px;
	}
}
.mainHeadLocalNav .mainHeadLocalNav-toCategoryTop a {
    padding: 13px 24px 7px;
    border-bottom: 4px solid transparent;
}

#c01 img,
#c02 img,
#c03 img{ width: 100%; }
/********************************************************************************c01*/
#contentsWrap { background-image:none;}
#mainVisual { height: auto; }
.keyRead {top:-20%;}

/********************************************************************************c02*/
#c02 .titleArea{padding:2% 0;}

#c04 .titleArea { padding-top:10%;}
#c04 .clumnInner { margin: 0 3%;}
.table01 .arrow01{ left:55%; top:53%;}
.table01 .arrow02{ left:32%; top:75%;}
.table01 .arrow03{ left:75%; top:75%;}
.table02 .arrow{ left:61%; top:60%;}
/********************************************************************************c03*/
#c03 .problemArea01 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_01.png) no-repeat right bottom; position:relative; height:100px; background-size:91%;}
#c03 .problemArea02 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_02.png) no-repeat right bottom; position:relative; height:100px; background-size:91%;}
#c03 .problemArea03 { background:url(/content/dam/au-com/pr/speedwifi/images/c03_h3_03.png) no-repeat right bottom; position:relative; height:100px; background-size:91%;}

/********************************************************************************c04*/
.tdW { width:25%;}

/*********************************************************************************/

#btnNote { max-width: 980px; margin: 0 auto; padding: 70px 30px 0 ; }


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

.navArea p { font-size:20px; font-size: 4.5vw; margin-bottom:3%;}
.navArea{ padding-top:10%; padding-bottom:10%;}
/*.fsXL { font-size:20px; font-size: 4.5vw;}
.fsL { font-size:18px; font-size: 4.0vw;}
.fsM { font-size:16px; font-size: 3.5vw;}
.fsS { font-size:14px; font-size: 3.2vw;}

*//********************************************************************************c01*/
.clumnInnerTop,.keyRead {position: static;}
.keyRead { margin-bottom:5%;}
/********************************************************************************c02*/
#c02 .otokuBox { padding:3%;}
#c02 .titleArea h2 { font-size:20px; font-size: 4.5vw;}
#c02 .otoku1_sp { color:#fff; background:#9a9a9a; padding:3%; border-radius: 5px 5px 5px 5px; }

#charge2 img { width: 100%; }

.pointBox .view-sp{ margin-bottom:5%; font-size: 3.8vw!important;}
.pointBox .pointRead {font-size:18px;font-size: 4.5vw !important; margin-top:5%;}
.pointBox .pointRead .fsL {font-size: 4.7vw !important;}
.pointBox.bgYellow .view-sp .fsM {font-size:16px;font-size: 4.0vw !important;}
.pointBox.bgYellow .view-sp .fsL {font-size:18px;font-size: 4.3vw !important;}
/********************************************************************************c03*/
#c03 .balloon01,#c03 .balloon02,#c03 .balloon03 { display:none;}

/********************************************************************************c04*/
#c04 .titleArea { padding:10% 0 3% 0;}
#c04 .titleArea h2 { font-size:20px; font-size: 5.5vw;}
#c04 .titleArea p { padding:0 3% 6% 3%;}
#c04 h3 { font-size:16px; font-size: 4.5vw;}
#c04 .priceBox { padding:0 3% 10% 3%;}
.table01Sp { margin-bottom:5%;}
.functionArea,
.functionArea2{  font-size: 14px;font-size: 3.5vw !important; }


}

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

#c04 .positionArea .arrow{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.positionArea { position:relative;}
.positionArea table { margin-bottom:0;}
.positionArea .arrow02{ position:absolute; left:60%; top:65%;}
.positionArea .arrow03{ position:absolute; left:60%; top:76%;}
.positionArea .arrow02 img,
.positionArea .arrow03 img{ width:6vw;}

/*
.table01 { height: auto; width:100%;}
.table01 .arrow01{ left:50%; top:40%;}
.table01 .arrow02{ left:57%; top:30%;}
.table01 .arrow03{ left:57%; top:87.5%;}
.table01 img { width:50%;}
.table02 .arrow{ left:61%; top:60%;}


#c04 table tr td,
#c04 table tr th {padding:0.5%;}
*/
.fs40 { font-size:18px; font-size: 4.0vw;}
.fs25 { font-size:16px; font-size: 3.8vw;}
.fs20 { font-size:16px; font-size: 3.5vw;}
.fs18 { font-size:15px; font-size: 3.4vw;}
.fs17 { font-size:15px; font-size: 3.2vw;}

}


.functionArea a {display: inline; }



@media screen and (max-width: 1199px) and (min-width: 980px){
.mainHeadLocalNav.is-fixed,
.mainHeadLocalNav.is-absolute{
    top: 0!important;
}
}

.mainHeadLocalNav .megaMenuSmp-accordion .accordion-label a:before {
	display: none!important;
}

@media screen and (min-width: 1200px){
.mainHeadLocalNav { top: 0!important;}

.mainHeadLocalNav {
    padding-left: 0px!important;
}
.mainHeadLocalNav.is-fixed{
    padding-left: 200px!important;
	}

}

.noticeSecondBox {
    padding-left: 12px;
}