@charset "utf-8";
/*シークレット*/


.box{
	margin: 0 auto;
	padding:1px 30px 15px 30px;
	border-radius: 20px;
	box-shadow: 0 3px 6px #d1caae;
	width: 60%;
	max-width: 540px;
}
.offvocallink{
	transition: 0.2s ;
	margin: 0 auto;
	padding:4px 30px 4px 30px;
	border-radius: 30px;
	width: 60%;
	max-width: 540px;
	background-color: #00a2ff;
	box-shadow: 0 2px 5px #b5c7ca;
	color:#ffffff;
}
.offvocallink:hover {
	background-color: #2278aa;
	box-shadow: 0 0 0 #ffffff;
	color: #ffffff;
}
/*外部バナー*/
.gaibu{
	text-align: center;
	max-width: 540px;
	margin: 0 auto;
}
.gaibunaibu{
	box-shadow: 0 3px 6px #d1caae;
}

.boxmini{
	margin: 0 auto;
	padding:1px 30px 14px 30px;
	border-radius: 20px;
	box-shadow: 0 2px 5px #b5c7ca;
	width: 60%;
	max-width: 540px;
}

.text2{
	font-size:1rem;
	letter-spacing: 0.05em;
}
.textofflink{
	transition: 0.6s ;
	font-size:1rem;
	letter-spacing: 0.05em;
	text-align: center;
}
.textofflink:hover{
	transition: 1s ;
	letter-spacing: 0.4rem;
}
.textdl{
	font-size:1rem;
	letter-spacing: 0.05em;
	
}
.offvocal_b{
	width: 30px;
	vertical-align:-1px;
}
.offvocalimages{
	width: 25px; 
	vertical-align:-4px;
}

@media screen and (max-width: 640px) {/* 640px以下でスマホ画面時*/
	.text2{
		font-size:0.7rem;
		letter-spacing: 0.05em;
	}
	.textofflink{
		font-size:0.7rem;
		letter-spacing: 0.05em;
		text-align: center;
	}
	.textdl{
		font-size:0.7rem;
		letter-spacing: 0.05em;
		
	}
	.offvocal_b{
		width: 20px;
		vertical-align:-1px;
	}
	.offvocalimages{
		width: 20px; 
		vertical-align:-4px;
	}

	.gaibunaibu{
		box-shadow: 0 3px 6px #d1caae;
		width: 50%;
		height: 50%;
	}
	
}

a.dl {
	transition: 0.2s ;
	padding: 6px 6px 6px 10px;
	border-radius: 16px;
	background-color: #fff3bf;
	box-shadow: 0 1px 3px #d1caae;
}
a.dl:hover {
	background-color: #ffe986;
	box-shadow: 0 0 0 #ffffff;
}


a.dlof {
	color: #ffffff;
	transition: 0.2s ;
	padding: 6px 8px 6px 14px;
	border-radius: 16px;
	background-color: #00a2ff;
	box-shadow: 0 1px 3px #b5c7ca;
}
a.dlof:hover {
	padding: 6px 8px 6px 14px;
	background-color: #2494d5;
	box-shadow: 0 0 0 #ffffff;
}