@charset "shift-jis";

#modalWindow{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index:9999;
}
#modalWindow .box{
	position:relative;
	top:50px;
	width: 680px;
	margin:0 auto;
	border-radius: 10px;
	background:#FFF;
	z-index:9999;
	box-shadow:0 0 5px 0px rgba(0,0,0,1);
}
#modalWindow .box .inner{
	padding:0 0 30px 0;
	text-align:center;
}
#modalWindow #modalWindowClose{
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
	text-align:center;
}
#modalWindow #modalWindowClose a{
	display:inline-block;
}
#modalWindow .overlay{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background:#000;
	filter: alpha(opacity=75);
	opacity: 0.75;
	z-index:9998;
}
* html #modalWindow .overlay{
	position:absolute;
}
#modalWindow.sp{
	position:absolute;
}
#modalWindow.sp .overlay{
	position:fixed;
}
#modalWindow.sp .box{
	width: 95%;
}


/*モーダルコンテンツ内スタイル*/
#modalWindow .box .inner{
	background-image:url(/cn-w/cmn/img/modalWindow/chara01.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#modalWindow p{
	margin:25px 40px;
	font-size: 14px;
	text-align:left;
}
#modalWindow .tit{
	margin:0;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:10px 20px 10px 20px;
	color:#FFF;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
	background:#3ccaff;
}
#modalWindow .red{
	color:#ff0000;
}
#modalWindow .smalltxt {
	font-size: 11px;
}
#modalWindow .btn{
	margin:40px 0 0 0;
	text-align:center;
}
#modalWindow .btn a{
	display:inline-block;
	border: 1px solid #b1b4b7;
	border-radius: 5px;
	padding:4px 25px;
	color: #676666;
	font-weight: bold;
	text-decoration:none;
	background:#FFF;
	background:-moz-linear-gradient(top, #FFF, #dfdede);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dfdede));
}
#modalWindow .btn a:hover{
	color:#888;
	background:-moz-linear-gradient(top, #FFF, #efefef);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#efefef));
}
#modalWindow .btn a span{
	display:block;
	padding-left: 15px;
	background:url(/cn-w/cmn/img/modalWindow/arrow01.png) left center no-repeat;
}

#modalWindow.sp p{
	font-size: 110%;
}
#modalWindow.sp .tit{
	display:block;
	padding:10px 60px 10px 0px;
	font-size: 134%;
}
#modalWindow.sp .smalltxt {
	font-size: 80%;
}
#modalWindow.sp #modalWindowClose img{
	width: 40px;
}


/*以下　マイグレ用追加分20160627更新*/

.mig0627 .box{
	width: 680px !important;
}

.mig0627 p{
	margin:0px 0px !important;
}

.mig0627 .box .inner{
	padding:0 0 200px 0 !important;
}

.sp .box .inner{
	padding:0 0 110px 0;
}


/*以下　フレッツテレビ追加分20191212更新*/


#modalWindow.FTV .box {
	border-radius: 0;
}

#modalWindow.FTV .box .inner,
#modalWindow.FTV.sp .box .inner {
	background-image: none;
	padding: 0;
}

#modalWindow.FTV #modalWindowClose{
	top:10px;
	right:10px;
}

#modalWindow.FTV.sp #modalWindowClose img{
	width: 20px;
}

#modalWindow.FTV.sp #modalWindowClose{
	top:6px;
	right:8px;
}