@charset "UTF-8";

/* m_img
---------------------------------------------------------*/
 .contentpage .m_img .img::before{
	background-image: url("../images/mouthguard/m_img@2x.jpg");
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 

}





/* マウスピースの着用が義務化・推奨されているスポーツ
---------------------------------------------------------*/
.mg_list .list_l{
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
	box-sizing: border-box;
	line-height: 1.9em;
}
.mg_list .list_r{
	float: right;
	width: 48%;
	margin: 0 0 0 2%;
	box-sizing: border-box;
	line-height: 1.9em;
}
.mg_list dl{
	margin: 0 0 30px 0;
}
.mg_list dt,
.mg_list p{
	background: #f39e5c;
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-size: 125%;
	letter-spacing: 0.16em;
	margin: 0 0 10px 0;
}
.mg_list .list_l dl:nth-child(2) dt{
	background: #f39c85;
}
.mg_list .list_r p{
	background: #9dc6cb;
}
.mg_list .list_r ul.box_l{
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
	box-sizing: border-box;
}
.mg_list .list_r ul.box_r{
	float: right;
	width: 48%;
	margin: 0 0 0 2%;
	box-sizing: border-box;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.mg_list dt,
.mg_list p{
	padding: 3px 20px 3px 20px;
	font-size: 110%;
	letter-spacing: 0.14em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.mg_list dt,
.mg_list p{
	padding: 1% 5%;
	font-size: 1.15em;
	letter-spacing: 0.10em;
}
.mg_list .list_l,
.mg_list .list_r{
	float: none;
	width: 100%;
}
.mg_list dl{
	margin: 0 0 3% 0;
}
.mg_list dd,
.mg_list li{
	font-size: 90%;
	line-height: 1.6em;
}
}



/* box2
---------------------------------------------------------*/
.box2 .cause_list li{
	float: left;
	margin: 0 2% 0 0;
	width: 32%;
}
.box2 .cause_list li:last-child{
	margin: 0;
}
.box2 .cause_list li div.img img{
	width: 100%;
}
.box2 .cause_list p{
	background: #e5e5e5;
	padding: 5% 7%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 

}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.box2 .cause_list li{
	float: none;
	margin: 0 auto 3% auto;
	width: 95%;
}
.box2 .cause_list li:last-child{
	margin: 0 auto 0 auto;
}
}