@charset "utf-8";

/******************** パーツ無関係 ********************/

.partslist-area-title {
	font-weight: bold;
	margin: 32px 0 16px;
	font-size: 20px;
}
.partslist-area-title:first-child {
	margin-top: 0;
}


/******************** 文字調整用クラス ********************/

.thirdlevel-right { text-align: right; }
.thirdlevel-center { text-align: center; }
.thirdlevel-txt-bold { font-weight: bold; }

.thirdlevel-mt00 { margin-top: 0!important; }
.thirdlevel-mt08 { margin-top: 8px!important; }
.thirdlevel-mt16 { margin-top: 16px!important; }
.thirdlevel-mt24 { margin-top: 24px!important; }
.thirdlevel-mt32 { margin-top: 32px!important; }
.thirdlevel-mt40 { margin-top: 40px!important; }
.thirdlevel-mt48 { margin-top: 48px!important; }
.thirdlevel-mt52 { margin-top: 52px!important; }

.thirdlevel-mb00 { margin-bottom: 0px!important; }
.thirdlevel-mb06 { margin-bottom: 6px!important; }
.thirdlevel-mb08 { margin-bottom: 8px!important; }
.thirdlevel-mb16 { margin-bottom: 16px!important; }
.thirdlevel-mb24 { margin-bottom: 24px!important; }
.thirdlevel-mb32 { margin-bottom: 32px!important; }

.thirdlevel-mr00 { margin-right: 0px!important; }
.thirdlevel-mr04 { margin-right: 4px!important; }
.thirdlevel-mr16 { margin-right: 16px!important; }
.thirdlevel-mr32 { margin-right: 32px!important; }

.thirdlevel-ml00 { margin-left: 0px!important; }
.thirdlevel-ml08 { margin-left: 8px!important; }

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

.thirdlevel-pb00 { padding-bottom: 0px!important; }
.thirdlevel-pb08 { padding-bottom: 8px!important; }
.thirdlevel-pb16 { padding-bottom: 16px!important; }


/******************** 枠の外側のmargin ********************/

.thirdlevel-title-lev1 + .thirdlevel-outside-frame {
	margin-top: 0;
}
.thirdlevel-title-lev1 + .thirdlevel-title-lev2 {
	margin-top: 0;
}
.thirdlevel-maint-contents-area {
	padding: 0 0 64px;
}
@media screen and (min-width: 768px) {
	.thirdlevel-maint-contents-area {
		padding: 0 16px 64px;
	}
}

/******************** 白枠・黄枠 ********************/

.thirdlevel-white-frame,
.thirdlevel-sitemap-white-frame, 
.thirdlevel-yellow-frame{
	background-color: #FFFFFF;
	width: 100%;
	padding: 32px 16px;
	border-radius: 16px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.098);
}
.thirdlevel-notice-box {
	border: 1px solid #CC0033;
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
}
.thirdlevel-yellow-frame {
	background-color: #FFF0B2;
	border: 6px solid #fff;
	padding: 26px 10px;
	margin: 0 8px;
}
.thirdlevel-maint-white-frame-wrap {
	overflow-x: scroll;
	margin-left: 16px;
	padding-right: 16px;
}
.thirdlevel-maint-white-frame {
	width: 100%;
	min-width: 980px;
	border-collapse: collapse;
}
@media screen and (min-width: 768px) {
	.thirdlevel-maint-white-frame-wrap {
		overflow-x: auto;
		margin-left: 0;
		padding-right: 0;
	}
	.thirdlevel-maint-white-frame {
		min-width: auto;
	}
}


/******************** 見出し ********************/

.thirdlevel-title-lev1 {
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
	margin: 24px 0;
}
.thirdlevel-title-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.thirdlevel-title-lev2,
.thirdlevel-info-title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 24px;
}
.thirdlevel-title-lev2.thirdlevel-title-docomo-denki-icon, 
.thirdlevel-title-lev2.thirdlevel-title-docomo-hikari-icon, 
.thirdlevel-title-lev2.thirdlevel-title-mobile-icon, 
.thirdlevel-title-lev2.thirdlevel-title-docomo-gas-icon {
	position: relative;
	padding-left: 36px;
}
.thirdlevel-title-lev2.thirdlevel-title-docomo-denki-icon::before, 
.thirdlevel-title-lev2.thirdlevel-title-docomo-hikari-icon::before, 
.thirdlevel-title-lev2.thirdlevel-title-mobile-icon::before, 
.thirdlevel-title-lev2.thirdlevel-title-docomo-gas-icon::before {
	display: inline-block;
	content: '';
	width: 32px;
	height: 32px;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_docomo-denki.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px;
}
.thirdlevel-title-lev2.thirdlevel-title-docomo-hikari-icon::before {
	background-image: url(/mydocomo/images_20m4/common/icons/icn_docomo-hikari.png);
}
.thirdlevel-title-lev2.thirdlevel-title-mobile-icon::before {
	background-image: url(/mydocomo/images_20m4/common/icons/icn_mobile.png);
}
.thirdlevel-title-lev2.thirdlevel-title-docomo-gas-icon::before {
	background-image: url(/mydocomo/images_20m4/common/icons/icn_docomo-gas.svg);
}
.thirdlevel-title-lev3 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 24px;
}
.thirdlevel-title-lev3-attention-icon {
	position: relative;
	padding-left: 30px;
}
.thirdlevel-title-lev3-attention-icon::before {
	display: inline-block;
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_attention_line@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
}
.thirdlevel-title-lev4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 16px;
}
.thirdlevel-title-lev2.thirdlevel-outside-title {
	margin: 32px 16px 16px 16px;
}


/******************** テキスト定義 ********************/

.thirdlevel-txt-m {
	font-size: 14px;
	line-height: 22px;
}
.thirdlevel-txt-s,
.thirdlevel-txt-sup {
	font-size: 12px;
	line-height: 18px;
}
.thirdlevel-ann-m {
	color: #4A4F55;
	font-size: 14px!important;
	line-height: 22px!important;
	text-align: right;
}
.thirdlevel-ann-s {
	color: #8D959F;
	font-size: 12px!important;
	line-height: 18px!important;
	text-align: right;
}
.thirdlevel-alert-l {
	color: #CC0033;
	font-size: 14px!important;
	line-height: 22px!important;
}
.thirdlevel-alert-s {
	color: #CC0033;
	font-size: 12px!important;
	line-height: 18px!important;
}
.thirdlevel-alert-redonly {
	color: #CC0033;
}
.thirdlevel-alert-redonly2 {
	color: #CC0033;
	position: static!important;
}
.thirdlevel-attention-list li, 
.thirdlevel-graydot-list li {
	position: relative;
	padding-left: 1.2em;
	margin: 8px 0;
}
.thirdlevel-attention-list.pl00 li {
	padding-left: 0!important;
}
.thirdlevel-graydot-list li {
	padding-left: 0.8em;
}
.thirdlevel-attention-list li:first-child, 
.thirdlevel-graydot-list li:first-child {
	margin-top: 0;
}
.thirdlevel-attention-list li:last-child, 
.thirdlevel-graydot-list li:last-child {
	margin-bottom: 0;
}
.thirdlevel-attention-list li::before {
	content: "※";
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
}
.thirdlevel-attention-list.pl00 li::before {
	position: static!important;
}
.thirdlevel-attention-list.thirdlevel-right li::before {
	position: static;
}
.thirdlevel-attention-list.thirdlevel-center li::before {
	position: inherit;
}
.thirdlevel-graydot-list li::before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #CDD4DD;
}
.thirdlevel-graydot-list.thirdlevel-txt-s li::before {
	top: 6px;
}
.thirdlevel-small-blackdot-list li {
	position: relative;
	padding-left: 1em;
}
.thirdlevel-small-blackdot-list li::before {
	content: "\30FB";
	position: absolute;
	top: 0;
	left: 0;
}
.thirdlevel-info-daytxt {
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	margin-bottom: 16px;
}
.thirdlevel-number-list li {
	counter-increment: notes;
	position: relative;
	padding-left: 2.2em;
}
.thirdlevel-number-list li::before {
	content: "\203b" counter(notes);
	position: absolute;
	top: 0;
	left: 0;
}
.thirdlevel-tnum-attention-list li {
	position: relative;
	padding-left: 2.2em;
}
.thirdlevel-tnum-attention-list li span {
	position: absolute;
	top: 0;
	left: 0;
}
.thirdlevel-jsoff-txt {
	font-size: 18px;
	color: #1A1C1E;
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 0;
}
.thirdlevel-jsoff-txt::before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto 16px;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_64_information_oncolor@2x.png);
}
.thirdlevel-btn-txt-reset {
    border: none;
    background: none;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    padding: 0;
}


/******************** テキストリンク ********************/

.thirdlevel-link-area {
	position: relative;
}
.thirdlevel-txtlink-m {
	color: #093475!important;
	font-size: 14px;
	line-height: 22px;
	text-decoration: underline;
}
.thirdlevel-txtlink-s {
	color: #093475!important;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
}
.thirdlevel-txtlink-blueonly {
	color: #093475!important;
}
.thirdlevel-txtlink-m:visited,
.thirdlevel-txtlink-s:visited,
.thirdlevel-txtlink-blueonly:visited {
	color: #7600B3!important;
}
.thirdlevel-txtlink-m:hover,
.thirdlevel-txtlink-s:hover,
.thirdlevel-txtlink-blueonly:hover {
	color: #3374DA!important;
}
.thirdlevel-txtlink-s.thirdlevel-txtlink-arrow,
.thirdlevel-txtlink-m.thirdlevel-txtlink-arrow {
	text-decoration: none;
}
.thirdlevel-txtlink-arrow {
	padding-right: 20px;
}
.thirdlevel-txtlink-arrow::after {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
	width: 16px;
	height: 16px;
	line-height: 20px;
	position: absolute;
	right: 0;
}
.thirdlevel-txtlink-arrow.thirdlevel-txtlink-arrow-bottom::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_down_black_on_gray.png);
}
.thirdlevel-txtlink-arrow.thirdlevel-txtlink-s::after {
	top: 2px;
}
.thirdlevel-txtlink-arrow.thirdlevel-txtlink-m::after {
	top: 3px;
}
.thirdlevel-link-area.thirdlevel-right {
	padding-right: 20px;
	line-height: 20px;
}
.thirdlevel-link-area .thirdlevel-txtlink-arrow {
	padding-right: 0;
}
.thirdlevel-btn-basic.mydcm-ua-sp {
	display: inline-block!important;
}


/******************** ボタン ********************/

/*主導線ボタン*/
.thirdlevel-btn-basic {
	position: relative;
	display: block;
	width: 100%;
	padding: 9px 44px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533!important;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
/*.thirdlevel-btn-basic.thirdlevel-outside {
	padding: 13px 44px 13px 16px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
	border: none;
}*/
.thirdlevel-btn-basic:hover {
	background-color: #F7F7F8;
}
.thirdlevel-btn-basic::after {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backhome {
	padding: 9px 78px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backhome::before {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/icons/home.png);
	position: absolute;
	top: 50%;
	left: 44px;
	margin-top: -12px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backhome::after, 
.thirdlevel-btn-basic.thirdlevel-btn-backpayment::after {
	display: none;
}
.thirdlevel-btn-basic.thirdlevel-btn-backallinfo::before, 
.thirdlevel-btn-basic.thirdlevel-btn-backhome::before, 
.thirdlevel-btn-basic.thirdlevel-btn-backpayment::before {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_left_black_on_gray.png);
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -12px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backallinfo::after {
	display: none;
}
.thirdlevel-btn-basic.thirdlevel-btn-backallinfo-mant {
	min-width: 100px;
	padding: 10px 12px 10px 28px;
	font-size: 14px;
	line-height: 20px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backallinfo-mant::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	vertical-align: middle;
	background-image: url(/mydocomo/images_20m4/common/btn/btn_information@2x.png);
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}
.thirdlevel-btn-basic.thirdlevel-btn-backallinfo-mant::after {
	display: none;
}


/*強調ボタン（弱）*/
.thirdlevel-btn-emphasis {
	position: relative;
	display: block;
	width: 100%;
	padding: 9px 44px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533!important;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
.thirdlevel-btn-emphasis:hover {
	background-color: #F7F7F8;
}
.thirdlevel-btn-emphasis::after {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_pink.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

/*強調ボタン（強）*/
.thirdlevel-btn-emphasis.thirdlevel-strong {
	padding: 10px 48px;
	color: #FFFFFF !important;
	background-color: #CC0033;
	border: none;
}
.thirdlevel-btn-emphasis.thirdlevel-strong:hover {
	background-color: #D6355B;
}
.thirdlevel-btn-emphasis.thirdlevel-strong::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_white.png);
}

/*副導線ボタン*/
.thirdlevel-btn-deputy {
	position: relative;
	display: block;
	width: 100%;
	padding: 9px 44px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533!important;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
.thirdlevel-btn-deputy:hover {
	background-color: #F7F7F8;
}
.thirdlevel-btn-deputy::after {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

/*閉じるボタン*/
.thirdlevel-btn-close {
	font-size: 14px;
	border-radius: 24px;
	line-height: 20px;
	padding: 10px 16px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	font-weight: bold;
	color: #31353A!important;
	display: inline-block;
	text-align: center;
	border: 1px solid #DFE4E9;
}
.thirdlevel-btn-close:hover {
	background-color: #F6F7F8;
}

/*ログインボタン（主）*/
.thirdlevel-btn-login {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px 48px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #FFFFFF!important;
	background-color: #CC0033;
	border-radius: 24px;
	text-align: center;
}
.thirdlevel-btn-login:hover {
	background-color: #D6355B;
}
.thirdlevel-btn-login::before {
	display: inline-block;
	content: "";
	height: 32px;
	width: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_daccount.png);
	position: absolute;
	top: 50%;
	left: 6px;
	margin-top: -16px;
}

/*ログアウトボタン*/
/*.thirdlevel-btn-logout {
	font-size: 16px;
	border-radius: 24px;
	line-height: 20px;
	padding: 10px 16px 10px 52px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	font-weight: bold;
	color: #31353A!important;
	display: inline-block;
	text-align: center;
	border: 1px solid #DFE4E9;
}
.thirdlevel-btn-logout::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	vertical-align: middle;
	left: 6px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 0;
	background-image: url(/mydocomo/images_20m4/common/btn/btn_login_gray@2x.png);
	text-align: center;
}
.thirdlevel-btn-logout:hover {
	background-color: #F6F7F8;
}*/

/*ログインボタン（幅）*/
/*.thirdlevel-btn-login-white {
	font-size: 16px;
	border-radius: 24px;
	line-height: 20px;
	padding: 10px 16px 10px 52px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	font-weight: bold;
	color: #CC0033!important;
	display: inline-block;
	text-align: center;
	border: 1px solid #CC0033;
}
.thirdlevel-btn-login-white::before {
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	vertical-align: middle;
	left: 6px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 0;
	background-image: url(/mydocomo/images_20m4/common/btn/btn_login_red@2x.png);
	text-align: center;
}
.thirdlevel-btn-login-white:hover {
	background-color: #F6F7F8;
}*/

/*その他*/
.thirdlevel-btn-basic.thirdlevel-attention {
	padding: 12px 16px 12px 40px;
	max-width: inherit;
	width: auto;
}
.thirdlevel-btn-basic.thirdlevel-attention::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 16px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_attention.png);
}
.thirdlevel-btn-basic.thirdlevel-attention::after {
	display: none;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-narrow {
	padding: 12px 14px 12px 38px;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-narrow::before {
	left: 14px;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-wide {
	padding: 12px 36px 12px 60px;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-wide::after {
	display: none;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-wide::before {
	left: 36px;
}
.thirdlevel-btn-basic.thirdlevel-attention.thirdlevel-wide.thirdlevel-outside {
	padding: 13px 36px 13px 60px;
}
.thirdlevel-notice-box .thirdlevel-attention {
	position: relative;
	padding-left: 18px;
	margin-bottom: 8px;
}
.thirdlevel-notice-box .thirdlevel-attention::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_attention.png);
}


/*ボタン共通アイコン*/
.thirdlevel-right-arrow::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
}
.thirdlevel-blank::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_new_window_black_on_gray.png);
}
.thirdlevel-pulldown-down::after {
	background-image: url(/mydocomo/images_20m4/common/btn/btn_pulldown_down@2x.png)
}
.thirdlevel-pulldown-up::after {
	background-image: url(/mydocomo/images_20m4/common/btn/btn_pulldown_up@2x.png)
}

/*非活性ボタン*/
.thirdlevel-inactive, 
.thirdlevel-inactive::before, 
.thirdlevel-inactive::after {
	opacity: 0.5;
	cursor: default;
}
.thirdlevel-inactive:hover {
	background-color: #fff;
}
.thirdlevel-btn-emphasis.thirdlevel-strong.thirdlevel-inactive:hover {
	background-color: #CC0033;
}


/******************** 画像 ********************/

figure > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #ddd;
}
figure.thirdlevel-bnr-download img {
	width: auto;
	height: 39px;
}
figure.thirdlevel-app-bnr-link img {
	width: 100%;
}


/******************** 黄色枠内 お知らせアイコン ********************/

.support-contact-news-box-icon::before {
	background-image: url(/mydocomo/images_20m4/common/icons/icn_64_information_oncolor@2x.png)!important;
}


/******************** グレー枠 ********************/

.thirdlevel-gray-frame {
	font-size: 14px;
	line-height: 22px;
	background-color: #F2F3F4;
	border-radius: 8px;
	padding: 16px;
}


/******************** テーブル ********************/
.partslist-table{
	table-layout: fixed;
	width: 100%;
}
.partslist-table th {
	background-color: #E6E7EA;
	font-weight: bold;
	padding: 12px 16px;
	border-right: 1px solid #fff;
}
.partslist-table th:first-child {
	width: 25%;
}
.partslist-table th:nth-child(2) {
	width: 25%;
}
.partslist-table th:last-child {
	width: 50%;
}
.partslist-table.partslist-table-sp-2colum th:nth-child(2) {
	width: 30%;
}
.partslist-table.partslist-table-sp-2colum th:last-child {
	width: 70%;
}
@media screen and (min-width: 768px) {
	.partslist-table th:first-child, 
	.partslist-table.partslist-table-sp-2colum th:first-child {
		width: 25%;
	}
	.partslist-table th:nth-child(2), 
	.partslist-table.partslist-table-sp-2colum th:nth-child(2) {
		width: 25%;
	}
	.partslist-table th:last-child, 
	.partslist-table.partslist-table-sp-2colum th:last-child {
		width: 50%;
	}
}
.partslist-table td {
	background-color: #fff;
	padding: 12px 16px;
	border-bottom: 1px solid #CFD0D6;
	word-break: break-word;
}
.partslist-table-2 {
	table-layout: fixed;
	width: 100%;
}
.partslist-table-2 th {
	background-color: #E6E7EA;
	font-weight: bold;
	padding: 11.5px 16px;
	width: 40%;
	border-right: 1px solid #CFD0D6;
	border-bottom: 1px solid #CFD0D6;

}
.partslist-table-2 td {
	background-color: #fff;
	padding: 11.5px 16px;
	width: 60%;
	border-bottom: 1px solid #CFD0D6;
	word-break: break-word;
}
.partslist-table-2 tr:first-child th,
.partslist-table-2 tr:first-child td {
	border-top: 1px solid #CFD0D6;
}
.thirdlevel-pc-only-tablecell {
	display: none !important;
}
@media screen and (min-width: 768px) {
	.thirdlevel-pc-only-tablecell {
		display: table-cell!important;
	}
}

/******************** アコーディオン ********************/

.thirdlevel-ac-info-con {
	border-radius: 0 0 8px 8px;
	padding: 0 16px 16px;
}
.thirdlevel-ac-info-con-pt16-pb32 {
	border-top: 1px solid #DFE4E9;
	padding: 16px 16px 32px 16px!important;
}
.thirdlevel-ac-info-area > li {
	margin-bottom: 8px;
	border: 1px solid #DFE4E9;
	border-radius: 8px;
}
.thirdlevel-ac-info-area > li:last-child { 
	margin-bottom: 0;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame, 
.thirdlevel-ac-payment-area.thirdlevel-ac-payment-area-frame {
	margin: 0 8px;
	border-radius: 16px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.12);
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li, 
.thirdlevel-ac-payment-area.thirdlevel-ac-payment-area-frame > li {
	border: none;
	margin: 0;
	border-bottom: 1px solid #DFE4E9;
	border-radius: 8px 8px 0 0;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-ac-title.ico-ac-close {
	border-radius: 16px 16px 0 0;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child .thirdlevel-ac-title.ico-ac-close {
	border-radius: 0 0 16px 16px;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child .thirdlevel-ac-info-con {
	border-radius: 0 0 16px 16px;
}
.thirdlevel-ac-info-area .thirdlevel-ac-title {
	padding: 11px 44px 11px 16px;
	background-color: #fff;
	cursor: pointer;
	text-align: left;
	border-radius: 8px;
}
.thirdlevel-ac-info-area .thirdlevel-ac-title.ico-ac-open:hover {
	border-radius: 8px 8px 0 0;
}
.thirdlevel-ac-payment-area .thirdlevel-ac-title {
	cursor: pointer;
	font-size: 16px;
	color: #31353A;
	font-weight: bold;
	border-top: 1px solid #DFE4E9;
	line-height: 23px;
	padding: 13px 44px 13px 16px;
}
.thirdlevel-ac-title-wrap {
	background-color: #fff;
}
.thirdlevel-ac-payment-area >li:first-child .thirdlevel-ac-titl {
	border-top: none;
}
.thirdlevel-ac-info-area > li .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap {
	position: relative;
}
.thirdlevel-ac-info-area > li .thirdlevel-ac-title:hover, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap:hover, 
.thirdlevel-ac-info-area > li .thirdlevel-ac-title:hover, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap:hover {
	background-color: #f6f7f8;
}
.thirdlevel-ac-info-area > li .thirdlevel-ac-title.ico-ac-close::after, 
.thirdlevel-ac-info-area > li .thirdlevel-ac-title.ico-ac-open::after, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap::after, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_down.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.thirdlevel-ac-info-area > li:first-child .thirdlevel-ac-title.ico-ac-close::after, 
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-ac-title.ico-ac-open::after, 
.thirdlevel-ac-payment-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-ac-title-wrap.ico-ac-open::after {
	margin-top: -12px;
}
.thirdlevel-ac-info-area > li:first-child .thirdlevel-ac-title.ico-ac-open::after, 
.thirdlevel-ac-info-area > li:last-child .thirdlevel-ac-title.ico-ac-close::after, 
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child .thirdlevel-ac-title.ico-ac-open::after {
	margin-top: -12px;
}
.thirdlevel-ac-payment-area > .thirdlevel-ac-payment-area-inner-last .thirdlevel-ac-title-wrap.ico-ac-open::after {
	margin-top: -11px;
}
.thirdlevel-ac-payment-area > li:first-child .thirdlevel-ac-title {
	border-top: none;
}
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabonly, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-tabonly, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-pconly, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-pconly, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabpc {
	display: none;
}
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabonly .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-tabonly .thirdlevel-ac-titl, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-pconly .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-pconly .thirdlevel-ac-title, 
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabpc .thirdlevel-ac-title {
	cursor: default!important;
}
.thirdlevel-ac-info-area > li .thirdlevel-ac-title.ico-ac-open::after, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap.ico-ac-open::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_up.png);
}

.thirdlevel-ac-title.thirdlevel-ico-ac-attention {
	position: relative;
	padding: 11px 44px 11px 42px;
}
.thirdlevel-ac-title.thirdlevel-ico-ac-attention::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 16px;
	margin-top: -8px;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_up.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-ac-title {
	border-radius: 16px 16px 0 0;
	padding: 18px 44px 12px 16px;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-list-btn-normal-txt-p16 {
	padding: 24px 44px 16px 16px!important;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child {
	border-bottom: none;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child .thirdlevel-ac-title {
	padding: 12px 44px 18px 16px;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li:last-child .thirdlevel-list-btn-normal-txt-p16 {
	padding: 16px 44px 24px 16px!important;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li .thirdlevel-ac-title {
	border-radius: 0;
	margin: 0;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li .thirdlevel-ac-title.ico-ac-close {
	border-radius: 0;
}
.info_accordion span:first-child {
	-webkit-flex: 1;
	flex: 1;
	padding-right: 4px;
}
.thirdlevel-ac-info-area .thirdlevel-ac-info-con {
	display: none;
	padding: 16px 16px 24px;
	background-color: #fff;
}
.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame > li .thirdlevel-ac-info-con {
	border-radius: 0;
	padding: 0 16px 16px 16px;
}
.thirdlevel-ac-payment-area .thirdlevel-ac-payment-con {
	display: none;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 32px;
	padding-left: 16px;
	padding-right: 16px;
}
.thirdlevel-pb08.ico-ac-open {
	padding-bottom: 0!important;
}
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap.thirdlevel-pb08.ico-ac-open::after, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap.thirdlevel-pb08-tabpc.ico-ac-open::after {
	margin-top: -8px;
}
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap.thirdlevel-ac-title-wrap-2line.thirdlevel-pb08-tabpc::after, 
.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap.thirdlevel-ac-title-wrap-2line.thirdlevel-pb08.ico-ac-open::after {
	margin-top: -12px;
}
.thirdlevel-ac-info-list, .thirdlevel-ac-info-list_2 { width: 100%; }
.thirdlevel-ac-info-list li > figure, .thirdlevel-ac-info-list_2 li > figure { text-align: center; }

.thirdlevel_accordion::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_up.png)!important;
}
.thirdlevel_accordion.ico-ac-close::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_down.png)!important;
}
.thirdlevel-accordion-inner {
	padding: 0 16px 16px;
	display: none;
}
.thirdlevel-list-btn-normal-txt-box:last-child .thirdlevel-list-btn-normal-txt.thirdlevel_accordion.ico-ac-open:hover {
	border-radius: 0;
}


/******************** リスト型ボタン ********************/
.thirdlevel-list-btn-normal {
	background-color: #FFFFFF;
	border-radius: 16px;
}
.thirdlevel-list-btn-normal-txt-box {
	border: 1px solid #CFD0D6;
	border-bottom: none;
}
.thirdlevel-list-btn-normal-txt-box:first-of-type, 
.thirdlevel-list-btn-normal-txt-box:first-of-type a.thirdlevel-list-btn-normal-txt{
	border-radius: 16px 16px 0 0;
}
.thirdlevel-list-btn-normal-txt-box:last-of-type, 
.thirdlevel-list-btn-normal-txt-box:last-of-type a.thirdlevel-list-btn-normal-txt{
	border-radius: 0 0 16px 16px;
}
.thirdlevel-list-btn-normal-txt-box:last-of-type {
	border-bottom: 1px solid #CFD0D6;
}
.thirdlevel-list-btn-normal-txt-box:only-of-type, 
.thirdlevel-list-btn-normal-txt-box:only-of-type a.thirdlevel-list-btn-normal-txt{
	border-radius: 16px;
}
.thirdlevel-list-btn-normal-txt {
	position: relative;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #0F1533 !important;
	display: block;
	padding: 16px 64px 16px 24px;
	cursor: pointer;
}
a.thirdlevel-list-btn-normal-txt:hover {
	background-color: #F7F7F8;
	cursor: pointer;
}
.thirdlevel-list-btn-normal-txt::after {
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_pink.png);
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -12px;
}
.thirdlevel-list-btn-normal-txt.appli-help-pulldown-down::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_down.png)!important;
}
.thirdlevel-list-nobtn-normal-txt {
	padding: 16px 24px;
}
.thirdlevel-list-btn-normal-txt-p16 {
	padding: 16px 44px 16px 16px!important;
}
.thirdlevel-list-btn-normal-txt .thirdlevel-txt-sup {
	margin-top: 6px;
	display: inline-block;
}


/****************************** Q&A ******************************/
.thirdlevel-info-faq-list:last-child {
	margin-bottom: 0;
}
.thirdlevel-info-faq-list li{
	position: relative;
	min-height: 46px;
	padding: 12px 0 12px 40px;
}
.thirdlevel-info-faq-list li:before{
	content: "";
	height: 32px;
	width: 32px;
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 32px;
	position: absolute;
	left: 0;
	top: 8px;
	margin-top: 0;
}
.thirdlevel-info-faq-list li:last-child{
	border-top: 1px solid #ddd;
}
.thirdlevel-info-faq-list li:first-child:before{ background-image: url(/mydocomo/appli/contents/images/ico_faq_q@2x.png); }
.thirdlevel-info-faq-list li:last-child:before{ background-image: url(/mydocomo/appli/contents/images/ico_faq_a@2x.png); }


/******************** 料金メニュー ********************/

.thirdlevel-payment-title-lev3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	background-color: #CED4DC;
	padding: 13px 16px;
	border-radius: 16px 16px 0 0;
}
.thirdlevel-ac-payment-area-wrap {
	margin: 0 8px 40px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.12);
	border-radius: 16px;
	background-color: #fff;
}


/****************************** border-radius ******************************/

.thirdlevel-br001616 {
	border-radius: 0 0 16px 16px;
}
.thirdlevel-br001616.ico-ac-open {
	border-radius: 0;
}


/****************************** 複数カラム ******************************/

.thirdlevel-col-inner {
	margin-bottom: 24px;
}


/****************************** サイトマップ用 ******************************/

.thirdlevel-sitemap-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-left: 8px;
}
.thirdlevel-sitemap-h4-wrap, 
.thirdlevel-sitemap-h4-wrap-first, 
.thirdlevel-sitemap-h4-wrap-last {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 12px;
	border: 1px solid #DFE4E9;
	border-bottom: none;
}
.thirdlevel-sitemap-h4-wrap-first.thirdlevel-sitemap-h4-wrap-last {
	border-radius: 8px!important;
}
.thirdlevel-sitemap-btn-wrap li {
	margin-bottom: 8px;
}
.thirdlevel-sitemap-btn-wrap li:last-child {
	margin-bottom: 0;
}
.thirdlevel-sitemap-category-box li .thirdlevel-sitemap-h4-wrap-first {
	border-radius: 8px 8px 0 0;
}
.thirdlevel-sitemap-category-box li .thirdlevel-sitemap-h4-wrap-last {
	border-radius: 0 0 8px 8px;
	border-bottom: 1px solid #DFE4E9;
}
.thirdlevel-sitemap-h4-wrap-restriction {
	margin: 16px 0;
	text-align: center;
}
.thirdlevel-sitemap-title-lev2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 24px;
}
.thirdlevel-sitemap-title-lev3 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 24px;
}
.thirdlevel-sitemap-txt-sup {
	color: #1A1C1E;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin-bottom: 4px;
}
.thirdlevel-sitemap-title-lev4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 0 !important;
}
.thirdlevel-sitemap-icn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 0 0;
}
.thirdlevel-sitemap-red-icn {
	font-weight: normal;
	color: #fff;
	background-color: #CF1131;
	border-radius: 4px;
	font-size: 11px;
	margin: 6px 6px 0 0;
	display: inline-block;
	width: 106px;
	text-align: center;
	line-height: 18px;
}
.thirdlevel-sitemap-icn {
	height: 18px;
	width: auto;
	margin-top: 6px;
}
.thirdlevel-sitemap-btn-basic, 
.thirdlevel-sitemap-btn-basic-max {
	position: relative;
	display: block;
	width: 124px;
	padding: 9px 40px 9px 10px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533!important;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
.thirdlevel-sitemap-btn-basic::after, 
.thirdlevel-sitemap-btn-basic-max::after {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_red_on_pink.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
.thirdlevel-sitemap-btn-basic:hover, 
.thirdlevel-sitemap-btn-basic-max:hover {
	background-color: #F7F7F8;
}
.thirdlevel-sitemap-icn-explanation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 8px;
}
.thirdlevel-sitemap-icn-explanation-img-box {
	width: 34px;
	margin-right: 8px;
}
.thirdlevel-sitemap-icn-explanation-img {
	height: 18px;
	width: auto;
}
.thirdlevel-sitemap-icn-explanation-txt-wrap {
	line-height: 20px;
}
.thirdlevel-sitemap-txtlink-arrow {
	vertical-align: middle;
}


/****************************** アンケート用 ******************************/

.questionnaire-title-lev1 {
	font-size: 26px;
	text-align: center;
	line-height: 32px;
	font-weight: 700;
	margin: 24px 0 0;
}
.questionnaire-contents {
	margin: 24px 0 0;
}
.questionnaire-contents.questionnaire-ces-app, 
.questionnaire-contents.questionnaire-nps-app {
	border-radius: 0;
	margin: 0 auto;
}
.questionnaire-contents.questionnaire-nps-app-answered {
	display: flex;
	flex-direction: column;
	height: 79vh;
	justify-content: center;
}
.ces-questionnaire-area-box {
	margin: 24px auto;
	max-width: 1016px;
}
.mod-bothend-area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}
.ces-questionnaire-area-question-title-box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 16px;
}
.ces-questionnaire-area-question-no-box {
	margin-right: 14px;
	width: 40px;
}
.ces-questionnaire-area-question-no {
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
	background: #31353A;
	border-radius: 2px;
	padding: 12px 13px;
	font-weight: bold;
	width: 100%;
	max-width: 40px;
	height: 40px;
}
.ces-questionnaire-area-question-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	max-width: 962px;
	width: 100%;
}
.ces-questionnaire-area-question-no-annotation {
	font-size: 12px;
	color: #1A1C1E;
	text-align: center;
	line-height: 16px;
	margin-top: 4px;
	width: 40px;
	letter-spacing: -1px;
}
.ces-questionnaire-area-question-no-annotation-reqd {
	background-color: #CC0033;
	border-radius: 4px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 18px;
	margin-top: 4px;
	width: 40px;
}
.questionnaire-inputbox {
	margin: 0 auto;
	max-width: 602px;
}
.questionnaire-recommend-level {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.questionnaire-recommend-level label {
	width: 8%;
	max-width: 107px;
}
.questionnaire-recommend-level.level-5 label {
	width: 14.68%;
}
.questionnaire-recommend-level input[type="radio"] {
	display: none;
}
.questionnaire-recommend-level .radio-dec {
	height: 48px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
	border: 2px solid #ffe26e;
	border-radius: 24px;
	font-size: 12px;
}
.questionnaire-recommend-level input[type="radio"]:checked + .radio-dec,
.questionnaire-recommend-level input[type="radio"] + .radio-dec:hover {
	background-color: #ffe26e;
	font-weight: bold;
}
.questionnaire-recommend-level input[type="radio"]:checked + .radio-dec:hover {
	cursor: default;
}

textarea#recommend-comment {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: #fff;
	margin: 0;
	text-align: inherit;
	overflow: auto;
	resize: none;
	width: 100%;
	height: 122px;
	padding: 6px 12px;
	border: 1px solid #4A4F55;
	border-radius: 6px;
}
.ces-questionnaire-area-question-answer-comment-attention {
	position: relative;
	line-height: 22px;
	padding-left: 16px;
	margin: 8px auto 0;
	max-width: 600px;
	width: 100%;
}
.ces-questionnaire-area-question-answer-comment-attention::before {
	content: "※";
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
}
.questionnaire-contents .mod-btn-area{
	justify-content: center;
}

/* TOPへ戻るボタン */
.ces-questionnaire-btn-basic {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 240px;
	padding: 9px 66px 9px 90px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
.ces-questionnaire-btn-basic:hover {
	background-color: #F7F7F8;
}
.ces-questionnaire-btn-basic.ces-questionnaire-btn-backhome::before {
	display: inline-block;
	content: "";
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/mydocomo/images_20m4/common/icons/home.png);
	position: absolute;
	top: 50%;
	left: 60px;
	margin-top: -12px;
}
.ces-questionnaire-center {
	text-align: center!important;
}
a.btn-blue {
	border: 3px solid #FFFFFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
	border-radius: 24px!important;
	display: block;
	max-width: 263px;
	width: 100%;
	margin: 0 auto;
	line-height: 16px;
	height: 48px;
	font-weight: bold;
	font-size: 16px;
	padding: 12px 0;
	text-align: center;
	background-color: #FFCC00;
	color: #31353A;
}
a.btn-blue:hover {
	background-color: #FFE26E;
}
a:hover.btn-blue {
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
#questionnaire-send.btn-disabled {
	background: #CED4DC;
	border: 3px solid #FFFFFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
	border-radius: 24px!important;
	color: #fff;
	display: block;
	max-width: 263px;
	width: 100%;
	margin: 0 auto;
	line-height: 16px;
	height: 48px;
	font-weight: bold;
	font-size: 16px;
	padding: 12px 0;
	text-align: center;
	cursor: default;
}
.questionnaire-inputtxtbox {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.questionnaire-error-txt {
	font-size: 14px;
	color: #CC0033;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 16px;
}
.nps-questionnaire-1-area-ttl-answered {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 80px;
	position: relative;
}
.nps-questionnaire-1-area-ttl-answered::before {
	content: '';
	background-image: url(../../images_20m4/common/icons/icn_64_bright_oncolor@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 64px;
	height: 64px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.nps-questionnaire-1-area-ttl-answered-txt {
	font-size: 16px;
	color: #1A1C1E;
	text-align: center;
	line-height: 26px;
	font-weight: normal;
	margin-top: 16px;
}
.caution-border{
	border: 2px solid #CC0033!important;
}
.caution-border:focus{
	outline: none!important;
}
.js-randomContent{
	display: none;
}
.questionnaire-area-unanswered {
	font-size: 14px;
	text-align: center;
	line-height: 16px;
	margin-bottom: 10px;
	color: #CC0033!important;
}

/****************************** 料金プラン変更お手続きガイド用 ******************************/

.thirdlevel-changeplan-selected .thirdlevel-list-btn-normal-txt-box, 
.thirdlevel-changeplan-selected-after .thirdlevel-list-btn-normal-txt-box, 
.thirdlevel-changeplan-selected .thirdlevel-list-btn-normal-box.is-selected, 
.thirdlevel-changeplan-selected-after .thirdlevel-list-btn-normal-box.is-selected {
	border-radius: 16px;
}
.thirdlevel-list-btn-normal-box.is-selected .thirdlevel-list-btn-normal-txt-box {
	border: none;
}
.thirdlevel-changeplan_after .thirdlevel-list-btn-normal-txt-box:hover, 
.thirdlevel-changeplan-not-selected .thirdlevel-list-btn-normal-txt-box:hover {
	background-color: #F7F7F8;
	cursor: pointer;
}


/****************************** TAB ******************************/

@media screen and (min-width:768px) {
	
	/******************** パーツ無関係 ********************/
	
	.thirdlevel-area-outside, 
	.thirdlevel-sitemap-area-outside {
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
	}
	
	
	/******************** 白枠・黄枠 ********************/
	
	.thirdlevel-notice-box {
		padding: 24px;
	}
	
	
	/******************** 文字調整用クラス ********************/
	
	.thirdlevel-left-tabpc { text-align: left; }
	
	.thirdlevel-mt00-tabpc { margin-top: 0px!important; }
	.thirdlevel-mt08-tabpc { margin-top: 8px!important; }
	.thirdlevel-mt16-tabpc { margin-top: 16px!important; }
	.thirdlevel-mt24-tabpc { margin-top: 24px!important; }
	.thirdlevel-mt52-tabpc { margin-top: 52px!important; }
	.thirdlevel-mt64-tabpc { margin-top: 64px!important; }
	
	.thirdlevel-mb00-tabpc { margin-bottom: 0px!important; }
	.thirdlevel-mb08-tabpc { margin-bottom: 8px!important; }
	.thirdlevel-mb16-tabpc { margin-bottom: 16px!important; }
	.thirdlevel-mb24-tabpc { margin-bottom: 24px!important; }
	.thirdlevel-mb32-tabpc { margin-bottom: 32px!important; }
	
	.thirdlevel-mr16-tabpc { margin-right: 16px!important; }
	.thirdlevel-mr32-tabpc { margin-right: 32px!important; }
	
	.thirdlevel-ml16-tabpc { margin-left: 16px!important; }
	.thirdlevel-mr16-tabonly { margin-right: 16px!important; }
	.thirdlevel-ml16-tabonly { margin-left: 16px!important; }
	
	.thirdlevel-pb08-tabpc { padding-bottom: 8px!important; }
	.thirdlevel-pb08-tabonly { padding-bottom: 8px!important; }
	.thirdlevel-pb24-tabpc { padding-bottom: 24px!important; }
	
	
	/******************** パンくず ********************/
	
	.thirdlevel-breadcrumb {
		padding: 0;
		margin: 0 auto 40px;
	}
	.thirdlevel-breadcrumb-list {
		font-size: 14px;
	}
	
	
	/******************** 白枠 ********************/
	
	.thirdlevel-white-frame,
	.thirdlevel-sitemap-white-frame, 
	.thirdlevel-yellow-frame{
		max-width: 1080px;
		padding: 32px;
		margin: 0 auto;
	}
	.thirdlevel-yellow-frame {
		padding: 26px 24px;
		margin: 0 auto 24px;
	}
	
	
	/******************** 見出し ********************/
	
	.thirdlevel-title-lev1 {
		font-size: 30px;
		line-height: 42px;
	}
	.thirdlevel-title-lev2,
	.thirdlevel-info-title {
		font-size: 24px;
		line-height: 30px;
	}
	.thirdlevel-title-lev3 {
		font-size: 20px;
	}
	/*
	.thirdlevel-title-col2 {
		margin: 0 0 48px 0;
	}*/
	
	
	/******************** テキスト定義 ********************/
	
	.thirdlevel-btn-basic.mydcm-ua-sp {
		display: none!important;
	}
	.thirdlevel-btn-basic.mydcm-ua-pcTabAll {
		display: inline-block!important;
	}
	
	
	/******************** ボタン ********************/
	
	.thirdlevel-btn-basic,
	.thirdlevel-btn-emphasis,
	.thirdlevel-btn-deputy,
	.thirdlevel-btn-login{
		min-width: 240px;
		width: auto;
		display: inline-block;
	}
	
	
	/******************** 画像横幅指定 ********************/
	
	figure.thirdlevel-app-bnr-link img {
		width: auto;
	}
	
	
	/******************** グレー枠 ********************/
	
	.thirdlevel-gray-frame {
		padding: 24px;
	}
	
	
	/******************** アコーディオン ********************/
	
	.thirdlevel-ac-info-area.thirdlevel-ac-info-area-frame {
		margin: 0;
	}
	.thirdlevel-ac-payment-area > li {
		width: 50%;
	}
	.thirdlevel-ac-payment-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	.thirdlevel-ac-payment-area > li:nth-child(2) .thirdlevel-ac-title {
		border-top: none;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabonly, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-tabonly, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabpc {
		display: block;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-pconly, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-pconly {
		 display: none;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-title {
		padding: 16px 48px 16px 8px;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-title.thirdlevel-ac-title-2line {
		line-height: 23px;
		padding: 28px 48px 27px 8px;
	}
	.thirdlevel-ac-payment-area > li:first-child .thirdlevel-ac-title.ico-ac-close::after, 
	.thirdlevel-ac-payment-area > li:first-child .thirdlevel-ac-title.ico-ac-open::after, 
	.thirdlevel-ac-payment-area.thirdlevel-ac-info-area-frame > li:first-child .thirdlevel-ac-title.ico-ac-open::after {
		margin-top: -12px;
	}
	.thirdlevel-ac-info-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.thirdlevel-ac-info-list > li:nth-child(1) {
		-webkit-flex-grow:1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.thirdlevel-ac-info-list_2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.thirdlevel-ac-info-list_2 > li{
		width:50%;
		padding:0 12px;
	}
	
	
	/******************** 料金メニュー ********************/
	
	.thirdlevel-payment-title-lev3 {
		padding: 15px 16px;
	}
	.thirdlevel-ac-payment-area-wrap {
		margin: 0 0 40px;
	}
	.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap::after, 
	.thirdlevel-ac-payment-area > li .thirdlevel-ac-title-wrap::after {
		right: 16px;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-con {
		padding-right: 8px;
		padding-left: 8px;
	}
	
	
	/******************** リスト型ボタン ********************/
	
	.thirdlevel-list-btn-normal-box {
		max-width: 1080px;
	}
	.thirdlevel-list-btn-normal-box.thirdlevel-outside {
		margin: 0 auto;
	}
	
	
	/****************************** border-radius ******************************/
	
	.thirdlevel-br0000-tabpc {
		border-radius: 0!important;
	}
	.thirdlevel-br00016-tabpc {
		border-radius: 0 0 0 16px!important;
	}
	.thirdlevel-br00160-tabpc {
		border-radius: 0 0 16px 0!important;
	}
	.thirdlevel-br00016-tabpc.ico-ac-open, 
	.thirdlevel-br00160-tabpc.ico-ac-open {
		border-radius: 0!important;
	}
	
	/******************** 複数カラム調整用クラス ********************/
	
	.thirdlevel-sec-col-block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	
	/******************** 複数カラム ********************/
	
	.thirdlevel-col2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.thirdlevel-col2-inner {
		width: 48.819%;
		margin-right: 2.363%;
	}
	.thirdlevel-col2-inner:nth-child(even) {
		margin-right: 0;
	}
	.thirdlevel-btn-col2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.thirdlevel-space-between {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.thirdlevel-btn-col2-inner {
		width: 50%;
	}
	.thirdlevel-col3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.thirdlevel-col-inner {
		width: 31.693%;
		margin-right: 2.363%;
		margin-bottom: 0;
	}
	.thirdlevel-col-inner:nth-child(3) {
		margin-right: 0;
	}
	.thirdlevel-col3.thirdlevel-graydot-list li {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.thirdlevel-col3.thirdlevel-graydot-list li:nth-child(even) {
		padding-right: 0;
	}
	.thirdlevel-col3.thirdlevel-graydot-list li:nth-child(odd) {
		padding-right: 32px;
	}
	/*.thirdlevel-col-inner:nth-child(1), 
	.thirdlevel-col-inner:nth-child(2) {
		border-top: none;
		padding-top: 0;
		padding-bottom: 16px;
	}
	.thirdlevel-white-frame.thirdlevel-white-frame-col3 {
		padding-right: 16px;
		padding-left: 16px;
	}*/
	
	
	/****************************** サイトマップ用 ******************************/
	
	.thirdlevel-sitemap-btn-basic,
	.thirdlevel-sitemap-btn-basic-max{
		min-width: 126px;
		width: 100%;
		display: inline-block;
	}
	.thirdlevel-sitemap-btn-basic{
		padding: 9px 44px 9px 16px;
	}
	.thirdlevel-sitemap-btn-basic-max {
		padding: 9px 44px;
		min-width: 260px;
	}
	.thirdlevel-sitemap-btn-wrap {
		width: 260px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.thirdlevel-sitemap-btn-wrap li {
		margin-bottom: 0;
	}
	.thirdlevel-sitemap-txticn-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.thirdlevel-sitemap-icn-wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0;
		width: 146px;
	}
	.thirdlevel-sitemap-txt-wrap {
		width: 262px;
		margin-right: 8px;
	}
	.thirdlevel-sitemap-red-icn {
		margin: 0;
	}
	.thirdlevel-sitemap-icn {
		margin: 0 0 0 auto;
	}
	.thirdlevel-sitemap-icn-explanation {
		width: 689px;
		margin: 0px auto
	}
	
	
	/****************************** アンケート用 ******************************/
	
	.questionnaire-title-lev1 {
		font-size: 30px;
		line-height: 42px;
	}
	.questionnaire-contents {
		max-width: 1080px;
		width: 100%;
		margin: 24px auto 0;
	}
	.questionnaire-recommend-level label {
		max-width: 40px;
	}
	.questionnaire-recommend-level.level-5 label {
		max-width: 107px;
	}
	.questionnaire-inputbox {
		max-width: inherit;
	}
	.questionnaire-contents.questionnaire-nps-app-answered {
		height: 70vh;
	}
	.ces-questionnaire-area-question-title.questionnaire-ces-app, 
	.ces-questionnaire-area-question-title.questionnaire-nps-app {
		max-width: 546px;
	}
	.nps-questionnaire-1-area-ttl-answered {
		padding-bottom: 80px;
	}

}

/****************************** PC ******************************/

@media screen and (min-width:980px) {
	
	/******************** 文字調整用クラス ********************/
	
	.thirdlevel-ac-payment-area > li .thirdlevel-ac-title.thirdlevel-ac-title-noborder-pconly {
		border-top: none!important;
	}
	.thirdlevel-pb08-tabonly { padding-bottom: 0!important; }
	.thirdlevel-mt00-pconly { margin-top: 0!important; }
	.thirdlevel-mt82-pconly { margin-top: 82px!important; }
	.thirdlevel-pb08-pconly { padding-bottom: 8px!important; }
	.thirdlevel-mr16-tabonly { margin-right: 0!important; }
	.thirdlevel-ml16-tabonly { margin-left: 0!important; }
	.thirdlevel-ml16-pconly { margin-left: 16px!important; }
	.thirdlevel-mr16-pconly { margin-right: 16px!important; }
	
	
	/****************************** アコーディオン ******************************/
	
	.thirdlevel-ac-payment-area > li {
		width: 33.3%;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-tabonly, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-tabonly {
		display: none;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-pconly, 
	.thirdlevel-ac-payment-area .thirdlevel-ac-payment-area-inner-dummy-noborder-pconly {
		 display: block;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-title.thirdlevel-ac-title-2line-pconly {
		padding: 28px 48px 27px 8px;
	}
	.thirdlevel-ac-payment-area .thirdlevel-ac-title-2line-tabonly {
		padding: 16px 48px 16px 8px!important;
	}
	
	
	/****************************** border-radius ******************************/
	
	.thirdlevel-br00016-pconly {
		border-radius: 0 0 0 16px!important;
	}
	.thirdlevel-br00160-pconly {
		border-radius: 0 0 16px 0!important;
	}
	.thirdlevel-br0000-pconly {
		border-radius: 0!important;
	}
	.thirdlevel-br00016-pconly.ico-ac-open, 
	.thirdlevel-br00160-pconly.ico-ac-open {
		border-radius: 0!important;
	}
	
	
	/******************** 複数カラム ********************/
	
	.thirdlevel-btn-col2-inner {
		width: 40%;
	}
	.thirdlevel-col3.thirdlevel-graydot-list li:nth-child(3n) {
		padding-right: 0;
	}
	.thirdlevel-col3.thirdlevel-graydot-list li:nth-child(even) {
		padding-right: 32px;
	}
	
	.partslist-table-2 {
		width: 280px;
	}
	
	
	/****************************** サイトマップ用 ******************************/
	
	.thirdlevel-sitemap-icn-explanation {
		width: 848px;
	}
	.thirdlevel-sitemap-txt-wrap {
		width: 460px;
	}

}


/****************************** iPhone SE ******************************/


@media screen and (max-width:320px) {
	
	.thirdlevel-btn-login-white {
		padding: 10px 16px 10px 48px;
	}
	
	.thirdlevel-sitemap-red-icn {
		width: 74px;
	}
	
}


/****************************** 20210716 ******************************/

.img-link_20210716 {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}