/*=================================================
 * CSS for PC
 * ================================================= */

.bt_bg{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 auto;
	background: -webkit-gradient(linear, left top, right bottom, from(#ececec), color-stop(0.25, #ececec), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ececec), color-stop(0.75, #ececec), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #ececec 75%, white 75%, white);
	background: linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #ececec 75%, white 75%, white);
	-webkit-background-size: 2px 2px;
	background-size: 2px 2px;
}

a.bt , em.bt, span.bt{
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	background-color: #5e1535;
	box-shadow: 0px 1px 0px 0px #3a0a1f;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

span.bt_gray{
	color: #999;
	background-color: #cdcdcd;
	box-shadow: none;
}

.ad_bt{
	display: inline-block;
	width: 230px;
	font-size: 13px;
	font-weight: bold;
	line-height: 35px;
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	background-color: #2f49ac;
	box-shadow: 0px 1px 0px 0px #192c72;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a.bt:hover,
em.bt:hover,
.ad_bt:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

input.bt{
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	border-radius: 3px;
	background-color: #5e1535;
	box-shadow: 0px 1px 0px 0px #3a0a1f;
	text-decoration: none;
	-webkit-appearance: none;
	border: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

input.bt:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

.sh_bt_bg{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 auto;
}

a.sh_bt , em.sh_bt, span.sh_bt{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	min-width: 240px;
	margin: 0 10px;
	padding: 0 10px;
	line-height: 32px;
	color: #ffffff;
	text-align: center;
	border-radius: 16px;
	background-color: #89af1c;
	box-shadow: 0px 1px 0px 0px #789d0e;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

a.sh_bt:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}


a.sh_bt2,
em.sh_bt2,
span.sh_bt2{
	background-color: #00a8b1;
	box-shadow: 0px 1px 0px 0px #04888f;
}


/** book_bt **/

#book_bt{
	width: 910px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 15px 10px;
	background: repeating-linear-gradient(#ececec, #ececec 1px, #fff 0, #fff 2px);
	box-shadow:0px 4px 0px 0px #fff inset,0px -5px 0px 0px #fff inset;
	-moz-box-shadow:0px 4px 0px 0px #fff inset,0px -5px 0px 0px #fff inset;
	-webkit-box-shadow:0px 4px 0px 0px #fff inset,0px -5px 0px 0px #fff inset;
}

.favo_book_area_bt{
	display: inline-block;
	vertical-align: top;
	width: 240px;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	color: #ff9900;
	background: #fff;
	border: 1px solid #ff9900;
	border-radius: 3px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.favo_book_area_bt:hover{
	text-decoration: none;
	color: #fff;
	background: #ff9900;
}

.favo_book_area_bt.favo{
	text-decoration: none;
	color: #fff;
	background: #ff0000;
	border: 1px solid #cc0000;
}

#favo_book_area{
	cursor: pointer;
}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	.bt_bg{
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	a.bt,
	span.bt,
	input.bt{
		display: block;
		width: 100%;
	}
	.sh_bt_bg{
		margin: 0;
		padding: 0 5px;
	}
	.page_title+.sh_bt_bg{	padding-top: 10px;}
	a.sh_bt , em.sh_bt, span.sh_bt{
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 10px);
		font-size: 12px;
		min-width: 0;
		margin: 0 5px;
	}
	a.sh_bt:only-child, em.sh_bt:only-child, span.sh_bt:only-child{
		display: block;
		width: auto;
		margin: 0;
	}

	/** book_bt **/
	#book_bt{
		width: auto;
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0 10px;
	}
	.favo_book_area_bt{
		display: block;
		width: auto;
	}
}