@charset "UTF-8";
/* -------------------------------------------------------- CSS Information
Last up date:   2016
Style Info:     --- css
------------------------------------------------------------------------ */

/*CommonCSS_link*/
@import url(../base.css);
@import url(../common.css);
/*-----------------------------------------------------------*/

.iconbox_l{
	float:left;
	width:30%;
	padding:0 3% 0 2%;
}

.iconbox_r{
	float:left;
	width:70%;
	padding:0 3% 0 2%;
}


.box50 {
	width:48%;
	margin:0 1%;
	float:left;
	/*border: 1px solid #3d3023;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffffff;
		*/
}

a:hover .box50{
	opacity: 0.8;
    filter: alpha(opacity=80);
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
 	transition: all 0.7s;
}

.box50 img{
	width:80%;
	margin-bottom:10px;
}

.box50 h3{
	color:#3d3023;
	font-size: 23px;
	line-height:1.2;
}

p.number{
	text-align:center;
	font-size:20px;
	color:#333333;
	line-height:1.5;
}

p.price{
	text-align:center;
	font-size:25px;
	color:#333333;
	line-height:1;
}

.tg td.bold{
	font-weight:bold;
	width:30%;
}

.tg  {border-collapse:collapse;border-spacing:0; width:100%; text-align:center;}
.tg td{padding:7px 5px;font-size:80%;border-style:solid;border-width:1px;overflow:hidden; height:20px;text-align:center; background:#ffffff;line-height:1.5;width:60%;}
.tg th{ background-color:#EBEBEB;font-size:80%;font-weight:bold;padding:10px 0;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;text-align:center;line-height:1.5;}

.tg2  {border-collapse:collapse;border-spacing:0; width:100%; text-align:center;}
.tg2 td{vertical-align:top;padding:7px 5px;font-size:80%;border-style:solid;border-width:1px;overflow:hidden; height:20px;text-align:left; background:#ffffff; line-height:1.5;}
.tg2 th{vertical-align:top;background-color:#EDE9CC;font-size:80%;font-weight:bold;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;text-align:left;line-height:1.5;}
.tg2 td.bold{
	font-weight:bold;
	width:35%;
}
.tg2 td.bold2{
	font-weight:bold;
	width:25%;
}
.tg th.t_center, .tg2 th.t_center{ text-align:center;font-size:100%;}

.t_option{font-size:12px;margin-top:20px;}

.roomtype{ width:70%; padding:20px 0; margin:0 auto;}
small{font-size:60%;}

#rental_typeA,#rental_typeB,#rental_typeC,#rental_typeD,#rental_typeE,#rental_typeF{margin-top:-120px;margin-bottom:120px;display:block;}

@media screen and (max-width:980px){
.box50 h3{
	font-size: 20px;
}
p.number{
	font-size:16px;
}
p.price{
    font-size: 20px;
}
}
@media screen and (max-width:768px){
.box50 {
	width:100%;
	margin:0 0 15px 0;
}
}

@media screen and (max-width:480px){
.iconbox_l{
	clear:left;
	width:50%;
	margin:0 25%;
	padding:0;
}

.iconbox_r{
	clear:left;
	width:100%;
	padding:0%;
}
}
.txtleft { text-align:left;}

p.brown { color:#4F402F; margin-bottom:-8px;}
.w80per img{
	width:80%;
	}

.right70box{
    width:58%;
	float:left;
	padding:0 1%;
}

.left30box{
    width:38%;
	float:left;
	padding:0 1%;
}
ul.f_left{margin:0;padding:0;list-style: none;display: inline-block;}
ul.f_left li{width:22%;margin:0 4% 0 0;padding:0;float:left;text-align: center;}
ul.f_left li:last-child{margin:0;}
ul.f_left li img{width:100%;margin-bottom:5px;}
@media screen and (max-width:980px){

}


@media screen and (max-width:768px){
	ul.f_left li{width:100%;margin:0 0 10px 0;padding:0;clear:left;}
}

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

}

/*------------------------------------------------------video再生*/
.vi_b{margin:0 15%;width:70%;height:360px;}
@media screen and (max-width:768px){
	.vi_b{margin:0 5%;width:90%;height:300px;}
}
/*------------------------------------------------------*/