html{
	font-size:98%;
}
body{
margin: 15px auto;
background:#eee;
font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333;
line-height:1.5;
max-width:970px;
font-size: 0.95em;

}
img{
vertical-align:middle;
}
p{
	margin: 0 0 20px 10px;
	font-size: 0.85em;
	color: #666;
}

.layout{ 
padding:10px;
background:#fff;
max-width:970px;
margin:20px 20px;
}
 
.btn1{display: inline-block;
   font-size: 17px;
  font-weight: bold;
  padding: 0.5em 1em;
  margin:7px 0px 7px 20px;
  text-decoration: none;
  background: #fff;
  color: #ff870f;
  border: solid 2px #ff870f;
  border-radius: 3px;
  transition: .4s;
}
 
.btn1:hover{
  background: #ff870f;
  color: white;}
 
h1{
font-size:20px;
font-weight: bold;
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:5px solid #eee;
}

h2{
font-size:17px;
padding:0.5em;
background:#ffad5b;
color:#545454;
}

h3 {
padding:0.1em 0.5em;/*上下 左右の余白*/
margin:10px 0 10px 10px;
color:#494949;/*文字色*/
background:transparent;/*背景透明に*/
border-left:solid 5px #ff7f00;/*左線*/
font-size:15px;}

h5{color:#0066FF;
	
}
h3.group{
padding:0.1em 0.5em;/*上下 左右の余白*/
margin:10px 0 10px 5px;
color:#494949;/*文字色*/
background:transparent;/*背景透明に*/
border-left:solid 5px #ff7f00;/*左線*/
font-size:15px;
border-bottom:1px #CCCCCC dotted;}

h5{color:#0066FF;
	
}


/*　　　box　　*/
@media screen and (min-width: 780px) {
.flex{
	display: flex;justify-content: space-around;
	flex-wrap: wrap;}}	


.flex>div.item{
    /*コレ*/width: 48%;
    /*コレbox-sizing: border-box;*/
    border: 1px solid #FF9966;
    padding: 5px;
    background: #fff;
    margin:2px;
    height:auto;
}
.flex>div.item2{
    /*コレ*/width: 45%;
    /*コレ*/box-sizing: border-box;
    border: 1px solid #FF9966;
    padding: 5px;
    background: #fff;
    margin:2px;
    height:auto;
}

div.item{
	border-radius:10px;
	max-width:100%;
	
}

div.item dl{padding:10px 0 5px 5px;margin:0 0 0 5px;width:auto;font-size:0.92em;}
div.item dl dt{font-size:1.0em; color:#FF9933;}
div.item dl dd{padding-bottom:5px;margin:0 0 0 5px;}
div.item dl dd ul{padding-left:5px;margin:5px;list-style:circle;}
div.item dl dd ul li{font-size:0.92em; color:#003162;}

.item2{
	border-radius:10px;
}

@media screen and (max-width: 779px) {
  .flex {
   flex-direction: column;
   width:100%;
  }
 
  
.flex>div.item{
    /*コレ*/width: 100%;
    /*コレbox-sizing: border-box;*/
    border: 1px solid #FF9966;
    padding: 5px;
    background: #fff;
    margin:2px;
    height:auto;
}

div.item{
	border-radius:10px;
	max-width:100%;
	
}

div.item dl{padding:10px 0 5px 5px;margin:0 0 0 5px;width:auto;font-size:0.92em;}
div.item dl dt{font-size:1.0em; color:#FF9933;}
div.item dl dd{padding-bottom:5px;margin:0 0 0 5px;}
div.item dl dd ul{padding-left:5px;margin:5px;list-style:circle;}
div.item dl dd ul li{font-size:0.92em; color:#003162;}

}

/* table */
div.wrapper{
    width:100%;
    margin:auto;
}
div.wrapper .container{
    max-width:1000px;
    margin:5px auto;
    padding:2px 15px;
    font-size:0.9em;
}
div.wrapper .container h4{
	padding:0;
	margin:0 15px;
	font-size:1.1em;
	color:#993366;
	font-weight:bold;
	text-align:left;
}
div.table_box{
	display:inline-block;
  text-align:center;
  width:100%;
  height:auto;
  vertical-align:top;
  min-width:375px;
  margin-top:1px;
  margin:auto;
  
}
div.rentalsite_info{
	background:#fff;
	font-size: 90%;
	width:98%;
	margin:3px auto;
}
div.rentalsite_info table.gelende{
	width: 100%;
  border-collapse:collapse;
  border-spacing: 0;
  margin:2px auto;
  text-align:center;
}

div.rentalsite_info table.gelende th.rent{
  text-align: left;
  color:#336699;
  border:1px solid #a8b7c5;
  background-color:#FFFCE8;
  padding: 5px 2px;
}
div.rentalsite_info table.gelende th.dep1{
	background:#CC0000;
	border:1px solid #a8b7c5;
	font-size:1.2em;
	padding: 5px 2px;
	color:#FFF;
	
}
div.rentalsite_info table.gelende th.dep2{
	background:#FF6600;
	border:1px solid #a8b7c5;
	font-size:1.2em;
	padding: 5px 2px;
	color:#FFF;
	
}
div.rentalsite_info table.gelende th.dep3{
	background:#FF5050;
	border:1px solid #a8b7c5;
	font-size:1.2em;
	padding: 5px 2px;
	color:#FFF;
	
}
div.rentalsite_info table.gelende th span.plan{
	font-size:0.8em;
	font-weight:normal;
	color:#FFF;
}
div.rentalsite_info table.gelende th.rent{
	text-align: left;
  border:1px solid #a8b7c5;
    width: auto;
  padding:5px 10px;
}

div.rentalsite_info table.gelende td{
  text-align: left;
  border:1px solid #a8b7c5;
    width: auto;
  padding:5px 10px;
      background-color:#FFF;
	font-size:0.97em;
}
div.rentalsite_info table.gelende td.btn{
  text-align:center;
  border:1px solid #a8b7c5;
    width: auto;
  padding:5px 10px;
      background-color:#FFF;
	font-size:0.97em;
}

div.rentalsite_info table.gelende td.table_upper{
  text-align: center;
  border:1px solid #a8b7c5;
    width: auto;
  padding:5px 10px;
      background-color:#DDE8FF;
	font-size:0.97em;
	color:#000;
}

div.dami_btn{display:  inline-block;
			width: auto;
			padding:2px;
			margin:3px;
			background-color:#0099CC;
	color:#FFFFFF;
	padding:2px 3px;
	margin:5px;
	border-radius: 5px;
	text-decoration: none;
	font-size:0.9em;
	
}

div.dami2_btn{display:  inline-block;
			width: auto;
			padding:2px;
			margin:3px;
			background-color:#336699;
	color:#FFFFFF;
	padding:2px 3px;
	margin:5px;
	border-radius: 5px;
	text-decoration: none;
	font-size:0.9em;
	
}

div.link_btn{display:  inline-block;
			width: auto;
			padding:3px 5px;
			margin:3px;
	
}

.link_btn a{ 
	background-color:#0099CC;
	color:#FFFFFF;
	padding:5px;
	margin:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	text-decoration: none;
}
.link_btn a{background-color:#336699;}
.link_btn a:hover{background-color:#FF6666;}



div.link_btnq{display:  inline-block;
			width: auto;
			padding:3px 5px;
			margin:3px;
	
}

.link_btnq a{ 
	background-color:##50A0C7;
	color:#FFFFFF;
	padding:5px;
	margin:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	text-decoration: none;
}
.link_btnq a{background-color:#50A0C7;}
.link_btnq a:hover{background-color:#FF4646;}



div.rentalsite_info span{
	color:#808080;
	font-size:0.92em;
}
div.rentalsite_info p{
	color:#808080;
	padding:5px 20px;
	font-size:0.92em;
}

caption{
	caption-side:bottom;
	text-align:left;
}

/* tableここまで */


.close{ 
text-align:right;
margin:20px;
	}


.red{
color:#FF3333;
}
#last_guidance div.another {width:200px; float:right;text-align:center;border:2px #0066FF solid; padding:5px 3px;}
#last_guidance div.another a:link	{color:#3333FF; text-decoration:none;}
#last_guidance div.another a:hover	{color:#FF8686; text-decoration:none;}
#last_guidance div.another a:visited{color:#3333FF; text-decoration:none;}
#last_guidance div.another a:active	{color:#3333FF; text-decoration:none;}

dl#cancell{margin:0;padding:0;font-size:12px;}
dl#cancell dt.kaishi{color:#FF6666;}
dl#cancell dd.day{padding:0 0 0 50px;margin:0 0 0 30px;} 
dl#cancell dd b{color:#FF3333;}

ul#doisho {list-style: none;}
ul#doisho{margin:20px 0;font-size:13px;}
ul#doisho li{
margin-right: 10px;
padding-left: 12px;
background: url('../../../rado.co.jp/info/article/osa/images/allow_blue.gif') no-repeat left 5px;
}
ul#doisho li p{margin:0;padding:0;font-size:12px}

div#print{border:1px dotted #006666;margin:0 0 15px 0;padding:0; background-color:#E8E8E8;}
div#print p.must{margin:0;padding:10px;font-size:12px;}
div#print b{color:#CC0000;}

ul#plan { list-style: none; }
ul#plan{margin:20px 0;font-size:13px;}
ul#plan li.htl_a{
margin-right: 10px;
padding-left: 12px;
padding-bottom:15px;
background: url('../../../rado.co.jp/info/article/osa/images/star_blu.gif') no-repeat left 2px;
}
ul#plan li.htl_b{
margin-right: 10px;
padding-bottom:15px;
padding-left: 12px;
background: url('../../../rado.co.jp/info/article/osa/images/star_gre.gif') no-repeat left 2px;
}
ul#plan li.htl_c{
margin-right: 10px;
padding-left: 12px;
padding-bottom:15px;
background: url('../../../rado.co.jp/info/article/osa/images/star_red.gif') no-repeat left 2px;
}
ul#plan li.htl_d{
margin-right: 10px;
padding-left: 12px;
padding-bottom:15px;
background: url('../../../rado.co.jp/info/article/osa/images/star_ora.gif') no-repeat left 2px;
}
div#emergency{margin:15px 20px;}
div#emergency p.call{ margin:0 20px;}
div#emergency p.call_note{ margin:0 30px;font-size:11px;}


div#jr{line-height:150%;}
ul#info{list-style: none;}
ul#info span{color:#FF0000;}
ul#info li.on{
margin-right: 10px;
padding:0 0 5px 14px;
background: url('../../../rado.co.jp/info/article/osa/images/on.gif') no-repeat left 4px;
}




hr.end{color:#999999;margin:15px 5px;}
hr.footer{ border: 1px #999999 dotted;margin:15px 20px;}

div#post{ margin:5px 0 10px 0;}
div#post p.invoice{padding-left:15px; color:#003399;font-weight:bold;margin:2px 0 0 0;}
div#post p.mailing{color:#333333; padding-left:25px;margin:2px 0 0 0;}

div#footer{text-align:center;padding-bottom:5px;}
div#footer div.campany{	padding:10px 30px 15px 30px; text-align:center;font-size:13px;}
div#footer div.campany b{ font-size:16px;}


hr{color:#333333;}

.saikou{color:#FF3333;}



.mc_ticket{font-size:87%;}
.mc_ticket h2{color:#666666; font-size:1.2em;}
.point{
	padding:15px 20px;
	font-size:90%;
}
.point dl dt{
	font-size:1.2em;
	color:#3366CC;
}
.point dl dd span{
	color:#CC0000;
}

p.orderBtn a{
	display: block;
	padding: 10px 5px 5px 5px;
	margin:0;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border: 1px solid #188CE1;
	background: #188CE1;
	background: -webkit-gradient(linear, left top, left bottom, from(#64CAF2), to(#188CE1));
	background: -moz-linear-gradient(top, #64CAF2, #188CE1);
	background: -ms-linear-gradient(top, #64CAF2, #188CE1);
}
p.orderBtn a:hover{
	text-shadow: 2px 2px 0 #000;
	border: 1px solid #C10100;
	background: #C10100;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF3334), to(#C10100));
	background: -moz-linear-gradient(top, #FF3334, #C10100);
	background: -ms-linear-gradient(top, #FF3334, #C10100);
}

.ql .login{text-align:center;font-size:1.1em;margin:15px 0;}
.ql .login small{font-size:0.85em;color:#808080;}
.ql .attention{font-size:0.92em;}


.ql a:link{color:#006699;}
.ql a:visite{color:#333399;}
.ql a:hover{color:#6699FF;}
.ql a:active{color:#5398FF;}


.ex_link{ text-align:center;padding:20px 7px 0 7px;margin:50px auto;text-decoration:none;font-size:0.87em;border-radius:6px; border:1px #336699 solid;max-width:80%;}
.direct_order{ padding:3px;}
.ex_reservation{ display:inline-block;padding:7px;}


div.sublink{
	margin-left:10px;
}
.link_block{display:  inline-block;
			width: auto;
			padding:10px 5px;
			margin:3px;
	
}
.link_block a{ 
	background-color:#0099CC;
	padding:5px;
	margin:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	text-decoration: none;
}
.link_block a{background-color:#336699;}
.link_block a:hover{background-color:#FF6666;}



.link_list{width:auto;padding:5px 5px;font-size:0.9em;}

.link_list a{color:#FFFFFF; font-weight:bold;text-decoration: none;}
.link_list a:hover{color:#FFFFFF; font-weight:bold;}