@charset "utf-8";

/* =============================================================
共通
================================================================*/
* {box-sizing: border-box;}

/* contents
-----------------------------------------------------------------*/
#contents {
font-family: Roboto, "Droid Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size: 87.5%; /*基本フォントサイズ14px*/
}
#contents img {
max-width: 100%;
height: auto;
}
#contents img.img-full {
max-width: none;
width: 100%;
height: auto;
}
#contents a {
color: inherit;
text-decoration: none;
}

/* Consumer menu
-----------------------------------------------------------------*/
#contents .st-Title {
margin: 15px 0 0 15px;
color: #000;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.2;
}

.st-GlobalSiteNav_LinkP {
display: block;
padding: 16px 15px;
border-bottom: 1px solid #cccccc;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
background-color: #ececec;
transition-duration: 0.3s;
}

.st-GlobalNav_Area {
z-index: 20;
}

a.st-GlobalSiteNav_LinkP {
color: #000000;
text-decoration: none;
}

a.st-GlobalSiteNav_Link {
color: #ffffff;
text-decoration: none;
}

a.st-GlobalSiteNav_GlobalLink{
color: #ffffff;
text-decoration: none;	
}

.st-SearchForm {
z-index: 20;
}

/* Consumer menu
-----------------------------------------------------------------*/
#consumerMenu ul {
display: table;
table-layout: fixed;
width: 100%;
text-align: center;
border-bottom: 1px solid #eee;
}
#consumerMenu li {
display: table-cell;
width: 50%;
}
#consumerMenu li a {
display: block;
padding: 20px;
color: inherit;
letter-spacing: 0.2em;
text-decoration: none;
font-size:1.15em;
}
#consumerMenu li a:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 25px;
margin-left: 7.8125vw;
border-top: 1px solid #626262;
border-right: 1px solid #626262;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#consumerMenu li.current a {
background: #a8a8a8;
color: #fff;
}
#consumerMenu li.current a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}


/* PageTitle
-----------------------------------------------------------------*/
.pageTitle {
padding: 10px 10px;
background: #fafafa;
text-align: left;
}
.pageTitle .title {
padding-left: 10px;
border-left: 3px solid #f15264;
font-size: 12px;
line-height: 1;
font-weight: normal;
}
.pageTitle .title .fzS {
font-size: 10px;
}

/* Utility
-----------------------------------------------------------------*/
/*margin*/
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 190px !important;}

/*font style*/
.fwB { font-weight: bold; }
.fwN { font-weight: normal;}

/*text-align*/
.taL { text-align: left;}
.taC { text-align: center;}
.taR { text-align: right;}

/*display*/
.hidden {
height: 0;
visibility: hidden;
font-size: 0;
}

/*fontsize*/
.fz10 { font-size: 10px;}
.fz11 { font-size: 11px;}
.fz12 { font-size: 12px;}
.fz13 { font-size: 13px;}
.fz14 { font-size: 14px;}
.fz15 { font-size: 15px;}
.fz16 { font-size: 16px;}
.fz17 { font-size: 17px;}
.fz18 { font-size: 18px;}
.fz19 { font-size: 19px;}
.fz20 { font-size: 20px;}
.fz22 { font-size: 22px;}
.fz24 { font-size: 24px;}
.fz26 { font-size: 26px;}

/*icon*/

/*20200226 edit*/

/*
.ico_blank:after {
content: "";
display: inline-block;
width: 14px;
height: 8px;
margin-left: 5px;
background: url(/prdct/telecom/consumer/s/common/img/ico_blank.png) no-repeat;
vertical-align: middle;
}
*/

/*20200226 edit*/
.ico_caution:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
background: url(/prdct/telecom/consumer/s/common/img/ico_caution02.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
vertical-align: middle;
}
.ico_cart:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
background: url(/prdct/telecom/consumer/s/common/img/ico_cart02.png);
-webkit-background-size: contain;
background-size: contain;
vertical-align: middle;
}
.ico_info:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
background: url(/prdct/telecom/consumer/s/common/img/ico_info01.png);
-webkit-background-size: contain;
background-size: contain;
vertical-align: middle;
}

/*btn_icon*/

/*20200226 edit*/

/*
.ico_blank_btn:after {
position: absolute;
right: 10px;
bottom: 5px;
content: url(/prdct/telecom/consumer/s/common/img/ico_blank.png);
}
*/

/*20200226 edit*/
/*img*/
#contents img.img-maxw {
width: auto;
height: auto;
max-width: 100%;
}

/*link*/
#article a:link { color: #00349a; text-decoration:none; }
#article a:visited { color: #00349a; text-decoration:none; }
#article a:hover { color: #00349a; text-decoration:underline; }


/* =============================================================
トップ
================================================================*/

/* Movie
-----------------------------------------------------------------*/
#mvArea {
margin-bottom: 15px;
}
#mvArea img {
max-width: none;
width: 100%;
height: auto;
}

/* New Product List
-----------------------------------------------------------------*/
.newPrdctList {
margin-bottom: 55px;
}
.newPrdctList a {
display: block;
position: relative;
}
.newPrdctList a.icon-new:before {
position: absolute;
left: 0;
top: 0;
content: "NEW";
display: inline-block;
padding: 5px 20px;
background: #000;
color: #fff;
}
#contents .newPrdctList .ph img {
max-width: none;
width: 100%;
height: auto;
}
.newPrdctList .body {
padding: 10px;
}
.newPrdctList .pdName {
font-weight: bold;
font-size: 116%;
}

/* List Menu
-----------------------------------------------------------------*/
.listMenu {
display: inline-block;
width: 250px;
margin-top: 20px;
padding: 5px 20px;
background: #eaeaea;
color: #000 !important;
font-size: 100%;
letter-spacing: 0.1em;
border-radius: 50px;
}
.listMenu[class*="ico_"] {
position: relative;
}
.listMenu[class*="ico_arw"]:after {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.topicsList {
margin-bottom: 60px;
text-align: center;
}
.newsList {
margin-bottom: 60px;
text-align: center;
}


/* Banner Area
-----------------------------------------------------------------*/
.bnrArea {
margin: 20px 40px 30px;
}
#contents .bnrArea img {
max-width: none;
width: 100%;
height: auto;
}
.bnrArea .bnrText {
margin-top: 10px;
}
/*slider*/
.bnrArea .bx-wrapper {
position: relative;
}
.bnrArea .bx-controls {
position: absolute;
left: 0;
top: 0;
width: 100%;
background: rgba(255,0,0,0.2);
}
.bnrArea .bx-controls .bx-prev,
.bnrArea .bx-controls .bx-next {
position: absolute;
top: 30px;
top: 6.875vw;
overflow: hidden;
display: block;
width: 12px;
height: 12px;
}
.bnrArea .bx-controls .bx-prev:before,
.bnrArea .bx-controls .bx-next:before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 10px;
height: 10px;
border-top: 2px solid #8b8b8b;
border-right: 2px solid #8b8b8b;
}
.bnrArea .bx-controls .bx-prev {
left: -20px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.bnrArea .bx-controls .bx-next {
right: -20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* =============================================================
製品一覧
================================================================*/

/* Select Menu
-----------------------------------------------------------------*/
.selectMenu {
overflow: hidden;
position: relative;
margin-bottom: 20px;
padding: 5px 10px;
background: #e8e8e8;
}
.selectMenu li {
display: inline-block;
margin: 5px 6px 6px 5px;
padding: 4px 10px 4px 10px;
background: #fff;
border-radius: 30px;
font-size: 12px;
cursor: pointer;
}

/* Lineup / product List
-----------------------------------------------------------------*/
#lineup {
margin-bottom: 30px;
padding: 0 10px;
}

.prdctList {
overflow: hidden;
margin-bottom: 20px;
}
.prdctList li {
position: relative;
float: left;
width: 48%;
margin-bottom: 10px;
margin-right: 2%;
padding: 5px 5px 10px 5px;
background: #f5f5f5;
}
/*
.prdctList li:nth-child(even) {
float: right;
}
*/
.prdctList a {
display: block;
color: inherit;
}
.prdctList a:hover {
text-decoration: none;
}
.prdctList .ph {
margin-bottom: 10px;
padding: 28px 5px 5px 5px;
background: #fff;
text-align: center;
}
.prdctList .body {
text-align: center;
}
.prdctList .pdCareer {
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
text-align: right;
cursor: pointer;
}
.prdctList .au .pdCareer {
width: 17.7%;
}
.prdctList .sb .pdCareer {
width: 32.3%;
}
.prdctList .ym .pdCareer {
width: 29.2%;
}
.prdctList .uq .pdCareer {
width: 35.4%;
}
.prdctList .mvno .pdCareer {
width: 47.7%;
}

.prdctList .pdRelease {
margin-bottom: 5px;
font-size: 12px;
}
.prdctList .pdName {
font-size: 15px;
}
.pdLink{
color: inherit;
font-size: 13px;
}
.pdLink:after {
content: "";
display: inline-block;
width: 0.5em;
height: 0.5em;
margin-top: -0.2em;
margin-left: 1em;
border-top: 1px solid #333;
border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}

/*more btn*/

.pdMoreBtn a{
position: relative;
display: block;
margin-bottom: 10px;
padding: 10px;
background: #f5f5f5;
color: inherit;
text-align: center;
transition: 0.3s;
}
.pdMoreBtn a:after {
position: absolute;
top: 0;
bottom: 0;
right: 40px;
margin: auto;
content: "";
display: block;
width: 7px;
height: 7px;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.pdMoreBtn a:hover {
text-decoration: none;
opacity: 0.7;
}

/*past btn*/
.pdPastBtn a{
position: relative;
display: block;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #e2e2e2;
color: inherit;
text-align: center;
transition: 0.3s;
}
.pdPastBtn a:after {
position: absolute;
top: 0;
bottom: 0;
right: 40px;
margin: auto;
content: "";
display: block;
width: 7px;
height: 7px;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pdPastBtn a:hover {
text-decoration: none;
opacity: 0.7;
}


.js-load { display: none;}
.js-load.active {display: block;}

/* =============================================================
製品詳細
================================================================*/

/* Contents Menu
-----------------------------------------------------------------*/
.contentsMenu {
position: relative;
overflow: hidden;
margin-bottom: 15px;
padding: 8px 30px 0 10px;
background: #e8e8e8;
}
.contentsMenu.is-scroll {
position: fixed;
top: 0px;
z-index: 1;
width: 100%;
}
.contentsMenu li {
display: inline-block;
margin-right: 6px;
margin-bottom: 11px;
}
.contentsMenu li a {
display: block;
padding: 5px 10px 5px 10px;
background: #fff;
border-radius: 20px;
color: inherit;
font-size: 12px;
}
.contentsMenu li.current a {
background: #818181;
color: #fff !important;
}
.contentsMenu li a:hover {
opacity: 0.8;
text-decoration: none;
}

/*square menu*/
.contentsMenu .square {
padding: 5px 10px 3px 15px;
border-radius: 0;
}
/*arrow*/
.contentsMenu .ico_arw:after {
content: "";
display: inline-block;
width: 0.3em;
height: 0.3em;
margin-left: 1em;
border-top: 1px solid #333;
border-right: 1px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
}

/*開閉アイコン*/
.js-openMenu .trigger {
display: none;
-webkit-appearance: none;
appearance: none;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: none;
background: #000;
cursor: pointer;
}
.js-openMenu .trigger:before,
.js-openMenu .trigger:after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 1px;
background: #fff;
}
.js-openMenu .trigger:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.js-openMenu .trigger.is-open:after {
display: none;
}

/* Contents Block
-----------------------------------------------------------------*/
#article {
line-height: 1.5;
}
.block {
margin-bottom: 40px;
text-align: center;
}
.inner {
margin: 0 10px;
}

/*A*/
.blockTitle {
margin-bottom: 15px;
font-size: 16px;
}

/*B*/
.blockText {
margin-bottom: 15px;
}

/*C*/
.row {
margin-bottom: 20px;
}
.row a:hover {
opacity: 0.5;
}
.row:after {
content: "";
display: block;
clear: both;
}
.row .col {
margin-bottom: 15px;
}
.row.col2 .col {
display: inline-block;
width: 48.3%;
vertical-align: top;
}
.row.col2 .col:nth-child(odd) {
margin-right: 3.4%;
}
/*
.row.col2 .col {
float: left;
width: 48.3%;
}
.row.col2 .col:nth-child(even){
float: right;
}
*/
.row.col3 .col {
float: left;
width: 30.8%;
}
.row.col3 .col:nth-child(3n+1) {
margin-right: 4%;
}
.row.col3 .col:nth-child(3n+3) {
float: right;
}

/*D*/
.row.col2 .col.left {
float: left;
}
.row.col2 .col.right {
float: right;
}

/*G*/
.smallTextBlock {
font-size: 12px;
text-align: left;
}

/*H コラム*/
.columnBlock {
overflow: hidden;
padding: 15px 10px;
border: 2px solid #dcdcdc;
border-radius: 10px;
text-align: left;
}
.columnTitle {
margin-bottom: 20px;
font-size: 14px;
text-align: center;
}
.columnTitle:before {
content: "コラム";
display: inline-block;
margin-right: 10px;
padding: 5px 20px;
background: #d5d5d5;
font-size: 10px;
font-weight: normal;
vertical-align: middle;
line-height: 1;
}
.columnText {
font-size: 12px;
}
.columnPh {
float: right;
margin-left: 2%;
width: 48%;
}

.columnBlock .clear {
clear:both;
}

/* figure / figcaption
-----------------------------------------------------------------*/
.fig {
margin-bottom: 10px;
}
.figTitle {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px solid #e8e8e8;
}
.figCaption {
font-size: 12px;
}

/* News / Topics
-----------------------------------------------------------------*/
.newsTopics {
text-align: left;
font-size: 12px;
}
.newsTopics dl {
border-bottom: 1px solid #ccc;
}
.newsTopics dt{
padding: 10px 0;
border-top: 1px solid #ccc;
font-weight: bold;
}
.newsTopics dd {
padding: 0 0 10px 0;
}
.newsTopics dt:first-of-type,
.newsTopics dd:first-of-type {
border-top: none;
}
.newsTopics dt:first-of-type {
padding-top: 0;
}

/* Table (E)
-----------------------------------------------------------------*/
table {
width: 100%;
border: 2px solid #e8e8e8;
border-collapse: collapse;
text-align: left;
}
th,td {
padding: 10px;
border-bottom: 1px dotted #b9b9b9;
font-size: 12px;
}
th {
background: #f3f3f3;
font-weight: normal;
}
th[rowspan] {
border-right: 1px dotted #b9b9b9;
}
th+th {
border-left: 1px dotted #b9b9b9;
}
.w33p {width: 33.33%;}
.w45p {width: 45%;}

/*Icon Table (for guide)*/
.guideIconTable {
margin-bottom: 10px;
}
.guideIconTable th {
text-align: center;
}
.guideIconTable tbody th {
width: 33%;
}

.guideIconTable tbody td {
vertical-align: middle;
}

/* Table (H)
-----------------------------------------------------------------*/
td+td {
border-left: 1px dotted #b9b9b9;
}


/* List (E)
-----------------------------------------------------------------*/
.ul-asterisk01,
.ul-asterisk02,
.ul-circle,
.ul-decimal {
text-align: left;
}

.ul-asterisk01 li {
padding-left: 1em;
text-indent: -1em;
}
.ul-asterisk01 li:before {
content: "＊";
}

.ul-asterisk02 li {
padding-left: 1em;
text-indent: -1em;
}
.ul-asterisk02 li:before {
content: "※";
}

.ul-circle li{
padding-left: 1em;
text-indent: -1em;
}
.ul-circle li:before {
content: url(/prdct/telecom/consumer/common/img/ico_circle01.png);
margin-right: 0.5em;
}

.ul-circle02 li:last-child:before {
    content: url(/prdct/telecom/consumer/common/img/ico_circle03.png);
}

.ul-decimal li {
margin-left: 1.5em;
list-style-type: decimal;
}

.ul-link01 {
text-align: left;
font-size: 12px;
}
.ul-link01 li {
margin-bottom: 10px;
}
.ul-link01 li:before {
content: "・";
}
.ul-link01 a:link {
color: #226695 !important;
text-decoration: underline !important;
}
.ul-link01 a:visited {
color: #765d8a !important;
}

/* Buttons
-----------------------------------------------------------------*/
.btn {
display: block;
padding: 15px 20px;
background: #eaeaea;
color: #000 !important;
letter-spacing: 0.1em;
line-height: 1.2;
text-align: center;
}
.btn:hover {
opacity: 0.7;
text-decoration: none;
}
.btn[class*="ico_"] {
position: relative;
}
.btn[class*="ico_download"]:after {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 30px;
height: 30px;
}
.btn.ico_download_exe:after {
background: url(/prdct/telecom/consumer/s/common/img/ico_download_exe.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.btn.ico_download_pdf:after {
background: url(/prdct/telecom/consumer/s/common/img/ico_download_pdf.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.btn[class*="ico_arw"]:after {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/*オンラインで購入*/
.btnOnlineShop {
position: relative;
display: block;
padding: 15px;
border: 2px solid #000;
border-radius: 15px;
color: #000 !important;
line-height: 1.2;
}
.btnOnlineShop:hover {
opacity: 0.7;
text-decoration: none;
}
.btnOnlineShop:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-image: url(/prdct/telecom/consumer/s/common/img/ico_cart01.png);
-webkit-background-size: contain;
background-size: contain;
margin-right: 10px;
vertical-align: middle;
}

/*20200226 edit*/

/*
.btnOnlineShop:after {
position: absolute;
right: 10px;
bottom: 5px;
content: url(/prdct/telecom/consumer/s/common/img/ico_blank.png);
}
*/

/*20200226 edit*/

/*オプション品*/
.btnOptionPrdct li{
display: block;
}
.btnOptionPrdct li + li {
margin-top: 10px;
}
.btnOptionPrdct a {
padding-left: 50px;
}
.btnOptionPrdct span[class="ico_cart"],
.btnOptionPrdct span[class="ico_info"] {
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btnOptionPrdct .ico_blank:after {
position: static;
}

/*お問い合わせ*/
.btnContact {
border-radius: 50px;
}
.btnContact.ico_arw:after {
right: 20px;
}

/* Caution (H)
-----------------------------------------------------------------*/
.cautionBlock {
padding: 15px;
border: 2px solid #dcdcdc;
border-radius: 20px;
text-align: left;
}
.cautionTitle {
vertical-align: middle;
text-align: center;
font-size: 22px;
}
.cautionTitle  img {
width: 35px !important;
margin-bottom: 10px;
vertical-align: middle;
}
.cautionBody {
vertical-align: middle;
}
.cautionBody strong {
font-weight: normal;
}
.cautionText {
color: #c11a1a;
text-align: left;
}

/* Info (H)
-----------------------------------------------------------------*/
.infoBlock {
margin: auto;
padding: 15px 30px;
border: 2px solid #dcdcdc;
border-radius: 10px;
text-align: left;
}

.infoTitle {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #dcdcdc;
text-align: center;
}
.infoBody {
font-size: 12px;
}
.infoBody li {
margin: 8px 0;
}
.infoBody a {
color: inherit;
text-decoration: underline !important;
}


/* Inline List
-----------------------------------------------------------------*/
.inlineList li{
display: inline-block;
margin: 0 10px;
}

.bnrList li{
display: inline-block;
width: 48%;
margin: 5px 0 0 2px;
}
/*.bnrList li+li {
margin-left: 2%;
}*/

/*SNS*/
.snsList {
text-align: center;
}
.snsList li {
display: inline-block;
width: 22px;
height: 22px;
margin: 0 5px;
}
.snsList li img {
max-width: 100%;
height: auto;
}

/* =============================================================
サポート
================================================================*/
/*サポート一覧*/
.supportList {
overflow: hidden;
}
.supportList > li {
overflow: hidden;
position: relative;
width: auto;
padding: 10px;
margin-bottom: 10px;
background: #f5f5f5;
}
.supportList .pdCareer {
position: absolute;
right: 55%;
top: 20px;
z-index: 10;
-webkit-transform: scale(0.8);
transform: scale(0.8);
cursor: pointer;
}
.supportList .ph {
float: left;
width: 45.6%;
background: #fff;
text-align: center;
}
.supportList .ph a {
display: block;
padding: 40px 0 10px;
color: inherit;
}
.supportList .ph a:hover {
text-decoration: none;
opacity: 0.7;
}
.supportList .ph img {
max-width: 95%;
height: auto;
}
.supportList .pdRelease {
font-size: 10px;
}
.supportList .pdName {
margin-bottom: 40px;
font-size: 14px;
}
.supportList .body {
float: right;
width: 49%;
font-size: 12px;
}
/*サポートメニュー*/
.supportListMenu li a {
position: relative;
display: block;
padding: 5px 15px 5px 0;
color: inherit;
}
.supportListMenu li a:before {
position: absolute;
right:0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 0.5em;
height: 0.5em;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/*Q&A
---------------------------------*/
.faqList {
font-size: 12px;
line-height: 1.4;
}
.faqList img {
max-width: 100% !important;
width: auto !important;
height: auto;
}
.faqList dt {
position: relative;
margin-bottom: 5px;
padding: 10px 40px;
background: #f6f6f6;
cursor: pointer;
}
.faqList dd {
position: relative;
margin-bottom: 10px;
padding: 10px 10px 10px 40px;
background: #edf4fb;
}
.faqList dt .icon,
.faqList dd .icon {
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height: 20px;
}
.faqList dt:after {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 20px;
height: 20px;
background: url(/prdct/telecom/consumer/s/common/img/ico_open_arw.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.faqList dt.op:after {
background: url(/prdct/telecom/consumer/s/common/img/ico_close_arw.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}


/*20200527 KC-edit*/
/*OSV
---------------------------------*/
.osvList {
font-size: 12px;
line-height: 1.4;
}
.osvList img {
max-width: 100% !important;
width: auto !important;
height: auto;
}
.osvList dt {
position: relative;
margin-bottom: 5px;
padding: 10px 40px;
background: #f6f6f6;
cursor: pointer;
}
.osvList dd {
position: relative;
margin-bottom: 10px;
padding: 10px 10px 10px 40px;
background: #edf4fb;
}
.osvList dt .icon,
.osvList dd .icon {
position: absolute;
left: 10px;
top: 10px;
width: 20px;
height: 20px;
}
.osvList dt:after {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 20px;
height: 20px;
background: url(/prdct/telecom/consumer/s/common/img/ico_open_arw.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.osvList dt.op:after {
background: url(/prdct/telecom/consumer/s/common/img/ico_close_arw.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
/*20200527 KC-edit*/

/* =============================================================
製品ガイド
================================================================*/

/*ガイドメニュー
---------------------------------*/
.guideMenu {
margin-bottom: 40px;
}
.guideMenu .pdTop {
padding: 10px 10px;
background: #e8e8e8;
}
.guideMenu .pdTop a {
display: inline-block;
padding: 5px 10px 2px 10px;
background: #fff;
border-radius: 30px;
line-height: 1.2;
font-size: 12px;
}
.guideMenu .guide {
overflow: hidden;
line-height: 1.2;
}
.guideMenu .guide > li {
position: relative;
background: #fff;
padding: 10px 20px;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
}
.guideMenu .guide > li:before {
position: absolute;
right: 10px;
top: 8px;
content: "";
display: block;
width: 19px;
height: 19px;
background: url(/prdct/telecom/consumer/s/common/img/ico_plus02.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.guideMenu .guide > li.is-active:before {
background: url(/prdct/telecom/consumer/s/common/img/ico_minus02.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}

.guideMenu .sub {
display: none;
margin: 10px -20px -10px -20px;
}
.guideMenu .sub a {
position: relative;
display: block;
padding: 10px 20px 10px 35px;
background: #e8e8e8;
}
.guideMenu .sub >li.current a:before {
position: absolute;
left: 20px;
top: 15px;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 2px 0 3px 4px;
border-color: transparent transparent transparent #000;
}

/* =============================================================
お問い合わせ
================================================================*/
.contactBlock {
padding: 15px 7px;
border: 3px solid #dcdcdc;
border-radius: 10px;
}
.contactBlock .dotline {
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

.contactInner .contactTitle {
width: auto;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
}
.contactInner .contactBody {
font-size: 12px;
text-align: left;
}

.contactBody.bdLeft {
margin-bottom: 15px;
padding-left: 10px;
border-left: 3px solid #000;
}
a.lineLink {
color: #226695 !important;
text-decoration: underline !important;
}

#contact-tel .contactBody {
margin-left: 12px;
}
#contact-other .contactBody,
#contact-other .ul-asterisk02 {
margin-left: 8px;
margin-right: 8px;
}

/* =============================================================
404ページ
================================================================*/
.notFoundBlock {
margin: 30px auto;
padding: 20px;
border: 4px solid #dcdcdc;
border-radius: 15px;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.notFoundMsg {
margin-bottom: 20px;
font-size: 16px;
}
.notFoundMsg:before {
content: "";
display: block;
width: 35px;
height: 30px;
margin: 0 auto 20px;
background: url(/prdct/telecom/consumer/s/common/img/ico_caution01.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
}

/*20200226 KC-edit*/

.ico_blank:after {
display: inline-block;
width: 14px;
margin-left: 5px;
vertical-align: middle;
font-size: 20px;
height: 22.5px;
}

.ico_blank_btn:after {
position: absolute;
right: 10px;
bottom: 5px;
font-size: 14px;
}

.btnOnlineShop:after {
position: absolute;
right: 10px;
bottom: 5px;
font-size: 16px;
}

.ico_blank:after,
.ico_blank_btn:after,
.btnOnlineShop:after {
content: "\EA09";
font-family: "template-iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-decoration: none;
text-transform: none;
speak: none;;
}

/*20200226 KC-edit*/
/*20200402 KC-edit*/
div.col.kc_gaOnclick {
margin-top: -30px;
display: flex;
align-items: center;
}

.kc_gaOnclick a {
background-color: #818181;
color: #fff !important;
display: block;
min-height: 50px;
border: 1px solid #000;
border-radius: 5px;
text-align: center;
width: calc(100% / 3);
margin: 0 5px;
text-decoration: none;
padding: 10px 5px;
box-sizing: border-box;
color: #000;
position: relative;
border: solid 1px #818181 !important;
box-shadow: 0 2.5px 0px 0px #333333e0;
}

.kc_gaOnclick a span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
overflow: hidden;
white-space: nowrap;
font-size: 2.8vw;
line-height: 1.5;
letter-spacing: 0.01em;
font-weight: 600;
}

@media screen and (min-width: 500px) /*tablet対応*/{
.kc_gaOnclick a span {
font-size: 14px;
line-height: 1.5;
}
}

/*20200402 KC-edit*/
/*20200525 KC-edit*/

.osvpc{display:none !important}
.osvsp{display:flex !important}
p.osvsp{margin-bottom:20px}
p.osvsp > img{margin:0 auto}
.g04osv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
p.androidV10{
width: 100%;
text-align: center;
margin: 30px 0;
padding: 10px 0;
border: solid #c1168b;
}
p.androidV10 span{
font-family: 'Roboto', sans-serif;
}
p.androidV9{
border: solid #000;
width: 100%;
text-align: center;
margin: 30px 0;
padding: 10px 0;
}
.g04osv>img{
width: 100%!importan;
margin-bottom:20px;

}
.g04OsvIcon {
font-size: 18px;
top: 6px !important;
left: 14px !important;
color: #226695;
}
.g04osv-tellicon > img{
width:20px!important;
}

/*20200525 KC-edit*/
/*20200602 KC-edit*/

#contents .st-Title {
width : 60% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 105px) ;
width : calc(100% - 105px) ;
}

/*下層ページタイトル部分調整*/
.pageTitle {
padding: 20px 10px;
}
.pageTitle  .title{
line-height: 1.5;
width : 65% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 90px) ;
width : calc(100% - 90px) ;
}
#consumerMenu202006 ul {
top: 12px;
}
h1.index-title + #consumerMenu202006 ul{
top:0;
}
/*下層ページタイトル部分調整*/
.newPrdctList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/*TOP*/
.newPrdctList li {
width: 45%;
box-sizing: border-box;
margin-bottom:40px;
}
.newPrdctList li:nth-child(odd),.newPrdctList li:nth-child(even) {
float: none;
}
.newPrdctList .banner-box{
margin-bottom: 10px;
}
.newPrdctList .banner-box img{
margin: 0 auto;
display: block;
width: 70%;
}
.newPrdctList .pdName {
margin-bottom: 10px;
line-height: 1.5;
font-size: 14px;
font-weight: 800;
letter-spacing: 0rem;
height: 42px;
}
.newPrdctList .body {
margin: 0 auto;
width: 100%;
padding: 0 10px;
}
.newPrdctList .body a {
padding: 7px 10px;
text-align: center;
margin: 0 auto 10px;
position: relative;
font-weight: 800;
font-size: 10px;
}

.newPrdctList .body a:first-of-type{
background-color:#e5374f;
color:#fff!important;
}
.purchase_link{
border: solid 1px rgba(12,12,12,0.8);
}
.newPrdctList .body a::after {
content: "▶";
position: absolute;
right: 10px;
font-size: 10px;
}
.pdMoreBtn_area{
width: 100%;
}
.pdMoreBtn_area p{
margin: 0 auto;
width: 42%;
}
.pdMoreBtn_area .pdMoreBtn a{
background: #3d3d3d;
color: #fff!important;
padding: 8px 10px;
marrgin-bottom:0px;
}

.pdMoreBtn_area .pdMoreBtn a::after{
top: -5px;
right: 15px;
}
.bx-wrapper{
box-shadow:none!important;
}
h1.index-title{
margin-bottom: 20px;
padding-bottom: 10px;
}
h1.index-title + #consumerMenu202006{
top: -38px;
}
#consumerMenu202006{
position: relative;
width: 100%;
margin: 0 auto;
}
#consumerMenu202006 ul {
display: flex;
justify-content: flex-end;
align-items: center;
text-align: center;
margin: 0px auto;
position: absolute;
right: 5px;
}

#consumerMenu202006 div a{
color: #ccc;
font-weight: 800;
letter-spacing: 0.05rem;
}
#consumerMenu202006 div{
padding: 5px;
background-color: #e5374f;
border-radius: 5px;
}
#consumerMenu202006 div a{
color: white;
text-align: center;
font-size: 11px;
}
#consumerMenu202006 div a span{
font-size: 10px;
}
#consumerMenu202006 div:hover{
background-color: #df0522;
}
#consumerMenu202006 div a:hover{
text-decoration: none;
}
.bx-slider li {
border: solid 1px #eee;
box-sizing: border-box;
}
.bx-wrapper {
margin-bottom: 45px;
}
/*訴求バナー欄*/

div#bannerContent {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 6px;
}
.bannerContent {
width: 100%;
margin-bottom: 10px;
}
.bannerContent img {
margin: 0 auto;
display: block;
}

/*訴求バナー欄*/
/*SP下部スライダー*/
.bnrArea .bx-wrapper .bx-next, .bnrArea .bx-wrapper .bx-prev{
    background:none;
}
.bnrArea .bx-wrapper .bx-controls-direction a {
    margin-top: 0;
}
/*SP下部スライダー*/
/*20200602 KC-edit*/
/*20200623 KC-edit*/

.btnSumahokyoshitsu {
    position: relative;
    display: block;
    padding: 15px;
    border: 2px solid #000;
    border-radius: 15px;
    color: #000 !important;
    line-height: 1.2;
}

.btnSumahokyoshitsu:after {
    content: "\EA07";
    font-family: "template-iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    speak: none;
}

.btnSumahokyoshitsu:after {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 16px;
}
/*20200623 KC-edit*/

/* 20220803 */
table.android12 {
	background:#fff;
}

table.android12 td.android12sp{
	width: 70px;
}

span.td_sp {
	margin-left:15px;
}

.sp_12 {
	display:none;
}

img.android12-11 {
	margin-top:30px;
}

p.android12 {
	margin-top:20px;
}

p.android12-9_sp1 {
	margin-top:10px;
	margin-bottom: 10px;
	text-align:right;
	display :block!important;
}

p.android12-9_sp2 {
	text-align: center;
	margin-top: -10px;
	margin-bottom: 30px;
	display :block!important;
}

p.android12_sptext {
	margin-top: 15px;
}

/* 202504 */
.global-Header_MainInner {
	text-align: left;
}