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

/*-----------------------
	tel.css
------------------------*/
#contents ul.productList {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#contents ul.productList li {
    width: 32%;
    display: inline-flex;
    margin: 10px 0;
}

#contents ul.productList li a {
    display: flex;
    align-items: center;
    color: #333;
    width: 100%;
    background: #f1f5f9;
    padding: 0.5em;
}

#contents ul.productList li a > img {
    margin: 0 10px;
}

#contents ul.productList li a > span {
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
    margin-right: 5px;
}

#contents ul.productList::after {
    content: "";
    display: block;
    width: 32%;
}

 #contents ul.productList li a > img {
    border: 1px solid #bcbcbc;
}

#contents ul.productList li a span span {
	display: inline-block;
}
#contents ul.productList li a:hover span span {
	text-decoration: underline !important;
}

@media (max-width: 780px) {
	#contents .pconly{
		display: none;
	}
}

@media (max-width: 640px) {
	#contents ul.productList {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
	}
	
	#contents ul.productList li {
		width: 100%;
	}
	
	#contents ul.productList li a {
		font-size: 100%;
	}
	
	#contents ul.productList li a > span, #contents .search_box_txt2 a.textLink {
		background-position: 0 9px;
	}
}

#contents p span.annotation {
    padding-left: 1em;
    text-indent: -1em;
    display: inline-block;
}

/* 2025/08/28 */
#contents .w250 {
	width: 250px;
	text-align: center;
}

@media (max-width: 450px) {
	#contents .w250 {
		width: 100%;
	}
}


/* 20251031 */
.notice {
  border: solid 1px #ee0000;
  padding: 14px 10px;
  margin: 1em 0 2em;
}

.accent {
  color: #ee0000;
}
/* 20251117 */
#contents .notice_list{
 padding-left: 2em;
}