@charset "UTF-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Lobster|Orbitron|Shadows+Into+Light';


/* ------------------------------------------------------------------------------------- */

/* ダウンロード */

/* ------------------------------------------------------------------------------------- */
.download-wrap{
	width: 760px;
	margin: 50px auto 50px;
	padding: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	background-color: white;
	box-shadow: 1px 1px 2px #666666;
}

.download-box{
	width: 45%;
    background: -moz-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: -webkit-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: linear-gradient(to bottom, #00A0E9, #00a5ea 25%, #0066e9);
	text-align: center;
	margin: 0 0 30px 0;
}

.download-box:hover{
  -webkit-transition: all .8s;
  transition: all .8s;
	opacity: 0.5;
}

.download-box a{
	display: block;
	padding: 50px 0;
	height: 100%;
	width: 100%;
	color: white;
	font-size: 110%;
	font-weight: bold;
    line-height: 1.2;
}

.download-box a:hover{
	opacity: 0.8;
}

/* ------------------------------------------------------------------------------------- */

/* ダウンロード（レスポンシブ） */

/* ------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.download-wrap{
	width: calc(100% - 5%);
	margin: 50px auto 50px;
	padding: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	background-color: white;
	box-shadow: 1px 1px 2px #666666;
}

.download-box{
	width: 45%;
    background: -moz-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: -webkit-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: linear-gradient(to bottom, #00A0E9, #00a5ea 25%, #0066e9);
	text-align: center;
	margin: 0 0 30px 0;
}
    
.download-box a{
	font-size: 90%;
}
}