@charset "shift_jis";
/* hotel style
--------------------------*/

.txtGra{color:#666666;}

#contents .listBox{margin-top:20px;}
.listBox h1{color:#ffffff;
background:#666666;
background:-moz-linear-gradient(top,  #666666 0%, #444444 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#444444));
background:-webkit-linear-gradient(top,  #666666 0%,#444444 100%);
background:-ms-linear-gradient(top,  #666666 0%,#444444 100%);
background:linear-gradient(to bottom,  #666666 0%,#444444 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );}
.listBox article{margin-top:0 !important;padding-top:1px;border:1px solid #cccccc;border-top:none;
-webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;}

.hotelBox{padding:0 .5em 1em;}
.hotelBox section{border:solid 2px #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.hotelBox section h2{padding-bottom:0;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
-webkit-box-shadow:inset 0 0 3px 0 #ffffff;-moz-box-shadow:inset 0 0 3px 0 #ffffff;box-shadow:inset 0 0 3px 0 #ffffff;}
.hotelBox section h2:before{content:"";}
.hotelBox section h2:after{content:"";clear:both;}
.hotelBox section h2 a{display:table;width:100%;background:url(/common/img/arw_r01.png) no-repeat 98% 50%;background-size:24px 24px;-moz-background-size:24px 24px;-webkit-background-size:24px 24px;}
.hotelBox section h2 a span{vertical-align:middle;}
.hotelBox section h2 .hbLog{background:#ffffff;display:table-cell;width:60px;height:60px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;text-align:center;}
.hotelBox section h2 .hbTxt{padding:0 28px 0 8px;display:table-cell;text-shadow:1px 1px 0 #ffffff;color:#000000;}
.hotelBox section.withCamp h2{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.hotelBox section.withCamp h2 .hbLog{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.hotelBox .campaign{padding:.5em;border-top:solid 1px #cccccc;background:#fffceb;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.hotelBox h2 + .campaign{border-top: solid 2px #ffb400;}
.hotelBox .campaign h3{font-weight:100;line-height:1.8;}
.hotelBox .campaign h3.open span,
.hotelBox .campaign h3.close span{display:block;background-repeat:no-repeat;background-size:13px 12px;background-position:98% 50%;}
.hotelBox .campaign h3.open span{background-image: url("/common/img/arw_tgl_b_open.png");}
.hotelBox .campaign h3.close span{background-image: url("/common/img/arw_tgl_b_close.png");}
.hotelBox .campaign div{margin-top:.5em;}