@charset "shift_JIS";



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



h2#h2_present_2019 {

	display:block;

	text-indent:-99999px;

	width:844px;

	height:75px;

	background:url(../img/ti_h2_present.gif) no-repeat;

	margin:30px 0;
}



/*バナー全体のサイズ*/


.banner {

	overflow: hidden;

	position: relative;

}


.banner a {

	display: block;

	width: 844px;

	height: 290px;

	margin: 0 auto;

	margin-top: 30px;

}



/*マウスオーバーするマスク*/


.banner .mask{

	width: 844px;

	height: 46px;

	position: absolute;

	overflow: hidden;

	bottom: 0;
}



/* pc非表示 */


.banner_sph {

	display: none;

}



}



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



h4.group_line_2019 {

	border-top: 1px #ccc solid;

	padding: 20px 10px;

}



#h2_present_2019 {

	display:none;

	}



/*マウスオーバーするマスク*/


.banner .mask{

	width:100%;

	height: 46px;

	position: absolute;

	overflow: hidden;

	bottom: 0;

}



/* PC非表示 */


.banner {

	display:none;

}



/* pc表示 */


.banner_sph {

	display: block;

	width: 100%;

	margin: 0 auto 20px;
}


}



.present_navi_2019 {

	margin-top:20px;

}




/*テキスト*/


.banner p {

	font-size: 17px;

	position: relative;

	color: #fff;

	text-align: right;

	padding: 10px 30px 0 0;

	font-weight: bold;

}


/*黒にする*/

.banner-view .mask {

	opacity: 0;

	background-color: #ef7884;

	transition: all 0.3s ease-in-out;

}



/*マウスオーバーしたときは、不透明度を下げる*/


.banner-view:hover .mask {

	opacity: 1;

	border-bottom-left-radius: 43px;
 
	border-bottom-right-radius: 43px;
 
	-webkit-border-bottom-left-radius: 43px;
 
	-webkit-border-bottom-right-radius: 43px;

	-moz-border-radius-bottomleft: 43px;

	-moz-border-radius-bottomright: 43px;

}

/*eo光未加入・契約中の方はこちら*/

.tv_btn_center {
	text-align: center;
}