/*===========================================
	/support/repair.html CSS
=============================================*/

/*
	====================================
		item Area
	====================================
*/

div.item_box {
	display: block;
	width: 90%;
	margin: 0 auto;
}

div.item {
	margin: 10px;
	float: left;
	width: 45%;
}

div.item img {
	float: left;
	margin: 2em 0.35em;
}

div.item img.cam {
	margin: 1em 0.5em;
}

#contents div.item a{
	display: block;
	padding: 10px;
	color: black;
	border: #7b7a7a 4px solid;
	border-radius: 13px;
	height: 170px;
}

#contents a:focus, a:active {
	opacity: 0.5;
}
#contents a:hover, a:active {
	text-decoration: none;
	opacity: 0.5;
	color: #000;
}

div.item dt {
	font-size: 1.5em;
	font-weight: bold;
}


div.item dd {
	margin-top: 15px;
}

.red {
	color:#ee0000;
	font-weight: bold;
	font-size: 1.05em;
}

div.item span.item_accent {
	clear: both;
	margin-left: 0.75em;
	display: inline-block;
	text-indent: -0.75em;
}

a.fs {
	font-size: 0.7em;
}

@media (max-width: 640px) {

	div.item {
		width: 90%;
	}

	#contents div.item a{
		height: auto;
		min-height: 120px;
	}

	div.item_box {
		width: 100%;
	}

	div.item img {
		margin: 1em 0;
    	max-width: 95px;
	}
}

/* 20211203 */

.notice.normal{
    font-weight: normal !important;
    color: #c04;
}

a.textLink.notice.normal{
    color: #c93434;
    text-decoration: underline;
    display: inline-block;
    background-position: 0 6px;
}

a.textLink.notice.normal:hover,
a.textLink.notice.normal:active,
a.textLink.notice.normal:focus{
    color: #c93434 !important;
}

.notice_gray_b.bd_none{
    border: none !important;
}

.notice_gray_b > dl{
    margin: 0;
}

/* 20220705 */

#info h2 + p{
	padding-left: 15px;
}

/* 20220727 */
#pageMainContent section {
    margin-bottom: 3em;
	overflow: hidden;
}

.accent {
    border: 1px solid #ee0000;
    padding: 1em 1.5em;
    color: #ee0000;
    margin-top: 35px;
    margin-bottom: 35px;
}

ul.repair_box {
    display: flex;
    list-style: none;
    justify-content: center;
	align-items: center;
    padding-inline-start: 0;
}

ul.repair_box li {
    margin: 0 0.5em;	
    width: 30%;
}

ul.repair_box li a {
    display: block;
    padding: 1.75em 1em;
    color: black;
    border: #7b7a7a 4px solid;
    border-radius: 13px;
	text-align: center;
}

ul.repair_box li a img {
    display: inline-block;
}

ul.repair_box li a span { 
    font-size: 1.5em;
    display: block;
}

.fr_link {
    float: right;
	margin-right: 0.5em;
}

/*.fr_link a::after {
    content: ">";
	margin-left: 0.2em;
}*/

.s5-newsTable ul.s5-newslist {
    list-style: none;
}

ul.repair_box li a:focus, ul.repair_box li a:hover, ul.repair_box li a:active {
    opacity: 0.5;
	text-decoration: none;
}

.s5-newsTable ul.s5-newslist li {
    margin-bottom: 1em;
}


@media (max-width: 690px) {
	ul.repair_box {
		display: contents;
		justify-content: center;
	}
	
	ul.repair_box li {
		margin: 0.5em 0;
		width: 100%;
	}
	
	ul.repair_box li a img {
		width: 50px;
	}
		
	.s5-newsTable ul.s5-newslist {
		padding-inline-start: 15px;
	}
	
	ul.repair_box li a {
		padding: 0.5em 1em;
	}
	
	ul.repair_box li a span {
		font-size: 1.3em;
	}
	
	.s5-newsTable ul.s5-newslist li:last-child {
    	margin-bottom: 1em;
	}
}

/* 20220917 */
body {
    background-color: rgb(255 255 255);
}

/* 20221004 */
.s5-newsTable ul.s5-newslist{
	padding: 0;
}
.s5-newsTable ul.s5-newslist li {
	margin: 1em 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}
.s5-newsTable ul.s5-newslist li a {
	display: flex;
	justify-content: space-between;
	margin: 0 1em;
}

a.s5-link {
	color: #2f353d;
}
a.s5-link:hover, a.s5-link:focus, a.s5-link:active{
	opacity:1;
}
.s5-header2__extra.fr_link{
	font-size: 1rem;
}
@media (max-width: 640px) {
	.s5-newsTable ul.s5-newslist li a{
		align-items: center;
		margin: 0;
	}
}

@media screen and (max-width: 639px){
	.s5-newsTable {
		border-bottom: none;
	}
	.s5-header2__extra.fr_link{
		font-weight: 400;
	}
}

/* 20230105 */
.s5-newsTable ul.s5-newslist li a {
	text-decoration: none;
}

.s5-newsTable ul.s5-newslist li a span:hover{
	text-decoration: underline;
}

/* 20230725 */
#konnect-chat-initializer-content .konnect-chat-initializer-content-text {
 	font-size: 1.5rem;
}

#konnect-chat-initializer-content .konnect-chat-initializer-content-icon img {
	height: 70px!important;
    width: 70px!important;
}


ul.repair_box li a {
	min-height: 12.5em;
}

@media screen and (max-width: 1010px){
	ul.repair_box li a {
		min-height: 15em;
	}
}

@media screen and (max-width: 771px){
	ul.repair_box li a {
		min-height: 15em;
	}
}

@media screen and (max-width: 690px){
	ul.repair_box li a {
		min-height: auto;
	}
}