@charset "UTF-8";

/*================================================================================
個別CSS PC
=================================================================================*/
/* --- 画面幅 --- */
.sec-common-lv2__inner.mod-w-750--pc {
	width: 750px;
}


/* --- グレー背景・枠線あり --- */
.index-section-block01 {
	padding: 25px 20px;
	margin-bottom: 20px;
	background-color: #FCFCFC;
	border: 2px solid #DDD;
	border-radius: 8px;
}
.index-section-block01-title {
	margin-bottom: 15px;
	font-size: 26px;
}


/* --- 青背景 --- */
.index-section-block02 {
	padding: 25px 20px;
	margin-bottom: 20px;
	background-color: #EFF7FF;
	border-radius: 8px;
}
.index-section-block02 .index-section-block02-title {
	margin-bottom: 10px;
	color: #2589CA;
	font-size: 16px;
	font-weight: 700;
}


/* --- 濃グレー背景・枠線なし --- */
.index-section-block03 {
	padding: 25px 20px;
	margin-bottom: 40px;
	background-color: #FAFAFA;
	border-radius: 8px;
}
.index-section-block03-title {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 700;
}


/* --- 濃グレー背景・枠線なしの内部 --- */
.index-section-block04 {
	margin-bottom: 30px;
}
.index-section-block04 .index-section-block04-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}


/* --- 白背景・赤枠線 --- */
.index-box-area01 {
	padding: 25px 20px;
	background-color: #FFF;
	border-radius: 8px;
	border: 1px solid #c03;
}


/* --- プルダウン --- */
.index-select-area {
	margin-bottom: 30px;
}
.index-select-area .index-select-area-title {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}


/* --- リスト段落ち調整 --- */
.index-list-text01 {
	display: flex;
	margin-top: 10px;
}


/* --- 5G SA（Standalone）結果 --- */
.index-5gsa {
	margin-bottom: 20px;
}
.index-5gsa .index-5gsa-icon-green,
.index-5gsa .index-5gsa-icon-gray {
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 10px;
	border-radius: 8px;
	color: #FFF;
	font-weight: 700;
}
.index-5gsa .index-5gsa-icon-green {
	background-color: #00A86B;
}
.index-5gsa .index-5gsa-icon-gray {
	background-color: #767676;
}


/* --- docomo Starlilnk Direct結果 --- */
/* 結果1 */
.index-dsd-result01 {
	margin-bottom: 20px;
}
.index-dsd-result01 .index-dsd-result01-icon-green,
.index-dsd-result01 .index-dsd-result01-icon-yellow,
.index-dsd-result01 .index-dsd-result01-icon-gray {
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 10px;
	border-radius: 8px;
	color: #FFF;
	font-weight: 700;
}
.index-dsd-result01 .index-dsd-result01-icon-green {
	background-color: #00A86B;
}
.index-dsd-result01 .index-dsd-result01-icon-yellow {
	background-color: #F39C12;
}
.index-dsd-result01 .index-dsd-result01-icon-gray {
	background-color: #767676;
}

/* 結果2 */
.index-dsd-result02-area {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.index-dsd-result02-area .index-dsd-result02-item {
	display: flex;
	align-items: center;
	width: 49%;
	margin-top: 2%;
	margin-right: 2%;
	padding: 15px 10px;
	background-color: #FFF;
	border: 2px solid #DDD;
	border-radius: 8px;
}
.index-dsd-result02-area .index-dsd-result02-item:nth-child(-n+2) {
	margin-top: 0;
}
.index-dsd-result02-area .index-dsd-result02-item:nth-child(2n) {
	margin-right: 0;
}
.index-dsd-result02-item .index-dsd-result02-txt {
	width: 83%;
	margin: 0 2% 0 0;
}
.index-dsd-result02-item .index-dsd-result02-icon {
	width: 15%;
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.index-dsd-result02-icon.fc-green {
	color: #00A86B;
}
.index-dsd-result02-icon.fc-red {
	color: #c03;
}


/* --- 主な対応アプリ --- */
/* --- con-app-list --- */
.con-app-list a.bnr-common__overlay--blank,
.con-app-list a.bnr-common__overlay--arrow{
	display: block;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #EDEDED;
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);	
}
.con-app-list a.bnr-common__overlay--blank .bnr-common__inner,
.con-app-list a.bnr-common__overlay--arrow .bnr-common__inner{
	width: 100%;
	height: 100%;
}
.con-app-list a.bnr-common__overlay--blank:hover,
.con-app-list a.bnr-common__overlay--arrow:hover{
	box-shadow: rgba(4, 0, 0, 0.7) 0 1px 5px;
}

.con-app-list a.bnr-common__overlay--blank:hover,
.con-app-list a.bnr-common__overlay--blank:focus,
.con-app-list a.bnr-common__overlay--blank:visited,
.con-app-list a.bnr-common__overlay--arrow:hover,
.con-app-list a.bnr-common__overlay--arrow:focus,
.con-app-list a.bnr-common__overlay--arrow:visited{
	color: #000;
}
.con-app-list a.bnr-common__overlay--blank:hover:before,
.con-app-list a.bnr-common__overlay--arrow:hover:before{
	display: none;
}

.con-app-list .con-app-list-item{
	display: flex;
	align-items: center;
	height: 94px;
	padding: 12px 28px 12px 12px;
}
.con-app-list .con-app-list-item .app-list-img{
	margin-right: 16px;
	width: 70px;
	height: 70px;
	min-width: 70px;
}
.con-app-list .con-app-list-item .app-list-txtarea{
	display: flex;
	flex-flow: column;
	text-align: left;
	padding: 0;
	color: #000;
	font-size: 12px;
}
.con-app-list .con-app-list-item .app-list-txtarea .app-list-ttl{
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
	line-height: 21px !important;
	margin-bottom: 14px;
}
.con-app-list .con-app-list-item .app-list-txtarea .list-notes{
	font-size: 12px;
}


/* --- スクリーンリーダー用 --- */
.index-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}


/* --- モーダル --- */
.page-modal-open img {
	padding-top: .2em;
	width:14px;
}

.mfp-bg.page-fade{
	background-color: #505050;
	opacity: 0.8;
}
.page-modal-content{
	position: relative;
	width: 760px;
	margin: 15vh auto;
	padding: 80px 60px;
	background-color: #FFF;
	border: #b5b5b5 1px solid;
	border-radius: 6px;
}
.page-modal-inner{
	height: 100%;
	padding: 15px 10px;
}
.page-modal-content .page-modal-inner section {
	margin: 0;
	padding: 0;
}
.page-modal-close{
	position: absolute;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	z-index: 100;
}
.page-modal-close-top{
	right: 20px;
	top: 20px;
	width: 40px;
	padding: 0px;
}
.page-modal-close-top img {
	width: 100%;
	height: auto;
}
.page-modal-close-bottom{
	left: 50%;
	bottom: -20px;
	width: 160px;
	padding: 10px;
	margin-left: -80px;
	border-radius: 100px;
	background: #000 url(/images_osp/common/ico/ico_modal_close_pc.png) no-repeat right 14px center;
	font-size: 14px;
	color: #FFF;
}


/* --- margin control --- */
/* margin top */
.beta-mod-mt0--pc{
	margin-top:0 !important;
}
.beta-mod-mt5--pc{
	margin-top:5px !important;
}
.beta-mod-mt10--pc{
	margin-top:10px !important;
}
.beta-mod-mt15--pc{
	margin-top:15px !important;
}
.beta-mod-mt20--pc{
	margin-top:20px !important;
}
.beta-mod-mt25--pc{
	margin-top:25px !important;
}
.beta-mod-mt30--pc{
	margin-top:30px !important;
}
.beta-mod-mt35--pc{
	margin-top:35px !important;
}
.beta-mod-mt40--pc{
	margin-top:40px !important;
}
.beta-mod-mt45--pc{
	margin-top:45px !important;
}
.beta-mod-mt50--pc{
	margin-top:50px !important;
}
.beta-mod-mt55--pc{
	margin-top:55px !important;
}
.beta-mod-mt60--pc{
	margin-top:60px !important;
}
.beta-mod-mt65--pc{
	margin-top:65px !important;
}
.beta-mod-mt70--pc{
	margin-top:70px !important;
}
.beta-mod-mt75--pc{
	margin-top:75px !important;
}
.beta-mod-mt80--pc{
	margin-top:80px !important;
}
/* margin bottom */
.beta-mod-mb0--pc{
	margin-bottom:0 !important;
}
.beta-mod-mb5--pc{
	margin-bottom:5px !important;
}
.beta-mod-mb10--pc{
	margin-bottom:10px !important;
}
.beta-mod-mb15--pc{
	margin-bottom:15px !important;
}
.beta-mod-mb20--pc{
	margin-bottom:20px !important;
}
.beta-mod-mb25--pc{
	margin-bottom:25px !important;
}
.beta-mod-mb30--pc{
	margin-bottom:30px !important;
}
.beta-mod-mb35--pc{
	margin-bottom:35px !important;
}
.beta-mod-mb40--pc{
	margin-bottom:40px !important;
}
.beta-mod-mb45--pc{
	margin-bottom:45px !important;
}
.beta-mod-mb50--pc{
	margin-bottom:50px !important;
}
.beta-mod-mb55--pc{
	margin-bottom:55px !important;
}
.beta-mod-mb60--pc{
	margin-bottom:60px !important;
}
.beta-mod-mb65--pc{
	margin-bottom:65px !important;
}
.beta-mod-mb70--pc{
	margin-bottom:70px !important;
}
.beta-mod-mb75--pc{
	margin-bottom:75px !important;
}
.beta-mod-mb80--pc{
	margin-bottom:80px !important;
}


/* --- JS control --- */
.fivegsa-area:not(.is-active),
.fivegsa-note:not(.is-active),
.fivegsa-software-area:not(.is-active),
.dSd-area:not(.is-active),
.dSd-software:not(.is-active),
.dSd-software-area:not(.is-active),
.app-area:not(.is-active),
.app-iphone-area:not(.is-active),
.app-iphone-more:not(.is-active),
.app-android-area:not(.is-active),
.app-android-more:not(.is-active),
.con-app-item:not(.is-active){
    display: none;
}

/* */