@charset "UTF-8";
/* CSS Document */
p.spry_box{
	padding: 5%;
	margin: 0 0 5% 0;
}
a.english-btn,a.english-btn2{
	background-color: papayawhip;
	display: block;
		float:left;
		text-align: center;
	border-radius: 5px;
	padding: 2%;
	margin: 3% 10% 0 0%;
	text-decoration: none;
	color: brown;
	width: 40%;
}

#spry_box {
	position:fixed;
	width:100%;
	height:370px;
	overflow: scroll;
	z-index:5;
	left: 0;
	top:0%;
	background-color:rgba(0,0,0,0.8);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.15em;
}
span.hi-english{
	font-size: 1.7em;
	font-weight: bold;
	color:papayawhip;
	padding: 3% 2%;
	float: left;
	text-align: center;
	width:100%;
}
a.english-btn2{
	display: none;
}
a.english-btn{
	display: block;
}

#spry_box_profile {
	position:fixed;
	width:100%;
	height:236px;
	z-index:5;
	left: 0;
	top:0%;
	background-color:rgba(0,0,0,0.8);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.1em;
}
		#spry_box_profile dl{
			margin: 2% 3%;
			font-size:1.1em;
		}
		#spry_box_profile dl dt{
			font-weight: bold;
			opacity: 0.6;
		}
			article#aboutme dl dt{
				float: left;
				font-weight:400 ;
				color: papayawhip;
				font-size: 1.1em;
				margin-bottom: 0.5%;
			}
			article#aboutme dl dd{
				font-size: 1.1em;
				margin-bottom: 0.5%;
			}
		
		
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
#spry_box {
	position:fixed;
	width:100%;
	height:370px;
	z-index:5;
	left:0%;
	top:0%;
	background-color:rgba(0,0,0,0.8);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.2em;
	overflow: scroll;
}
#spry_box_profile {
	position:fixed;
	width:100%;
	height:236px;
	z-index:5;
	left: 0;
	top:0%;
	background-color:rgba(0,0,0,0.8);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.1em;
}
a.english-btn,a.english-btn2{
	background-color: papayawhip;
	display: block;
	border-radius: 5px;
	padding: 2%;
	margin: 3% 0 0 60%;
	text-decoration: none;
	color: brown;
	width: 30%;
	text-align: center;
}
a.english-btn{
	display: none;
}
a.english-btn2{
	display: block;
}
}


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
#spry_box {
	position:fixed;
	width:450px;
	height:400px;
	z-index:5;
	left:20%;
	top:0%;
	background-color:rgba(0,0,0,0.77);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.18em;
	overflow: scroll;
}
#spry_box_profile {
	position:fixed;
	width:450px;
	height:236px;
	z-index:5;
	left: 7%;
	top:0%;
	background-color:rgba(0,0,0,0.77);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.1em;
}
}


@media only screen and (min-width: 1233px) {
#spry_box {
	position:fixed;
	width:530px;
	height:420px;
	z-index:5;
	left:20%;
	top:0%;
	background-color:rgba(0,0,0,0.77);
	visibility:hidden;
	color: papayawhip;
	font-size: 1.21em;
}
}