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






.col-b .col {
    float: left;
    margin-left: 5px;
}
 
.col-b .col {
    width: 24%; /*幅24%なので横に4枚並ぶ*/
}
 
/*floatの解除*/
.col-b:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}
 
/*画像のサムネイル*/
.col-thumb {
  width:100%;
  height:100%;
  object-fit:cover;
}
 
/*スマホの場合を想定*/
@media only screen and (max-width : 480px){
    .col-b .col{
        float: none;
        margin-left: 0;
        margin-bottom:1px;
        width: auto; /*幅は横いっぱい*/
    }
}


.hotel_sum{
	
	width:465px;
	text-align:center;
	padding:10px;
	margin:10px 10px 0 0;
	border:#999 1px solid;
	
	float:left;
	
	
}

.hotel_sum img{
	
	width:465px;
	
}


.hotel_sum h4{
	
	font-size:20px;
	
	line-height:150%;
	font-weight:bold;

}

.hotel_sum p.hotel_txt{
	
	line-height:150%;
	text-align:left;
	font-size:14px;
}

.hotel_sum p.tour_stay{
	
	margin:15px 0 0 0;
	padding:0;
	
	font-weight:bold;
	font-size:18px;
	

}

.hotel_sum p.price_all{
	
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:18px;
	

}

.price_txt{
	
	border:#009900;
	background-color:#009900;
	color:#FFFFFF;
	font-weight:bold;
	
	
}

.price_price{
	
	font-size:24px;
	color:#F00;	

}

.price_en{
	
	font-size:14px;
	color:#F00;	
}

.tour_link a{
	
	padding:15px 20px 15px 20px;
	border:#F00;
	background-color:#F00;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;


}


.tour_link a:hover{
	
	padding:15px 20px 15px 20px;
	border:#aaa;
	background-color:#aaa;
	color:#fff;
	text-decoration:none;
	font-weight:bold;

}


.top_line{
	
	background-color:#6C0;


}

.top_logo{

	text-align:center;
	border-bottom:#aaa 1px solid;

}

#header {  
    width: 1000px;  
    margin: 0 auto;

} 

  
#main {  
    width: 1000px;  
    margin: 0 auto;  
} 

#main2 {  
    width: 1000px;  
    margin: 0 auto;  
} 

.head_img {/*親div*/
  position: relative;
  }

.head_img_p1 {

  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 4em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/

  }
  
.head_img_p2 {

  position: absolute;
  top: 65%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  
  color: white;/*文字は白に*/
  font-size: 1em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/

  }
.head_img img {
  width: 100%;
  }


#top{
	
	margin:20px 0 0 0;
	text-align:center;
	
}

.breadlist{
	
	font-size:14px;
	color:#666;
	
	
	
}

.tour_code{
	
	color:#F00;
	font-size:14px;
	
}

h1{
	
	color:#930;
	font-size:24px;
	line-height:150%;
	
}

.top_txt{
	
	font-size:18px;
	line-height:150%;	
	
	
	
}

h2 {

    margin: 0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size: 36px;            /* 文字サイズ指定 */
    text-align:  center;        /* 文字位置指定 */
    padding: 20px 0 15px;       /* 余白指定 */
    border-top: solid 1px;      /* 線指定 */
    border-bottom:  solid 2px;  /* 線指定 */
    width:  400px;              /* 幅指定 */
    margin: 40px auto 35px;        /* 周りの余白指定 */

}


.img_table_box{
	
	margin:0 5px 0 0;
	padding:0; 
	width:325px;
	float:left;
	
}

.img_txt{
	
	margin:10px 5px 0 0;
	padding:0;
	color:#333;
	
}

.tour_point{
	
	margin:0;
	padding:20px;
	border-radius: 10px;
	
	border:#eeeeee 1px dotted;
	background-color:#FFe;
	line-height:200%;
	
	
}

.point_img_all{
	
	margin:10px 0 0 0;	
	
}

.point_img{
	
	margin:0 10px 0 0;	
	float:left;	
	
}


.slider{
    margin: 100px auto;
    width: 80%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

.slidecenter{
	
	text-align:center;

}


/*テーブル2全体*/
.table2{
width:100%;
text-align:left;
border: 1px solid #e0e0e0;
} 
/*見出しセル*/
.table2 th{
background:#f7f7f7!important;

border:solid 1px #e0e0e0;
padding:7px;
width:30%;
white-space:nowrap;
}
/*見出し以外のセル*/ 
.table2 td{
padding:7px;
border:solid 1px #e0e0e0;

} 
/*マウスを乗せた時のカラー*/
.table2 tr:hover{
background:#ffffe0;
} 
/*スマホ用テーブル*/
@media(max-width:500px){
.table2 th,.table2 td{
width:100%;
display:block;
border-top:none;
}
.table2 tr:first-child th { 
border-top:1px solid #e0e0e0;
}}


/*テーブル1全体*/
.table1 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
}
.table1 th {
padding: 10px;
border: 1px solid #ccc;
background: #0099e3;
color: #ffffff;
}

.table1 td {
padding: 10px;
border: 1px solid #ccc;
background: #ffffff;
color: #333;
}


/*テーブル3全体*/
.table3 {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
}
.table3 th {
padding: 10px;
border: 1px solid #ccc;
background: #eeeeee;
color: #333;
}

.table3 td {
padding: 10px;
border: 1px solid #ccc;
background: #ffffff;
color: #333;
}

/*テーブル4全体*/
.table4 {
border-collapse: collapse;
text-align:center;
font-size:large;
line-height: 1.5;
border: 1px solid #ccc;
}
.table4 th {

border: 1px solid #ccc;
background: #eeeeee;
color: #333;
}

.table4 td {


border: 1px solid #ccc;
background: #ffffff;
color: #333;
}

.table4 td a{
	
	text-decoration:none;
	line-height:400%;
	
    display:block;
	background-color:#FFC;

}

.table4 td a:hover{
	
	text-decoration:none;
	line-height:400%;
	
    display:block;
	background-color:#FCC;
}


/*テーブル5全体*/
.table5 {
border-collapse: collapse;
text-align:center;
font-size:larger;
line-height: 1.5;
border: 1px solid #ccc;
}
.table5 th {

border: 1px solid #ccc;
background: #eeeeee;
color: #333;
}

.table5 td {


border: 1px solid #ccc;
background: #ffffff;
color: #333;
}

.table5 td.red {

border: 1px solid #ccc;
background:#FFeeFF;
color: #333;
}

.table5 td.blue {

border: 1px solid #ccc;
background:#ccFFFF;
color: #333;
}

.table5 td.yellow {

border: 1px solid #ccc;
background:#ffffdc;
color: #333;
}

.table5 td.purple {

border: 1px solid #ccc;
background:#f5e2ff;
color: #333;
}

.table5 td.green {

border: 1px solid #ccc;
background:#e9ffd2;
color: #333;
}

.table5 td.orange {

border: 1px solid #ccc;
background:#ffe1ce;
color: #333;
}

.table5 td a{
	
	text-decoration:none;
	line-height:400%;
	
    display:block;
	background-color:#FFC;

}

.table5 td a:hover{
	
	text-decoration:none;
	line-height:400%;
	
    display:block;
	background-color:#FCC;
}

.abc{
	
	font-size:xx-large;
	
	
}


.price3{
	
	font-size:larger;
	
	
	
}



.online{
	
	padding:10px;
	line-height:150%;
	background-color:#FEF9E7;
	border:#F90 2px solid;
	text-align:left;	
	
}


.hotel{
	
	padding:20px;
	
	
	
}

img.left_float{
	
	float:left;
	margin:0 20px 20px 0;
	
}


.hotel_name{
	
	font-size:20px;
	font-weight:bold;
		
}

.hotel_spel{
	
	color:#F00;
	
}

.hotel_about{
	
	margin:0;
	padding:10px 0 10px 0;
	
	clear:both;
	
	line-height:150%;
	
}

.hotel_type{
	
	margin:10px 10px 0 0;
	padding:10px;	

	border:#ccc 1px solid;
	float:left;

	
}

.tbl_txt_right{
	
	text-align:right;
	
}

.tbl_price{
	
	font-weight:bold;
	color:#F00;

	
	
}

.select_box{
	
	font-size:28px;
	width:200px;
	
	
}

.cal_8{
	
	width:1000px;
	border-bottom:1px #999999 solid;
	border-left:1px #999999 solid;

}

.cal_9{
	
	width:1000px;
	border-bottom:1px #999999 solid;
	border-left:1px #999999 solid;

}

.cal_10{
	
	width:1000px;
	border-bottom:1px #999999 solid;
	border-left:1px #999999 solid;

}

.cal_11{
	
	width:1000px;
	border-bottom:1px #999999 solid;
	border-left:1px #999999 solid;

}

.cal_table {
    width: 140px;
	float:left;
	
	border-top:1px #999999 solid;
	border-right:1px #999999 solid;

}





.cal_table a {
	
	display:block;	
	text-decoration:none;
	
	}

.cal_table a:hover {
	
	background-color:#FFC;
	
}

.cal_month {
	
	width:966px;
	border-top:1px #999999 solid;
	border-right:1px #999999 solid;
	text-align:center;
    padding: 10px;
    font-size: 18px;
	font-weight:bold;
    line-height: 100%;

}

.cal_table_top {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
    background:#eee;
}


.cal_table_top_sat {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
    color: #0d3e84;
    background: #dae7fa; 
	}
	
.cal_table_top_sun {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
    color: #f23333;
    background: #ffdede; }
	
.cal_table_day {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
}

.cal_table_day0 {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
	color:#FFF;
}

.cal_table_day1 {
	
	text-align:center;
    padding: 10px;
    font-size: 16px;
    line-height: 100%;
	color:#333;
}


.cal_table_top span.sat {
        color: #0d3e84;
        background: #dae7fa; }
.cal_table_top span.sun {
        color: #f23333;
        background: #ffdede; }

.cal_table_price {
	
	text-align:center;
    padding: 10px;
}

.cal_table_price0 {
	
	text-align:center;
    padding: 10px;
	color:#FFFFFF;
}

.cal_table_price1 {
	
	text-align:center;
    padding: 10px;
	color:#999999;
}


.price_txt{
	
	line-height:150%;
	
}


.info_atten{
	
	margin:0;
	padding:20px;
	
	background-color:#EEE;
	font-size:14px;
	line-height:150%;
	
}

h3{
	
    margin: 0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  bold;       /* 文字の太さ調整 */
    font-size: 22px;            /* 文字サイズ指定 */
    text-align:  center;        /* 文字位置指定 */
    padding: 10px 0 10px;       /* 余白指定 */
    margin: 10px auto 10px;        /* 周りの余白指定 */
	line-height:150%;
	
}



.footer_left{
	
	width:450px;
	
	margin:0;
	padding:20px;
	border-radius: 10px;
	
	border:#eeeeee 1px dotted;
	background-color:#FFf;
	line-height:200%;
	
	float:left;
	
}

.footer_right{

	
	margin:0;
	padding:20px;
	border-radius: 10px;
	
	border:#eeeeee 1px dotted;
	background-color:#FFf;
	line-height:200%;

}

.footer_company{
	
	margin:0px;
	padding:0px;
	font-size:24px;
	font-weight:bold;
}

.footer_company2{
	
	margin:0px;
	padding:0px;
}

.footer_c{
	
	text-align:center;
	color:#999;
	

}