@charset "utf-8";
/* CSS Document */

/*===========================================
	howto tv common_catv css
=============================================*/
#contents h1.title {
    font-size: 1.75rem;
    border-bottom: 2px solid #2f353d;
    padding: 0.2em 0.5em;
    margin-bottom: 1em;
}

#contents .navArea {
    display: flex;
	justify-content: space-around;
    align-items: flex-start;
    margin: 3em 0 2em;
	list-style: none;
}

#contents .navArea li {
	width: 300px;
}

#contents .navArea li a {
	display: block;
}

#contents .navArea li a:hover, #contents .navArea li a:focus, #contents .navArea li a:active {
    opacity: 0.7;
	text-decoration: none;
}

#contents .navArea span {
    display: block;
    margin: 0.5em 0 0;
	font-size: 1.3rem;
    font-weight: bold;
    color: #2f353d;
}

.s5-linkV3:after {
    display: inline-block;
    content: '';
    background: url(/share5/svg/icon/angle-right.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    height: 0.6em;
    width: 0.6em;
    margin: -0.15em 0.4em 0;
}

#contents .notice_gray_b {
    background-color: #EBEBEB;
    border: 1px solid #999999;
    padding: 1em;
	margin-top: 4em;
}

#contents .notice_gray_b p{
	margin-left: 0;
}

#contents dt {
    font-weight: bold;
}

#contents dt:nth-child(n+2) {
    margin-top: 2em;
}

#contents dd {
    margin: 1em 0 0;
}

#contents .annotation  {
    text-indent: -1em;
    padding-left: 1em;
}

#contents p {
    margin-left: 1em;
}

@media (max-width: 640px){
	#contents h1.title {
		padding: 0.2em 0;
	}
	
	#contents .navArea {
		flex-direction: column;
		align-items: center;
		margin: 1em 0 2em;
	}
	
	#contents .navArea li:last-child {
		margin: 2em 0 0;
	}

	#contents .navArea span {
		margin: 0;
	}
	
	#contents dd img{
		width: 100%;
		max-width: 453px;
		margin: 1em 0 2em;
	}
	
	#contents p {
		margin-left: 0;
	}
}