@charset "utf-8";

.tbl-rsv th {text-align: center;}
table.tbl-rsv tbody td {vertical-align: middle;}
.tbl-rsv tbody tr {border-bottom: 1px solid #DDDDDD;}
.tbl-rsv tbody {background-color: #fff;}
.tbl-rsv tr.data-link:hover {background-color: #FFFFF0; cursor: pointer;}
.tbl-rsv tbody.t-data-link:hover {background-color: #FFFFF0; cursor: pointer;}
/*中心*/
.tbl-rsv .cel-status,
.tbl-rsv .cel-site,
.tbl-rsv .cel-day,
.tbl-rsv .cel-id,
.cel-name,
.tbl-rsv .cel-prc {text-align: center;}

/*レンタカー複数予約用*/
.tweak tbody .tweak-tr {border-bottom-style:none !important;}
.tweak tbody tr .tweak-td {border-top-style:none !important;}
.tweak tbody tr .tweak-center {text-align: center; vertical-align:middle;border-bottom: 1px solid #DDDDDD;}

/*料金*/
.tbl-rsv {text-align: right;}
.tbl-rsv .cel-prc-txt {font-size: 1.8rem; color: #f50057; display: block;}

/*利用状況ラベル*/
.cel-status .label {width: 7em; display: inline-block; padding: 5px 0;white-space: normal;}



/*プロフィール*/
.inner {margin-bottom: 3%; background-color: #fff;}
.dl-col-2 {border-bottom: 1px solid #DDDDDD; display: table; width: 100%;}
.dl-col-2 dt {width: 20%; display: table-cell; padding: 15px 15px; vertical-align: middle;}
.dl-col-2 dd {width: 80%; display: table-cell; padding: 15px 15px;}

.must dt:before {content: "必須";background: #EE534F;display: block;float: right;color: #fff;padding: 2px 6px;font-size: 1.2rem;}
.un-must dt:before {content: "任意";background: #78909A;display: block;float: right;color: #fff;padding: 2px 6px;font-size: 1.2rem;}

.dc2-wid-a.dl-col-2 dt {width: 25%;}
.dc2-wid-a.dl-col-2 dd {width: 65%;}
.svs-mail-ttl {font-weight: bold;}
.svs-mail-btns {width: 230px;}
.svs-mail-btns label {width: 50% !important; display: block;}

.room-bed-pic {padding: 0 2px 0 2px;}

.bis-bnr-area {text-align: center;}
.bis-bnr-area img {width: 400px;height: auto;}

/*contact
**********************/
.contact {margin-bottom: 40px;}

.contact .contact-list {padding: 2%; background-color: #fff; border-radius: 5px; font-size: 1.6rem;}

.contact-list .panel-title{float: left;}
.contact-list .panel-heading p{text-align: right;}
.contact-list .usertype1{border-color: #d6e9c6;}
.contact-list .usertype1 > .panel-heading{background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
.contact-list .usertype2{border-color: #bce8f1;}
.contact-list .usertype2 > .panel-heading{background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.contact-list .usertype3{border-color: #FCEB98;}
.contact-list .usertype3 > .panel-heading{background-color: #FCF8E3;border-color: #FCEB98;color: #A4902A;}

.contact .contact-list .faq{display: block;text-align: center;color: #039BE6;font-weight: 700;text-decoration: none;}
.contact .contact-list .faq span{color: #000000;}
.contact .contact-list .faq:hover {opacity: 0.7;text-decoration: none;}
.contact .contact-list .faq:before {content: " \f059";font-family: FontAwesome;margin-right: 7px;font-size: 2.2rem;position: relative;top: 2px;}

.contact .contact-list .purple{color: #7e56d3;}

/*ホテル一覧
********************************************************/
.search-conts {padding-bottom: 5%;}
/*.search-hotel-list {display: none;}*/
.search-hotel-list .block-link { display: block; border-bottom: 1px solid #DDDDDD; text-decoration: none; padding-bottom: 20px; position: relative; padding: 2%;}
.search-hotel-list .block-link:hover {background-color: #FFF7F7;}

.arrow-fcr {position: absolute; right: 1%; top: 50%; width: 30px; height: 30px; border-radius: 50%; background-color: #F50057; text-align: center; margin-top: -15px;}
.arrow-fcr i {display: inline-block; padding-top: 9px; color: #fff; padding-left: 3px;}

/*ホテル一覧-たいとる*/
.search-hotel-list .block-link .ttl {padding: 0 0 2%;
}
.dis {float: right;  padding: 2px 0; margin-top: -3px; margin-left: 15px; font-size: 12px;}
.search-hotel-list .block-link .ttl .h-name {font-size: 2.1rem; font-weight: bold;}
/*ホテル一覧-画像*/
.search-hotel-list .block-link .pic {float: left; width: 20%; margin-right: 2%;}
.search-hotel-list .block-link .pic img {width: 100%; border-radius: 3px;}
/*ホテル一覧-テキスト*/
.search-hotel-list .block-link .txt {float: left; width: 53%; margin-right: 2%;}
.search-hotel-list .block-link .txt dt {font-size: 1.6rem; color: #00BFA5; margin-bottom: 10px;}
/*概要*/
.search-hotel-list .block-link .h-gaiyou {margin-bottom: 10px;}
/*クチコミ*/
.search-hotel-list .block-link .h-kutikomi {margin-bottom: 10px; border-bottom: 1px dotted #C0C0C0; padding-bottom: 10px;}
.h-kutikomi i {font-size: 1.7rem; color: #C0C0C0;}
i.star-on {color: #FF6E40;}
/*ポイント*/
.h-point {margin-bottom: 10px;}
.h-point li {display: inline-block; padding: 3px 5px; border-radius: 2px; background-color: #7986CC; color: #fff; font-size: 1.2rem; margin-bottom: 3px;}
/*ホテル一覧-金額*/
.search-hotel-list .block-link .prc {float: left; width: 18%;}
.search-hotel-list .block-link .prc li {background-color: #F8F8F8; margin-bottom: 5px; padding: 3px 8px; text-align: right; border: 1px solid #DDDDDD;}
.search-hotel-list .block-link .prc li.hit {background-color: #FFFF8D; border: 1px solid #FFD600;}
.search-hotel-list .block-link .prc li .type-name {float: left; font-weight: bold; font-size: 1.2rem;}
.search-hotel-list .block-link .prc li .type-prc { font-weight: bold; color: #808080;}
.search-hotel-list .block-link .prc li.hit .type-prc {color: #F50057;}

/*お気入り削除*/
.favorite-list {border-bottom: 4px solid #ddd; padding-bottom: 3%; background-color: #fff;}
.favorite-hotel .icon-delete {margin-top: 2%;}
.icon-delete {background-color: #79919D; width: 30px; height: 30px; position: absolute; left: -30px; top: 0; text-align: center; line-height: 26px !important; font-size: 1.7rem; font-weight: normal; z-index: 99; cursor: pointer;}
.icon-delete i {color: #fff; }
.favorite-hotel,.favorite-plan {
	margin-left: 30px; position: relative;
}

/*対応言語表示*/
.list-language-area {overflow: hidden;}
.list-language-icon-ttl {font-weight: bold;margin-top: 1%;margin-right: 10px;float: left;}
.list-language-icon {overflow: hidden;padding: 0 0 1%;float: left;}
.list-language-icon li {display: inline-block;-webkit-border-radius: 4px;border-radius: 4px;margin-bottom: 1%;font-size: 1.2rem;padding: 3px 5px;}
.list-language-icon li.list-language-icon-ok {background-color: #7986CC;color: #fff;}
.list-language-icon li.list-language-icon-no {background-color: #e4e9eb;color: #717171;}

/*上段リンクブロック*/
.hd-block-head {background-color: #fff; padding: 3.0% 3.5%;  border: 1px solid #DCDDDD; position: relative; overflow: hidden;}
.hd-block-head.open {overflow: visible;}
.hd-block-head:hover {text-decoration: none; background-color: #FFF7F7; border: 1px solid #E9D1E1; cursor: pointer;}

.fully-booked {position: relative;}
.fully-booked .hd-block-head {cursor: default; }
.fully-booked .hd-block-head:hover {background-color: #fff;}
.fully-booked .hd-block-head:before {
	background-color: rgba(0,0,0,.2);
	width: 100%;
	left: 0; top: 0;
	display: block;
	position: absolute; height: 100%;
}
.fully-booked .hd-block-head .slide-on-arrow {display: none;}

.slide-on-arrow { position: absolute; bottom: -48px; left: 50%; }
.slide-on-arrow i {color: #fff; font-size: 8rem;}
.hd-block-head:hover i {color: #FFF7F7;}

/*画像*/
.h-plan-pic {width: 20%; float: left; margin-right: 2%;}
.h-plan-info {overflow: hidden;}
/*タイトル*/
.h-plan-ttl {font-size: 2.1rem; font-weight: bold; color: #734B3E; margin-bottom: 20px;}
/*価格*/
.h-plan-info .h-plan-prc {font-size: 2.4rem; color: #F50057; font-weight: bold; margin-bottom: 10px; float: right;}
/*期間*/
.h-plan-info .h-plan-time, .p-detail-plan .h-plan-time {background-color: #FF4081; display: inline-block; color: #fff; padding: 3px 10px; margin-bottom: 10px; }
.h-plan-info .h-plan-txt {clear: both;padding-top: 10px;}
.h-plan-info .h-plan-txt p {overflow: hidden; word-wrap:break-word;}
/*支払い方法*/
.p-detail-plan .h-plan-time {margin: 0 5% 1%;}
.h-plan-info .h-plan-txt-pay {display: inline-block; }
.h-plan-info .h-plan-txt-pay .payment {padding: 3px 10px; display: inline-block; background-color: #6F99E6; color: #fff;}

/*支払いのアイコン*/
.h-plan-txt-payicon {display: inline-block;}
.h-plan-txt-payicon .payment > span {color: #1977D1;}
.h-plan-txt-payicon .payment img {margin-right: 5px;}

/*部屋一覧
******************************/
.room-section {background-color: #3E3A39; padding: 3.5%; display: block;	}

.room-section .room-list {position: relative; display: block; overflow: hidden; background-color: #fff; padding: 1.6% 2%; border-bottom: 1px solid #C0C0C0; text-decoration: none;}
.room-section .room-list:hover {text-decoration: none; background-color: #FFF7F7; }
.room-section .room-list .room-list-pic {float: left; width: 10%; margin-right: 1.2%;}
.room-section .room-list .room-list-pic img {width: 100%;}
.room-section .room-list dt {font-size: 1.8rem; font-weight: bold; margin-bottom: 5px; color: #734B3E;}
.room-section .room-list .room-list-prc {margin-right: 35px; font-size: 2.1rem; color: #F50057; font-weight: bold; margin-bottom: 5px; float: right;}
.room-section .room-list dl {overflow: hidden;}
.room-section .room-list dl .h-point {margin-top: 5px; margin-left: 5px;}
.room-nokori {background-color: #F50057; color: #fff; font-size: 1.3rem; padding: 2px 8px; margin-left: 15px;}


/*アイコン
*****************************/
.plan--point {border-radius: 2px; float: right; margin-left: 5px; padding: 5px 8px; background-color: #C0C0C0; font-size: 1.2rem; font-weight: bold;}
.plan--point.pp-asa {background-color: #C9E6C7;}
.plan--point.pp-hir {background-color: #D2C4E8;}
.plan--point.pp-tok {background-color: #FFEC3A;}



/*floatボタン
*****************************/
.inline-btns input:first-child {display: block; width: 48%; float: left;}
.inline-btns input {display: block; width: 48%; float: right;}


.delete-article i {float: left; color: #F54337; margin-right: 15px;}
.delete-article dl {overflow-x: hidden;}
.delete-article dl dt {font-size: 2.1rem; margin-bottom: 2%; color: #F54337;}
.delete-article dl dd {margin-bottom: 2%;}
.delete-article dl dt + dd {font-size: 1.5rem;}

.delete-article .not-delete dd {font-weight: bold;font-size: 1.5rem;color: #F54337;}



/*tokuten
**********************************/
.tokuten ul li a {font-weight: bold; font-size: 1.6rem; display: block; padding: 1% 2%; border-bottom: 1px solid #ddd;}



/*campaign
**********************************/
.campaign {background-color: #fff; margin-bottom: 3%; padding: 2% 2% 0 2%; overflow: hidden; margin-top: 15px;}
.campaign .swiper-slide {width: 49%; float: left; margin-bottom: 10px;}
.campaign .swiper-slide:nth-child(even) {margin-left: 2%;}
.campaign .swiper-slide a {display: block;}
.campaign .swiper-slide a img {width: 100%;}




/*page-login,page-creat
**********************************/
#page-login .head,
#page-creat .head {background-color: #456DB1; padding: 2% 5%; text-align: center; margin-bottom: 3%; margin-top: -3%;}

#page-login .head .ttl,
#page-creat .head .ttl {font-size: 3.6rem; color: #fff; margin-bottom: 1%;}
#page-login .head .ttl + p,
#page-creat .head .ttl + p {color: #fff; font-size: 1.6rem;}



/*sign-sec
***************************/
.sign-sec {width: 700px; margin: 0 auto;}
.sign-sec .ttl {font-size: 1.8rem; font-weight: bold; margin-bottom: 5%;}

.sign-sec .box-inner {background-color: #fff; border-radius: 3px; padding: 5% 3%; margin-bottom: 3%;}

.sign-sec .col--row {overflow: hidden; margin: 0 20% 3% 20%;}
.sign-sec .col--row + .col--row {margin-bottom: 6%;}
.sign-sec .col--row dt {float: left; width: 120px;}
.sign-sec .col--row dd {overflow: hidden;}

.sign-sec .error-msg {margin-bottom: 5%;}

.sign-sec .menber-msg {margin-bottom: 3%; font-size: 1.6rem;  color: #2D4DA2;}

.forgot-msg {margin-top: 25px; text-align: right;}

.sign-sec .dl-col-2 dt {width: 30%;}
.sign-sec .dl-col-2 dd {width: 70%;}
.sign-sec .dl-col-2 .fb-dt {width: 5%;}

/*hotel-block
***************************/
.hotel {overflow: hidden; margin-bottom: 5%;}
.hotel-block {margin-top: 15px; margin-right: 10px; margin-left: 10px;}
.hotel-block .hotel-box {padding: 10px; display: block; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,.1); border-radius: 3px; color: #222;}
.hotel-block .hotel-box:hover {text-decoration: none;}
.hotel-block .hotel-box .pic {float: left; margin-right: 15px; width: 30%;}
.hotel-block .hotel-box .pic img {width: 100%; margin-bottom: 10px;}
.hotel-block .hotel-box .ttl {font-size: 1.5rem; border-bottom: 1px solid #C0C0C0; margin-bottom: 10px; padding-bottom: 10px;}
.hotel-block .hotel-box .txt {overflow: hidden; padding-top: 5px;}
.hotel-block .hotel-box dd {margin-bottom: 10px;}
.hotel-block .hotel-box dd.h-gaiyou {font-size: 1.2rem; max-height: 3.1em; overflow: hidden;}


/*カレンダー
***************************/
.events {margin-top: 20px;}
.events .event-head {overflow: hidden; text-align: center;text-align: -webkit-center;}
.events .event-head p {float: left;}
.events .event-head select {display: inline-block; width: auto; margin-left: 10px;}

.event-head {margin-bottom: 20px;}
.eventEndDay {font-size: 1.4rem;}
.link-prev {float: left; font-size: 1.4rem;}
.link-next {float: right; font-size: 1.4rem;}
.now-month {font-size: 1.6rem; text-align: center; font-weight: bold;}

.eventMonthCalender table {border: 5px solid #ffe100;width: 100%; background-color: #fff;}
.eventMonthCalender table td {border-bottom: 1px dotted #ccc;border-left: 1px dotted #ccc;padding: 5px;text-align: center;}

.eventMonthCalender table tr td.cel-day {width: 40px; text-align: center;}
.eventMonthCalender table td.event {text-align: left; }
.eventMonthCalender table td.event p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 430px;}


.eventMonthCalender table td.sat {background-color: #e6f6fa;}
.eventMonthCalender table td.sun, .eventMonthCalender table td.holiday {background-color: #fae6f0;}
.eventMonthCalender table tr.today {background-color: #fffbdc;}
.eventMonthCalender table td.event span.holiday {display: block;font-size: 10px;}




.eventItems {
    overflow: hidden;
}
.eventItems dt {
    clear: left;
    float: left;
    padding-top: 5px;
    width: 120px;
}
.eventItems dt i {
    display: inline-block;
    text-align: center;
    width: 15px;
}
.eventItems dd {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    padding-left: 90px;
    padding-top: 5px;
}
.eventTxt {
    padding: 10px 0;
}
.eventRentURL {
    margin: 30px 0;
    text-align: center;
}
.eventRentURL dt {
    font-size: 16px;
}
.eventRentURL dt:before {
    content: " ";
    font-family: FontAwesome;
    margin-right: 5px;
}
.eventRentURL dt:after {
    content: " ";
    font-family: FontAwesome;
    margin-left: 5px;
}
.relateEntry {
    margin: 50px 0 20px;
}
.relateEntry h4 {
    border-bottom: 2px solid #40537b;
    color: #40537b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.relateEntry h4 i {
    margin-right: 10px;
}
.relateEntry li {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
}

html, body, #map-canvas  {
margin: 0;
padding: 0;
height: 100%;
}

#map-canvas {
width:100%;
height:400px;
}


.coupon-bnrs {background-color: #F9F9FB; padding-bottom: 30px;}
.coupon-bnrs .inner {background-color: #F9F9FB; text-align: center; width: 960px; margin: 0 auto;}
.coupon-bnrs .inner img {width: 100%;}


.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: -5px !important;
    background: #fff !important;
}

.coupon-bnrs .coupon-list img {width: 100%;}
.coupon-bnrs .coupon-list li {margin-bottom: 10px;}

.coupon-bnrs .coupon-list li.coupon-close a{position: relative;display: block;cursor: default;}
.coupon-bnrs .coupon-list li.coupon-close a img.end-img{position: absolute;left: 0px;top: 0px;}

.note {font-size: 1.2rem; line-height: 1.4; margin-top: 8px; /*color: #ff0000;*/}

.msg-save-error {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 15px 0;
	font-size: 108%;
	background-color: #FFD2D3;
	border: 1px solid #FF9799;
	padding-left: 10px;
	font-weight: bold;
	color: #F00;
	width: 100%;
}

.slider-prev, .slider-next {
    display: inline-block;
    text-decoration: none;
    color: #355f9a;
    width: 45px !important;
    height: 45px !important;
    border-radius: 10%;
    border: solid 2px #355f9a;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    transition: .4s;
    background-color: #fff;
    font-size: 2em;
}
.slider-prev:active, .slider-next:active {
  background: #b3e1ff;
}
.calendar-slider-list{overflow: hidden;}
.calendar-slider-list .calendar-month{text-align: center;font-weight: bold;font-size: 1.4em;}
.calendar-slider-list li{display: inline-block;}

.eventMonthCalender .page-button{display: flex;justify-content: space-between;margin: 0 10px;}


/*予約情報タブ
***************************/
.reserve-tab{display: flex;margin: 0 3px 20px;}
.reserve-tab a{border: solid 1px #337ab7; background-color: #337ab7; color: #fff; flex-grow: 0; width: 100%;margin: 1px;text-align: center; padding: 10px 0; font-size: 1.2em; padding: 10px 0;font-weight: bold;text-decoration: none;}
.reserve-tab a:hover{background-color: #588ebd;color: #fff;text-decoration: none;}
.reserve-tab a.disabled{pointer-events: none;background-color: #f9f9fb; color: #337ab7; border-bottom: none;}
@media only screen and (max-width : 768px) {
	.reserve-tab a{font-size: 1em;}
	.reserve-tab a.disabled{font-size: 1.1em;}
	.reserve-tab a .textf{display: block;}
}

.res-car-switch{padding: 0px 1px 10px;}
.res-car-switch .btn-group{display: flex;}
.res-car-switch .btn-group > .btn-default{display: block; flex-grow: 0; width: 100%;}
.res-car-switch .btn-group > .btn-default:active, .btn-group > .btn-default.active {background-color: #5f98e6;font-weight: bold;}

.res-switch {text-align: right;margin: 5px;}

/*-------------------------
ページング
--------------------------*/
.pageing {
/* 	float: right; */
	margin-top: 8px;
	padding-bottom: 15px;
	display: flex;
	justify-content: flex-end;
}
.pageing li {
	display: block;
	margin-right: 4px;
	color: #666;
}
.pageing li.current {
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	background-color: #EFEFEF;
	border: 1px solid #666666;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	padding: 2px 8px;
	min-width: 25px;
	font-weight: bold;
	color: #555;
}

.pageing li a {
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	background-color: #DFECFF;
	border: 1px solid #93BEFF;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	padding: 2px 8px;
	min-width: 25px;
}
.pageing li a:hover {
	border-radius: 2px;        /* CSS3草案 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;   /* Firefox用 */
	background-color: #FFC;
	border: 1px solid #F93;
	text-decoration: none;
	color: #F63;
	}
	
/*予約情報タブ
***************************/
.rsv-pc{display: block;}
.rsv-pc td.cel-site{max-width: 300px;}
.rsv-sp{display: none;}
.rsv-sp > div{border-bottom: 2px solid #bbb; padding: 5px 4px; display: block; margin: 0 8px; color: #444;background-color: #FFF;text-decoration: none;}
.rsv-sp > div.t-data-link:hover{background-color: #eee;text-decoration: none;}
.rsv-sp > div:first-child{border-top: 2px solid #bbb;}
.rsv-sp > div table{width:100%; color: #444;font-size:0.9em;vertical-align: text-top; border-spacing: 0px 3px; border-collapse: separate;font-size:1em;padding: 0px 15px;}
.rsv-sp > div table .cel-prc-txt{color: #f50057; font-weight: bold;}
.rsv-sp > div table th{vertical-align: text-top;width: 100px;}
.rsv-sp > div table.en th{vertical-align: text-top;width: 150px;}
.rsv-sp > div table td.car-rsv-each{line-height: 20px; border: 2px solid #fff; padding: 3px 5px;background-color: #fffedc;}
.rsv-sp > div table td.car-rsv-each .label{margin-right: 5px;vertical-align: middle;}
.rsv-sp > div table td.car-rsv-each .car-no{font-weight: bold; border-bottom: 1px solid #bfbfbf; margin-bottom: 5px;}
.rsv-sp > div table td.car-rsv-each .title{width: 65px; display: inline-block;font-weight: bold;}
.rsv-sp > div table.en td.car-rsv-each .title{width: 110px; display: inline-block;font-weight: bold;}

@media only screen and (max-width : 768px) {
	.pageing li a {min-width: 30px;}
	.pageing li.current {min-width: 30px;}
	.rsv-pc{display: none;}
	.rsv-sp{display: block;}
}
@media only screen and (max-width : 500px) {
	.pageing {justify-content: space-between;}
	.res-car-switch{padding: 0px 10px 10px;}
	.rsv-sp > div table{font-size:0.9em;padding: 0px;}
	.rsv-sp > div table th{width: 75px;}
	.rsv-sp > div table.en th{width: 135px;}
}

/** 公式アカウント
***************************/
.official-account-bnrs{padding-bottom: 30px;}
.official-account-bnrs a img{height: 40px;}
.detail-txt{margin-bottom:10px; font-size:0.9em; font-weight:700; color:#224982;}

/** 予約詳細
***************************/
.attachment-link{padding: 5px;background-color: #c1eaff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size: 0.9em;font-weight: bold;}
/** 予約問い合わせ
***************************/
.SumoSelect {width: 100%;}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk {background-color: #11a911;color: #fff;font-weight: bold;}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel {background-color: #97a297;color: #fff;font-weight: bold;}
.SumoSelect .optWrapper .options .opt label {white-space: normal;}
#selectBody {margin: 15px 0;}
#selectBody p {margin-bottom: 0px;}
#selectBody .select-ttl {font-size: 1.5rem;border-bottom: solid 1px #5989cf;padding: 0 0 5px 0;}
#selectBody .input-text {font-weight:bold;}
#selectBody .select-item-list {padding: 8px 0;border-bottom: solid 1px #5989cf;}
#selectBody .select-item-list .select-text {margin-bottom: 10px;}
#selectBody .select-item-list .body-area {margin-bottom: 10px;}
#selectBody .notes-text {padding: 1em;margin: 2em 0;color: #ff4a35;background: #ffebe9;border: solid 3px #ff7d6e;}
#selectBody .body-area::placeholder {color: #fb7070;}
#selectBody .body-area:-ms-input-placeholder {color: #fb7070;}/* IE */
#selectBody .body-area::-ms-input-placeholder {color: #fb7070;}/* Edge */

/** レンタカー予約詳細
***************************/
.qr_box {padding: 8px 19px;margin: 0 0 2em 0;color: #2c2c2f;background: #ffefed;border-top: solid 2px #f50057;border-bottom: solid 2px #f50057;}
.qr_box p {margin: 0; padding: 0;font-size: 15px;line-height: 1.7;text-align:center;}
.qr_box .qr_btn_area {text-align: center;margin: 0 auto;}
.qr_box .qr_btn_area .qr_btn {display: inline-block;margin-right: 45px;padding: 20px 0 10px;}
.car_detail_btn {}
.car_detail_btn a {
	display: block;
	position: relative;
	float: right;
	margin: 0 0 0 auto;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #f50057;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.car_detail_btn a.center_btn {float: none;position: static;margin: 0 auto;width: 30%;}
.car_detail_btn a:hover, .car_detail_btn a:focus {color: #333;text-decoration: none;}

.frame-red, .frame-blue {margin: 1em 9em;padding: 1em 1em;text-align: center;font-weight: bold;font-size: 1.3em;}
.frame-red {border: 2px solid #f50057;color: #f50057;}
.frame-blue {border: 2px solid #2e75b6;color: #2e75b6;}
.frame-blue i {padding: 0 5px 0 0;}

.modal-qr .modal-header {border-bottom: none;}
.modal-qr .modal-body {text-align: center;}
.modal-qr .modal-body h2 {}
.modal-qr .modal-body .inner {margin-bottom: 3%;text-align: left; border: solid 1px #000000;margin: 2em 0;padding: 0.5em 1em;}
.modal-qr .modal-body .inner .dl-col {display: table; width: 100%; margin-bottom: 5px;}
.modal-qr .modal-body .inner .dl-col dt {width: 30%; display: table-cell; padding: 3px 3px; line-height: 1; vertical-align: middle;}
.modal-qr .modal-body .inner .dl-col dd {width: 70%; display: table-cell; padding: 3px 3px; line-height: 1;}
.modal-qr .modal-body p {font-weight: bold;}
.modal-qr .modal-body img {margin: 2.5em 0;}

@media only screen and (max-width : 767px) {
	.qr_box {margin: 2em 0;}
	.qr_box p {font-size: 13px;line-height: 1.5;text-align:left;}
	.qr_box .qr_btn_area .qr_btn {margin-right: 0px;}
	
	.frame-red, .frame-blue {margin: 1em 0;padding: 1em 1em;font-size: 1em;}
	
	.car_detail_btn a.center_btn {width: 80%;}
}


.modal-notes-text {
    padding: 1em;
    margin: 2em 0;
    color: #ff4a35;
    background: #ffebe9;
    border: solid 3px #ff7d6e;
}

.modal-btn-group {margin: 20px 0 15px 0;}
.modal-btn-group button {margin: 0 10px;}

/** メッセージ
***************************/
.message-alert {background-color: #f8d7da;padding: 5px;margin-top: 10px;color: #721c24;}
.alert-success{background-color: #E6F4D8;padding: 15px;margin: 10px 0;color: #61801b;}
.alert-warning{background-color: #FFF8E1;padding: 15px;margin: 10px 0;color: #e07210;}
.alert-danger{background-color: #fff4f5;padding: 15px;margin: 10px 0;color: #E84855;}
.alert-info{background-color: #edf4f9;padding: 15px;margin: 10px 0;color: #004a9a;}

/** クレジットカード登録
***************************/
#myCard .must{background: #EE534F;color: #FFF;font-size: 1.1rem;display: inline-block;margin-left: 5px;padding: 1px 3px;}
#myCard label{margin-bottom: 7px;}
.edit-credit{margin: 24px 0 48px;}
.edit-credit dt{font-weight: bold;}
.edit-credit-num input{}
.edit-credit-date select{width: auto;margin-right: 3px;}
.edit-credit-can{margin-bottom: 24px;}
.edit-credit-can p{font-weight: 700;}
.edit-credit-can li{display: inline-block;margin-right: 3px;}
.form-credit-date{display: flex;}
.form-credit-date li{display: flex;flex-wrap: wrap;align-items: baseline;}
.form-credit-date li.form-credit-date-m select,
.form-credit-date li.form-credit-date-y select{
    order: 1;
}
.form-credit-date li.form-credit-date-m span,
.form-credit-date li.form-credit-date-y span{
    order: 2;
    padding-left: 3px;
}
.form-credit-date li.form-credit-date-m div,
.form-credit-date li.form-credit-date-y div{
    order: 3;
}
.form-credit-date li.form-credit-date-m,
.form-credit-date li.form-credit-date-y{
    width: 115px;
}
.edit-credit-date select{width: auto;margin-right: 3px;}
.edit-credit-can{margin-bottom: 24px;}
.edit-credit-can li{display: inline-block;margin-right: 3px;}

.info-credit {display: inline-block;}
.info-credit .info-credit-list .info-credit-num {margin: 0 20px 0 5px;}
.info-credit .info-credit-list .info-credit-exp {margin: 0 30px 0 0;}