@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: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-decimal li {
	margin-left: 1.5em;
	list-style-type: decimal;
}

.ul-link01 {
	text-align: left;
	font-size: 12px;
}
.ul-link01 li {
	margin-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.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: 15px;
	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: "\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;;
}

/*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*/