@charset "utf-8";

/**
 *
 *  ご利用ガイド index
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   guide
---------------------------------------------------------------------------*/
.guide{
	padding: 80px 0 100px;
}

/*--------------------------------------------------------------------------
	 block
---------------------------------------------------------------------------*/
.block{
}
.block + .block{
	margin-top: 50px;
}

/* block__head
-----------------------------------------------------------------*/
.block__head{
	padding: 18px 0;
	background: #0e0d6a;
}
.block__head__ttl{
	text-align: center;
	color: #fff;
	font-size: 20px;
}

/* block__body
-----------------------------------------------------------------*/
.block__body{
	padding: 30px 38px 50px;
	border-right: 2px solid #dfe9f2;
	border-bottom: 2px solid #dfe9f2;
	border-left: 2px solid #dfe9f2;
	background: #fff;
	overflow: hidden;
}

/* block__list
-----------------------------------------------------------------*/
.block__list{
}
.block__list li{
	padding: 30px 0;
	border-bottom: 1px solid #c5ccd8;
}
.block__list a{
	color: #3fb8e5;
	text-decoration: underline;
}
.modePC .block__list a:hover{
	text-decoration: none;
}


.block__list--movie {
	overflow: hidden;
	width: 435px;
	float: left;
}
.block__list--movie:nth-child(2n) {
	float: right;
}
.block__list--movie li{
	padding: 0;
	box-sizing: border-box;
}
.block__list--movie li a {
	display: block;
	padding: 16px 0;
	text-decoration: none;
	transition: .2s; 
}
.block__list--movie li a:hover {
	opacity: 0.6;
}
.block__list--movie .c-ico-movie:before {
	height: 100%;
	top: 0;
	bottom: auto;
	background-position: center center;
}




/* block__note
-----------------------------------------------------------------*/
.block__note{
	margin-top: 25px;
}
.block__note__txt{
	padding-left: 24px;
	font-size: 12px;
	background: url(/catv-service/shared/images/common/ico_pdf01.png) no-repeat 0 50%;
	background-size: 17px auto;
}
.block__note__btn{
	margin-top: 20px;
}

/* media query -> sp
=================================================================*/
@media screen and (max-width: 768px){
	.guide{
		padding: 40px 15px 50px;
	}
	
	.block{
	}

	/* block__head
	-----------------------------------------------------------------*/
	.block__head{
		padding: 12px 0;
	}
	.block__head__ttl{
		font-size: 14px;
	}

	/* block__body
	-----------------------------------------------------------------*/
	.block__body{
		padding: 5px 14px 30px;
		border-width: 1px;
	}

	/* block__list
	-----------------------------------------------------------------*/
	.block__list li{
		padding: 22px 0;
	}

	.block__list--movie {
		width: auto;
		float: none !important;
	}
	.block__list--movie li {
		padding: 0;
	}


	/* block__note
	-----------------------------------------------------------------*/
	.block__note{
		margin-top: 20px;
	}
	.block__note__txt{
		padding-left: 18px;
		font-size: 11px;
		background-position: 0 3px;
		background-size: 12px auto;
	}
	.block__note__btn{
		margin-top: 15px;
	}
}