/*
#office{
	margin: 0 0 70px;
}
*/


@media screen and (min-width: 750px) {

	.column > header{
		position: relative;
		width: 100%;
		height: 150px;
		overflow: hidden;
		border-top: 1px solid #d2e1e7;
		border-bottom: 1px solid #d2e1e7;
	}

	.column > header div{
		margin: 0 auto;
		width: 1000px;
	}


	.column > header h2{
		display: table-cell;
		width: 1000px;
		height: 150px;
		text-align: center;
		color: #04347a;
		font-size: 31px;
		font-weight: 700;
		vertical-align: middle;		
	}


	.contents_header .icon{
		display: inline-block;
		margin: 45px 0 0;
		height: 68px;
		width: 59px;
		background: url(../img/pc/header_icon.png) 50% 50% no-repeat;
	}

	/*.detail{
		font-family: "Yu Gothic" , "YuGothic", sans-serif;	
	}
	*/
	.detail article{
		margin: 50px auto 0;
		width: 1000px;

	}
	.detail article figure{
		float: left;
	}

	.detail article .box{
		float: right;
		width: 590px;
	}




	.detail .info dt{
		margin: 0 0 10px;
		font-size: 26px;
		color: #04347a;
	}
	.detail .info dd{
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.8;
	}
	.detail .box h3{
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #04347a;
		color: #fff;
		font-size: 16px;
	}




	.detail .access,
	.detail .tel{
		margin: 20px 0 0;
	}
	.detail .access dt,
	.detail .tel dt{
		margin: 0 0 10px;
		color: #04347a;
		font-weight: 700;
		font-size: 16px;
	}


	.detail .access dd,
	.detail .tel dd{
		font-size: 14px;
		line-height: 1.8;
	}
	.detail .tel dd a{
		margin: 0 0 0 20px;
		font-size: 21px;
		color: #04347a;
		text-decoration: underline; 
	}
	.detail .tel dd a span{
		vertical-align: middle;
	}


	.detail .access dt:before{
		position: relative;
		top: 1px;
		content:"";
		display: inline-block;
		margin: 0 10px 0 0;
		width: 11px;
		height: 14px;
		background: url(../img/pc/icon_access.png) 50% 50% no-repeat;
	}
	.detail .tel dt:before{
		position: relative;
		top: 1px;
		content:"";
		display: inline-block;
		margin: 0 5px 0 0;
		width: 15px;
		height: 15px;
		background: url(../img/pc/icon_tel.png) 50% 50% no-repeat;
	}

	#map{
		margin: 20px 0 0;
		width: 590px;
		height: 190px;
	}








	#campaign,
	#price{
		margin: 50px 0 0;
		padding: 50px 0 0;
		border-top: 1px solid #bad3e4;
	}
	#campaign header,
	#price header{
		text-align: center;
	}
	#campaign header h3,
	#price header h3{
		font-size: 26px;
		font-weight: 500;
		color: #04347a;
	}

	#campaign header span,
	#price header span{
		color: #bad3e4;
		font-size: 11px;
	}


	#campaign article li{
		float: left;
	}
	#campaign article li + li{
		margin: 0 0 0 10px;
	}


	#price article{
		margin-bottom: 80px;
	}
	#price article h4{
		margin: 0 0 45px;
		font-size: 23px;
		text-align: center;
		font-weight: bold;
	}





	#price #rent table{
		float: left;
		border: 1px solid #bad3e4;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	#price #rent table caption{
		caption-side: bottom;
		text-align: left;
		font-size: 14px;
		margin-top: 1.5em;
	}
	
	#price #rent table td{
		text-align: center;
		height: 35px;
		line-height: 35px;
	}
	#price #rent table tr + tr{
		border-top: 1px solid #bad3e4;
	}
	#price #rent table td + td{
		border-left: 1px solid #bad3e4;
	}

	#price #rent table .data_name{
		width: 80px;
		font-size: 14px;
		font-weight: 700;
	}
	#price #rent table .data_name a{
		color: #04347a;
	}


	#price #rent table .data_detail{
		width: 120px;
		font-size: 14px;
	}
	 
	#price #rent table .data_price{
		width: 80px;
		font-size: 14px;
		background: #ebf1f7;
	}
	 
	#price #rent table .data_now{
		width: 60px;
		font-size: 14px;
		background: #ebf1f7;
	}

	#price #rent figure{
		position: relative;
		float: right;
		margin: 80px 0 0 90px;

		width: 466px;
	}
	



	#price #drawing .flag{
		position: absolute;
		width: 46px;
		height: 46px;
	}

	#price #drawing .flag a{
		position: relative;
		display: block;
		width: 46px;
		height: 46px;
		line-height: 46px;
	   	text-align: center;
	   	font-size: 20px;
	   	font-weight: 200;
	   	color: #04347a;
		background: #fff;
	   	border: 1px solid #fff;
		border-radius: 24px;
		box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.1);
		z-index: 10;
	}


	.flag_a:after{
		position: absolute;
		content: "";
		bottom: -12px;
		right: -5px;
		display: inline-block;
		width: 100px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_b:after{
		position: absolute;
		content: "";
		bottom: -16px;
		right: 0px;
		display: inline-block;
		width: 100px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}


	.flag_c:after{
		position: absolute;
		content: "";
		top: 6px;
		left: 30px;
		display: inline-block;
		width: 55px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_d:after{
		position: absolute;
		content: "";
		top: 6px;
		left: 32px;
		display: inline-block;
		width: 55px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_e:after{
		position: absolute;
		content: "";
		top: -50px;
		left: 18px;
		display: inline-block;
		width: 200px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_f:after{
		position: absolute;
		content: "";
		top: -52px;
		left: 0px;
		display: inline-block;
		width: 200px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
	}

	.flag_g:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 16px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_h:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 15px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_i:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 15px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_j:after{
		position: absolute;
		content: "";
		bottom: -10px;
		right: 30px;
		display: inline-block;
		width: 45px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_k:after{
		position: absolute;
		content: "";
		bottom: -10px;
		right: 30px;
		display: inline-block;
		width: 45px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_l:after{
		position: absolute;
		content: "";
		bottom: -40px;
		right: 20px;
		display: inline-block;
		width: 135px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	#price #drawing .flag a:hover{
		color: #fff;
		background: #04347a;
	   	border: 1px solid #04347a;

		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;

	}









	#plan tr{
		font-size: 16px;
	}
	#plan h4 span{
		display: block;
		font-size: 16px;
		font-weight: normal;
	}
	#plan dl.note{
		margin: 40px 0 0;
		font-size: 14px;
	}
	#plan dl.note dt{
		margin: 0 0 10px;
	}






	#price #plan .tbl_1{
	/*	float: left;
	*/	border: 1px solid #bad3e4;
		border-collapse: collapse;
		border-spacing: 0;
		width: 1000px;
	}




	#plan .tbl_1 tr + tr{
		border-top: 1px solid #bad3e4;
	}
	#plan .tbl_1 tr + tr th{
		font-size: 14px;
		vertical-align: middle;
		line-height: 1.2;
	}
	#plan .tbl_1 td{
		padding: 10px;
		line-height: 1.8;
	}
	#plan .tbl_1 th + th,
	#plan .tbl_1 td{
		border-left: 1px solid #bad3e4;
	}





	.tbl_1 .col_1 th{
		width: 285px;
		color: #04347a;
		font-weight: 700;
		font-size: 16px;
	}
	.tbl_1 th{
		height: 64px;
		vertical-align: middle;
	}
	.tbl_1 th span{
		display: block;
		font-size: 12px;
	}
	.tbl_1 .col_1 .plan_name{
		color: #a6a6a6;
		width: 138px;
	}





	.col_2 td{
		font-size: 13px;
	}



	.col_3 dl + dl{
		margin: 3px 0 0;
	}
	.col_3 dl dt{
		float: left;
		margin: 0 20px 0 0;
		font-size: 13px;
	}
	.col_3 dl dd{
		font-size: 13px;
		font-weight: bold;
		text-align: right;
	}
	.col_3 dl dt .note_1{
		display: block;
		font-size: 11px;
	}
	.col_3 dl dt .note_2{
		font-size: 11px;
	}


	.col_4 td,
	.col_5 td{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		vertical-align: middle;
	}
	.col_6 td{
		font-size: 13px;
		vertical-align: middle;	
	}
	.col_7 td{
		text-align: center;
		font-size: 13px;
		vertical-align: middle;
	}
/*	.col_7 td:nth-child(2),
	.col_7 td:nth-child(3){
		background: #ebf1f7;
	}
*/
	.col_8 td{
		font-size: 13px;
		vertical-align: middle;	
	}



	/*------------------------------------

		gallery

	------------------------------------*/


	.gallery_slide_wrap{
		position: relative;
		margin: 0 auto;
		width: 840px;
	}
	.gallery_slide_wrap .btn{
		position: absolute;
		top: 0;
		width: 840px;
		height: 500px;
	}

	#gallery_slide{
		position: relative;
		margin: 0 auto;
		width: 750px;
		height: 500px;
		overflow: hidden;
	}
	#gallery_slide li{
		float: left;
	}
	.next{
		position: absolute;
		margin: -13px 0 0;
		width: 15px;
		height: 26px;
		top: 50%;
		right: 0;
		text-indent: -9999px;
		background: #fff url(../img/pc/next.png) 50% 50% no-repeat;
		z-index: 100;
	}
	.prev{
		position: absolute;
		margin: -13px 0 0;
		width: 15px;
		height: 26px;
		top: 50%;
		left: 0;
		text-indent: -9999px;
		background: #fff url(../img/pc/prev.png) 50% 50% no-repeat;
		z-index: 100;
	}


	.txt{
		position: relative;
		margin: 15px auto 0;
		width: 750px;
	}
	.txt .cap{
		float: left;
	}
	.txt .count{
		float: right;
		color: #04347a;
	}


	.popup_wrap{
		position: fixed;
		padding: 10px;
		width: 882px;
		height: 612px;
		top: 50%;
		left: 50%;

		transform         : translate(-50%,-50%);
		-ms-transform     : translate(-50%,-50%);
		-webkit-transform : translate(-50%,-50%);
		-moz-transform    : translate(-50%,-50%);
		-o-transform      : translate(-50%,-50%);

		z-index: 1000;
		background: #fff;
		display: none;

		box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.2);

	}
	#popup{
		position: relative;
	}
	#popup img{
		vertical-align: bottom;
	}

	#popup .room{
		position: absolute;
		display: none;
	}


	.close{
		position: absolute;
		top: 0;
		right: 0;
		width: 53px;
		height: 53px;
		text-indent: -9999px;
		z-index: 100;
		background: #fff url(../img/pc/close.png) 50% 50% no-repeat;
		box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.1);
	}
	.close:hover{
		background: #04347a url(../img/pc/close_w.png) 50% 50% no-repeat;

	}




	.plan_sp table{
		width: 100%;
	}




}






@media screen and (max-width: 751px) {


	.column > header{
		position: relative;
		width: 100%;
		height: 115px;
		overflow: hidden;
		border-top: 1px solid #d2e1e7;
		border-bottom: 1px solid #d2e1e7;
	}

	.column > header div{
		margin: 0 auto;
	}


	.column > header h2{
		display: table-cell;
		width: 1000px;
		height: 115px;
		text-align: center;
		color: #04347a;
		font-size: 22px;
		font-weight: 700;
		vertical-align: middle;
	}



	.contents_header .icon{
		display: inline-block;
		margin: 30px 0 0;
		height: 44px;
		width: 100%;
		background: url(../img/sp/header_icon.png) 50% 0 no-repeat;
		background-size: auto 100%;
	}


	.detail article{
		margin: 40px 20px 0;
	}
	.detail article .info figure{
		text-align: center;
	}





	.detail .info dt{
		margin: 0 0 20px;
		font-size: 22px;
		text-align: center;
		color: #04347a;
	}
	.detail .info dd{
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.8;
	}
	.detail .box h3{
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #04347a;
		color: #fff;
		font-size: 16px;
	}
	.detail article .info figure img{
		width: 180px;
	}



	.detail .access,
	.detail .tel{
		margin: 20px 0 0;
	}
	.detail .access dt,
	.detail .tel dt{
		margin: 0 0 10px;
		color: #04347a;
		font-weight: 700;
		font-size: 15px;
	}


	.detail .access dd,
	.detail .tel dd{
		font-size: 12px;
		line-height: 1.8;
	}
	.detail .tel dd a{
		display: inline;
/*		margin: 0 0 0 20px;
		font-size: 21px;
		*/
		text-decoration: underline;
		color: #04347a;
	}
	.detail .tel dd a span{
		font-weight: 600;
	}


	.detail .access dt:before{
		position: relative;
		top: 1px;
		content:"";
		display: inline-block;
		margin: 0 10px 0 0;
		width: 11px;
		height: 14px;
		background: url(../img/sp/icon_access.png) 50% 50% no-repeat;
		background-size: 100% auto; 
	}
	.detail .tel dt:before{
		position: relative;
		top: 2px;
		content:"";
		display: inline-block;
		margin: 0 5px 0 0;
		width: 10px;
		height: 15px;
		background: url(../img/sp/icon_tel.png) 50% 50% no-repeat;
		background-size: 100% auto; 
	}

	#map{
		margin: 20px 0 0;
		width: 100%;
		height: 170px;
	}








	#campaign,
	#price{
		margin: 40px 0 0;
		padding: 40px 0 0;
		border-top: 1px solid #bad3e4;
	}
	#campaign header,
	#price header{
		text-align: center;
	}
	#campaign header h3,
	#price header h3{
		font-size: 26px;
		font-weight: 500;
		color: #04347a;
	}

	#campaign header span,
	#price header span{
		color: #bad3e4;
		font-size: 10px;
	}


	#campaign article li + li{
		margin: 15px 0 0;
	}
	#campaign article li img{
		width: 100%;
	}





/*

	#campaign article p{
		width: 100%;
		height: 200px;
		background: #efefee;
	}

*/




	#price article{
		margin-bottom: 40px;
	}
	#price article h4{
		margin: 0 0 20px;
		font-size: 18px;
		text-align: center;
		font-weight: bold;
	}
	#price article h4 span{
		display: block;
		margin: 5px 0 0;
		font-size: 10px;
		font-weight: normal;
	}





	#price #rent table{
		margin: 0 auto;
		width: 100%;
/*		float: left;
*/		border: 1px solid #bad3e4;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	#price #rent table caption{
		caption-side: bottom;
		text-align: left;
		font-size: 11px;
		margin-top: 1.5em;
	}
	
	#price #rent table td{
		text-align: center;
		height: 40px;
		line-height: 40px;
	}
	#price #rent table tr + tr{
		border-top: 1px solid #bad3e4;
	}
	#price #rent table td + td{
		border-left: 1px solid #bad3e4;
	}
	#price #rent table .data_name{
		width: 28%;
		font-size: 11px;
		font-weight: 700;
	}
	#price #rent table .data_name a{
		color: #04347a;
	}

	#price #rent table .data_detail{
		width: 34%;
		font-size: 11px;
	}

	#price #rent table .data_price{
		width: 25%;
		font-size: 11px;
		background: #ebf1f7;
	}

	#price #rent table .data_now{
		width: 20%;
		font-size: 11px;
		background: #ebf1f7;
	}

	#price #rent figure{
		position: relative;
		margin: 65px 0 0;
	}



	#price #drawing{
		-webkit-transform-origin: left top;
	}


	#price #drawing .flag{
		position: absolute;
		width: 46px;
		height: 46px;
	}

	#price #drawing .flag a{
		position: relative;
		display: block;
		width: 46px;
		height: 46px;
		line-height: 46px;
	   	text-align: center;
	   	font-size: 20px;
	   	font-weight: 200;
	   	color: #04347a;
		background: #fff;
	   	border: 1px solid #fff;
		border-radius: 24px;
		box-shadow: 0 0 24px 0px rgba(0, 0, 0, 0.1);
		z-index: 10;
	}


	.flag_a:after{
		position: absolute;
		content: "";
		bottom: -12px;
		right: -5px;
		display: inline-block;
		width: 100px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_b:after{
		position: absolute;
		content: "";
		bottom: -16px;
		right: 0px;
		display: inline-block;
		width: 100px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}


	.flag_c:after{
		position: absolute;
		content: "";
		top: 6px;
		left: 30px;
		display: inline-block;
		width: 55px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_d:after{
		position: absolute;
		content: "";
		top: 6px;
		left: 32px;
		display: inline-block;
		width: 55px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		transform: rotate(-30deg);
		z-index: 0;
	}

	.flag_e:after{
		position: absolute;
		content: "";
		top: -50px;
		left: 18px;
		display: inline-block;
		width: 200px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_f:after{
		position: absolute;
		content: "";
		top: -52px;
		left: 0px;
		display: inline-block;
		width: 200px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
	}

	.flag_g:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 16px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_h:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 15px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_i:after{
		position: absolute;
		content: "";
		top: -22px;
		left: 15px;
		display: inline-block;
		width: 80px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_j:after{
		position: absolute;
		content: "";
		bottom: -10px;
		right: 30px;
		display: inline-block;
		width: 45px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_k:after{
		position: absolute;
		content: "";
		bottom: -10px;
		right: 30px;
		display: inline-block;
		width: 45px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}

	.flag_l:after{
		position: absolute;
		content: "";
		bottom: -40px;
		right: 20px;
		display: inline-block;
		width: 135px;
		height: 1px;
		background: #04347a;

		-webkit-transform: rotate(-32deg);
		-ms-transform: rotate(-32deg);
		-o-transform: rotate(-32deg);
		transform: rotate(-32deg);
		z-index: 0;
	}


	#price #drawing .flag a:hover{
		color: #fff;
		background: #04347a;
	   	border: 1px solid #04347a;
	}



/*	#price #drawing .flag{
		position: absolute;
		width: 98px;
		height: 101px;
		line-height: 98px;
	    background: url(../img/common/flag_off.png) 50% 50% no-repeat;
	   	text-align: center;
	   	font-size: 20px;
	   	font-weight: 200;
	   	color: #04347a;
	}
*/
/*	#price #drawing .flag:hover{
		color: #fff;
	    background: url(../img/common/flag_on.png);
	}*/

	#plan dl.note{
		margin: 20px 0 0;
		font-size: 12px;
	}
	#plan dl.note dt{
		margin: 0 0 5px;
	}










	.table_wrap tr{
		font-size: 11px;
	}

	.table_wrap{
		position: relative;
	}






	#price .table_wrap .tbl_1{
		width: 100%;
	/*	float: left;
	*/	border: 1px solid #bad3e4;
		border-collapse: collapse;
		border-spacing: 0;
	}




	.table_wrap .tbl_1 tr + tr{
		border-top: 1px solid #bad3e4;
	}
	.table_wrap .tbl_1 tr + tr th{
		font-size: 11px;
		vertical-align: middle;
		line-height: 1.2;
	}
	.table_wrap .tbl_1 td{
		width: 67%;
		padding: 10px;
		line-height: 1.8;
	}
	.table_wrap .tbl_1 th + th,
	.table_wrap .tbl_1 td{
		border-left: 1px solid #bad3e4;
	}





	.tbl_1 .col_1 th{
		width: 285px;
		color: #04347a;
		font-weight: 700;
		font-size: 16px;
	}
	.tbl_1 th{
		width: 33%;
		height: 64px;
		vertical-align: middle;
	}
	.tbl_1 th span{
		display: block;
		font-size: 9px;
	}
	.tbl_1 .col_1 .plan_name{
		color: #a6a6a6;
		width: 138px;
	}





	.col_2 td{
		font-size: 11px;
	}



	.col_3 dl + dl{
		margin: 3px 0 0;
	}
	.col_3 dl dt{
		float: left;
		margin: 0 20px 0 0;
		font-size: 11px;
	}
	.col_3 dl dd{
		font-size: 11px;
	}




	.col_4 td,
	.col_5 td{
		font-size: 11px;
		font-weight: bold;
		vertical-align: middle;
	}
	.col_6 td{
		font-size: 11px;
	}
	.col_7 td{
		font-size: 11px;
		vertical-align: middle;
	}
	.col_8 td{
		font-size: 11px;
	}


	.table_wrap dl dt .note_1{
		display: block;
	}



	.plan_2{
		display: none;
	}
	.plan_3{
		display: none;
	}



	.plan_nav{
		margin: 0 0 5px;
		border: 1px solid #bad3e4;
	}
	.plan_nav li{
		float: left;
		width: 50%;
		height: 60px;
		vertical-align: middle;
		text-align: center;

		box-sizing: border-box;
	}


	.plan_nav li:nth-child(1){
		width: 50%;
	}
	.plan_nav li + li{
		border-left: 1px solid #bad3e4;		
	}
	.plan_nav li a{
		display: block;
	width: 100%;
		height: 60px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		color: #04347a;
	}

	.plan_nav li a span{
		display: inline-block;
		padding: 15px 0 13px;
	
	}


	.plan_nav li a.active{
		background: #ecf1f6;
	}



	/*------------------------------------

		gallery

	------------------------------------*/


	.gallery_slide_wrap{
		position: relative;
		margin: 0 20px;
	}
	.gallery_slide_wrap .btn{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 15px;
	}

	#gallery_slide{
		position: relative;
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
	}
	#gallery_slide li{
		float: left;
	}
	#gallery_slide li img{
		width: 100%;
	}
	.next{
		position: absolute;
		margin: -13px 0 0;
		width: 15px;
		height: 13px;
		top: 50%;
		right: -25px;
		text-indent: -9999px;
		background: url(../img/sp/next.png) 50% 50% no-repeat;
		background-size: auto 100%;
		z-index: 100;
	}
	.prev{
		position: absolute;
		margin: -13px 0 0;
		width: 15px;
		height: 13px;
		top: 50%;
		left: -25px;
		text-indent: -9999px;
		background: url(../img/sp/prev.png) 50% 50% no-repeat;
		background-size: auto 100%;
		z-index: 100;
	}


	.txt{
		position: relative;
		margin: 5px 20px 0;
	}
	.txt .cap{
		float: left;
	}
	.txt .count{
		float: right;
		color: #04347a;
	}


	.popup_wrap{

		display: none;

		position: fixed;
		width: 95%;
		top: 50%;
		left: 50%;
		padding: 67.3% 0 0;

		transform         : translate(-50%,-50%);
		-ms-transform     : translate(-50%,-50%);
		-webkit-transform : translate(-50%,-50%);
		-moz-transform    : translate(-50%,-50%);
		-o-transform      : translate(-50%,-50%);

		z-index: 1000;
		display: none;

		box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.2);

	}
	#popup{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: #fff;
	}
	#popup img{
		vertical-align: bottom;
		width: 100%;
	}

	#popup .room{
		position: absolute;
		top: 0;
		padding: 10px;
		display: none;
		background: #fff;
	}


	.close{
		position: absolute;
		top: 0;
		right: 0;
		width: 45px;
		height: 45px;
		text-indent: -9999px;
		z-index: 100;
		background: #fff url(../img/sp/close_sp.png) 0 0 no-repeat;
		background-size: 100% 100%;
		box-shadow: 10px 10px 28px 0px rgba(0, 0, 0, 0.1);
	}




	.plan_sp table{
		width: 100%;
	}



}






@media screen and (min-width: 320px) {

	.plan_nav li a{
		font-size: 10px;

	}

}