@charset "UTF-8";

/****** DOWNLOAD CSS ******/
@media ( min-width: 769px ) { /* PC */
	.main__downloadContents__descriptionPc {
		width: 700px;
		margin: 0 auto 50px;
		line-height: 1.5;
		text-align: center;
		font-size: 15px;
		color: #FFF;
		cursor: default;
	}
	
	.main__downloadContents__descriptionSp {
		display: none;
	}
	
	.main__downloadContents__twIcon {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		width: 900px;
		height: auto;
		margin: 0 auto 20px;
	}
	
	.main__downloadContents__twIcon li {
		width: 140px;
		height: 140px;
		margin: 0 5px 30px;
		transition: opacity 0.3s;
	}
	
	.main__downloadContents__twIcon li:hover {
		opacity: 0.7;
	}
	
	.main__downloadContents__twIcon img {
		width: 140px;
		height: 140px;
	}
	
	.main__downloadContents__bgPc {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		width: 900px;
		height: auto;
		margin: 0 auto 30px;
	}
	
	.main__downloadContents__bgPc li {
		width: 290px;
		height: auto;
		margin: 0 5px 20px;
	}
	
	.main__downloadContents__bgPc li img {
		display: inline-block;
		width: 290px;
		height: 163px;
		margin: 0 0 10px;
	}
	
	.main__downloadContents__bgPc li a {
		display: block;
		width: 290px;
		height: 35px;
		margin: 0 0 10px;
		line-height: 35px;
		white-space: nowrap;
		background: rgba(140, 101, 59, 0.9);
		text-align: center;
		font-size: 18px;
		color: #FFF;
		transition: opacity 0.3s;
	}
	
	.main__downloadContents__bgPc li a:hover {
		opacity: 0.7;
	}
	
	.main__downloadContents__bgSp {
		display: none;
	}
}

@media ( max-width: 768px ) { /* SP */
	.main__downloadContents__descriptionSp {
		width: 700px;
		margin: 0 auto 50px;
		line-height: 1.5;
		text-align: center;
		font-size: 3vw;
		color: #FFF;
	}
	
	.main__downloadContents__descriptionPc {
		display: none;
	}
	
	.main__downloadContents__twIcon {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		width: 600px;
		height: auto;
		margin: 0 auto 20px;
	}
	
	.main__downloadContents__twIcon li {
		width: 140px;
		height: 140px;
		margin: 0 5px 30px;
	}
	
	.main__downloadContents__twIcon img {
		width: 140px;
		height: 140px;
	}
	
	.main__downloadContents__bgSp {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		width: 600px;
		height: auto;
		margin: 0 auto 30px;
	}
	
	.main__downloadContents__bgSp li {
		width: 290px;
		height: auto;
		margin: 0 5px 20px;
	}
	
	.main__downloadContents__bgSp li img {
		display: inline-block;
		width: 290px;
		height: 515px;
		margin: 0 0 10px;
	}
	
	.main__downloadContents__bgSp li a {
		display: block;
		width: 290px;
		height: 50px;
		margin: 0 0 10px;
		line-height: 50px;
		white-space: nowrap;
		background: rgba(140, 101, 59, 0.9);
		text-align: center;
		font-size: 3.5vw;
		color: #FFF;
	}
	
	.main__downloadContents__bgPc {
		display: none;
	}
	
}