@charset "utf-8";

p {
	word-break: break-word;
}


/****************************** タイトルエリア ******************************/

.oshirase-title-btn {
	width: 170px;
	margin: 0 auto;
	display: block;
	padding: 12px 16px 12px 42px;
	background: #FFFFFF;
	border-radius: 24px;
	position: relative;
	font-weight: bold;
	line-height: 18px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
	color: #0F1533;
}
.oshirase-title-btn::before {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 16px;
	height: 16px;
	background-image: url(/mydocomo/images_20m4/common/btn/btn_maintenance@2x.png);
	display: inline-block;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	margin: -8px 0 0 0;
}


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

.oshirase-title-btn:hover, 
.oshirase-page-btn-box-small:hover, 
.oshirase-page-btn-box-big:hover, 
.oshirase-page-btn-box-big-right:hover, 
.oshirase-rsslink-btn:hover, 
.oshirase-top-btn:hover {
	background-color: #f6f7f8;
}


/****************************** お知らせエリア ******************************/

.oshirase-title-area{
	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;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.oshirase-btn-link-area-box {
	padding: 0;
	position: relative;
	margin: 0;
}
.oshirase-btn-link-area-list-box {
	border-bottom: 1px solid #DFE4E9;
}
.oshirase-btn-link-area-list-box:last-child {
	border-bottom: none;
}
.oshirase-btn-link-area-list-link {
	position: relative;
	padding: 16px 44px 16px 16px;
	display: block;
	color: #0F1533;
	font-weight: bold;
	line-height: 22px;
}
.oshirase-btn-link-area-list-box:first-child .oshirase-btn-link-area-list-link {
	border-radius: 16px 16px 0 0;
	padding: 32px 44px 16px 16px;
}
.oshirase-btn-link-area-list-box:last-child .oshirase-btn-link-area-list-link {
	border-radius: 0 0 16px 16px;
}
.oshirase-btn-link-area-list-box:last-child .oshirase-btn-link-area-list-link {
	padding: 16px 44px 32px 16px;
}
.oshirase-btn-link-area-list-link::after {
	background-image: url(/mydocomo/images_20m4/common/btn/oval_arrow_right_black_on_gray.png);
	top: 50%;
	right: 10px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	content: '';
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	vertical-align: middle;
}
.oshirase-btn-link-area-list-box:first-child .oshirase-btn-link-area-list-link::after {
	margin-top: -4px;
}
.oshirase-btn-link-area-list-box:last-child .oshirase-btn-link-area-list-link::after {
	margin-top: -16px;
}
.oshirase-btn-link-area-list-link:hover {
	background-color: #f6f7f8;
	cursor: pointer;
}
.oshirase-btn-link-area-list-date {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	margin: 0 0 6px 0;
}
.oshirase-btn-link-area-list-important {
	background: #CF1131;
	border-radius: 4px;
	color: #fff;
	padding: 4px 4px 3px;
	font-size: 11px;
	text-align: center;
	margin: 0 0 0 8px;
	display: inline-block;
}


/****************************** ページボタンエリア ******************************/

.oshirase-page-btn-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 24px auto;
	padding: 0 8px;
}
.oshirase-page-btn-box-small, 
.oshirase-page-btn-box-big, 
.oshirase-page-btn-box-big-right {
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
	border-radius: 24px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: relative;
	font-weight: bold;
	color: #0F1533;
}
.oshirase-page-btn-box-small:first-child {
	margin-right: 16px;
}
.oshirase-page-btn-box-small:last-child {
	margin-left: 16px;
}
.oshirase-page-btn-box-big {
	width: 60px;
	padding: 0px 0 0 10px;
}
.oshirase-page-btn-box-big-right {
	width: 60px;
	padding: 0 10px 0 0;
}
.oshirase-page-btn-img, 
.oshirase-page-btn-img-right {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin: -8px 0 0 0;
	left: 10px;
}
.oshirase-page-btn-img-right {
	left: auto;
	right: 10px;
}
.oshirase-page-txt {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	margin: 0 24px;
}


/****************************** ボタンエリア ******************************/
.oshirase-btn-area{
	text-align: center;
}
.oshirase-top-btn {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 240px;
	padding: 9px 44px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #0F1533;
	background-color: #FFFFFF;
	border: 1px solid #CFD0D6;
	border-radius: 24px;
	text-align: center;
}
.oshirase-top-btn::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;
}
.oshirase-rsslink-btn {
	width: 100%;
	max-width: 273px;
	margin: 0 auto;
	display: block;
	padding: 16px 84px 16px 114px;
	background: #FFFFFF;
	border-radius: 24px;
	position: relative;
	font-weight: bold;
	line-height: 16px;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.08);
}
.oshirase-rsslink-btn::after {
	position: absolute;
	top: 50%;
	left: 88px;
	width: 20px;
	height: 20px;
	background-image: url(/mydocomo/images_20m4/common/icons/home.png);
	display: inline-block;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	margin: -10px 0 0 0;
}
.oshirase-rsslink-btn {
	padding: 16px 40px 16px 16px;
}
.oshirase-rsslink-btn::after {
	right: 10px;
	left: auto;
	width: 24px;
	height: 24px;
	background-image: url(/mydocomo/images_20m4/common/icons/icn_blank.png);
	margin: -12px 0 0 0;
}


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

@media screen and (min-width:768px) {

	/****************************** 横幅調整 ******************************/

	.oshirase-area,
	.oshirase-title-area{
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
	}

	.oshirase-btn-link-area-box, 
	.oshirase-btn-area {
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
	}
	
	/****************************** お知らせエリア ******************************/
	
	.oshirase-btn-link-area-list-box {
		border-bottom: none;
	}
	.oshirase-btn-link-area-list-inner {
		border-bottom: 1px solid #DFE4E9;
		padding: 0 44px 16px 16px;
	}
	.oshirase-btn-link-area-list-box:last-child .oshirase-btn-link-area-list-inner {
		border-bottom: none;
		padding: 0 44px 32px 16px;
	}
	.oshirase-btn-link-area-list-link {
		padding: 16px 32px 0;
	}
	.oshirase-btn-link-area-list-box:first-child .oshirase-btn-link-area-list-link {
		padding: 32px 32px 0;
	}
	.oshirase-btn-link-area-list-box:last-child .oshirase-btn-link-area-list-link {
		padding: 16px 32px 0;
	}
	.oshirase-btn-link-area-list-link::after {
		right: 50px;
	}
	.oshirase-page-btn-area {
		padding: 0;
	}

}


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

	@media screen and (max-width:320px) {
		
		.oshirase-page-btn-area {
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		.oshirase-page-btn-box-small:first-child, 
		.oshirase-page-btn-box-small:last-child, 
		.oshirase-page-txt {
			margin: 0;
		}
		
}


/****************************** 17v3 DIMS関連 ******************************/


/*************** テキスト関連 ***************/

/* 太字 */
.t-bold, .txt-bold { font-weight: bold; }

/* サイズ */
.t-small { font-size: 12px !important; }
.t-default { font-size: 14px !important; }

/* 位置 */
.t-left { text-align: left !important; }
.t-right { text-align: right !important; }
.t-center { text-align: center !important; }

/* テキストカラー */
.color-yellow { color: #fdd000; }
.color-orange { color: #fda400; }
.color-red { color: #cc0033; }
.color-green { color: #329ab5; }
.color-blue { color: #0080ff; }
.color-d-blue { color: #0070c9; }
.color-black { color: #333333; }
.color-d-gray { color: #757575; }
.color-gray { color: #cccccc; }
.color-l-gray { color: #e7e7e7; }
.color-r-stage { color: #b03b40; }
.color-s-stage { color: #6e6e73; }
.color-b-stage { color: #915a3d; }
.color-g-stage { color: #996c2f; }

.b-g-premiar { color: #c1c98c; }
.b-premiar { color: #b1bebd; }
.b-third { color: #aace36; }
.b-second { color: #ea545d; }
.b-first { color: #62b0e3; }
.b-gold { color: #f1c709; }
.b-silver { color: #81878c; }
.b-bronze { color: #c67c05; }
.b-reguler { color: #bf2f36; }


/* 背景色 */
.bg-c-white { background-color: #fff; }
.bg-c-gray { background-color: #fafafa; }


/* 注記 */
.mod-list-area { padding: 0 16px 16px 16px; }
.container-r > .mod-list-area { padding: 12px 0 0 0; }
.gray-area > .mod-list-area { padding: 16px 16px 0; text-align: left; }
.gray-area > .mod-list-area ul { max-width: 320px; margin: 0 auto; }

.list-num-notes, .list-tnum-notes { padding: 0 16px 16px; }

.list-num-notes, .list-tnum-notes, .list-notes { font-size: 12px; }


.list-num-notes > li:last-child,
.list-tnum-notes > li:last-child,
.list-notes > li:last-child {
	 margin-bottom: 0;
}


.list-notes > li {
	counter-increment: notes;
	margin-bottom: 12px;
	padding-left: 16px;
	text-indent: -16px;
}

.list-notes > li:before {
	content: "\203b";
	padding-right: 4px;
}

/* 注記連番 */
.list-num-notes > li {
	counter-increment: notes;
	margin-bottom: 12px;
	padding-left: 32px;
	text-indent: -32px;
}

.list-num-notes > li:before {
	content: "\203b" counter(notes);
	padding-right: 12px;
}

/* 注記＋番号テキスト記載 */
.list-tnum-notes > li {
	margin-bottom: 12px;
	padding-left: 32px;
	text-indent: -32px;
}

.list-tnum-notes > li span { padding-right: 12px; }



/* TB、PC用指定 */
@media screen and (min-width: 768px) {

	/* 注記 */
	.mod-list-area { padding: 0 32px 16px 32px; }
	/* 注記＋番号テキスト記載 */
	.list-num-notes { padding: 0 32px 16px 0; }
	.list-tnum-notes { padding: 0 32px 16px; }

}



/*************** 余白関連 ***************/

.mt-4 { margin-top: -4px !important; }

.mt0 { margin-top: 0px !important; }
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt24 { margin-top: 24px !important; }
.mt32 { margin-top: 32px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb32 { margin-bottom: 32px !important; }
.mb72 { margin-bottom: 72px !important; }

.ml4 { margin-left: 4px !important; }
.mr4 { margin-right: 4px !important; }


.margin-auto { margin: 0 auto; }

.pd0 { padding: 0 !important; }

.pb8 { padding-bottom: 8px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb24 { padding-bottom: 24px !important; }

.pr24 { padding-right: 24px; }


/*************** モジュール ***************/

/* 基本的な状態変化（SMT:480px、TAB:768px、PC:960pxの中央寄せ） */
.mod-layout-01 {
	max-width: 480px;
	min-width: 320px;
	margin: 0 auto;
}

/* TAB用指定 */
@media screen and (min-width: 768px) {
	.mod-layout-01 {
		max-width: 768px;
	}
}

/* PC用指定 */
@media screen and (min-width:960px){
	.mod-layout-01 {
		max-width: 960px;
	}
}

/* 基本的な状態変化（SMT:480px、TAB:768px、PC:960pxの左寄せ） */
.mod-layout-02 {
	max-width: 480px;
	min-width: 320px;
}

/* TAB用指定 */
@media screen and (min-width: 768px) {
	.mod-layout-02 {
		max-width: 768px;
	}
	.mod-layout-02 .list-num-notes,
	.mod-layout-02 .list-tnum-notes {
		padding: 0 0 16px;
	}
}

/* PC用指定 */
@media screen and (min-width:960px){
	.mod-layout-02 {
		max-width: 960px;
	}
}


/* ★2カラム レイアウト */

/* ボタンリンク */

a.btn-basic {
	border-radius: 3px;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
	max-width: 320px;
	width: 100%;
	min-height: 36px;
}

a.btn-white, a.btn-blue {
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.mod-btn-area {
	display: -webkit-flex;
    display: flex;
}

a.btn-white {
	background-color: #fff;
	border: 2px solid #0070c9;
	color: #0070c9;
}

a.btn-white-right {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	min-height: 36px;
	padding: 4px 16px;
	text-align: center;
	color: #0070c9;
	background-color: #fff;
	border: 2px solid #0070c9;
	border-radius: 4px;
}

a.btn-blue{
	background-color: #0080ff;
	border: 2px solid #0070e0;
	color: #fff;
	min-height: 36px;
}

a:hover.btn-white, a:hover.btn-white-right,
a:hover.btn-blue-arrow {
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-filter: brightness(0.85);
	-moz-filter: brightness(0.85);
	-o-filter: brightness(0.85);
	-ms-filter: brightness(0.85);
	filter: brightness(0.85);
}

a:hover.btn-blue {
	background-color: #0070c9;
	-webkit-filter: brightness(0.85);
	-moz-filter: brightness(0.85);
	-o-filter: brightness(0.85);
	-ms-filter: brightness(0.85);
	filter: brightness(0.85);
}



.link-col2-block .link-col2-inner {
    display: -webkit-flex;
	display: flex;
    width: 100%;
    min-height: 56px;
	-webkit-align-items: center;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;

 	padding: 8px 16px;
}

.link-col-inner span.t-block,
.link-col2-inner span.t-block {
	padding-right: 24px;
}

.double-col-inner {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}



/****************************** JSOFF ******************************/

/* ヘッダーJS無効表示 */
.status-jsoff {
	width: 100%;
	margin: 0 auto;
	background: #fff0ab;
}

.status-jsoff { position: relative; }

.ico-error-jsoff {
  position: relative;
  padding-left: 28px;
}

.ico-error-jsoff:before {
  content: "";
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/mydocomo/images_17v3/common/sprite/sprite_mydocomo@2x.png?20180903);
  background-repeat: no-repeat;
  background-size: 384px;
}

.ico-error-jsoff:before { background-position: -240px -147px; }

.ico-error-jsoff:before {
	content: "";
	clear: both;
	display: block;
	*zoom: 1;
}


/****************************** お知らせ、静的ページmodule ******************************/

.mod-contents { padding-bottom: 8px; padding-top: 12px; }
.mod-contents > *:last-child { margin-bottom: 0; }

.mod-title {
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	background-color: #fafafa;
	padding: 16px;
	margin-bottom: 16px;
 	font-size: 18px;
 }

.mod-title .img-block {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 4px;
	margin-left: auto;
}


/* TB、PC用指定 */
@media screen and (min-width: 768px) {

	.mod-title { margin: 0 32px 16px; }

}



/****************************** common 静的 ******************************/

/* フォントサイズ */
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }


/* マージン、パディング */
.ml-auto{ margin: 0 0 0 auto !important; }
.mr-auto{ margin: 0 auto 0 0 !important; }

.mt-12 { margin-top: -12px !important; }

.pt0{ padding-top: 0 !important; }
.pb0{ padding-bottom: 0 !important; }


/* セクション */
.com-inner { padding: 0 16px; }
.com-t-inner { padding: 0 16px 16px; } /* section テキスト＋テキスト余白 */
.com-tlink-inner { padding: 0 0 32px; } /* section 横線＋テキストリンク余白 */

a.com-img-anchor { display: inline; } /* 画像リンク */
a.com-t-inline { display: inline; }


/* section 横線 */
.com-t-line { border-top: 1px solid #ddd; }



/* テキストリンク、アンカーリンク */
a.com-inline-link, a.com-anchor-link {
	display: inline;
	color: #0070c9;
	text-decoration: underline;	
}
a.com-anchor-link {
	display: inline-block;
	padding-right: 24px;
	position: relative;
}
a.com-anchor-link:after {
	content: "";
	height: 24px;
	width: 24px;
	position: absolute;
	background-image: url(/mydocomo/images_17v3/common/sprite/sprite_mydocomo@2x.png?20180903);
	background-repeat: no-repeat;
	background-size: 384px;
	background-position: -24px -147px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
a.com-inline-link:hover, a.com-anchor-link:hover {
	color: #0080ff;
	text-decoration: none;
}

/* テキストリンク（青文字+右矢印）（左矢印+青文字）181114更新 */
.com-t-r-arrow, .com-t-l-arrow {
	color: #0070c9;
	position: relative;
	display: inline-block;
}

.com-t-r-arrow { padding: 0 24px 0 0; }
.com-t-l-arrow { padding: 0 0 0 24px; }

.com-t-r-arrow:after, .com-t-l-arrow:before {
	content: "";
	height: 24px;
	width: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	background-image: url(/mydocomo/images_17v3/common/sprite/sprite_mydocomo@2x.png?20181114);
	background-repeat: no-repeat;
	background-size: 384px;
	background-position: -24px -147px;
}

.com-t-l-arrow:before {
	left: 0;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.com-t-r-arrow:hover, .com-t-l-arrow:hover {
	color: #0080ff;
	text-decoration: underline;
}

/* ページ内リンク */
.com-anchor-block li { padding-bottom: 12px; }
.com-anchor-block li:first-child { padding-top: 12px; }

/* ボタンリンク（白背景） */
.btn-basic-area, .btn-secion-area  {
	display: -webkit-flex;
	display: flex; /* IE対策 */
	margin: 16px 0;
}

.com-btn-basic {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 36px;
	width: 100%;
	max-width: 320px;
	padding: 4px 16px;
	border: 2px solid #0070c9;
	border-radius: 4px;
	background-color: #fff;
	color: #0070c9;
	font-weight: bold;
	text-align: center;
}

.com-btn-basic:hover {
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-filter: brightness(0.85);
	-moz-filter: brightness(0.85);
	-o-filter: brightness(0.85);
	-ms-filter: brightness(0.85);
	filter: brightness(0.85);
}

/* ボタンリンク（青背景） */
.com-btn-basic.strong {
	color: #fff;
	background-color: #0080ff;
}

.com-btn-basic.strong:hover {
	background-color: #0070c9;
	-webkit-filter: brightness(0.85);
	-moz-filter: brightness(0.85);
	-o-filter: brightness(0.85);
	-ms-filter: brightness(0.85);
	filter: brightness(0.85);
}

/* ボタンリンク（inline-block） */
.btn-mini-area {
	display: -webkit-flex;
	display: flex; /* IE対策 */
	margin: 12px 0;
}

.com-btn-basic.mini {
	display: -webkit-inline-flex;
	display: inline-flex;
	width: auto;
	max-width: 100%;
	margin: 0;
	font-size: 12px;
}


/* ボタンの配置変更 */
.btn-left { margin-right: auto !important; }
.btn-right { margin-left: auto !important; }
.btn-center{ margin-left: auto !important; margin-right: auto !important; }


/* 見出し */
.title-lev1, .title-lev2, .title-lev3, .title-lev4, .title-lev5, .title-lev6 { line-height:1.25; }

.title-lev1 {
	font-size: 22px;
	text-align: center;
	padding: 48px 16px;
}
.title-lev2 {
	display: -webkit-flex;
	display: flex;
	padding: 16px;
	margin-bottom: 16px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	background-color: #fafafa;
	font-size: 18px;
}

.title-lev2 .img-block {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 8px;
	margin-left: auto;
}

.title-lev3, .title-lev4, .title-lev5 {
	font-size: 14px;
	padding: 12px 0;
	border-bottom: 1px solid #bbb;
	margin: 0 16px 16px;
}

.title-lev6 {
	padding: 8px 0;
	border-bottom: 1px solid #bbb;
	margin: 0 16px 16px;
}

.title-lev3 { font-size: 16px; }
.title-lev4 { font-size: 14px; }
.title-lev5, .title-lev6 {
	font-size: 12px;
	border-top: 1px solid #ccc;
}


.sec-col2-left2 { margin-bottom: 32px; }


/* 「・」、「※」付きリスト */

ul.com-list-note, ul.com-list-dot { margin-left: 1em; }

.com-list-dot > li { position: relative; }
.com-list-note > li { position: relative; font-size: 12px;}

.com-list-dot > li:before,
.com-list-note > li:before {
	margin-left: -1.0em;
}

.com-list-dot > li:before { content: "\30FB"; }
.com-list-note > li:before { content: "\203b"; }

.com-list-note > li { margin-bottom: 8px; } /* 17.11.14追加 */
.com-list-note > li:last-child { margin-bottom: 0; } /* 17.11.14追加 */

/* 注釈右寄せテキスト 17.12.08追加 */
 p.com-list-note {
	display: -webkit-flex;
	display: flex;
	font-size: 12px;
	margin-left: 1em;
	text-align: left;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

p.com-list-note:before {
	content: "\203b";
	margin-left: -1.0em;
}

/* 連番 17.11.24追加 */
ul.com-list-num { margin-left: 1.8em; }

.com-list-num > li {
	position: relative;
	counter-increment: section;
}

.com-list-num > li:before {
	/* position: absolute; */
	content: counter(section) ".";
	margin-left: -1.8em;
	margin-right: 1em;
}

/* 注記連番 17.12.6追加 */
ul.com-list-numnote { margin-left: 2.5em; }
.com-list-numnote > li {
	font-size: 12px;
	position: relative;
	counter-increment: notes;
	margin-bottom: 8px;
}
.com-list-numnote > li:last-child { margin-bottom: 0; }
.com-list-numnote > li:before {
	content: "\203b" counter(notes);
	margin-left: -3em;
	margin-right: 1em;
}


/* 表組 17.11.14追加 */
figcaption { display: none; line-height: 0; }

.table-block {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.table-block th, .table-block td {
	padding: 12px 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.table-block th {
	background-color: #e7e7e7;
	font-weight: bold;
	vertical-align: top;
}

.table-block th { width: 25%; white-space: nowrap; }
.table-block td { width: 75%; }


/* 2列 */
.sec-col2-block .col2-com-inner { margin: 0 16px; }
.sec-col2-block .img-mt { margin-top: 32px; }

/* 3列リスト(中黒) */
.sec-list-col3 li { width: 100%; }

/* 画像表示 */
.sec-lev1 figure > img, .sec-lev2 figure > img,
.sec-lev3 figure > img, .sec-lev4 figure > img,
.sec-lev5 figure > img, .sec-lev6 figure > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #ddd;
}

/* 画像線なし指定 */
.sec-lev1 figure.no-border > img, .sec-lev2 figure.no-border > img,
.sec-lev3 figure.no-border > img, .sec-lev4 figure.no-border > img,
.sec-lev5 figure.no-border > img, .sec-lev6 figure.no-border > img {
	border: none;
}

/* 1:3（画像＋テキスト）*/
.sec-col2-block > li figure {
	margin: 0 16px;
}

/* notice */
.sec-notice-box {
	border: 2px solid #cc0033;
	font-size: 12px;
	padding: 12px;
	color: #333;
}

.sec-notice-box > .notice-t-box { padding-left: 28px; margin-top: 12px; }

.ico-notice {
	position: relative;
	padding-left: 28px;
	margin-bottom: 8px;
}

.ico-notice:before {
	content: "";
	height: 24px;
	width: 24px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	background-image: url(/mydocomo/images_17v3/common/sprite/sprite_mydocomo@2x.png?20180903);
	background-repeat: no-repeat;
	background-size: 384px;
}

.ico-notice:before { background-position: -240px -147px; }

.ico-notice:before {
	content: "";
	clear: both;
	display: block;
	*zoom: 1;
}


/* タブレット用指定 */
@media screen and (min-width: 768px) {
	/* セクション */
	.sec-lev1, .sec-lev2, .sec-lev3, .sec-lev4, .sec-lev5, .sec-lev6 { padding: 0 32px; }

	/* 表組 17.11.14追加 */
	.table-row-block th, .table-row-block td,
	.table-block th, .table-block td { display: table-cell; }
	.table-row-block th, .table-block th { width: 16.66%; }
	.table-row-block td, .table-block td { width: 83.34%; }
	
	/* ブロック要素 17.11.14追加 */
	.sec-col-block {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	/* 2列表示 */
	.sec-col2-inner li {
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 50%;
	}
	
	/* 3列表示 */
	.sec-col3-inner li {
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 33.33%;
	}
	
	.sec-col2-inner > .com-inner,
	.sec-col3-inner > .com-inner {
		padding: 0 16px 32px;
	}
	
	/***** 画像＋テキスト *****/
	.sec-col2-block {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	/* 17.12.07 */
	.sec-col2-block > li:nth-child(odd) {
		width: 33.33%;
		padding-bottom: 32px;
	}
	
	.sec-col2-block > li figure { margin: 0 16px 0 0; }

	.sec-col2-block > li:nth-child(even) {
		width: 66.67%;
		padding-bottom: 32px;
	}
	
	.sec-col2-block > li:nth-child(even) .com-inner { padding: 0 16px; }
	
	.sec-col2-block > li .title-lev4 { padding: 0 0 12px; }
	
	
	.com-inner-col2 { padding: 0 0 0 16px; }
	
	
	/* 画像＋テキスト余白 */
	.com-inner-mt24 { margin-top: 24px; }
	.sec-col2-tblock > .title-lev4 { padding: 0 0 12px; }
	
	/* テキスト＋表 */
	.sec-col2-left2 { 
		width: 70%;
		padding-right: 32px;
		margin-bottom: 0;
	}
	
	.sec-col2-text {
		width: 30%;
		-webkit-flex-grow:1;
		flex-grow: 1;
	}
	
	/* 17.12.22追加 */
	.sec-lev1 .sec-col-block figure > img, .sec-lev2 .sec-col-block figure > img,
	.sec-lev3 .sec-col-block figure > img, .sec-lev4 .sec-col-block figure > img,
	.sec-lev5 .sec-col-block figure > img, .sec-lev6 .sec-col-block figure > img,
	.sec-lev1 .sec-col2-block figure > img, .sec-lev2 .sec-col2-block figure > img,
	.sec-lev3 .sec-col2-block figure > img, .sec-lev4 .sec-col2-block figure > img,
	.sec-lev5 .sec-col2-block figure > img, .sec-lev6 .sec-col2-block figure > img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	
	/* 1画像 w640pxより大きい画像の場合 */
	.sec-lev1 figure > img, .sec-lev2 figure > img,
	.sec-lev3 figure > img, .sec-lev4 figure > img,
	.sec-lev5 figure > img, .sec-lev6 figure > img {
		max-width: 640px;
	}
	
	/* 1画像 w640pxより大きく線なしリンクあり */
	.sec-lev1 figure.no-border a > img, .sec-lev2 figure.no-border a > img,
	.sec-lev3 figure.no-border a > img, .sec-lev4 figure.no-border a > img,
	.sec-lev5 figure.no-border a > img, .sec-lev6 figure.no-border a > img {
		max-width: 640px;
	}
	
	/* 注記 */
	.mod-list-area { padding: 0 32px 16px 32px; }
	/* 注記＋番号テキスト記載 */
	.list-num-notes { padding: 0 32px 16px 0; }
	.list-tnum-notes { padding: 0 32px 16px; }
	
	
	/* 3列リスト(中黒) */
	ul.com-list-dot.sec-list-col3{ margin-left: 0; }

	.sec-list-col3 {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -32px 0 0;
	}
	
	.sec-list-col3 li {
		width: 33.33%;
		padding: 0 32px 0 1.2em;
	}
	
	/* App Store */
	figure.sec-bnr-download {
		margin: 16px 0;
		text-align: left;
	}
	
}



/* PC用指定 */
@media screen and (min-width: 960px) {
	/* 見出し */
	.title-lev1 { font-size: 24px; }

	/* 2列、3列表示画像 */
	.sec-col1-inner figure > img, .sec-col2-inner figure > img,
	.sec-col3-inner figure > img, .sec-col4-inner figure > img,
	.sec-col5-inner figure > img, .sec-col6-inner figure > img {
		max-width: 100%;
	}
	
	.sec-col2-block figure > img {
		max-width: 100%;
	}
	
	
}

/****************************** 20210326追記 ******************************/

.oshirase-detail-contents-area-important {
	background: #CF1131;
	border-radius: 4px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	padding: 6px 12px 5px;
}