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

.main-title-sportsmouse {
	background: url(../img/main_img_sportsmouse.jpg) no-repeat center;
	background-size: cover;
	border-bottom: 2px solid #0c6eb0;
}
.main-title-inner {
	width: 960px;
	height: 350px;
	margin: 0 auto;
	display: table;
}
@media screen and (max-width:599px) {
	.main-title-sportsmouse {
		background-size: cover;
		margin-top: 78.81px;
	}
	.main-title-inner {
		width: 100%;
		height: 250px;
	}
}

/* タイトル */
.sports_title {
	width: 100%;
	max-width: 960px;
	/* margin: 80px auto 40px; */
	margin: 40px auto;
	text-align: center;
}
.sports_title h2 {
	font-weight: bold;
	color: #0c6eb0;
	font-size: 28px;
	border-bottom: none;
	display: inline;
}
.sports_title p {
	margin: 20px auto;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.4;
}
.sports_title a {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.6em;
	display: block;
	text-decoration: none;
	color: #444;
	transition: 0.4s ease-in-out;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
@media screen and (max-width:599px) {
	/* タイトル */
	.sports_title {
		width: 90%;
		/* margin: 120px auto 0 auto; */
		margin: 30px auto;
	}	
	.sports_title h2 {
		font-size: 22px;
	}	
	.sports_title p {
		margin: 12.5px auto;
		font-size: 0.8em;
	}
	.catch p {
		font-size: 14px;
	}
}	

article.sports_mouse h3 {
	padding: 4px 10px;
	margin: 30px auto 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #0c6eb0;
	background: #e3f0fd;
	text-align: left;
}
@media screen and (max-width:599px) {
	article.sports_mouse h3 {
		font-size: 16px;
	}
}

article.sports_mouse .catch p{
	text-align: left;
}

article.sports_mouse .catch ul {
	font-size: 16px;
	line-height: 1.9;
	margin: 20px auto;
	text-align: left;
}
article.sports_mouse .catch ul li {
	margin-bottom: 10px;
}
article.sports_mouse .catch ul.dia li::before {
	content: "◆ ";
	color: #0c6eb0;
}
article.sports_mouse .catch ul.dia span {
	color: #0c6eb0;
	font-weight: bold;
}
@media screen and (max-width:599px) {
	article.sports_mouse .catch ul {
		font-size: 14px;
	}
}	

.sports_mouse img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: auto;
}

.sports_mouse h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8;
	margin: 30px auto 20px;
	text-align: center;
	color: #0c6eb0;
}
@media screen and (max-width:599px) {
	.sports_mouse h4 {
		font-size: 16px;
	}
}

.sportsmouse_img p{
	line-height: 1.4;
}