@charset "utf-8";
html {font-size: 62.5%; padding:0; margin:0;
	background-color: #fafafa;}
body {padding:0; margin:0;}
.sp {display:none;}
.Red {color: #FF0004;}
.clear {clear:both;}
.bold{font-weight: bold;}
#FCL_wrap a{color: #000; text-decoration: none; text-align: center;}
#FCL_wrap a img:hover{opacity: 0.8;}
#FCL_wrap {
	clear: both;
	width:100%;
	padding: 0;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	
}


/*item-----------------------*/

.SML{font-size: 70%;}
.bold{font-size: 110%; font-weight: bold;}
.main {width: 100%; margin:0 auto 0;}

.item_wrap{width:40%; max-width: 750px; margin: 0 auto; padding: 0 0 5%; background-color: #fff;}
.item_box {width: 100%; margin:0 auto;}
.item1{width: 100%; margin: 5% auto;}	
/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}


/* Button 1 */
.btn-1 {
	width: 80%;
    margin: 10% auto 5%;
	padding: 14px 0px; 
	border: 2px solid #2F2F2F;
    font-size: 2rem;
    color: #2F2F2F;
	letter-spacing: 0.1em; 
	font-weight: bold;
	background-color: #fff;
	border-radius: 3px;
}

.btn-1:hover {
	color: #fff;
	background-color: #2F2F2F;
	border: 2px solid #2F2F2F;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 750px) {
	#FCL_wrap {width: 100%; padding: 0 0 2%;}
	#FCL_wrap .main {width: 100%; margin:0 auto 10%; }
	.sp {display:block;}	


/*item-----------------------*/	
	.item_wrap{width:100%; margin: 0 auto; padding: 0 0 5%;}
	
	.btn-1 {width: 80%; margin: 10% auto 8%; padding: 13px 0px; font-size: 16px;}

}