@charset "utf-8";

/* アンバサダー用CSS
========================================*/

/* SPonly */
@media screen and (max-width:767px){
	#mainArea {
		padding:50px 4% 80px;
	}
	#mainArea h2 {
		color:#8d0404;
		font-size:178%;
		font-weight:bold;
		line-height:180%;
		text-align:center;
	}
	#mainArea h2:after {
		background:#8d0404;
		content:"";
		display:block;
		margin:30px auto 40px;
		height:2px;
		width:30px;
	}
	#mainArea section h3 {
		color:#8d0404;
		font-size:130%;
		font-weight:bold;
		margin-bottom:25px;
		text-align:center;
	}
	#mainArea section .fs15 {
		font-size:108%;
		line-height:165%;
	}
	#mainArea section figure {
		margin-top:30px;
		text-align:center;
	}
	#mainArea section figure img {
		width:216px;
	}
	#mainArea section .fashion {
		background:#f7f7f5;
		border-radius:20px;
		margin-top:50px;
		padding:45px 7%;
	}
	#mainArea section .fashion dt {
		margin-bottom:25px;
		text-align:center;
	}
	#mainArea section .fashion dt img {
		width:144px;
	}
	#mainArea section .fashion dd {
		font-size:108%;
		line-height:165%;
	}
	#mainArea section .fashion dd .link {
		background:url(../img/ambassador/arrow_link.png) no-repeat right center;
		background-size:6px 7px;
		display:table;
		font-size:90%;
		margin:25px auto 0;
		padding-right:15px;
	}
	#mainArea section .fashion dd .link a {
		color:#8d0404;
	}
}

/* PConly */
@media screen and (min-width:768px){
	#mainArea {
		margin:0 auto;
		padding:50px 0 80px;
		width:800px;
	}
	#mainArea h2 {
		color:#8d0404;
		font-size:157%;
		font-weight:bold;
		line-height:180%;
		text-align:center;
	}
	#mainArea h2:after {
		background:#8d0404;
		content:"";
		display:block;
		margin:35px auto 45px;
		height:2px;
		width:30px;
	}
	#mainArea section h3 {
		color:#8d0404;
		font-size:129%;
		font-weight:bold;
		margin-bottom:25px;
		text-align:center;
	}
	#mainArea section figure {
		margin-top:40px;
		text-align:center;
	}
	#mainArea section figure img {
		width:320px;
	}
	#mainArea section .fashion {
		background:#f7f7f5;
		border-radius:20px;
		margin-top:60px;
		padding:25px;
	}
	#mainArea section .fashion dt {
		float:left;
	}
	#mainArea section .fashion dt img {
		width:125px;
	}
	#mainArea section .fashion dd {
		float:left;
		font-size:121%;
		line-height:150%;
		margin-left:60px;
		padding-top:10px;
		width:500px;
	}
	#mainArea section .fashion dd .link {
		background:url(../img/ambassador/arrow_link.png) no-repeat right center;
		background-size:auto 8px;
		display:table;
		font-size:90%;
		margin:25px auto 0;
		padding-right:28px;
	}
	#mainArea section .fashion dd .link a {
		color:#8d0404;
	}
	#mainArea section .fashion dd .link a:hover {
		opacity:0.8;
	}
}