@charset "shift_jis";

/*--------------------------------
	tv dolby-Atmos 
---------------------------------*/
#contents .title {
	border-bottom: 2px solid #6b6b6b;
    color: #2f353d;
    padding: 0 0 0.3em 0.5em;
    margin: 1em 0;
}

#contents h1 {
    font-size: 1.5rem;
}

#contents h2.title {
    font-size: 1.25rem;
    border-bottom: 1px solid #2f353d;
    color: #2f353d;
}

#contents section h3.title {
    margin: 2em 0 1em 0.5em; 
    padding: 0.5em 0.5em;
    border-left: 7px solid #3569eb;
    border-bottom: none;
    font-size: 1.077rem;
    line-height: 1.3;
}

#contents section h3.title ~ p,
#contents section h3.title ~ div {
    margin-left: 1.5em; 
}

#contents section h3.title ~ ul,
#contents section h3.title ~ ol {
    margin-left: 2.5em; 
}

#contents section dl {
	margin-bottom: 0;
	margin-left: 1em; 
}

#contents section dl dt,
#contents section dl dd {
	margin-left: 0; 
}

#contents section dl dd.disc {
	display: list-item;
	list-style-type: disc;
	margin-top: 0.5em;
	margin-left: 2em;
}

#contents ul.annotation li {
    text-indent: -1.7em;
}

/* navList */
#contents .navList {
    margin: 1em 0 4em 1em;
}

#contents .navList ul {
	list-style: none;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
}

#contents .navList ul li {
	margin-left: 0;
	width: 200px;
}

#contents .navList ul li a {
	border: solid 2px #6b6b6b;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
	color: #333;
	padding: 1em;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    align-items: center;
}

#contents img {
    max-width: 100%;
    height: auto;
}

#contents .navList ul li a img:not(.icon) {
    margin-bottom: 0.5em;
}

#contents .navList ul li a div.text {
	font-weight: bold;
}

#contents .navList ul li a:hover {
	outline: auto;
    outline-color: black;
}

#contents .s5-linkV3.s5-linkV3--down:after {
    display: inline-block;
    content: '';
    background-image: url(/share5/svg/icon/angle-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-top: -.15em;
    margin: 0 0.5em;
}

a.s5-linkV3 {
    color: #43677e;
}

.s5-linkV3:after {
    display: inline-block;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E");
    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 {
    padding: 1em;
}

#contents .notice_gray_b > P {
    margin-bottom: 0.5em;
	margin-left: 0;
}

#contents ul.link {
    list-style: none;
	margin-left: 0;
    padding: 0;
}

#contents ul.link li {
	margin-left: 0;
}

#contents span.green {
    color: #008000;
    font-weight: bold;
}

@media (max-width: 641px){	
	#contents section h3.title,
	#contents section h3.title ~ p,
	#contents section h3.title ~ div,
	#contents section h3.title ~ ul,
	#contents section dl {
		margin-left: 0;
	}
	
	#contents section h3.title ~ ol {
		margin-left: 1em;
	}
	
	#contents p {
		margin-left: 0;
		margin-right: 0;
	}

	#contents ul.disc {
		margin-left: 1em!important;
	}
			
	#contents .navList {
		margin-left: 0;
	}
	
	#contents .navList ul {
		gap: 1em;
		justify-content: center;
	}
	
	#contents .navList ul::after {
		content: none;
	}
	
	#contents .navList ul li {
		width: 100%;
		max-width: 130px;
	}
	
	#contents .navList ul li a {
		min-height: 124px;
		padding: 0.5em;
	}
	
	#contents .pct img {
		width: 100%;
		max-width: 650px;
	}
}

@media (max-width: 438px) {
	#contents .navList ul li {
		max-width: 115px;
	}
}

@media (max-width: 392px) {
	#contents .navList ul li {
		max-width: 95px;
	}
	
	#contents .navList ul li a {
		min-height: 130px;
	}
}