/* ハピホテ CSS*/
html{ font-size:6.25%}
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:22rem;
line-height:1.6;
-webkit-text-size-adjust: none;
color:#333;
/*background:#fff;*/
}
#container{
width:100%;
margin:0;
font-size: 22px;
}
a{
color:#000;
text-decoration:none;
}
/* ----------------------------------------------------- *
header
* ----------------------------------------------------- */
.site-header{
}
#btn-regist{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2891e9), to(#1e71bb)) !important;
background: -webkit-linear-gradient(#2891e9,#1e71bb) !important;
background: -moz-linear-gradient(#2891e9, #1e71bb) !important;
background: linear-gradient(#2891e9, #1e71bb) !important;
}
#btn-regist a {
display:block;
padding:23px 0 15px;
text-align:center;
width:49%;
float:left;
background:url(../images/bg_arrow01.png) 90% 50% no-repeat;
}
#btn-regist a:first-child {
border-right:2px solid #91bee6;
}
#btn-regist.wide a{
width:100%;
font-size:110%;
padding:20px 0 15px;
background:url(../images/bg_arrow01.png) 97% 40% no-repeat;
}
#btn-regist.wide a:first-child {
border-right:none;
}
#belt{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cdecfe), to(#9ed9fc)) !important;
background: -webkit-linear-gradient(#cdecfe,#9ed9fc) !important;
background: -moz-linear-gradient(#cdecfe, #9ed9fc) !important;
background: linear-gradient(#cdecfe, #9ed9fc) !important;
border-bottom:2px solid #68bef8;
height:17px;
}
#logo{
display:block;
float:left;
padding:28px 0 0 20px;
}
/* head-menu */
#sitemenu{
float:right;
width:190px;
padding:12px 20px 13px 0;
}
#sitemenu a,#sitemenu div{
display:block;
float:left;
width:80px;
color:#4bb7f0;
line-height:1.1;
font-size:65%;
font-weight:bold;
text-align:center;
}
#sitemenu a:first-child{
margin-right:26px;
}
#sitemenu .phone{
padding:17px 0 0 17px;
line-height:1.0;
}
#right-menu{
background:url(../images/ico_circle_menu.png) left top no-repeat;
/*2014/05/26*/
position:relative;
width:80px;
height:80px;
/*2014/05/26*/
}
#right-menu a{
font-size:95%;
display:inline-block;
/*padding-top:83px; 2014/05/26*/
position:absolute;
z-index:100;
width:80px;
/*2014/05/26*/
padding-top:83px;
top:0;
left:0;
vertical-align:bottom;
/*2014/05/26*/
}
.site-header .member{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), color-stop(0.16,#646464), to(#666666)) !important;
background: -webkit-linear-gradient(#555555,#646464 16%, #666666) !important;
background: -moz-linear-gradient(#555555,#646464 16%, #666666) !important;
background: linear-gradient(#555555,#646464 16%, #666666) !important;
border-bottom:1px solid #5c5c5c;
font-size:85%;
color:#fff;
padding:10px 20px 9px;
}
.site-header .member .prefix{
font-weight:bold;
}
.site-header .member .name{
}
.site-header .member .suffix{
color:#ccc;
}
.site-header .member .sep{
color:#999;
}
}/* ----------------------------------------------------- *
menu
* ----------------------------------------------------- */
#site-navigation ul li{
float:left;
line-height:1.0;
padding-bottom:3px;
}
#searchbox{
text-align:center;
padding:15px 0;
vertical-align:text-botom;
}
#searchbox input.searchword{
height:32px;
width:405px;
font-size:140%;
padding-left:10px;
color:#aaa;
vertical-align:top;
border-top:1px solid #918c8a;
border-bottom:1px solid #918c8a;
border-left:1px solid #918c8a;
border-right:0px;
}
#searchbox input.searchbtn{
}
/* ----------------------------------------------------- *
footer
* ----------------------------------------------------- */
#page-top{
height:42px;
font-size:120%;
font-weight:bold;
background:#c2e9ff url(../images/bg_upper.png) 97% 50% no-repeat;
color:#23a5f0;
border-bottom:2px solid #ccc;
text-align:right;
padding:17px 75px 11px;
}
#page-footer{
height:42px;
font-size:120%;
font-weight:bold;
background:#c2e9ff url(../images/bg_upper.png) 97% 50% no-repeat;
color:#23a5f0;
border-bottom:2px solid #ccc;
text-align:right;
padding:17px 75px 11px;
}
#footmenu{
padding:20px 0 27px 20px;
}
#footmenu li {
display:inline;
}
#footmenu li a{
float:left;
width:268px;
background:url(../images/bg_arrow02.png) left 55% no-repeat;
padding:10px 0 9px 20px;
text-decoration:underline;
color:#333;
font-size:110%;
}
#footmenu li:nth-child(2n) a{
width:300px;
}
footer .btn-area{
border-top:2px solid #ccc;
border-bottom:2px solid #;
background-color:#ededed;
text-align:center;
padding:22px 0 25px;
}
footer .btn-area a{
display:block;
width:326px;
margin:0 auto;
padding:20px 0 18px;
line-height:1.0;
font-size:130%;
font-weight:bold;
background-color:#fff;
border:2px solid #ccc;
border-radius: 5px;
}
footer .copyright{
color:#ccc;
font-size:110%;
text-align:center;
padding:5px 0;
background-color:#666;
}
/* ----------------------------------------------------- *
front page
* ----------------------------------------------------- */
/* information */
.information{
border-bottom:2px solid #ccc;
}
.information li{
padding:10px 0 13px 50px;
}
.information .two-col li{
float:left;
width:42%;
}
.information li.topics{
background:url(../images/ico_light.png) 18px 12px no-repeat;
}
.information li.message{
background:url(../images/ico_mail.png) 18px 12px no-repeat;
}
.information li.attn{
background:url(../images/ico_exclamation.png) 18px 12px no-repeat;
}
.bg-gray{
background-color:#e5e5e5;
}
.banner{
padding:20px 0 10px;
text-align:center;
}
/* shortcut */
.short-cut{
padding:0 0 25px 20px;
width:620px;
margin:0 auto;
}
.short-cut li{
float:left;
padding-right:8px;
}
.short-cut li a{
display:block;position: relative;
width:124px;
height:140px;
padding:10px;
border-radius: 10px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66c6f4), to(#39a6ec)) !important;
background: -webkit-linear-gradient(#66c6f4, #39a6ec) !important;
background: -moz-linear-gradient(#66c6f4, #39a6ec) !important;
background: linear-gradient(#66c6f4, #39a6ec) !important;
-webkit-box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}
.search-box{
padding:20px 0 15px;
width:100%;
margin:0 auto;
}
.search-word{
border:2px solid #85d4ff;
width:68%;
height:65px;
font-size:120%;
color:#b4b4b4;
padding:0 15px;
margin:0 0 0 20px;
vertical-align:top;
}
.search-btn{
margin:0 20px 0 15px; //2018.07
float:right;
width:111px;
}
#top-image{
margin-bottom:25px;
width:100%;
background-color:#c5c5c5;
}
header h2.top{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66c6f4), to(#39a6ec)) !important;
background: -webkit-linear-gradient(#66c6f4, #39a6ec) !important;
background: -moz-linear-gradient(#66c6f4, #39a6ec) !important;
background: linear-gradient(#7dd1f6, #5bdf1) !important;
border-bottom:2px solid #ccc;
color:#fff;
font-size:180%;
padding:20px 20px 15px;
}
header h3.top{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66c6f4), to(#39a6ec)) !important;
background: -webkit-linear-gradient(#66c6f4, #39a6ec) !important;
background: -moz-linear-gradient(#66c6f4, #39a6ec) !important;
background: linear-gradient(#7dd1f6, #5bdf1) !important;
color:#fff;
font-size:180%;
padding:20px 20px 15px;
}
.link-list .link-buttons a {
display:block;
border-bottom:2px solid #ccc;
padding:10px 20px;
background:url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
.link-list .link-buttons a:after{
clear: both;
}
.link-list .link-buttons a:before,
.link-list .link-buttons a:after {
display: table;
content: "";
}
.link-list .link-buttons a img {
float:left;
margin-right:20px;
}
.link-list .link-buttons a .text{
font-size:120%;
color:#333;
padding-top:25px;
}
.link-list .link-buttons a .text2{
font-size:120%;
color:#333;
}
.link-list{
padding-bottom:30px;
}
.link-list .link-buttons a .title{
font-size:110%;
color:#23a5f0;
font-weight:bold;
}
.link-list .link-buttons a .new{
color:#ff1111;
}
.hotel-pr{
padding:20px;
margin-bottom:20px;
background-color:#fff5cc;
border-top:2px solid #ffdf71;
border-bottom:2px solid #ffdf71;
}
.hotel-pr p.list-title{
font-size:160%;
font-weight:bold;
}
.hotel-pr .prlist li{
padding:10px 0;
}
.hotel-pr .prlist li:after{
clear: both;
}
.hotel-pr .prlist li:before,
.hotel-pr .prlist li:after {
display: table;
content: "";
}
.hotel-pr .prlist li img {
float:left;
margin-right:20px;
}
.hotel-pr .prlist li .text{
/** font-size:118%;
line-height:1.2; 3/28**/
font-size: 130%;
line-height: 1.0;
color: #0066CC;
font-weight: bold;
}
.hotel-pr .prlist li .text .hotelname{
font-weight:bold;
color:#23a5f0;
}
.new-hotels{
padding-bottom:25px;
}
.new-hotels .shortcut{
padding:18px 0 0 20px;
margin:0 auto;
width:600px;
}
.new-hotels .shortcut a{
display:block;
float:left;
margin:0 10px 10px 0;
}
/**/
.mid-menu {
}
.mid-menu article{
position:relative;
padding:20px 15px 16px 18px;
/*height:225px;*/
}
.mid-menu article .icon{
float:left;
margin-right:20px;
}
.mid-menu article p{
font-size:120%;
line-height:1.2;
margin-bottom:100px;
}
.mid-menu article .link{
display:block;
position:absolute;
bottom:20px;
right:37px;
}
.mid-menu article .link img{
-webkit-box-shadow: 8px 8px 8px #e3e3e3; /* Google Chrome, Safari用*/
-moz-box-shadow: 8px 8px 8px #e3e3e3; /* Firefox用*/
box-shadow: 8px 8px 8px #e3e3e3; /* CSS3 */
}
.social-btn{
text-align:center;
padding:10px 0 20px 10px;
}
.social-btn a{
display:inline-block;
margin:0 10px 15px 0;
}
/* ----------------------------------------------------- *
common style
* ----------------------------------------------------- */
/* pull-down */
.pull-down{
display:block;
padding:17px 20px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#5c5c5c)) !important;
background: -webkit-linear-gradient(#666666, #5c5c5c) !important;
background: -moz-linear-gradient(#666666, #5c5c5c) !important;
background: linear-gradient(#666666, #5c5c5c) !important;
}
.pull-down .title{
cursor: pointer;
position:relative;
font-size:27px;
font-weight:bold;
/** padding:13px 50px 12px 15px; **/
padding:13px 15px 12px 15px;
border:4px solid #4bb7f0;
}
.pull-down.contens .title{
font-size:130%;
}
.pull-down.open .title{
color:#fff;
background:#4bb7f0;
border-radius: 10px 10px 0 0;
}
.pull-down.close .title{
color:#4bb7f0;
background:#fff;
border-radius: 10px;
}
.pull-down .title span{
position:absolute;
top:19px;
right:16px;
width:34px;
height:34px;
cursor:pointer;
border-radius: 6px;
}
.pull-down.open .title span{
background:#fff url(../images/btn_close.png) 50% 50% no-repeat;
}
.pull-down.close .title span{
background:#4bb7f0 url(../images/btn_open.png) 50% 50% no-repeat;
}
.pull-down .content{
display:none;
background-color:#fff;
border-left:4px solid #4bb7f0;
border-bottom:4px solid #4bb7f0;
border-right:4px solid #4bb7f0;
border-radius: 0 0 10px 10px;
}
.pull-down .content li{
border-bottom:2px dashed #4bb7f0;
}
.pull-down .content li:last-child{
border-bottom:0px;
}
.pull-down .content li a{
display:block;
font-size:120%;
color:#333;
padding:20px 25px 20px 65px;
background: url(../images/bg_arrow03.png) 30px 50% no-repeat;
}
/* menu */
#slide-menu{
width:520px;
}
#build-menu ul.content{
-webkit-box-shadow: 0 0 5px 5px #000 inset; /* Google Chrome, Safari用*/
-moz-box-shadow: 0 0 5px 5px #000 inset; /* Firefox用*/
box-shadow: 0 0 5px 5px #000 inset; /* CSS3 */
}
#build-menu li{
font-size:130%;
line-height:1.0;
background:#696969 url(../images/bg_arrow05.png) 480px 50% no-repeat;
}
#build-menu li.open{
background:#696969 url(../images/bg_open.png) 480px 35px no-repeat;
}
#build-menu li.close{
background:#696969 url(../images/bg_close.png) 480px 30px no-repeat;
}
#build-menu li a{
display:block;
padding:30px 30px 30px 65px;
color:#fff;
border-bottom:2px solid #999;
}
#build-menu li a.mn-mente{
background: url(../images/ico_mn_mente.png) 20px 50% no-repeat;
}
#build-menu li a.mn-login{
background: url(../images/ico_mn_login.png) 20px 50% no-repeat;
}
#build-menu li a.mn-regfree{
background: url(../images/ico_mn_regfree.png) 20px 50% no-repeat;
}
#build-menu li a.mn-regpremium{
background: url(../images/ico_mn_regpremium.png) 20px 50% no-repeat;
}
#build-menu li a.mn-hotelsearch{
background: url(../images/ico_mn_hotelsearch.png) 20px 50% no-repeat;
}
#build-menu li a.mn-mail{
background: url(../images/ico_mn_mail.png) 20px 50% no-repeat;
}
#build-menu li a.mn-mypage{
background: url(../images/ico_mn_mypage.png) 20px 50% no-repeat;
}
#build-menu li a.mn-status{
background: url(../images/ico_mn_status.png) 20px 50% no-repeat;
}
#build-menu li a.mn-topics{
background: url(../images/ico_mn_topics.png) 20px 50% no-repeat;
}
#build-menu li .second{
display:none;
}
#build-menu li .search a{
font-size:75%;
padding:40px 35px 25px 20px;
background:#4d4d4d url(../images/bg_arrow05.png) 480px 50% no-repeat;
}
#build-menu .sub {
padding:25px 0 25px;
border-bottom:2px solid #999;
background-color:#696969;
}
#build-menu .sub li{
background:none;
}
#build-menu .sub li a{
color:#fff;
border-bottom:0px;
padding:15px 0 15px 50px;
background:url(../images/bg_arrow06.png) 20px 50% no-repeat;
}
/**/
#build-menu li .topics{
font-size:90%;
color:#fff;
border-bottom:2px solid #999;
}
#build-menu li .topics li a{
font-size:75%;
background:#4d4d4d url(../images/bg_arrow05.png) 480px 50% no-repeat;
background-color:#4d4d4d;
padding:15px 25px 10px 20px;
line-height:1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#build-menu li .topics li:last-child a{
border:0;
}
/**/
#build-menu li .user-status{
font-size:95%;
color:#fff;
border-bottom:2px solid #999;
background-color:#4d4d4d;
}
#build-menu li .user-status .name{
padding:30px 20px 20px;
border-bottom:2px solid #999;
}
#build-menu li .user-status .status{
padding:0 0 20px 20px;
}
#build-menu li .user-status .status dt{
float:left;
padding:15px 0;
width:200px;
}
#build-menu li .user-status .status dd{
padding:15px 0;
margin-left:100px;
}
#build-menu li .user-status .status dd span{
font-weight:bold;
}
/* logout */
#logout{
background:url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
#logout a {
display:block;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
padding:20px 65px;
margin-bottom:30px;
background:url(../images/btn_logout.png) 20px 50% no-repeat;
}
/* quit */
#quit{
background:url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
#quit a {
display:block;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
padding:20px 65px;
}
/* ----------------------------------------------------- *
search/area
* ----------------------------------------------------- */
.mg-top20{
margin-top:20px;
}
.hotel-pr.mg-top20{
padding:10px 20px;
}
.area-list{
padding:10px 0;
background:#ededed;
}
.pull-down.area-search{
padding:5px 20px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#ededed)) !important;
background: -webkit-linear-gradient(#ededed, #ededed) !important;
background: -moz-linear-gradient(#ededed, #ededed) !important;
background: linear-gradient(#ededed, #ededed) !important;*/
}
.pull-down.area-search .content li a,
.pull-down.area-result .content li a{
padding:20px 25px 20px 30px;
background: url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
.pull-down.area-search .title{
padding: 13px 15px 12px 30px;
cursor: pointer;
}
.pull-down.area-result{
padding:5px 20px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#ededed)) !important;
background: -webkit-linear-gradient(#ededed, #ededed) !important;
background: -moz-linear-gradient(#ededed, #ededed) !important;
background: linear-gradient(#ededed, #ededed) !important;
}
.pull-down.area-result .content{
display:block;
border-top:4px solid #4bb7f0;
border-radius: 10px 10px 10px 10px;
}
.pull-down.area-result .content li span{
color: #23A5F0;
display:inline-block;
margin-left:5px;
}
/* ----------------------------------------------------- *
search/result
* ----------------------------------------------------- */
h1.top{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66c6f4), to(#39a6ec)) !important;
background: -webkit-linear-gradient(#66c6f4, #39a6ec) !important;
background: -moz-linear-gradient(#66c6f4, #39a6ec) !important;
background: linear-gradient(#7dd1f6, #5bdf1) !important;
color:#fff;
font-size:160%;
padding:10px 20px 8px;
}
.mg-btm20{
margin-bottom:20px;
}
.pagination{
padding:0 20px 20px;
width:600px;
margin:0 auto;
}
.pagination .title{
font-size:140%;
padding-bottom:10px;
font-weight:bold;
}
.pagination .prev,
.pagination .next{
font-size:130%;
float:left;
height:51px;
}
.pagination .prev{
margin-right:15px;
padding:8px 0 3px 30px;
width:80px;
background:url(../images/bg_arrow_prev.png) left top no-repeat;
}
.pagination .next{
margin-left:15px;
padding:8px 5px 3px 25px;
width:80px;
background:url(../images/bg_arrow_next.png) left top no-repeat;
}
.pagination ul{
float:left;
}
.pagination ul li{
display:inline;
}
.pagination ul li a,
.pagination ul li span{
display:block;
float:left;
font-size:130%;
width:56px;
height:51px;
padding:5px 0 0 0;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
text-align:center;
vertical-align:middle;
/*2014/05/26*/
background-color:#fff;
/*2014/05/26*/
}
.pagination ul li span{
color:#ccc;
}
.pagination ul li span.active{
background-color:#6db2e1;
color:#fff;
}
.pagination ul li:last-child a,.pagination ul li:last-child span{
border-right:2px solid #ccc;
}
#search-result{
padding:10px 20px;
}
#search-result .entry{
border-width:4px;
border-style:solid;
border-color:#ccc;
border-radius: 10px;
background-color:#f0f0f0;
margin-bottom:25px;
}
#search-result .entry.pink{
border-color:#ff3279;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbdbe3), color-stop(0.40,#ffffff), to(#ffffff)) !important;
background: -webkit-linear-gradient(#fbdbe3,#ffffff 40%, #ffffff) !important;
background: -moz-linear-gradient(#fbdbe3,#ffffff 40%, #ffffff) !important;
background: linear-gradient(#fbdbe3,#ffffff 40%, #ffffff) !important;
}
#search-result .entry.blue{
border-color:#82c8f4;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#daf0fb), color-stop(0.40,#ffffff), to(#ffffff)) !important;
background: -webkit-linear-gradient(#daf0fb,#ffffff 40%, #ffffff) !important;
background: -moz-linear-gradient(#daf0fb,#ffffff 40%, #ffffff) !important;
background: linear-gradient(#daf0fb,#ffffff 40%, #ffffff) !important;
}
#search-result .entry.gray{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f0), color-stop(0.40,#ffffff), to(#ffffff)) !important;
background: -webkit-linear-gradient(#f0f0f0,#ffffff 40%, #ffffff) !important;
background: -moz-linear-gradient(#f0f0f0,#ffffff 40%, #ffffff) !important;
background: linear-gradient(#f0f0f0,#ffffff 40%, #ffffff) !important;
}
#search-result .entry h2 a{
display:block;
padding:10px 30px 15px 15px;
font-size:135%;
color:#1382bc;
line-height:1.3;
background: url(../images/bg_arrow04.png) 98% 50% no-repeat;
border-bottom:2px solid #ccc;
}
#search-result .entry h2 span{
color:#999;
background:none;
}
#search-result .entry .summary{
padding:30px 15px 0;
position:relative;
}
#search-result .entry .summary .photo{
float:left;
margin-right:20px;
width:270px;
}
#search-result .entry .summary .addr{
padding:0 10px 0 0;
margin-bottom:110px;
width:100%;
}
#search-result .entry .summary .addr.only{
margin-bottom:30px;
}
#search-result .entry .summary .icons{
position:absolute;
left:305px;
bottom:20px;
}
#search-result .entry .summary .icons li{
background:url(../images/bg_button.png) left top no-repeat;
float:left;
width:82px;
left:82px;
margin-right:12px;
}
#search-result .entry .summary .icons li:last-child{
margin-right:0px;
}
#search-result .entry .summary .icons li a{
display:block;
}
#search-result .entry .status{
padding:5px 15px 0;
}
#search-result .entry .status .room{
float:left;
border-radius:5px;
color:#fff;
font-weight:bold;
padding:10px 0;
width:270px;
margin-right:20px;
}
#search-result .entry .status .room.green{
background-color:#6bd071;
text-align:center;
}
#search-result .entry .status .room.blue{
background-color:#00479d;
}
#search-result .entry .status .room.red{
background-color:#e60012;
}
#search-result .entry .status .room.white{
background-color:#FFF;
color:#000;
}
#search-result .entry .status .room .val{
display:block;
float:left;
padding-left:15px;
}
#search-result .entry .status .room .time{
display:block;
float:right;
padding-right:15px;
font-weight:normal;
font-size:95%;
}
#search-result .entry .status .room .time.full{
display:block;
float:left;
padding-right:15px;
font-weight:normal;
font-size:95%;
}
#search-result .entry .status .popular{
float:left;
width:215px;
line-height:1.4;
}
#search-result .entry .status .popular .star-box{
background:url(../images/bg_star.png) left top no-repeat;
}
#search-result .entry .status .popular .star-box .star{
display:block;
width:114px;
height:21px;
float:left;
margin-right:5px;
}
#search-result .entry .status .popular .star-box .star span{
display:block;
background:url(../images/bg_star_yellow.png) left top no-repeat;
height:21px;
/*width:80px;*/
}
#search-result .entry .status .popular .star-box .rate{
float:left;
}
#search-result .entry .status .icon{
float:left;
}
#search-result .entry .note{
padding:10px 0;
}
#search-result .entry .note dt{
width:70px;
float:left;
padding:5px 0 5px 15px;
}
#search-result .entry .note dt span{
display:block;
background:#f5c10c;
border:1px solid #f5c10c;
color:#fff;
font-weight:bold;
text-align:center;
line-height:1.2;
}
#search-result .entry .note dd{
margin-left:110px;
padding:5px 20px 5px 0;
}
#search-result .entry .plan li{
background:url(../images/ico_plan.png) 15px 50% no-repeat;
}
#search-result .entry .plan li a{
display:block;
border-top:2px solid #ccc;
padding:10px 20px 10px 110px;
font-size:110%;
color:#23a5f0;
font-weight:bold;
background:url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
#search-result .entry .plan li a span{
display:table-cell;
vertical-align:middle;
height:75px;
}
/* 非加盟店向け */
#search-result .nomember{
border-width:4px;
border-style:solid;
border-color:#ccc;
border-radius: 10px;
background-color:#f0f0f0;
margin-bottom:25px;
}
#search-result .nomember h2 a{
display:block;
padding:10px 30px 15px 15px;
font-size:135%;
color:#333;
line-height:1.3;
border-bottom:2px solid #ccc;
}
#search-result .nomember h2 span{
color:#999;
background:none;
}
/* ----------------------------------------------------- *
search/detail
* ----------------------------------------------------- */
header h3.second{
background: none;
color:#85D4FF;
font-size:160%;
padding:12px 20px 3px;
font-weight:normal;
}
.bg-gray{
background-color:#ededed;
margin-top:20px;
padding: 0 0 15px;
/** padding: 0 0 15px; 3/28修正**/
/** padding: 0 0 0px; **/
}
.pull-down .content li label{
display:block;
font-size:120%;
padding:20px 25px 20px 30px;
}
.pull-down .content li .text{
font-size:130%;
padding:15px 25px 25px 30px;
}
.pull-down .content li .text select{
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius:7px;
width: 320px;
height: 80px;
line-height: 2;
font-size: 100%;
text-indent: 17px;
padding-top:10px;
margin:10px 10px 0 0;
border: 4px solid #ccc;
background:url(../images/bg_down.png) 95% 50% no-repeat;
}
.bg-gray .btn-area{
padding:25px 0 10px;
}
.btn-pink-l{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
background-color: #f88595;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#fff;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
width: 480px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.btn-purple-l{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
background-color: #7b68ee;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#fff;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
width: 480px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
/* ----------------------------------------------------- *
search/gps
* ----------------------------------------------------- */
.gps-map .btn-area{
padding:20px 0;
text-align:center;
}
#presentsubmit{
border:none;
background:url(../images/btn_present.png) left top no-repeat;
width:483px;
height:116px;
text-indent:-99999px;
}
#map_canvas{
height: 640px;
width: 600px;
margin:0 auto;
zoom:100%;
}
#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; }
/* ----------------------------------------------------- *
mypage/login
* ----------------------------------------------------- */
h1.center{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66c6f4), to(#39a6ec)) !important;
background: -webkit-linear-gradient(#66c6f4, #39a6ec) !important;
background: -moz-linear-gradient(#66c6f4, #39a6ec) !important;
background: linear-gradient(#7dd1f6, #5bdf1) !important;
color:#fff;
font-size:160%;
padding:8px 0 8px;
text-align:center;
}
#login-box{
padding:20px 40px 30px 40px;
width:560px;
margin:0 auto;
}
#login-box #login-id,
#login-box .password{
border-radius: 8px;
border:2px solid #ccc;
background-color:#e0f4ff;
color:#999;
font-size:25px;
padding:25px 20px;
width:516px;
margin-bottom:20px;
}
.radio-save{
display:block;
font-size:120%;
padding:15px 0 40px 0;
line-height:1.0;
}
input#save-account {
-webkit-appearance: none;
position: relative;
margin-right: 10px;
border-radius: 22px;
border: 3px solid #ccc;
-webkit-box-sizing: border-box;
width: 44px;
height: 44px;
vertical-align: middle;
background: #FFFFFF;
}
input#save-account:checked {
background:#4bb7f0;
border: 3px solid #4bb7f0;
}
input#save-account:checked:before {
position: absolute;
left: 8px;
top: 23px;
display: block;
content: "";
width: 10px;
height: 4px;
background: #FFFFFF;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
-webkit-box-shadow: 0 0 0 ;
}
input#save-account:checked:after {
display: block;
position: absolute;
left: 16px;
top: 24px;
content: "";
width: 19px;
height: 4px;
background: #FFFFFF;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
-webkit-box-shadow: 0 0 0 ;
}
#login-box .btn-pink-l{
width:555px;
}
#login-box .attn{
color:#ff0000;
font-size:110%;
padding:15px 0;
word-break:break-all;
}
.btn-gray-l{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
background-color: #e6e6e6;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#4c4c4c;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
width: 400px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.btn-gray-guest-l{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
background-color: #e6e6e6;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#4c4c4c;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
width: 400px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.btn-cancel-l{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
background-color: #e6e6e6;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#4c4c4c;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
width: 550px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.social-btn.line{
text-align:center;
padding:30px 0 10px 10px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
#sitemenu.login{
width:110px;
}
/* ----------------------------------------------------- *
reserve/step1 - step4
* ----------------------------------------------------- */
#reserve-hotel{
padding:17px 20px ;
width:600px;
margin:0 auto;
}
#rsv-flow{
padding-bottom:20px;
}
#rsv-flow li{
float:left;
background:#e5e5e5 url(../images/bg_flow_gray.png) right top no-repeat;
color:#999;
padding:15px 33px 10px 15px;
font-size:110%;
height:89px;
width:141px;
margin-right:25px;
line-height:1.0;
}
#rsv-flow li span{
font-size:140%;
font-weight:bold;
}
#rsv-flow li.active {
background:#f88595 url(../images/bg_flow_pink.png) right top no-repeat;
color:#fff;
}
#rsv-flow li:last-child{
background-image:none;
padding:15px 15px 10px 15px;
margin-right:0px;
}
#rsv-flow.narrow li{
width:95px;
margin-right:12px;
padding:10px 33px 10px 15px;
font-size:100%;
height:94px;
}
#rsv-flow.narrow li span{
font-size:120%;
}
#rsv-flow.narrow li:last-child{
background-image:none;
padding:10px 20px 10px 20px;
margin-right:0px;
}
#rsv-flow.five li{
width:64px;
margin-right:12px;
padding:10px 33px 10px 15px;
font-size:90%;
font-weight:bold;
height:94px;
}
#rsv-flow.five li span{
font-size:120%;
}
#rsv-flow.five li:last-child{
background-image:none;
padding:10px 20px 10px 20px;
margin-right:0px;
}
#reserve-hotel .attn{
padding:15px;
background-color:#fff2b7;
margin-bottom:25px;
}
#reserve-hotel .attn dt{
background-color:#cc1414;
color:#fff;
width:190px;
text-align:center;
margin:0 0 5px 0;
line-height:1.5;
font-weight:bold;
}
#reserve-hotel .attn dd{
font-size:110%;
line-height:1.4;
}
#reserve-hotel .plan{
width:595px;
}
#reserve-hotel .plan .col1{
width:140px;
}
#reserve-hotel .plan th,
#reserve-hotel .plan td{
border:2px solid #faaab5;
}
#reserve-hotel .plan th{
padding:15px;
font-weight:bold;
padding:15px 20px 5px;
background-color:#fff0f5;
color:#f3667a;
}
#reserve-hotel .plan td{
padding:10px 15px 10px;
vertical-align:top;
}
#reserve-hotel .btn-area{
padding:30px 0 30px;
}
#reserve-hotel .btn-pink-l{
width:270px;
padding: 25px 0 20px;
}
.rsv-detail{
width:640px;
margin:0 auto;
}
h2.reserve{
color:#fff;
background-color:#4bb7f0;
padding:10px 0 5px 10px;
font-size:130%;
margin-bottom:30px;
}
h2.reserve.mg-btm15{
margin-bottom:15px;
}
.rsv-detail.mg-btm15{
margin-bottom:15px;
}
.rsv-detail article{
padding:0 20px 20px;
}
.rsv-detail article header{
border-left:6px solid #c2e9ff;
font-weight:bold;
font-size:110%;
padding:0 0 0 10px;
line-height:1.4;
vertical-align:top;
}
.rsv-detail article header.line-gray{
border-left:6px solid #777;
}
.rsv-detail article header span{
display:inline-block;
background-color:#cc1414;
margin-left:10px;
font-size:80%;
line-height:1.3;
color:#fff;
padding:0 10px;
}
.rsv-detail article p{
padding:10px 0 5px 15px;
line-height:1.4;
font-size:110%;
}
.rsv-detail article p.note{
font-size:90%;
}
.rsv-detail article p.red{
color:#e60012;
}
.rsv-detail article .note{
font-size:90%;
}
/* 2018.08 */
.rsv-detail article .car_option_note{
font-size:80%;
display: inline-block;
}
.rsv-detail article.question textarea{
width: 560px;
height:180px;
border: 4px solid #ccc;
border-radius: 7px;
font-size: 150%;
}
.rsv-detail article .alRight{
text-align:right;
padding-right:5px;
}
.rsv-detail article select{
-webkit-appearance: none; /* safariのデフォルトcss解除 */
-moz-appearance: none;
appearance: none;
border-radius:7px;
width: 560px;
height: 70px;
line-height: 2;
font-size: 100%;
text-indent: 17px;
margin:10px 10px 0 0;
border: 4px solid #ccc;
color:#333;
background:url(../images/bg_down.png) 95% 50% no-repeat;
}
.rsv-detail article select.narrow{
width:200px;
margin:0 20px 0 10px;
}
.rsv-detail .btn-area{
padding:20px 0 50px;
}
.rsv-detail .btn-area .btn-pink-l{
width:550px;
}
.rsv-detail .btn-area .btn-purple-l{
width:550px;
}
.rsv-detail .btn-area .btn-gray-guest-l{
width:550px;
}
.rsv-detail article input[type="text"],
.rsv-detail article input[type="email"],
.rsv-detail article input[type="password"]{
margin:10px 0 0 0;
border: 2px solid #ccc;
border-radius:10px;
width: 540px;
height: 60px;
line-height: 2;
font-size: 100%;
line-height: 2;
font-size: 100%;
text-indent: 17px;
}
.rsv-detail article input.mid{
width: 250px;
margin: 10px 15px 0 0;
}
.rsv-detail article input:last-child{
margin: 10px 0 0 0;
}
.rsv-detail article input.small{
width: 160px;
margin: 10px 0 0 0;
}
.rsv-detail article .addr-search{
display:inline-block;
border: 2px solid #ccc;
border-radius:8px;
margin-left:20px;
height: 50px;
vertical-align:middle;
padding:20px 15px 10px;
text-align:center;
width:110px;
}
.rsv-detail article p .must{
display:inline-block;
background-color:#cc1414;
margin-left:10px;
font-size:80%;
line-height:1.3;
color:#fff;
padding:0 10px;
}
.mile{
padding:0 15px 20px;
width:610px;
margin:0 auto;
}
.mile .lead{
font-size:110%;
padding:0;
line-height:1.6;
}
.mile .lead span,
.mile span.red{
color:#e60012;
}
.mile .btn-area{
padding:30px 0;
}
.btn-area.col2 .btn-gray-l,
.btn-area.col2 .btn-pink-l,
.mile .btn-gray-l,
.mile .btn-pink-l{
float:left;
width:290px;
}
.search .btn-gray-l{
width:150px;
display: inline-block;
}
.btn-area.col2 .btn-gray-l,
.mile .btn-gray-l{
margin-right:20px;
}
.btn-area.col2{
padding:20px 15px 25px;
}
.mile p{
font-size:110%;
padding:15px 0;
line-height:1.4;
}
.mile.privacy{
border-bottom:2px solid #ccc;
}
.rsv-detail .price{
padding:0 0 5px 15px;
}
.rsv-detail .price th,
.rsv-detail .price th{
padding:10px 0;
}
.rsv-detail .price th{
font-weight:bold;
font-size:110%;
border-top:2px solid #ccc;
}
.rsv-detail .price th.none{
border:0;
text-align: right; // 2018.07 追加
padding-right: 20px; // 2018.07 追加
}
.rsv-detail .price th .red{
color:#e60012;
}
.rsv-detail .price td{
width:335px;
}
// 2018.07 追加
.rsv-detail .price td.price-option{
text-align: left;
padding-left: 20px;
}
.wrap-agree-box{
padding:30px 5px 5px;
}
.wrap-agree-box .agree-box{
padding:20px 0 0 20px;
background-color:#FFF2B7;
height:80px;
width:580px;
}
.wrap-agree-box .agree-box label{
display:inline-block;
font-weight:bold;
font-size:120%;
line-height:1.0;
}
.wrap-agree-box .agree-box input[type="checkbox"] {
margin:15px 20px 0 0;
vertical-align: top;
}
.error {
color:#ff070f;
}
// 2018.07 追加
.text-mini {
font-size: 75%;
font-weight: bold;
}
/* バリデーションエラーメッセージ用 2018.06 追加 */
[id^="errMsgArea"] {
color: #cc1414;
border: solid 1px #cc1414;
padding: 10px 25px !important;
margin: 20px;
display: none;
}
#errMsgArea li:before{
content: "※";
}
/* ----------------------------------------------------- *
search/detail (parts)
* ----------------------------------------------------- */
#topic-path .path{
padding:20px 0 10px 15px;
float:left;
}
#topic-path .favorite{
margin:12px 20px 0 0;
padding:0 8px;
display:block;
float:right;
font-size:65%;
font-weight:bold;
line-height:2.6;
}
#hotel-detail-header{
padding:0 15px;
width:610px;
margin:0 auto;
}
#hotel-detail-header .btn-area{
padding:10px 0 0;
}
#hotel-detail-header .btn-area a{
display:inline-block;
margin-right:10px;
}
#hotel-detail-header .btn-area a:last-child{
margin-right:0;
}
#hotel-detail-header .appraise{
padding:5px 0 0 0;
}
#hotel-detail-header .appraise dt{
background-color:#84d4fb;
border-radius:18px;
color:#fff;
width:150px;
text-align:center;
float:left;
}
#hotel-detail-header .appraise dd{
margin-left:170px;
padding-bottom:15px;
}
#hotel-detail-header .appraise dd .star-box{
background:url(../images/bg_star_gray_l.png) left top no-repeat;
float:left;
font-size:110%;
font-weight:bold;
}
#hotel-detail-header .appraise dd .star-box .num{
font-weight:normal;
}
#hotel-detail-header .appraise dd .star-box .star{
display:block;
width:224px;
height:37px;
float:left;
margin-right:5px;
}
#hotel-detail-header .appraise dd .star-box .star span{
display:block;
background:url(../images/bg_star_yellow_l.png) left top no-repeat;
height:37px;
/*width:80px;*/
}
#hotel-detail-header .appraise dd .view{
display: block;
float: right;
margin:0 5px 0 0;
font-weight: bold;
line-height: 2.6;
padding: 0 10px;
font-size:95%;
}
#hotel-detail-header .appraise dd .room span{
display:inline-block;
border-radius:4px;
color:#fff;
font-wight:bold;
width:74px;
text-align:center;
background-color:#ccc;
margin-right:10px;
}
#hotel-detail-header .appraise dd .room.empty .left{
background-color:#00479d;
}
#hotel-detail-header .appraise dd .room.full .right{
background-color:#e60012;
}
#hotel-detail-header .appraise dd .text{
padding:10px 0 0;
font-size:110%;
line-height:1.2;
}
#hotel-detail-header .appraise dd .text span{
font-size:90%;
}
/* detail contents*/
#hotel-detail-cotent{
padding:0 20px 40px 20px;
width: auto;
/** width:auto; **/
margin:0 auto;
}
#hotel-detail-cotent .menu-block{
vertical-align:bottom;
z-index:1;
position:relative;
letter-spacing: -.40em;
}
#hotel-detail-cotent .menu-block li{
display:table-cell;
letter-spacing: normal;
padding-right:10px;
}
#hotel-detail-cotent .menu-block li:last-child{
padding-right:0px;
}
#hotel-detail-cotent .menu-block a{
display:table-cell;
border:4px solid #4bb7f0;
font-weight:bold;
text-shadow: 1px 0px 8px #40abed;
height:60px;
width:104px;
text-align:center;
color:#fff;
vertical-align:middle;
line-height:1.0;
padding-bottom:2px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7cd1f6), to(#58bdf2)) !important;
background: -webkit-linear-gradient(#7cd1f6, #58bdf2) !important;
background: -moz-linear-gradient(#7cd1f6, #58bdf2) !important;
background: linear-gradient(#7cd1f6, #58bdf2) !important;
}
#hotel-detail-cotent .menu-block a.active{
height:64px;
text-shadow:none;
color:#23a5f0;
vertical-align:top;
padding:20px 0 0 0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff)) !important;
background: -webkit-linear-gradient(#ffffff, #ffffff) !important;
background: -moz-linear-gradient(#ffffff, #ffffff) !important;
background: linear-gradient(#ffffff, #ffffff) !important;
}
#hotel-detail-cotent .menu-block span{
display:table-cell;
font-weight:bold;
height:60px;
width:104px;
text-align:center;
vertical-align:middle;
line-height:1.0;
padding-bottom:2px;
border:4px solid #b3b3b3;
color:#999;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfdfd), to(#cecece)) !important;
background: -webkit-linear-gradient(#fdfdfd, #cecece) !important;
background: -moz-linear-gradient(#fdfdfd, #cecece) !important;
background: linear-gradient(#fdfdfd, #cecece) !important;
}
#hotel-detail-cotent .menu-block.top ul{
margin-bottom:-4px;
}
#hotel-detail-cotent .menu-block.bottom ul{
margin-top:-4px;
}
#hotel-detail-cotent .menu-block.top li{
vertical-align:bottom;
}
#hotel-detail-cotent .menu-block.bottom li{
vertical-align:top;
}
#hotel-detail-cotent .menu-block.top a{
border-radius:7px 7px 0 0;
border-top:4px solid #4bb7f0;
}
#hotel-detail-cotent .menu-block.bottom a{
border-radius:0 0 7px 7px;
border-bottom:4px solid #4bb7f0;
}
#hotel-detail-cotent .menu-block.top a.active{
vertical-align:top;
padding:20px 0 0 0;
border-bottom:0px;
position:relative;
z-index:1;
}
#hotel-detail-cotent .menu-block.bottom a.active{
vertical-align:bottom;
padding:0 0 20px 0;
border-top:0px;
position:relative;
z-index:1;
}
#hotel-detail-cotent .menu-block.top span{
border-radius:7px 7px 0 0;
border-top:4px solid #b3b3b3;
}
#hotel-detail-cotent .menu-block.bottom span{
border-radius:0 0 7px 7px;
border-bottom:4px solid #b3b3b3;
}
#hotel-detail-cotent .contents-block{
border:4px solid #4bb7f0;
/*background:#fff;*/
position:relative;
z-index:0;
}
/* parts */
.btn-blue{
border:2px solid #85c6e6;
color:#226280;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#a8daf1)) !important;
background: -webkit-linear-gradient(#ffffff, #a8daf1) !important;
background: -moz-linear-gradient(#ffffff, #a8daf1) !important;
background: linear-gradient(#ffffff, #a8daf1) !important;
}
/* ----------------------------------------------------- *
search/hotel_detail
* ----------------------------------------------------- */
.contents-block .intro{
padding:25px 25px 30px 25px;
}
.contents-block .intro .photo{
width:100%;
text-align:center;
}
.contents-block .intro .attn{
margin:15px 0;
border:2px solid #ff0000;
color:#ff0000;
padding:10px 5px 10px 20px;
}
.contents-block .intro .attn img{
float:left;
margin-right:15px;
}
.contents-block .intro .catch{
font-size:130%;
font-weight:bold;
color:#f88595;
line-height:1.4;
}
.contents-block .intro p{
font-size:125%;
line-height:1.45;
padding:5px 0 15px;
}
.contents-block .intro .btn-area .btn-blue{
display:block;
font-size:140%;
font-weight:bold;
text-align:center;
width:376px;
margin:0 auto;
height:60px;
padding-top:15px;
border-radius:5px;
}
.detail-info{
padding:15px 5px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#5c5c5c)) !important;
background: -webkit-linear-gradient(#666666, #5c5c5c) !important;
background: -moz-linear-gradient(#666666, #5c5c5c) !important;
background: linear-gradient(#666666, #5c5c5c) !important;
}
.pull-down.hotel-detail{
background-image: none !important;
padding:5px 20px;
cursor: pointer; /* 2018.07 追加 */
}
/* 2018.07 追加 */
.pull-down.hotel-detail .content.no_plans{
border-top:4px solid #4bb7f0;
border-radius: 10px 10px 10px 10px;
}
/* 2018.08 追加 */
.bonus-mile {
background-color: #e5f6fe;
color: #2692c3;
}
.detail-info .hotel-detail .content th,
.detail-info .hotel-detail .content td{
font-size:130%;
border:2px solid #4BB7F0;
line-height:1.25;
}
.detail-info .hotel-detail .content th{
width:125px;
vertical-align:top;
padding:10px 0 10px 5px;
}
.detail-info .hotel-detail .content td{
vertical-align:middle;
padding:10px;
}
.detail-info .hotel-detail .content td.equip{
padding:10px 0 10px 10px;
}
.detail-info .hotel-detail .content td.equip span{
display:inline-block;
border:1px solid #39b0ef;
font-size:65%;
}
.pull-down.hotel-contact{
padding:5px 20px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#ededed)) !important;
background: -webkit-linear-gradient(#ededed, #ededed) !important;
background: -moz-linear-gradient(#ededed, #ededed) !important;
background: linear-gradient(#ededed, #ededed) !important;
}
.pull-down.hotel-contact .content{
display:block;
border-top:4px solid #4bb7f0;
border-radius: 10px 10px 10px 10px;
}
.pull-down.hotel-contact li a{
padding:0 25px 0 30px;
background: url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
.pull-down.hotel-contact li a span{
display: table-cell;
height: 80px;
vertical-align: middle;
line-height:1.2;
padding-left:65px;
font-size:110%;
}
.pull-down.hotel-contact li.phone{
background: url(../images/ico_hd_phone.png) 25px 50% no-repeat;
}
.pull-down.hotel-contact li.marker{
background: url(../images/ico_hd_marker.png) 25px 50% no-repeat;
}
.contents-block .link-buttons{
border-top:2px solid #9a9a9a;
}
.contents-block .link-buttons a {
display:block;
color:#23A5F0;
font-size:120%;
font-weight:bold;
border-bottom:2px solid #9a9a9a;
padding:25px;
background:#fff url(../images/bg_arrow07.png) 97% 50% no-repeat;
}
.contents-block .btn-area .reserve{
padding:30px 0 10px 0;
}
.contents-block .btn-area .reserve .btn-pink-l{
width: 540px;
padding:50px 0;
}
.contents-block .btn-area .kuchikomi{
padding:10px 0 25px 0;
}
.btn-blue-l{
background-color: #4BB7F0;
border-radius: 5px;
display: block;
font-size: 140%;
font-weight: bold;
color:#fff;
line-height: 1;
margin: 0 auto;
padding: 30px 0;
width: 380px;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.contents-block .btn-area .kuchikomi .btn-blue-l{
background:#4BB7F0 url(../images/bg_kushikomi.png) 40px 50% no-repeat;
}
.contents-block .btn-area .kuchikomi .btn-blue-l span{
margin-left:65px;
}
/* ----------------------------------------------------- *
search/hotel_roomdetails
* ----------------------------------------------------- */
.contents-block .room-detail{
padding:0 25px;
}
.contents-block .room-detail li{
padding:25px 0 15px;
border-bottom:2px dashed #4BB7F0;
}
.contents-block .room-detail li:last-child{
border-bottom:0;
}
.contents-block .room-detail li .photo{
width:100%;
text-align:center;
}
.contents-block .room-detail li .title{
color:#f88595;
font-weight:bold;
font-size:110%;
}
.contents-block .btn-area .more{
padding:0 0 30px 0;
}
.contents-block .btn-area .more.gallery{
padding:0 0 50px 0;
}
.contents-block .btn-area .more .btn-pink-l{
width: 540px;
padding:40px 0;
}
.contents-block .btn-area .more .btn-pink-l span{
font-size:75%;
font-weight:normal;
}
/* ----------------------------------------------------- *
search/hotelmap_M2
* ----------------------------------------------------- */
.contents-block .hotel-map{
padding:0 25px 30px;
}
.contents-block .hotel-map .map-area{
padding:25px 0 0 0;
text-align:center;
}
.contents-block .hotel-map .map-area .more{
text-align:right;
font-size:130%;
}
.contents-block .hotel-map .access{
}
.contents-block .hotel-map .access dt{
font-size:130%;
font-weight:bold;
color:#4BB7F0;
padding:10px 0 0;
}
.contents-block .hotel-map .access dt img{
vertical-align:text-bottom;
margin-right:5px;
}
.contents-block .hotel-map .access dd{
font-size:125%;
line-height:1.45;
}
.contents-block .hotel-map .access dt.hotelname{
color:#f88595;
padding:0;
}
/* ----------------------------------------------------- *
search/coupon
* ----------------------------------------------------- */
.contents-block .hotel-coupon{
padding:25px 25px 30px;
}
.contents-block .hotel-coupon .coupon-box{
border:2px solid #4BB7F0;
}
.contents-block .hotel-coupon .coupon-box header{
background-color:#84d4fb;
position:relative;
}
.contents-block .hotel-coupon .coupon-box header span{
color:#fff;
font-weight:bold;
text-shadow:3px 3px 0px #6baaca;
padding:0 0 0 10px;
}
.contents-block .hotel-coupon .coupon-box header h2{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c2e9ff), to(#b9e6fft)) !important;
background: -webkit-linear-gradient(#c2e9ff, #b9e6ff) !important;
background: -moz-linear-gradient(#c2e9ff, #b9e6ff) !important;
background: linear-gradient(#c2e9ff, #b9e6ff) !important;
color:#262e33;
padding-left:20px;
font-size:120%;
}
.contents-block .hotel-coupon .coupon-box header .logo{
position:absolute;
right:0;
top:6px;
}
.contents-block .hotel-coupon .coupon-box .number{
text-align:center;
margin:20px;
background-color:#F88595;
color:#fff;
font-size:130%;
font-weight:bold;
padding:10px 0 0 0;
}
.contents-block .hotel-coupon .coupon-box .term{
padding:0 0 10px;
margin:0 20px;
border-bottom:2px solid #b3b3b3;
}
.contents-block .hotel-coupon .coupon-box .term dt{
float:left;
width:135px;
color:#F88595;
font-size:115%;
font-weight:bold;
}
.contents-block .hotel-coupon .coupon-box .term dd{
margin-left:135px;
font-size:115%;
font-weight:bold;
}
.contents-block .hotel-coupon .coupon-box .cond{
padding:20px;
}
.contents-block .hotel-coupon .coupon-box .cond dt{
font-size:125%;
font-weight:bold;
color:#ff0000;
}
.contents-block .hotel-coupon .coupon-box .cond dd{
margin-left:1.5em;
font-size:115%;
line-height:1.4;
}
.contents-block .hotel-coupon .coupon-box .common{
margin:0 20px;
padding:0;
background-color:#f4f4f4;
border:2px solid #ddd;
}
.contents-block .hotel-coupon .coupon-box .common dt{
padding:20px 15px 0 15px;
font-size:115%;
font-weight:bold;
}
.contents-block .hotel-coupon .coupon-box .common dd{
font-size:115%;
border-bottom:2px dotted #dbdbdb;
padding:0 15px 15px 15px;
}
.contents-block .hotel-coupon .coupon-box .common dd:last-child{
border-bottom:0;
}
.contents-block .hotel-coupon .coupon-box .attn{
color:#ff0000;
padding:20px 15px;
font-size:120%;
}
.contents-block .hotel-coupon .note{
padding:15px 0 0;
font-size:115%;
line-height:1.4;
}
/* ----------------------------------------------------- *
search/searchRsvPlanMobile
* ----------------------------------------------------- */
.contents-block.rsv-plan h2{
font-size:140%;
padding:15px 20px 5px;
color:#F88595;
}
.contents-block.rsv-plan .pull-down .title{
/*padding:0 15px 0 ;*/
padding:0 50px 0 15px; // 2018.07 追加
}
.contents-block.rsv-plan .pull-down .title .text{
font-size:90%;
display:table-cell;
position:static;
line-height:1.0;
border-radius: 0;
height: 70px;
width: 100%;
padding-left:40px;
vertical-align:middle;
}
.contents-block.rsv-plan .pull-down .title .stay{
background:url(../images/newrsv_icon_stay.png) 0% 50% no-repeat;
}
.contents-block.rsv-plan .pull-down .title .rest{
background:url(../images/newrsv_icon_rest.png) 0% 50% no-repeat;
}
.contents-block.rsv-plan .pull-down .soldout{
background-color:#CCCCCC !important;
color:#FFFFFF !important;
}
#planName span.stay{
background: url(../images/newrsv_icon_stay.png) 0% 50% no-repeat;
padding-left: 40px;
display: table-cell;
vertical-align: middle;
height: 35px;
}
#planName span.rest{
background: url(../images/newrsv_icon_rest.png) 0% 50% no-repeat;
padding-left: 40px;
display: table-cell;
vertical-align: middle;
height: 35px;
}
.contents-block.rsv-plan .detail-info .pull-down .content{
padding:10px 15px;
}
.contents-block.rsv-plan .detail-info .pull-down .content p{
font-size:125%;
line-height:1.45;
}
.contents-block.rsv-plan .detail-info .pull-down .content p span{
color:#e60012;
}
.contents-block.rsv-plan .detail-info .pull-down .content p a{
color:#e60012;
text-decoration:underline;
}
.contents-block.rsv-plan .detail-info .pull-down .content dl{
padding:20px 0;
font-size:125%;
line-height:1.45;
}
.contents-block.rsv-plan .detail-info .pull-down .content dl dt{
font-weight:bold;
color:#4BB7F0;
}
.contents-block.rsv-plan .detail-info .pull-down .content dl dd{
padding-bottom:20px;
word-wrap:break-word; // 2018.07 追加
}
.contents-block.rsv-plan .detail-info .pull-down .content .btn-area{
padding:5px 0 20px;
}
.contents-block.rsv-plan .detail-info .pull-down .content .btn-area .btn-pink-l{
padding:25px 0;
width:460px;
font-size:110%;
}
.contents-block.rsv-plan .detail-info .pull-down .content dl dd .btn-area{
padding:5px 0 0 20px;
}
.contents-block.rsv-plan .detail-info .pull-down .content dl dd .btn-area .btn-pink-l{
float:left;
width:210px;
margin:0 20px 10px 0;
}
.contents-block.rsv-plan .rsv-cond{
padding:15px 5px 0 5px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5c5c5c), to(#666666)) !important;
background: -webkit-linear-gradient(#5c5c5c, #666666) !important;
background: -moz-linear-gradient(#5c5c5c, #666666) !important;
background: linear-gradient(#5c5c5c, #666666) !important;
}
.contents-block.rsv-plan .rsv-cond .pull-down .title{
padding:13px 15px 12px 70px;
color:#333;
background:#fff url(../images/bg_rsv_calendar.png) 15px 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .pull-down.open .title{
color:#fff;
background:#4BB7F0 url(../images/bg_rsv_calendar_open.png) 15px 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .detail{
padding:5px 20px;
}
.contents-block.rsv-plan .rsv-cond .detail li{
float:left;
font-size:130%;
font-weight:bold;
border:4px solid #4bb7f0;
border-radius:10px;
background-color:#fff;
/*width:534px;*/
width:99%;
margin-bottom:10px;
}
.contents-block.rsv-plan .rsv-cond .detail p{
height:75px;
display:table-cell;
padding:0 0 0 70px;
vertical-align:middle;
line-height:0.85;
}
.contents-block.rsv-plan .rsv-cond .detail .adult{
background: url(../images/bg_rsv_adult.png) 15px 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .detail .child{
background: url(../images/bg_rsv_child.png) 15px 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .detail .currency{
background: url(../images/bg_rsv_currency.png) 15px 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .detail p span{
font-size:70%;
font-weight:normal;
}
.contents-block.rsv-plan .rsv-cond .detail li:last-child{
float:right;
}
.contents-block.rsv-plan .rsv-cond .detail li.narrow{
/*width:250px;*/
width:46%;
}
.contents-block.rsv-plan .btn-area .reserve{
padding: 35px 0 45px;
}
.contents-block.rsv-plan .btn-area .reserve .btn-pink-l{
padding:40px 0;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content{
padding:10px 15px;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi{
padding:5px 0 10px;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .prev,
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .prev-enable, /* 2018.07 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .next-enable, /* 2018.08 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .next{
display:block;
width:80px;
height:35px;
border-radius:4px;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .prev{
float:left;
background:#4bb7f0 url(../images/bg_cal_prev.png) 50% 50% no-repeat; /* 追加 */
}
/* 2018.07 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .prev-enable{
float:left;
background:#c9c9c9 url(../images/bg_cal_prev.png) 50% 50% no-repeat;
pointer-events: none;
}
/* 2018.08 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .next-enable{
float:right;
background:#c9c9c9 url(../images/bg_cal_next.png) 50% 50% no-repeat;
pointer-events: none;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .next{
float:right;
background:#4bb7f0 url(../images/bg_cal_next.png) 50% 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .navi .month{
margin:0 80px;
text-align:center;
font-size:130%;
font-weight:bold;
line-height:1.2;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal{
border:3px solid #666666;
margin:0 auto;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal th,
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal td{
text-align:center;
vertical-align:middle;
font-size:130%;
width:70px;
height:55px;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal th{
border:2px solid #666666;
background-color:#faaeb8;
color:#fff;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal td{
border:2px solid #b3b3b3;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal .holiday,
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal td:first-child{
background-color:#ffe9eb;
color:#e60012;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal td:last-child{
background-color:#e8f7ff;
color:#00479d;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal .today{
/*background-color:#00479d !important;*/
background-color:#e2c2ff !important;
color:#fff !important;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal .rsvday{
background-color:#4bb7f0 !important;
color:#fff !important;
}
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal .past{
background-color:#e0e0e0 !important;
color:#999 !important;
}
/* 2018.08.07 変更 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .nodate-space .nodate{
/* display:block; */
padding:20px 0 5px 15px;
background:url(../images/bg_arrow08.png) left 65% no-repeat;
color:#666;
text-decoration:underline;
font-size:120%;
}
/* 2018.06 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .cal .premium{
background-color:#ffd700 !important;
color:#999 !important;
}
/* 2018.08.07 追加 */
.contents-block.rsv-plan .rsv-cond .pull-down .content .nodate-space {
padding: 25px 0px 5px 15px;
}
/** 2014/05/09 **/
.contents-block.rsv-plan .rsv-cond .detail select{
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius:7px;
width: 350px;
height: 80px;
line-height: 2;
font-size: 100%;
text-indent: 17px;
padding-top:10px;
margin:10px 10px 0 0;
border: 0px solid #ccc;
color:#333;
background:url(../images/bg_rsv_down.png) 95% 50% no-repeat;
}
.contents-block.rsv-plan .rsv-cond .detail .narrow select{
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius:7px;
width: 180px;
height: 80px;
line-height: 2;
font-size: 100%;
text-indent: 2px;
padding-top:px;
margin:0px 0px 0 0;
border: 0px solid #ccc;
color:#333;
background:url(../images/bg_rsv_down.png) 95% 50% no-repeat;
}
/** 2014/05/09 **/
.rsv_plan_date
{
font-size: 120%;
}
.rsv_plan_date .blue
{
color:#0000FF;
}
.rsv_plan_alert
{
font-size: 24px;
color:#FF0000;
}
/* ----------------------------------------------------- *
mypage/index (free user)
* ----------------------------------------------------- */
.mypage-head{
background-color:#dcf2ff;
padding:20px;
}
.mypage-head.premium{
background-color:#ffdbdc;
}
.mypage-head .user-info{
border:4px solid #fff;
background-color:#93d4f6;
padding:0 0 10px;
}
.mypage-head.premium .user-info{
background-color:#ccb399;
}
.mypage-head .user-info header{
background:#2587da url(../images/bg_hd_mypage_free.png) right top no-repeat;
color:#fff;
padding:5px 15px 10px;
font-weight:bold;
font-size:140%;
line-height:1.2;
}
.mypage-head.premium .user-info header{
background:#6a3906 url(../images/bg_hd_mypage_premium.png) right top no-repeat;
}
.mypage-head .user-info header span{
font-size:50%;
font-weight:normal;
}
.mypage-head .user-info .info-list{
padding:15px 15px 0;
}
.mypage-head .user-info .info-list.upper dd:last-child{
border-bottom:2px solid #fff;
padding-bottom:10px;10px;
}
.mypage-head .user-info .info-list dt{
font-size:130%;
font-weight:bold;
color:#fff;
line-height:1.4;
}
.mypage-head .user-info .info-list dd{
font-size:110%;
padding-left:1.0em;
}
.mypage-head .user-info .info-list dd span{
color:#ff0000;
}
.mypage-head .shortcut{
width:600px;
margin:0 auto;
padding:20px 0 5px;
}
.mypage-head .shortcut li{
float:left;
margin-right:20px;
margin-bottom:5px;
}
.mypage-head .shortcut li:nth-child(2n){
margin-right:0;
}
.mypage-menu{
padding:15px 0;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#5c5c5c)) !important;
background: -webkit-linear-gradient(#666666, #5c5c5c) !important;
background: -moz-linear-gradient(#666666, #5c5c5c) !important;
background: linear-gradient(#666666, #5c5c5c) !important;
}
.mypage-menu .pull-down{
background:transparent !important;
padding:5px 20px;
}
.mypage-menu .pull-down .title{
padding:13px 15px 12px 70px;
color:#f88595;
border:4px solid #f88595;
}
.mypage-menu .pull-down .title.hh_mile{
background:#fff url(../images/bg_mypage_mile.png) 15px 50% no-repeat;
}
.mypage-menu .pull-down .title.rsv{
background:#fff url(../images/bg_mypage_calendar.png) 15px 50% no-repeat;
}
.mypage-menu .pull-down.open .title.hh_mile{
background:#f88595 url(../images/bg_mypage_mile_open.png) 15px 50% no-repeat;
color:#fff;
}
.mypage-menu .pull-down.open .title.rsv{
background:#f88595 url(../images/bg_rsv_calendar_open.png) 15px 50% no-repeat;
color:#fff;
}
.mypage-menu .pull-down.open .title span{
background:#fff url(../images/btn_close_pink.png) 50% 50% no-repeat;
}
.mypage-menu .pull-down.close .title span{
background-color:#f88595;
}
.mypage-menu .pull-down .content,
.mypage-menu .pull-down .content li{
border-color:#f88595;
}
.mypage-menu .pull-down .content li a{
padding:20px 35px;
background:url(../images/bg_arrow04.png) 97% 50% no-repeat;
}
.mypage-sub{
background-color:#dcf2ff;
margin-bottom:40px;
}
.mypage-sub .pull-down{
background:none !important;
padding:0;
}
.mypage-sub .pull-down .title{
border-top:2px solid #9a9a9a;
border-bottom:2px solid #9a9a9a;
border-left:0;
border-right:0;
border-radius:0;
padding:13px 15px 12px 40px;
}
.mypage-sub .pull-down .title span{
right:35px;
}
.mypage-sub .pull-down.open .title{
background-color:#fff;
color:#4BB7F0;
}
.mypage-sub .pull-down.open .title span{
background:#4BB7F0 url(../images/btn_close_white.png) 50% 50% no-repeat;
}
.mypage-sub .pull-down .content{
border:0;
}
.mypage-sub .pull-down .content li{
border-bottom:2px solid #9a9a9a;
}
.mypage-sub .pull-down .content li a{
padding:20px 25px 20px 45px;
background:url(../images/bg_arrow07.png) 97% 50% no-repeat;
font-size:130%;
}
.mypage-sub .sub-menu{
padding:45px 20px 40px;
width:600px;
margin:0 auto;
}
.mypage-sub .sub-menu a{
display:block;
float:left;
margin-left:15px;
border:2px solid #9a9a9a;
width:186px;
height:51px;
text-align:center;
font-size:130%;
color:#4BB7F0;
padding:15px 0 0 0;
background:#fff;
}
.mypage-sub .sub-menu a:first-child{
line-height:1.0;
font-size:110%;
margin-left:0;
padding:10px 0 0 0;
height:56px;
}
.mypage-sub .sub-menu a.second{
line-height:1.0;
font-size:100%;
padding:10px 0 0 0;
height:56px;
}
h1.top.premium{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b64f50), to(#831c1d)) !important;
background: -webkit-linear-gradient(#b64f50, #831c1d) !important;
background: -moz-linear-gradient(#b64f50, #831c1d) !important;
background: linear-gradient(#b64f50, #831c1d) !important;
padding:0;
font-size:140%;
}
h1.top.premium span{
display:block;
padding:10px 0 10px 20px;
background:url(../images/bg_h1_premium.png) right top no-repeat !important;
}
.btn-area-center{
text-align:center;
padding:10px;
}
.link-list.new-arraival .link-buttons a .text{
/** display:inline; **/
display:table-cell;
vertical-align:middle;
height:105px;
padding:0 20px 0 0;
line-height:1.2;
}
.link-list.new-arraival .link-buttons a .text .date{
color:#23A5F0;
font-weight:bold;
}
.title_yp
{
font-size:14px;
}
.vWrap{
position: relative;
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}
.vWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ----------------------------------------------------- *
nop/index
* ----------------------------------------------------- */
.newopen .link-list .link-buttons a .text{
font-size:125%;
font-weight: bold;
}
.newopen .link-list .link-buttons a .text span{
font-size:85%;
}
.newopen .link-list .link-buttons a .text .lead{
color: #666;
font-weight: normal;
}
.newopen .link-list .link-buttons img {
padding-top: 12px;
}
.newopen .main_v {
line-height: 0;
}
.newopen .main_v img {
width: 100%;
}
.newopen .detail_meinv {
position: relative;
line-height: 0;
}
.newopen .detail_meinv img {
width: 100%;
}
.newopen .detail_meinv p {
color: #fff;
font-weight: bold;
font-size: 150%;
padding: 15px 3.2% 18px;
background-color: rgba(0, 0, 0, 1);
width: 93.8%;
line-height: 1.4;
}
.newopen .detail_meinv p span{
font-weight: normal;
font-size: 75%;
}
.newopen .nop_detail_contents p{
padding: 20px;
margin: 20px auto;
font-size: 125%;
}
.newopen .nop_detail_contents p img{
margin-bottom: 40px;
}
.newopen .nop_detail_contents img{
width: 100%;
}
.newopen .nop_gallery{
padding: 20px 20px 40px;
background-color: #2b2b2b;
}
.newopen .nop_gallery h2{
color:#fff;
font-weight: bold;
font-size: 125%;
}
.newopen .nop_gallery #hotelPhoto{
width: 600px;
margin: 0 auto;
background-color: #000;
}
.newopen .nop_gallery #hotelPhoto .flexslider{
width: 500px;
margin: 0 auto 60px;
position: relative;
}
.newopen .nop_gallery #hotelPhoto .slides:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.newopen .nop_gallery #hotelPhoto .flexslider ul li{
position: relative;
line-height: 0;
}
.newopen .nop_gallery #hotelPhoto .flexslider ul li img{
display: block;
width: 100%;
}
.newopen .nop_gallery #hotelPhoto .flexslider ul li p{
width: 100%;
font-weight: bold;
color: #fff;
text-align: center;
position: absolute;
bottom: 0;
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.4);
line-height:1.4;
}
.flex-direction-nav{
display: none;
}
.flex-control-nav {
bottom: -55px;
position: absolute;
text-align: center;
width: 100%;
}
.flex-control-nav li {
display: inline-block;
margin: 0 12px;
}
.flex-control-paging li a {
background: #dadada;
border-radius: 20px;
cursor: pointer;
display: block;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.flex-control-paging li a.flex-active {
background: #0086ca;
}
.newopen .nop_gallery > dl > dt {
border-bottom: 2px solid #fff;
color: #fff;
font-size: 125%;
font-weight: bold;
line-height: 1.2;
}
.newopen .nop_gallery dl dd dl {
color: #ccc;
float: left;
width: 350px;
font-weight: normal;
margin-top: 20px;
}
.newopen .nop_gallery dl dd dl dt {
font-weight: bold;
line-height: 1.1;
font-size: 110%;
margin-bottom: 5px;
}
.newopen .nop_gallery dl dd img {
margin-top: 22px;
width: 240px;
float: right;
}
.newopen .nop_gallery .detail_link{
margin: 40px auto 0;
width: 276px;
}
.newopen .nop_gallery .detail_link a{
display: block;
width: 276px;
height: 60px;
text-indent: -9999px;
background: url(../nop/images/detail_link.png) no-repeat 0 0;
}
.newopen .page_link{
width: 600px;
margin: 30px auto 40px;
font-size: 115%;
}
.newopen .page_link .prev{
float: left;
line-height: 30px;
padding-left: 35px;
background: url(../nop/images/bg_prev.png) no-repeat 0 0;
}
.newopen .page_link .next{
float: right;
line-height: 30px;
padding-right: 35px;
background: url(../nop/images/bg_next.png) no-repeat right 0;
}
.newopen .list_link a{
line-height: 80px;
text-align: center;
background: rgba(0, 0, 0, 0.1);
width: 600px;
margin: 0 auto 40px;
font-weight: bold;
font-size: 125%;
display: block;
}
/* ----------------------------------------------------- *
others/hapitouch_sp.html
* ----------------------------------------------------- */
.hp_mile .main_v img {
width: 100%;
}
.hp_mile .main_v {
line-height: 0;
}
.hp_mile .lead {
font-size: 127%;
}
.hp_mile article > * {
margin: 0 auto;
width: 93.75%;
}
.hp_mile article .tab {
margin: 25px auto;
}
/*.hp_mile article .tab li {
text-indent: -9999px;
background-color: #fff;
background-repeat: no-repeat;
float: left;
height: 0;
padding-top: 16%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}*/
.hp_mile article .tab li a {
display: block;
text-indent: -9999px;
background-color: #fff;
background-repeat: no-repeat;
float: left;
height: 0;
padding-top: 16%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.hp_mile article .tab li.save a {
background-image: url(../others/images/bg-mile-save.png);
background-position: center 60%;
background-size: 73%;
border-top: 4px solid #9a9a9a;
border-left: 4px solid #9a9a9a;
border-bottom: 2px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
border-radius: 0.5em 0 0 0 / 0.5em 0 0 0;
-moz-border-radius: 0.5em 0 0 0 / 0.5em 0 0 0;
-webkit-border-radius: 0.5em 0 0 0 / 0.5em 0 0 0;
width: 50%;
}
.hp_mile article .tab li.use a {
background-image: url(../others/images/bg-mile-use.png);
background-position: center 60%;
background-size: 72%;
border-top: 4px solid #9a9a9a;
border-right: 4px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 2px solid #9a9a9a;
border-radius: 0 0.5em 0 0 / 0 0.5em 0 0;
-moz-border-radius: 0 0.5em 0 0 / 0 0.5em 0 0;
-webkit-border-radius: 0 0.5em 0 0 / 0 0.5em 0 0;
width: 50%;
}
.hp_mile article .tab li.member a {
background-image: url(../others/images/bg-mile-member.png);
background-position: center 55%;
background-size: 77.9487%;
border-left: 4px solid #9a9a9a;
border-bottom: 4px solid #9a9a9a;
border-right: 2px solid #9a9a9a;
border-radius: 0 0 0 0.5em / 0 0 0 0.5em;
-moz-border-radius: 0 0 0 0.5em / 0 0 0 0.5em;
-webkit-border-radius: 0 0 0 0.5em / 0 0 0 0.5em;
width: 33.5%;
}
.hp_mile article .tab li.reserve a {
background-image: url(../others/images/bg-mile-reserve.png);
background-position: center 50%;
background-size: 76.767%;
border-bottom: 4px solid #9a9a9a;
width: 33%;
}
.hp_mile article .tab li.touch a {
background-image: url(../others/images/bg-mile-touch.png);
background-position: center 50%;
background-size: 84.6%;
border-right: 4px solid #9a9a9a;
border-bottom: 4px solid #9a9a9a;
border-left: 2px solid #9a9a9a;
border-radius: 0 0 0.5em 0 / 0 0 0.5em 0;
-moz-border-radius: 0 0 0.5em 0 / 0 0 0.5em 0;
-webkit-border-radius: 0 0 0.5em 0 / 0 0 0.5em 0;
width: 33.5%;
}
.hp_mile article .tab li.save.select a {
background-image: url(../others/images/bg-mile-save-on.png);
background-color: #42a5da;
}
.hp_mile article .tab li.use.select a {
background-image: url(../others/images/bg-mile-use-on.png);
background-color: #f3c54b;
}
.hp_mile article .tab li.member.select a {
background-image: url(../others/images/bg-mile-member-on.png);
background-color: #6eccca;
}
.hp_mile article .tab li.reserve.select a {
background-image: url(../others/images/bg-mile-reserve-on.png);
background-color: #fc838f;
}
.hp_mile article .tab li.touch.select a {
background-image: url(../others/images/bg-mile-touch-on.png);
background-color: #92cc66;
}
.hp_mile article.disnon {
display: none;
}
.hp_mile article h2 {
margin-bottom: 20px;
}
.hp_mile article.content_wrap {
background-repeat: no-repeat;
background-position: 0 top, 0 bottom;
background-size: contain;
padding: 5% 0;
}
.hp_mile article.save {
background-image: url(../others/images/bg-top-save.png), url(../others/images/bg-bottom-save.png);
}
.hp_mile article.use {
background-image: url(../others/images/bg-top-use.png), url(../others/images/bg-bottom-use.png);
}
.hp_mile article .head_cont {
background-color: #daf0f9;
border: 2px solid #5abff2;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
padding: 2.34375%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.hp_mile article .sticker {
background-image: url(../others/images/bg-mile-sticker.png);
background-repeat: no-repeat;
background-position: 97% center;
}
.hp_mile article .change {
background-image: url(../others/images/bg-mile-change.png);
background-repeat: no-repeat;
background-position: 97% 65%;
}
.hp_mile article .head_cont dt {
font-size: 136%;
color: #0c6daa;
font-weight: bold;
line-height: 1.3;
margin-bottom: 5px;
}
.hp_mile article .head_cont dd {
font-size: 127%;
line-height: 1.3;
}
.hp_mile article .head_cont.sticker dd {
width: 52%;
}
.hp_mile article .head_cont dd {
width: 65%;
}
.hp_mile article h3 {
background-color: #f88596;
color: #fff;
font-size: 136%;
font-weight: bold;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
line-height: 1.3;
padding: 8px 20px;
margin: 30px auto 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.hp_mile article img.R_image {
float: right;
margin-left: 20px;
}
.hp_mile article img.C_image {
display: block;
}
.hp_mile article .mile_text{
font-size: 127%;
line-height: 1.4;
margin-bottom: 15px;
}
.hp_mile article .btn_link {
text-align: center;
}
.hp_mile article span.bold{
font-weight: bold;
}
.hp_mile article span.red{
color: #e50000;
}
.hp_mile article .mile_note{
margin-top: 25px;
}
.hp_mile article .mile_note li{
line-height: 1.5;
}
.hp_mile article .addition {
padding-left: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.hp_mile article .addition dt{
color: #f88595;
font-size: 136%;
font-weight: bold;
margin: 15px 0 8px;
}
.hp_mile article .addition ul li{
font-size: 127%;
padding-left: 160px;
margin-bottom: 8px;
line-height: 35px;
}
.hp_mile article .addition ul li.free{
background: url(../others/images/bg-mile-free.png) no-repeat 0 0;
}
.hp_mile article .addition ul li.premium{
background: url(../others/images/bg-mile-premium.png) no-repeat 0 0;
}
/* ----------------------------------------------------- *
actionReserveList 0601
* ----------------------------------------------------- */
h2.top{
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#87cefa, #50c7f7)) !important;
background: -webkit-linear-gradient(#87cefa, #50c7f7) !important;
background: -moz-linear-gradient(#87cefa, #50c7f7) !important;
background: linear-gradient(#87cefa, #50c7f7) !important;
color:#fff;
font-size:100%;
padding:10px 20px 8px;
}
.reservetext{
margin-left: 50%;
}
.reservetextbold{
font-size: 105%;
padding-bottom: 10px;
font-weight: bold;
}
.arrivaltime{
padding-top: 20px;
}
/* ----------------------------------------------------- *
actionReserveConfrim 0601
* ----------------------------------------------------- */
.reserveinfo{
border-left:6px solid #c2e9ff;
font-weight:bold;
font-size:130%;
padding:0 0 0 10px;
line-height:1.4;
vertical-align:top;
}
.reservenumber{
margin-left: 107px;
}
.reservetelnumber{
color: #39a6ec;
margin-left: 50px;
}
.reservepricetitle{
border-left:6px solid #c2e9ff;
font-weight:bold;
font-size:110%;
padding:0 0 0 10px;
line-height:1.4;
vertical-align:top;
}
.reservetable{
width: 100%;
}
.reservepricefloat{
float: right;
}
.reservepricetop{
padding-left: 127px;
}
/* 2018/06/12 修正 */
.reservepricebottomleft{
/* padding-left: 305px; */
padding-left: 250px;
}
.reservepricebottomright{
float: right;
}
.rsv-detail .reserve-btn-area{
padding:20px 0 50px;
display: table;
margin: 0 auto;
}
.reserve-btn-area .reserve-btn-pink-l{
width:270px;
margin-right: 5px;
margin-left: 5px;
}
.reserve-btn-pink-l{
-webkit-appearance: none;
background-color: #f88595;
border-radius: 5px;
font-size: 140%;
font-weight: bold;
color:#fff;
line-height: 1;
margin: 0 auto;
padding: 40px 0;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.rsv-detail .reserve-btn-area .reserve-btn-pink-l:hover{
cursor: pointer;
}
.reservebtn{
display: table-cell;
background-color: #f88595;
border-radius: 5px;
font-size: 110%;
font-weight: bold;
width: 150px;
color:#fff;
line-height: 1;
margin: 0 auto;
padding: 25px 0;
text-align:center;
-webkit-box-shadow: 4px 4px 1px #aaa; /* Google Chrome, Safari用*/
-moz-box-shadow: 4px 4px 1px #aaa; /* Firefox用*/
box-shadow: 4px 4px 1px #bbb; /* CSS3 */
}
.reservebtn:hover {
background: #D04255;
color: #FFF;
}
.closeing{
display: none;
}
.modal{
display: none;
}
.modal-dialog{
z-index:1;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
width:100%;
height:120%;
position:fixed;
top:0;
left:0;
}
.modal-content{
top: 30%;
left: 5%;
width: 80%;
height: 140px;
margin:1.5em auto 0;
padding:10px 20px;
border:2px solid #aaa;
background:#fff;
z-index:2;
position:fixed;
justify-content: center;
align-items: center;
}
.modal-body{
text-align: center;
margin-top: 30px;
}
.modal-footer{
text-align: center;
margin-top: 20px;
}
.modalbtn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 20px;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* ----------------------------------------------------- *
actionReserve 0601
* ----------------------------------------------------- */
.reserveinfochange{
font-weight:bold;
font-size:110%;
padding:0 0 0 10px;
line-height:1.4;
vertical-align:top;
}
/* ----------------------------------------------------- *
2018/06/11 追加 予約一覧画面 予約詳細ボタン
* ----------------------------------------------------- */
.entry .btn-area{
margin-right: 15px;
margin-left:65%;
margin-bottom: 10px;
}
.entry .btn-area .btn-blue{
display:block;
font-size:100%;
font-weight:bold;
text-align:center;
width:176px;
/*margin:0 auto;*/
height:40px;
padding-top:10px;
border-radius:5px;
}
#search-result .entry .reserveno{
/* float:left; */
width:270px;
line-height:1.4;
float: left;
}
.breakdowntext{
padding-left:125px;
}
.usageamounttext{
padding-left:75px;
}
.arrivaltime select{
display: none;
}
#changeSave{
display:none;
}
.modalbtn{
background-color: #23a5f0;
border-radius: 5px;
font-size: 100%;
font-weight: bold;
color:#fff;
line-height: 1;
/* margin: 0 auto; */
margin:0px 40px;
padding: 10px 0;
text-align:center;
width: 100px;
-webkit-box-shadow: 2px 2px 1px #aaa; /*Google Chrome, Safari用 */
-moz-box-shadow: 2px 2px 1px #aaa; /* Firefox用*/
box-shadow: 2px 2px 1px #bbb; /*CSS3*/
}
/* ----------------------------------------------------- *
2018/07/06 追加 予約票画面 予約詳細ボタン
* ----------------------------------------------------- */
.rsv-detail article header span.peapleText{
background-color: transparent;
color: #cc1414;
}
/* ----------------------------------------------------- *
2018/07/17 追加 予約一覧
* ----------------------------------------------------- */
h2.list-top{
background: linear-gradient(#87cefa, #50c7f7) !important;
color:#fff;
font-size:100%;
padding:10px 20px 8px;
}
/* ----------------------------------------------------- *
2018/07/24 追加 予約票
* ----------------------------------------------------- */
table.reserveprice{
width: 100%;
}
table.reserveprice tr td:nth-child(1){
width: 160px;
text-align: right;
}
table.reserveprice tr td:nth-child(2){
width: calc(100% - 280px);
padding-left: 30px;
table-layout: fixed;
word-wrap: break-word;
}
table.reserveprice tr td:nth-child(3){
width: 120px;
text-align: right;
vertical-align: bottom;
}
/* ----------------------------------------------------- *
NowLoadingの表示
* ----------------------------------------------------- */
#loading {
display: table;
width: 100%;
height: 120%;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
#loading .loadingBox {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#loading .loadingMsg {
width: 300px;
padding-top: 130px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
/* opacity: 0.8; */
border-radius: 30px;
z-index: 3;
}
#loading .loadImg {
position: absolute;
top: 47%;
right :45%;
background: url("../images/gif-load.gif") center center no-repeat;
width: 80px;
height: 80px;
z-index: 4;
}
#loading2 {
display: table;
width: 100%;
height: 120%;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
#loading2 .loadingBox2 {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#loading2 .loadingMsg2 {
width: 300px;
padding-top: 130px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
/* opacity: 0.8; */
border-radius: 30px;
z-index: 3;
}
#loading2 .loadImg2 {
position: absolute;
top: 47%;
right :45%;
background: url("../images/gif-load.gif") center center no-repeat;
width: 80px;
height: 80px;
z-index: 4;
}
/* ----------------------------------------------------- *
2018/08/02 予約票 予約一覧ボタン
* ----------------------------------------------------- */
input#rsvlistbtn{
width:540px;
text-align: center;
}
div.reserve-list-btn-area{
padding: 20px 0 50px;
display: table;
margin: 0 auto;
}
/* ----------------------------------------------------- *
2018/08/03 プラン一覧
* ----------------------------------------------------- */
span.plan-size{
font-size: 80%;
display: block;
margin-top: 5px;
}
span.plan-size-leave{
font-size: 100%;
display: block;
margin-top: 15px;
}
.rsv-detail article input[type="radio"]{
-webkit-transform: scale(3.0);
transform: scale(3.0);
margin: 1.0em 1.5em 0 1.0em;
}
.rsv-detail article input[type="checkbox"]{
transform: scale(2.0);
margin: 1.0em 1.5em 0 1.0em;
}
.mpEditNote{
FONT-WEIGHT: bold;
MARGIN: 10px auto;
WIDTH: 700px;
COLOR: #f8101d
}
.mpEditNoteMobile{
FONT-WEIGHT: bold;
MARGIN: 10px auto;
COLOR: #f8101d
}
.mpEditDone{
FONT-WEIGHT: bold;
MARGIN: 3em auto;
width: 85%;
COLOR: #f8101d;
text-align: center;
border: 1px solid red;
border-width: 3px;
padding: 30px 0px;
border-radius: 20px;
}
.mailSendMsg .red {
color: #ff0000;
font-weight: bolder;
}
.mailSendMsg {
margin: 2em auto;
width: 85%;
}
.mailSendMsg p {
text-indent: -1em;
margin-left: 1em;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.clear .btn-area{
padding:20px 0 50px;
}
#subText1 {
width: 19.5em;
}
#subText2 {
width: 17.15em;
}
.sendCodeMsg {
text-align: center;
font-weight: bold;
font-size: 110%;
margin-top: 50px;
}
.feature_list {
padding-bottom: 20px;
}
.feature_list li {
font-size: 1.2em;
font-family: 'Noto Sans Japanese', serif;
text-align: center;
margin-bottom: 25px;
}
.feature_list_tit {
color: #af8432;
font-weight: bold;
}
.inquiry {
margin: 10px 0 0 0;
border: 2px solid #ccc;
border-radius: 10px;
width: 540px;
line-height: 1.5;
font-size:1.5em;
}
#tokusho-ios {
text-align: center;
}
#tokusho-ios > img {
width: 100%;
}
#tokusho-android {
text-align: center;
}
#tokusho-android > img {
max-width: 100%;
height: auto;
}