@charset "utf-8";
/* CSS Document */


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
	.figurePc{display:none;}
	.pcLink{display:none;}
	
	.aboutSet{
		padding:0px 0px 18px 0px;
	}
		
		.aboutSet h5{
			display:block;
			width:auto;
			font-weight:bold;
			font-size:100%;
			padding:8px 15px;
			margin:0px 0px 6px 0px;
			text-align:left;
			color:#fff;
			
			background:url(../../common/images/term_title_bg.png);
						
			border-radius:5px;
			-webkit-border-radius:5px;	
			-moz-border-radius:5px;	
		}
		
		.figureSp img{
			width:100%;
			height:auto;
		}
	
		.aboutSet .btnOnline{
			padding:20px 0px 20px 0px;
			margin-bottom:6px;
		}
			.btnOnline a{
				display:block;
				width:100%;
				height:auto;
				margin:0px auto;
				padding:15px 0px;
				text-align:center;
				color:#fff;
				border:2px solid #ccc;
				font-weight:bold;
				font-size:112%;
			}
				
				.btnOnline a.online{
					background:#BE0000;
					color:#fff;
					text-align:center;	
				}
					.btnOnline a.online:hover{
						background:#fff;
						color:#BE0000;
						border-color:#BE0000;	
					}
			
			
			
			.skylinerCoupon{
				width:100%;
				height:auto;
				margin:0px auto;
				padding:15px;
				background:#fefefe;
				border:2px solid #ededed;	
				overflow:hidden;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.skylinerCoupon p{
					display:block;
					width:100%;
					height:auto;
					padding:0px 0px 10px 0px;
				}
				
				.skylinerCoupon a{
					display:block;
					width:100%;
					height:auto;
					margin:0px 0px;
					padding:10px 0px;
					text-align:center;
					color:#fff;
					border:2px solid #ccc;
				}
				
				.skylinerCoupon br{display:none;}
			
				.skylinerCoupon a.coupon{
					background:#043688;
					color:#fff;
					text-align:center;	
				}
					.skylinerCoupon a.coupon:hover{
						background:#fff;
						color:#043688;
						border-color:#043688;	
					}
					
					
					
					
			.otherCoupon{
				width:100%;
				height:auto;
				margin:15px auto 0px auto;
				padding:15px;
				background:#fefefe;
				border:2px solid #ededed;	
				overflow:hidden;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
				.otherCoupon p{
					display:block;
					width:100%;
					height:auto;
					padding:0px 0px 10px 0px;
				}
				
				.otherCoupon a{
					display:block;
					width:100%;
					height:auto;
					margin:0px 0px;
					padding:10px 0px;
					text-align:center;
					color:#fff;
					border:2px solid #ccc;
				}
				
			
				.otherCoupon a.coupon{
					background:#ff7800;
					color:#fff;
					text-align:center;	
				}
					.otherCoupon a.coupon:hover{
						background:#fff;
						color:#ff7800;
						border-color:#ff7800;	
					}
										
					
					
		

		ul.caution li{
			padding:0px 0px 0px 1em;
			text-indent:-1em;
		}
		



/* 160203 add */

.visualArea{
	width:100%;
	height:auto;	
}
.visualArea p{
	padding:0px 0px 12px 0px;	
}
	.visualArea img{
		width:100%;
		height:auto;
	}
	
	
/* 160204 add */
.titleFloat{
	overflow:hidden;
	padding:0px 0px 15px 0px;
}
	.titleFloat .titleLeft{
		width:100%;
		height:auto;
	}
	.titleFloat .titleRight{
		width:100%;
		height:auto;
	}
		.titleFloat img{
			width:100%;
			height:auto;
		}
	
p.subwayText{
	font-size:116%;
	font-weight:bold;
	color:#005bac;
	padding:10px 0px 0px 0px;
}
p.caution{
	font-size:93%;
	padding:10px 0px 0px 0px;
}







}