@charset "utf-8";

/*
 * services mobile one
 * 2016.11.07
 */

/*============================================================
 * Initial setting
 * 初期設定
============================================================*/
/*--------------------
 *
 * 消す
--------------------*/
.area3,
.NavSvceBrandAnchorlinkPS {
	display: none;
}



/*============================================================
 * mobileOne_navi
 * ナビ部分全体
============================================================*/
/*--------------------
 *
 * 消す
--------------------*/
.mobileOne_navi > * {
	box-sizing: border-box;
}

.mobileOne_navi {
	display: block;
	width: 100%;
}
.mobileOne_navi-mobile{
	display: none;
}

.mobileOne_navi.mobileOne_navi-fixed {
	z-index: 969;
	position: fixed;
}
.mobileOne_navi-mobile.mobileOne_navi-fixed {
	z-index: 969;
	position: fixed;
}
/*#js-moveNavi-outer.mobileOne_navi-fixed {
	z-index: 99999;
	position: fixed;
	width: 100%;
}*/


/*============================================================
 * mobileOne_navi-main
 * メインナビ
============================================================*/
/*--------------------
 *
 *
--------------------*/
.mobileOne_navi-main {
	border-top: #c6c6c6 solid 1px;
	border-bottom: #c6c6c6 solid 1px;
	font-family: FrutigerNeueLTW10-Regul,FrutigerNeueW01-Regular,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Helvetica,sans-serif;
}

.mobileOne_navi-main table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
	line-height: 1em !important;
}


.mobileOne_navi_table {
	width: 1260px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-left: #c6c6c6 solid 1px;
	table-layout: fixed;
}
.mobileOne_navi_table th,
.mobileOne_navi_table td {
	border: none;
	padding: 0;
	background: #fff;
	border-right: #c6c6c6 solid 1px;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;

}
.mobileOne_navi_table td:not(.mo_navi_item_now):hover {
	background: #8b186d;
}
.mobileOne_navi_table td.current{
	background: #8b186d;
}
.mobileOne_navi_table a,.mobileOne_navi_table span {
	display: block;
	padding: 35px 0;
	color:#004386;
}

.mobileOne_navi_table td:not(.mo_navi_item_now):hover a{
	background-color: #8b186d;
	color: #fff;
}
.mobileOne_navi_table a:hover,
.mobileOne_navi_table span {
	color: #fff;
}
.mobileOne_navi_table a img ,.mobileOne_navi_table span img {
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	transform: translateY(-3px);
}


.mobileOne_navi_innerTable {
	width: 100%;
}
.mobileOne_navi_innerTable th,
.mobileOne_navi_innerTable td {
	border-right: none;
	vertical-align: middle;
}
.mobileOne_navi_innerTable th {
	padding: 14px 0;
	border-bottom: #c6c6c6 solid 1px;
}
.mobileOne_navi_innerTable td:nth-of-type(1) {
	border-right: #c6c6c6 solid 1px;
}
.mobileOne_navi_innerTable a {
	padding: 16px 0;
}

.mo_navi_item_ocn {
	width: 21.4%;
}
.mo_navi_item_set {
	width: 16.7%;
}
.mo_navi_item_now {
	width: 38.9%;
}
.mo_navi_item_first {
	width: 23%;
}

.mobileOne_navi_table td span,
.mobileOne_navi_table td a{
	background-size:20px;
	padding-left:30px;
	background-repeat: no-repeat;
	background-color:#fff;
	background-position:left 50px center;
}
.mobileOne_navi_table td a:hover{
	background-color:#8b186d;
}

.mobileOne_navi_table td.current span,
.mobileOne_navi_table td.current a{
	color:#fff;
	background-color:#8b186d;
}

.mobileOne_navi_table td.mo_navi_item_ocn span,
.mobileOne_navi_table td.mo_navi_item_ocn a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_home_out.png);
}
.mobileOne_navi_table td.mo_navi_item_ocn:hover a,
.mobileOne_navi_table td.mo_navi_item_ocn.current span,
.mobileOne_navi_table td.mo_navi_item_ocn.current a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_home_over.png);
}

.mobileOne_navi_table td.mo_navi_item_set span,
.mobileOne_navi_table td.mo_navi_item_set a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sp_out.png);
	background-position:left 40px center;
}
.mobileOne_navi_table td.mo_navi_item_set:hover a,


.mobileOne_navi_table td.mo_navi_item_set.current span,
.mobileOne_navi_table td.mo_navi_item_set.current a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sp_over.png);
}

.mobileOne_navi_innerTable td span,
.mobileOne_navi_innerTable td a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sim_out.png);
	background-position:left 40px center;
}
.mobileOne_navi_innerTable td:hover a,
.mobileOne_navi_innerTable td.current span,
.mobileOne_navi_innerTable td.current a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sim_over.png);
}

.mobileOne_navi_table td.mo_navi_item_first span,
.mobileOne_navi_table td.mo_navi_item_first a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_beginer_out.png);
	background-position:left 40px center;
}
.mobileOne_navi_table td.mo_navi_item_first:hover a,
.mobileOne_navi_table td.mo_navi_item_first.current span,
.mobileOne_navi_table td.mo_navi_item_first.current a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_beginer_over.png);
}

@media screen and (max-width:1130px) {
/*基本*/
.mobileOne_navi_table td span,
.mobileOne_navi_table td a{
	background-position:left 30px center;
}
/*スマホセット*/
.mobileOne_navi_table td.mo_navi_item_set span,
.mobileOne_navi_table td.mo_navi_item_set a{
	background-position:left 30px center;
}
/*シム*/
.mobileOne_navi_innerTable td span,
.mobileOne_navi_innerTable td a{
	background-position:left 30px center;
}
/*はじめてのモバイルONE*/
.mobileOne_navi_table td.mo_navi_item_first span,
.mobileOne_navi_table td.mo_navi_item_first a{
	background-position:left 20px center;
}
/* ----- / @media screen and (max-width:1130px) ----- */
}

@media screen and (max-width:970px) {
/*基本*/
.mobileOne_navi_table td span,
.mobileOne_navi_table td a{
	background-position:left 10px center;
}
/*スマホセット*/
.mobileOne_navi_table td.mo_navi_item_set span,
.mobileOne_navi_table td.mo_navi_item_set a{
	background-position:left 10px center;
}
/*シム*/
.mobileOne_navi_innerTable td span,
.mobileOne_navi_innerTable td a{
	background-position:left 10px center;
}
/*はじめてのモバイルONE*/
.mobileOne_navi_table td.mo_navi_item_first span,
.mobileOne_navi_table td.mo_navi_item_first a{
	background-position:left 10px center;
}
/* ----- / @media screen and (max-width:970px) ----- */
}

/*============================================================
 * mobileOne_navi-sub
 * サブナビ
============================================================*/
/*--------------------
 *
 *
--------------------*/

.mobileOne_navi-sub {
	width: 1260px;
	margin: 0 auto 0;
	background: #fff;
	border: #c6c6c6 solid 1px;
	border-top:none;
}

.mobileOne_subNavi {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
.mobileOne_subNavi li {
	display: table-cell;
	text-align: center;
}

.mobileOne_subNavi li a {
	position: relative;
	display: block;
	padding: 8px;
	margin: 7px;
}
.mobileOne_subNavi li a:hover {
	background: #8b186d;
	color: #fff;
}
.mobileOne_subNavi li:not(:first-child) a:before {
	position: absolute;
	display: inline-block;
	content: "";
	top: 50%;
	left: -7px;
	height: 1rem;
	border-left: #000 dotted 1px;
	transform: translateY(-50%);
}

.one_second_nav {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #c6c6c6;
	text-align: left;
	z-index: 969;
}
.one_second_nav div {
	border-bottom: 1px solid #c6c6c6;
}
.one_second_nav img {
	padding: 10px;
}
.mobileOne_subNavi li .one_second_nav a::before{
	border-left: none;
}
/*
.mobileOne_subNavi_overview {
	width: 35.1%;
}
.mobileOne_subNavi_choice {
	width: 24.4%;
}
.mobileOne_subNavi_traffic {
	width: 26.4%;
}
.mobileOne_subNavi_option {
	width: 14.1%;
}
*/

/*主導線ナビ追加*/

.mobileOne_navi-sub ul li a.contact {
	background: #003572 none repeat scroll 0 0;
	color: #fff;
}
.mobileOne_navi-sub ul li a.application {
	background: #d80000 none repeat scroll 0 0;
	color: #fff;
}
.mobileOne_navi-sub ul li.mobileOne_subNavi_other{
	border-left:1px solid #ccc;
}
.mobileOne_subNavi li.mobileOne_subNavi_other a::before{
	border-left: none;
}

#lpButtonDiv-ComOfficialC{
	height:60px !important;
}
#lpButtonDiv-ComOfficialC div img{
	left:10px !important;
	top:10px !important;
}
/* ----- / @media screen and (max-width:768px) ----- */
@media screen and (max-width:768px) {

	.mobileOne_navi {
		display: none;
	}
	.mobileOne_navi-mobile{
		display: block;
	}
	.one_second_nav{
		position:static;
	}

/* ----- / @media screen and (max-width:768px) ----- */
}


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

/* ----- / @media screen and (max-width:480px) ----- */
}


/*ナビ全体*/
.mobileOne_navi-mobile {
	background: #fff;
	width: 100%;
}

/*トグル*/
.mobileOne_navi-mobile_toggle {
	border-top: #d1d1d1 solid 1px;
	border-bottom: #d1d1d1 solid 1px;
}
.mobileOne_navi-mobile_toggleBtn {
	display: block;
	padding: 12px;
	text-indent: -999px;
	background: url(/content/dam/nttcom/cmn/img/sp_menu_open.png) no-repeat left 14px center;
}
.mobileOne_navi-mobile_toggleBtn.open {
	background: url(/content/dam/nttcom/cmn/img/sp_menu_open.png) no-repeat left 14px center;
}
.mobileOne_navi-mobile_toggleBtn.close {
	background: url(/content/dam/nttcom/cmn/img/sp_menu_close.png) no-repeat left 14px center;
}
/*ナビ本体*/
.mobileOne_navi-mobile_body {
	display: none;
	border-bottom: #d1d1d1 solid 1px;
	overflow-y: scroll;
}

.mobileOne_navi-mobile_body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobileOne_navi-mobile_body a {
	display: block;
	padding: 12px;
	font-weight: bold;
}
.mobileOne_navi-mobile_body a img {
	width: 24px;
	margin-right: 10px;
	vertical-align: middle;
	transform: translateY(-4px);
	display:inline;
}

/*親要素*/
.mobileOne_navi-mobile_parent > li {
	border-top: #d1d1d1 solid 1px;
}
mobileOne_navi-mobile_parent > li::first-child {
	border-top: none;
}


/*子要素*/
.mobileOne_navi-mobile_body ul.mobileOne_navi-mobile_child {
	padding: 0 12px 12px;
}
.mobileOne_navi-mobile_child li {
	border-top: #fff solid 1px; 
}
.mobileOne_navi-mobile_child li:first-child {
	border-top: none;
}
.mobileOne_navi-mobile_child li a {
	padding: 10px 10px 10px 30px;
	background: #f3f3f3 url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/sp/sp_menu_arrow.png) 10px center no-repeat;
}

.mobileOne_navi-mobile_define {

}
.mobileOne_navi-mobile_define dt {
	padding: 12px;
	background: #f3f3f3;
}
.mobileOne_navi-mobile_define dd:not(:nth-of-type(1)) {
	border-top: #cecece dotted 1px;
}

.mobileOne_subNavi .inview-on {
	background: #8b186d;
	color: #fff;
}

.mobileOne_navi-mobile_parent ul li a.contact {
	background: #003572 url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/sp/sp_menu_arrow_wh.png) 10px center no-repeat;
	color: #fff;
}
.mobileOne_navi-mobile_parent ul li a.application {
	background: #d80000 url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/sp/sp_menu_arrow_wh.png) 10px center no-repeat;
	color: #fff;
}


/* カルーセル */
#CarouselMobileOne .sp-buttons {
	padding: 0;
	top: -50px;
	height: 0;
	opacity: 0;
}

#CarouselMobileOne:hover .sp-buttons {
	opacity: 1;
}

.mainSliders {
	display: table;
	width: 100%;
	margin:30px auto;
}

.mainSliders .mainSlidesWrap{
	display: table-cell;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	width: 75%;
}
.mainSliders .mainMenuWrap {
	display: table-cell;
	text-align: right;
	vertical-align: top;
	padding:0;
}
.mainSliders .mainMenuWrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mainSliders .mainMenuWrap ul li {
	background: #ffdc57 none repeat scroll 0 0;
	border-bottom: 1px solid #fff;
	text-align: left;
}
.mainSliders .mainMenuWrap ul li a,
.mainSliders .mainMenuWrap ul li span{
	color: #000;
	display: block;
	padding: 7px 20px;
}

.mainSliders .mainMenuWrap ul li li{
	border-bottom:none;
	border-top: 1px solid #fff;
	background:#ffedab;
}
.mainSliders .mainMenuWrap ul ul{
	margin-left:20px;
}

.mainSliders .mainMenuWrap ul li li a{
	padding: 5px 20px;
}








.pc{display:block;}
.sp{display:none;}

@media all and (min-width: 0px) and (max-width: 480px) {
.pc{display:none;}
.sp{display:block;}
}
.pdb25{
	padding-bottom:25px;
}
.bold {
    font-weight: bold !important;
}
.fnt120 {
    font-size: 120% !important;
}
.line-p {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffcccc 0%) repeat scroll 0 0;
}
a.button {
	background: #fffae9 url("/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/gradation_gray_s.png") repeat-x scroll left bottom;
	border: 1px solid #ababab;
	border-radius: 6px;
	box-sizing: border-box;
	display: inline-block;
	text-align: center;
	width:250px;
	font-size:14px;
}
a.button span {
	background: rgba(0, 0, 0, 0) url("/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/linkcircle_05ss.png") no-repeat scroll 10px 8px;
	border-radius: 6px;
	color: #333;
	display: inline-block;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 12px 5px 27px;
}


.blockarea {
	margin: 0 auto 10px;
	padding: 0;
	width: 864px;
}
#cpBox .title img{
	vertical-align:bottom;
}
#cpBox .recome{
	width:100%;
	background:#f8f276;
	padding:0 15px 15px;
}
#cpBox .recome div{
	float:left;
	position:relative;
}
#cpBox .recome div.no2{
	float:right;
}
#cpBox .recome div .link{
	text-align:right;
	position:absolute;
	bottom:6px;
	right:10px;
}


.ad{
	background:#e5eff9;
	padding:10px;
}
.ad .image{
	float:left;
}
.ad .text{
	float:right;
	width:420px;
}


/* =============== ▼20161215 追加 =============== */
.mobileOne_navi.mobileOne_navi-fixed .mobileOne_subNavi li {
	vertical-align:middle;
}
.mobileOne_navi.mobileOne_navi-fixed .mobileOne_navi_table,
.mobileOne_navi.mobileOne_navi-fixed .mobileOne_navi-sub{
	width:100%;
	max-width:1260px;
}


/* ========== ▼メニュー改善　2017.03.09 追加 ========== */
/* ---------- 001_h1・ロゴまわり ---------- */
#mobileOne_custom {
	text-align: center;
	margin: 5px auto 20px;
/*
	line-height: 1.2em !important;
	font-size: 28pt !important;
*/
}

#mobileOne_custom .area2 h1 {
	font-size: 28pt !important;
}

#mobileOne_custom img {
	vertical-align: top !important;
}

#h1_title {
    width: 100%;
    margin-bottom: 40px;
    font-weight: bold;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    text-align: center;
    letter-spacing: 0.05em;
    color: rgb(51, 51, 51);
    font-size: 22pt !important;
    line-height: 1em !important;
    background: rgb(250, 250, 250);
    border-right: 1px solid rgb(198, 198, 198);
    border-bottom: 1px solid rgb(198, 198, 198);
    border-left: 1px solid rgb(198, 198, 198);
    padding: 20px 10px 15px;
}


/* #h1_title {
	width: 100%;
	background: #f1f8ff;
	margin-bottom: 40px;
	padding: 20px 10px 15px;
	font-size: 28pt !important;
	font-weight: bold;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	line-height: 1em !important;
	letter-spacing: 0.05em;
	color: #014895;
} */

/* ---------- 002_主導線ナビ_上 ---------- */
#mobileOne_menu .mobileOne_navi_table td span,
#mobileOne_menu .mobileOne_navi_table td a{
	padding-left:25px;
}

#mobileOne_menu .mobileOne_navi_table a,
#mobileOne_menu .mobileOne_navi_table span {
	padding: 20px 0;
}

#mobileOne_menu .mo_navi_item_voice {
	width: 17.5%;
}
#mobileOne_menu .mo_navi_item_data {
	width: 21.4%;
}

#mobileOne_menu .mo_navi_item_voice span,
#mobileOne_menu .mo_navi_item_voice a,
#mobileOne_menu .mo_navi_item_data span,
#mobileOne_menu .mo_navi_item_data a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sim_out.png);
	background-position:left 40px center;
}
#mobileOne_menu .mo_navi_item_voice a:hover,
#mobileOne_menu .mo_navi_item_voice.current span,
#mobileOne_menu .mo_navi_item_voice.current a,
#mobileOne_menu .mo_navi_item_data a:hover,
#mobileOne_menu .mo_navi_item_data.current span,
#mobileOne_menu .mo_navi_item_data.current a{
	background-image:url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_sim_over.png);
}


/* ---------- 003_主導線ナビ_下（ONE・トップ用） ---------- */
ul#one_top .mobileOne_subNavi_overview {
	width: 15.0%;
}
ul#one_top .mobileOne_subNavi_choice {
	width: 20.0%;
}
ul#one_top .mobileOne_subNavi_traffic {
	width: 26.4%;
}
ul#one_top .mobileOne_subNavi_option {
	width: 15.0%;
}
ul#one_top .mobileOne_subNavi_other {
	width: 12.3%;
}

@media screen and (max-width: 480px){
	#mobileOne_custom {
		margin: 15px 0;
	}
	#mobileOne_custom img{
		width:85%;
		height:auto;
	}
	#h1_title {
		margin-bottom: 20px;
		padding: 15px 5px 10px;
		font-size: 18pt !important;
	}
}
/* =========================================== */

/* 2018.11.06 追記
------------------------------------ */
/* .sectioning_layout-inner {
	width: 100% !important;
} */

.bottomLink {
	width: 1260px;
	margin: 50px auto 0;
}

@media screen and (max-width:768px) {
	.bottomLink {
		width: 100%;
	}
}
	
	h1 {
	max-width: 100%;
	margin: 0 auto 40px !important;
	padding: 15px 10px !important;
	background: #f1f8ff;
	font-weight: bold !important;
	color: #014895;
	font-size: 28px;
	line-height: 1.1;
	text-align: center;
	border-left: none;
}

@media screen and (max-width:480px) {
	h1 {
		font-size: 18px;
		margin: 0 auto 20px;
	}
}

.h1_text, .h1_text p {
	font-size: 18px !important;
}

h2, .level2Block h2 {
	border-bottom: 2px solid #ccc !important;
	font-size: 28px !important;
	text-align: center !important;
	border-left: none !important;
	padding: 0 15px 10px 15px;
	margin-right: auto;
    margin-left: auto;
	line-height: 1.2;
}

@media screen and (max-width:480px) {
	h2, .level2Block h2 {
		font-size: 18px !important;
		margin-bottom: 20px;
		padding: 0 15px 5px 15px;
	}
}

h3, .level2Block h3 {
	border-bottom: 1px solid #ccc !important;
	font-size: 24px !important;
	font-weight: bold !important;
	text-align: left!important;
	border-left: none !important;
	padding-bottom: 5px;
}

@media screen and (max-width:480px) {
	h3, .level2Block h3 {
		font-size: 16px !important;
		margin-bottom: 20px !important;
	}
}

h4, .level2Block h4 {
	border-bottom: 2px solid #004795 !important;
	font-size: 20px !important;
	font-weight: bold !important;
	text-align: center !important;
	border-left: none !important;
	background-color: rgba(111,0,0,0.0);
	padding-bottom: 5px;
}

@media screen and (max-width:480px) {
	h4, .level2Block h4 {
		font-size: 16px !important;
	}
}

h5, .level2Block h5 {
	padding: 3px 11px;
	border-left: 5px solid #004795;
	font-weight: bold;
	font-size: 18px !important;
	border-bottom: none !important;
}

@media screen and (max-width:480px) {
	h5, .level2Block h5 {
		font-size: 16px !important;
	}
}

.mb40_20 {
	margin-bottom: 40px;
}

@media screen and (max-width:480px) {
	.mb40_20 {
		margin-bottom: 20px;
	}
}

/* 2018.11.14 追記（hajimete.html）
------------------------------------ */
.hajimete .red_box .mb10_hq h2.hajimete_nagare, .hajimete .yellow_box h2.hajimete_katsuyou {
	border-bottom: none !important;
	text-align: left !important;
}