@charset "UTF-8";
/*===================================================
contents column
===================================================*/

.icon-room-bussiness_rate {
	padding:5px 10px;
	background: #52a700;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin-top:5px;
}

.icon-goto {
    background: #ff00ff;
    color: #fff;
    padding: 5px 10px !important;
    font-weight: bold;
    border-radius: 5px;
    font-size: 14px !important;
    display: inline-block;
    width: 150px;
    text-align: center;
    margin-top: 5px;
}

.top-logout {
	margin-left:10px;
}
.top-logout:hover {
	color:#000;
	border-bottom:1px solid #000;
}

#col-left {
	width: 280px;
	float: left;
}
#col-right {
	margin-left: 300px;
	background-color: #fff;
	visibility: visible;
}
.side-bar {
	margin-bottom: 10px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
	background-color: #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
.side-bar.bar-2 {
	margin-bottom: 20px;
}
.section-lg {
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
.section-md {
	margin-bottom: 20px;
}
.section-xs {
	margin-bottom: 30px;
}
.cont-box-1 {
	padding: 15px;
}
.cont-box-1,
.cont-box-3 {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	/*box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;*/
}
.cont-box-2 {
	border: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	/*box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;*/
}
.child-box-1 {
	padding: 10px;
}
.box-pad-1 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.container-fluid {
	padding-right: 5px;
	padding-left: 5px;
}
.row {
	margin-right: -5px;
	margin-left: -5px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
/*===================================================
heading
===================================================*/
/*page header*/
#page-top-header {
	width: 100%;
	background: url(../images/background/bg_stripe.gif) repeat 0 0;
	border-bottom: 1px solid #d0d0d0;
}
#page-top-header-inner {
	max-width: 1230px;
	padding: 15px 15px 13px;
	margin: 0 auto;
}
#page-title {
	font-weight: bold;
}
#page-title .air {
	padding-right: 34px;
	background: url(../images/icon/page_header_air.svg) no-repeat right 4px;
}
#page-title .hotel {
	padding-right: 31px;
	background: url(../images/icon/page_header_hotel.svg) no-repeat right 4px;
}
/*contents header*/
.cont-header-lg,
.cont-header-lg-radius {
	padding: 10px;
}
.cont-header-md,
.cont-header-md-radius {
	padding: 8px 10px;
}
.cont-header-xs,
.cont-header-xs-radius {
	padding: 6px 10px;
}
.cont-header-lg,
.cont-header-md,
.cont-header-xs,
.cont-header-lg-radius,
.cont-header-md-radius,
.cont-header-xs-radius {
	width: 100%;
	display: table;
	border-radius: 3px 3px 0 0;
}
.cont-header-lg-radius,
.cont-header-md-radius,
.cont-header-xs-radius {
	border-radius: 3px;
}
.cont-header-lg > *:not(a),
.cont-header-md > *:not(a),
.cont-header-xs > *:not(a),
.cont-header-lg-radius > *:not(a),
.cont-header-md-radius > *:not(a),
.cont-header-xs-radius > *:not(a) {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
/*小見出し*/
.cont-header-nest {
	width: 100%;
	padding: 6px 10px;
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
}
.cont-header-nest-2 {
	width: 100%;
	padding: 8px 10px;
}
/*見出しテキスト*/
.cont-header-lg > .title,
.cont-header-md > .title,
.cont-header-xs > .title,
.cont-header-lg-radius > .title,
.cont-header-md-radius > .title,
.cont-header-xs-radius > .title,
.cont-header-nest > .title,
.cont-header-nest-2 > .title {
	font-weight: bold;
	white-space: nowrap;
}
/*注釈*/
.cont-header-lg > small,
.cont-header-md > small,
.cont-header-xs > small,
.cont-header-lg-radius > small,
.cont-header-md-radius > small,
.cont-header-xs-radius > small {
	padding: 0 10px;
}
/*=====リンクボタン=====*/
.cont-header-lg > a,
.cont-header-md > a,
.cont-header-xs > a,
.cont-header-lg-radius > a,
.cont-header-md-radius > a,
.cont-header-xs-radius > a {
	padding: 5px 10px;
	white-space: nowrap;
}
/*予約名の入力*/
.select-input-language {
	text-align: right;
}
.select-input-language dt,
.select-input-language dd {
	display: inline-block;
}
.select-input-language dt a img,
.select-input-language dd a img {
	width: 85%;
	height: auto;
	padding: 0 2px;
	border: 1px solid #666;
}
.select-input-language dt a:hover img,
.select-input-language dd a:hover img {
	border: 1px solid #fff;
}
/*===================================================
list(ul, dl, ol)
===================================================*/
/*汎用スタイル*/
.list-group-dl dd {
	padding-top: 5px;
}
.list-group-dl:nth-child(n+2) {
	padding-top: 10px;
}
.list-group-ul-1 li {
	float: left;
	margin-right: 10px;
}
.list-group-ul-2 {
	list-style-type: decimal;
	list-style-position: inside;
}
.list-group-ul-2 li {
	margin-bottom: 5px;
	text-indent:-1em;
	padding-left:1em;
}
.list-group-ul-2 li:last-child {
	margin-bottom: 0;
}
/*inline-list*/
.list-group-inline-1 {
	padding: 0 0 10px 10px;
}
.list-group-inline-2 {
	padding: 0 0 10px;
}
.list-group-inline-1 li,
.list-group-inline-2 li {
	list-style-type: disc;
	list-style-position: inside;
}
/*お知らせ*/
.list-group-info {
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
}
.list-group-info .title {
	padding-bottom: 5px;
	font-weight: bold;
}
.list-group-info:last-child,
.list-group-info:last-child p {
	border-bottom: none;
}
/*トップページ・タイムセール(air, hotel)*/
.list-group-sale-item {
	padding: 10px;
	position: relative;
	border: 1px solid #d0d0d0;
}
/*ホテルランク・クチコミ*/
.list-group-evaluation dt,
.list-group-evaluation dd {
	display: inline-block;
	font-weight: normal;
}
.list-group-evaluation dd img {
	width: auto;
	height: 12px;
	margin-top: -5px;
}
.star {
	margin: 0 0 5px;
}
.star img {
	width: auto;
	height: 12px;
}
/*客室情報（施設のアメニティ）ほか*/
.list-group-amenity[data-column="3"],
.list-group-amenity[data-column="4"] {
	margin: 0 -10px;
}
.list-group-amenity[data-column="3"] li,
.list-group-amenity[data-column="4"] li {
	padding: 0 10px;
}
.list-group-amenity[data-column="3"] li {
	width: 33.333%;
	float: left;
	list-style-type: disc;
	list-style-position: inside;
}
.list-group-amenity[data-column="4"] li {
	width: 25%;
	float: left;
	list-style-type: disc;
	list-style-position: inside;
}
/*アイコンリスト用*/
.list-group-icon[data-component="hotel-room-detail"] li {
	margin: 5px 5px 0 0;
	float: left;
}
.list-group-icon[data-component="hotel-room-detail"] li:last-child {
	margin-right: 0;
}
/*ダイナミックパッケージ専用スタイル*/
/*===================================================
table
===================================================*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px;
}
/*top 予約状況*/
#reserve-summary {
	margin-bottom: 0;
}
/*テキスト左・右・中央寄せ*/
.txt-left-tbl th,
.txt-left-tbl t d {
	text-align: left;
}
.txt-right-tbl th,
.txt-right-tbl td {
	text-align: left;
}
.txt-center-tbl th,
.txt-center-tbl td {
	text-align: center;
}
/*注意事項、案内など*/
.info-tbl-1 {
	width: calc(100% - 20px);
}
.info-tbl-1 th {
	width: 15%;
	padding: 10px 0;
	vertical-align: top;
	border-bottom: 1px solid #d0d0d0;
}
.info-tbl-1 td {
	width: 85%;
	padding: 10px 0;
	border-bottom: 1px solid #d0d0d0;
}
/*予約確認*/
.check-reserve-tbl th {
	width: 25%;
	vertical-align: middle !important;
}
.check-reserve-tbl td {
	width: 75%;
}
.check-reserve-tbl-no-bordered th:nth-child(n+2),
.check-reserve-tbl-no-bordered td {
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	text-align: center;
}
/*入れ子テーブル*/
.nest-tbl-xs {
	max-width: 100%;
	width: auto;
}
/*テーブル（tableの代わりにdivで代用するパターン）*/
.div-tbl {
	width: 100%;
	display: table;
	border-collapse: collapse;
	border: 1px solid #d0d0d0;
}
.div-tbl-header {
	width: 100%;
	display: table-header-group;
}
.div-tbl-row {
	display: table-row;
}
.div-tbl .th,
.div-tbl .td,
.div-tbl-header .th {
	display: table-cell;
	border: 1px solid #d0d0d0;
}
.div-tbl .td {
	height: 100%;
	vertical-align: top;
}
.div-tbl .th {
	padding: 8px 10px;
	font-weight: bold;
	vertical-align: middle;
}
.div-tbl-footer {
	display: table-footer-group;
}
/*===================================================
form
===================================================*/
/*=====汎用ボックス=====*/
.form-group.form-inline {
	margin: 0 15px 0 0;
	display: inline-block;
}
.form-control {
	height: 28px;
	line-height: 23px;
}
.input-box-1 {
	float: left;
	padding-right: 10px;
}
.input-box-2 {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.input-box-3 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}
.form-group.form-inline label {
	float: left;
	margin: 6px 10px 0 0;
}
.form-group.form-inline .input-group {
	float: left;
}
/*=====各トップページ検索フォーム（b2c兼用）=====*/
#top-search-container {
	background-color: #f5f5f5;
}
#top-search-form {
	width: 100%;
	display: table;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.top-search-form-box {
	width: 33.333%;
	display: table-cell;
	vertical-align: top;
	padding: 15px;
	border-right: 1px solid #d0d0d0;
}
#top-search-form .top-search-form-group:last-child {
	border-right: none;
}
/*=====各ページ検索結果=====*/
.search-box-1 {
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0 1px 0 white;
}
.search-box-2 {
	padding: 10px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0 1px 0 white;
}
.search-box-3 {
	padding: 0 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 0 1px 0 white;
}
/*sidebar toggle button*/
.toggle-side-bar-btn {
	width: 40px;
	height: 100%;
	display: none;
	background-color: #222;
	border-right: 1px solid #d0d0d0;
	color: #333;
	position: fixed;
	top: 0;
	left: 280px;
	z-index: 10;
}
.toggle-side-bar-btn .search {
	width: 40px;
	line-height: 40px;
	position: absolute;
	top: 45%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.toggle-side-bar-btn.active .search {
}
.toggle-side-bar-btn.active {
	background-color: #444;
}
/*チェックイン・チェックアウト*/
.check-in-out-wrapper {
	width: 100%;
	display: table;
}
.check-in-out-box {
	width: 60%;
	padding-right: 10px;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d0d0d0;
	box-shadow: white 1px 0 0;
}
.check-in-out-arrow {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.num-nights-box {
	width: 40%;
	padding-left: 10px;
	display: table-cell;
	vertical-align: middle;
}
/*label*/
.label-block {
	display: block;
	font-weight: normal;
}
/*custom radio*/
input[type=radio].hide-radio,
input[type=checkbox] {
	display: none;
	margin: 0;
}
.custom-radio,
.custom-cbox {
	position: relative;
	line-height: 18px;
	font-weight: normal;
}
input[type=radio].hide-radio + .custom-radio,
input[type=checkbox] + .custom-cbox {
	padding: 0 0 0 22px;
}
input[type=radio].hide-radio + .custom-radio:before {
	border: 2px solid #ccc;
	border-radius: 30px;
}
input[type=checkbox] + .custom-cbox:before {
	border: 2px solid #ccc;
}
input[type=radio].hide-radio + .custom-radio:before,
input[type=checkbox] + .custom-cbox:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
}
input[type=radio].hide-radio:checked + .custom-radio:after,
input[type=checkbox]:checked + .custom-cbox:after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
}
input[type=radio].hide-radio:checked + .custom-radio:after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #E71063;
	border-radius: 8px;
}
input[type=checkbox]:checked + .custom-cbox:after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #E71063;
	border-bottom: 3px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*ui-datapicker button*/
.ui-datepicker-trigger {
	background-image: url(../images/background/bg_datepicker.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 28px auto;
	border: 1px solid #d0d0d0;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	position: absolute;
	right: 0px;
	text-indent: -999em;
	top: 0px;
	height: 28px;
	width: 28px;
}
/*
.ui-datepicker {
	z-index: 1000 !important;
}
*/
/*=====select=====*/
select {
	height: 28px;
}
/*=====checkbox=====*/
/*最終確認チェック*/
.all-check {
	display: block;
	padding-bottom: 10px;
	text-align: center;
}
.final-check {
	padding: 15px 10px;
	background-color: #c55;
}
.final-check dl {
	text-align: center;
	color: #fff;
}
.final-check dl dt {
	padding-bottom: 8px;
}
.final-check dl dd {
}
/*=====航空券=====*/
/*往路・片道・周遊きりかえ*/
.select-trip[data-component="result"] li {
	float: left;
	margin-right: 15px;
}
/*目的地（都市名・都市リスト入力切替え）*/
.select-destination-title {
	float: right;
}
/*目的地の追加・都市名／リストきりかえ*/
#destination-2,
#destination-3,
#destination-4,
#destination-5 {
	padding-top: 10px;
}
.add-destination-btn-box,
.remove-destination-btn-box {
	float: left;
	padding-top: 10px;
}
.add-destination-btn-box {
	margin-right: 5px;
}
/*絞り込み検索*/
.air-detail-search-header {
	padding: 8px 10px 7px;
	color: #fff;
	font-weight: bold;
}
/*=====部屋数・子供人数選択=====*/
/*サイドバー*/
.condition-select[data-component="side-bar"] dt {
	width: 30%;
	float: left;
	line-height: 28px;
	line-height: 2.8rem;
}
.condition-select[data-component="side-bar"] dd {
	width: 70%;
	float: left;
	position: relative;
}
.condition-select[data-component="side-bar"] .title02 {
	float: left;
	width: 30%;
}
.condition-select[data-component="side-bar"] .select02 {
	width: auto;
	float: none;
	margin-left: 30%;
}
.num-select-inner {
	width: 100%;
}
.inner-condition-select {
	display: inline-block;
	padding-right: 10px;
}
.condition-select[data-component="side-bar"] dd .inner-condition-select dt,
.condition-select[data-component="side-bar"] dd .inner-condition-select dd {
	width: auto;
	float: none;
}
.room-child-box[data-component="side-bar"] {
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	padding-top: 10px;
}
.child-ages-box[data-component="side-bar"] {
	width: 100%;
	margin-top: 10px;
	display: none;
}
.child-age-select-list[data-component="side-bar"] {
	display: none;
	float: left;
	padding-right: 10px;
	width: 50%;
}
.child-age-select-list[data-component="side-bar"] dt {
	float: left;
	width: 50%;
	line-height: 28px;
	line-height: 2.8rem;
}
.child-age-select-list[data-component="side-bar"] dd {
	margin-left: 50%;
	line-height: 28px;
	line-height: 2.8rem;
}
.child-age-select[data-component="side-bar"] .child-age-select-list:nth-child(2n) {
	padding-right: 0;
}
/*ホテル詳細*/
.condition-select[data-component="hotel-detail-soter"]:first-child,
.condition-select[data-component="hotel-detail-soter"] .head,
.condition-select[data-component="hotel-detail-soter"] .child,
.condition-select[data-component="hotel-detail-soter"] dd .inner-condition-select,
.child-ages-box[data-component="hotel-detail-soter"],
.child-age-select-list[data-component="hotel-detail-soter"] {
	float: left;
}
.condition-select[data-component="hotel-detail-soter"]:nth-child(n+2) {
	margin-left: 75px;
}
.condition-select[data-component="hotel-detail-soter"] .head {
	margin: 25px 8px 0 0;
}
.child-ages-box[data-component="hotel-detail-soter"] {
	display: none;
}
.room-child-box[data-component="hotel-detail-soter"] {
	margin-top: 10px;
}
.condition-select[data-component="hotel-detail-soter"] dd .inner-condition-select,
.child-age-select-list[data-component="hotel-detail-soter"] {
	margin-left: 8px;
}
.condition-select[data-component="hotel-detail-soter"] dt,
.condition-select[data-component="hotel-detail-soter"] dd .inner-condition-select dt,
.child-age-select-list[data-component="hotel-detail-soter"] dt {
	margin-bottom: 5px;
}
/*ホテル詳細・客室情報ソート*/
.hotel-room-soter-primary {
	width: 100%;
	display: table;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.hotel-room-soter-secondary {
	width: 100%;
	display: table;
	padding: 10px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.hotel-room-soter-primary .filter {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.hotel-room-soter-primary .filter > * {
	white-space: nowrap;
}
.hotel-room-soter-secondary .select-room-plan,
.hotel-room-soter-secondary .select-room-num {
	display: table-cell;
	vertical-align: top;
}
.hotel-room-soter-primary .filter .form-group,
.hotel-room-soter-primary .select-filter .form-group {
	width: auto;
	margin: 0 8px 0 0;
	display: inline-block;
}
.hotel-room-soter-secondary .select-room-plan {
	width: 35%;
}
.hotel-room-soter-secondary .select-room-num {
	width: 65%;
}
.hotel-room-soter-secondary .select-room-plan .form-group {
	width: auto;
	margin: 0 8px 0 0;
	float: left;
}
.hotel-room-soter-secondary .select-room-plan .form-group label {
	display: block;
}
/*===================================================
tab
===================================================*/
/*=====汎用スタイル=====*/
.tabs li {
	float: left;
	margin-right: 8px;
}
.tabs li a {
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-radius: 3px 3px 0 0;
	background-color: #fff;
	position: relative;
}
.tabs:not([data-component="util"]) li.active a {
	font-weight: bold;
	background-color: #f5f5f5;
}
.tabs[data-component="util"] li.active a {
	font-weight: bold;
	background-color: #d3edfb;
}
.tabs li.active a:after,
.tabs[data-component="util"] li.active a:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 2;
}
.tabs:not([data-component="util"]) li.active a:after {
	border-bottom: 1px solid #f5f5f5;
}
.tabs[data-component="util"] li.active a:after {
	border-bottom: 1px solid #d3edfb;
}
/*汎用タブパネル*/
.tab-pane[data-component="util"] {
	border: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
}
/*タブパネル（サイドバー内）*/
.tab-pane[data-component="side-bar"] {
	background-color: #f5f5f5;
}
/*タブパネル（商品詳細）*/
.tab-pane[data-component="detail"] {
	padding: 10px;
	border: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
	background-color: #f5f5f5;
}
/*=====トップページ・エリア選択（海外ホテル）=====*/

.tabs-area-select {
	text-align: right;
}
.tabs-area-select li {
	float: right;
	margin-left: 5px;
}
.tabs-area-select li a {
	display: block;
	padding: 5px 10px 3px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 3px;
}
.tabs-area-select li.active a {
	color: #006694;
	background-color: #fff;
}
/*=====トップページ・タイムセール等=====*/
.tabs-time-sale-parent li a {
	display: block;
	padding: 10px;
	text-align: center;
	font-weight: bold;
 @include fs(13);
}
.tabs-time-sale-parent li.active {
	background-color: #fff;
}
.tabs-time-sale-parent li a .offset {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 5px;
}
.tabs-time-sale-child li {
	float: left;
	margin-right: 8px;
}
.tabs-time-sale-child li a {
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-radius: 3px 3px 0 0;
	background-color: #fff;
	position: relative;
}
.tabs-time-sale-child li.active a {
	font-weight: bold;
	background-color: #f5f5f5;
}
.tabs-time-sale-child li.active a {
	font-weight: bold;
	background-color: #d3edfb;
}
.tabs-time-sale-child li.active a:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 2;
}
.tabs-time-sale-child li.active a:after {
	border-bottom: 1px solid #f5f5f5;
}
.tabs-time-sale-child li.active a:after {
	border-bottom: 1px solid #d3edfb;
}
/*=====サイドバー検索フォームタブ=====*/
.tabs-select-search li {
	width: 50%;
	float: left;
	border-bottom: 1px solid #d0d0d0;
	background-color: #f67704;
}
.tabs-select-search li a {
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #fff;
}
.tabs-select-search li.active {
	border-bottom: none;
	background-color: #f2f2f2;
}
.tabs-select-search li.active a {
	color: #333;
	font-weight: bold;
}
/*=====その他のスタイル=====*/
.tabs-style-1 {
	padding: 30px 10px 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	background-color: #f5f5f5;
}
.tabs-style-1 li {
	min-width: 120px;
	float: left;
	margin-right: 10px;
}
.tabs-style-1 li a {
	display: block;
	padding: 8px 10px;
	position: relative;
	text-align: center;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background-color: #006694;
	color: #fff;
}
.tabs-style-1 li.active a {
	color: #006694;
	background-color: #006694;
	background-color: #fff;
}
.tabs-style-1 li.active a:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: 100%;
	left: 0;
	border-bottom: 1px solid #fff;
}
/*===================================================
contents slider(flexslider)
===================================================*/
.flexslider {
	margin: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: auto;
	/*height: 250px;*/
	margin: 0 auto;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0;
	background: #fff;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
 *height: 0;
}
.flex-direction-nav a {
	text-indent: -999em;
	text-decoration: none;
	display: block;
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.flexslider:hover .flex-prev {
	opacity: 0.5;
	left: 0;
	width: 30px;
	height: 30px;
	background: url("../images/icon/icon_flexslider_prev.png") no-repeat scroll center center #00afc0;
}
.flexslider:hover .flex-next {
	opacity: 0.5;
	right: 0;
	width: 30px;
	height: 30px;
	background: url("../images/icon/icon_flexslider_next.png") no-repeat scroll center center #00afc0;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 0.8;
}
.flex-direction-nav .flex-disabled {
	opacity: 0 !important;
	filter: alpha(opacity=0);
	cursor: default;
}
.flex-direction-nav a:before {
	display: inline-block;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	display: inline-block;
	content: '';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.flex-control-paging li a {
	width: 8px;
	height: 8px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
.slider-wrapper[data-component="hotel-detail"] {
	width: 100%;
}
/*汎用スライダーボックス*/
.img-slider[data-component="hotel-detail"] {
	width: 60%;
	float: left;
	background-color: #f5f5f5;
}
.img-reserve-box {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #d0d0d0;
}
/*スライダー > アイテム*/
.slider-item-list[data-component="hotel-detail"] li {
	width: 225px;
	margin-right: 20px;
}
.slider-item-list[data-component="hotel-detail"] li:last-child {
	margin-right: 0;
}
/*スライダー画像*/
.img-slider[data-component="hotel-detail"] .slides img,
.img-reserve-box img {
	width: auto;
	height: 300px;
	display: block;
	margin: 0 auto;
}
/*キャプション*/
.hotel-img-caption {
	padding: 5px 10px;
	text-align: center;
}
/*サムネイルリスト*/
.thumbnail-slider[data-component="hotel-detail"] {
	width: 300px;
	float: left;
	height: 325px;
	overflow-y: scroll;
}
.thumbnail-slider[data-component="hotel-detail"] .slides li {
	/*width: calc(100%/3);*/
	width: 70px;
	float: left;
	border: 1px solid #000;
}
.thumbnail-slider[data-component="hotel-detail"] .slides img {
	/*width: 100%;
  height: auto;*/
	cursor: pointer;
}
/*===================================================
css animation class
===================================================*/
/*jsの代わりにcss3 animationにする場合*/
/*.toggle-content {
	max-height: 0;
	opacity: 0;
	transition-property: max-height, opacity;
	transition-duration: 600ms;
	transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.slide-toggle {
	opacity: 1;
	max-height: 1000em;
}*/
/*===================================================
top page
===================================================*/
#home-col-left {
	width: 280px;
	float: left;
}
#home-col-right {
	width: 900px;
	float: right;
}
.home-aside-box {
	margin-bottom: 10px;
}
.home-aside-box .aside-header {
	padding: 8px 10px 6px;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
.home-btn-list {
	margin-bottom: 15px;
}
.home-btn-list li {
	margin-bottom: 5px;
}
.home-btn-list li a {
	display: block;
	padding: 8px 10px 6px;
}
/*#ots-address {
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 1px solid #d0d0d0;
}*/

/*予約内容・お知らせ*/
#reserve-list,
#information {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
#home-info-list .list-group-item-info {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
}
#home-info-list .list-group-item-info:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.info-category {
	padding: 3px 5px 1px;
	display: inline-block;
	border: 1px solid #dadada;
}
.info-attention {
	padding: 3px 5px 1px;
	display: inline-block;
	color: #fff;
	background-color: #ed1c24;
}
/*ブラウザ対応案内*/
#browser-info-list {
	margin-bottom: 5px;
}
#browser-info-list dt {
	margin-bottom: 5px;
}
#browser-info-list dd {
	display: inline-block;
}
/*エリア選択*/
#area-select {
	margin-bottom: 20px;
}
#area-map {
	width: 100%;
}
#area-map-world,
#area-map-japan {
	width: 100%;
}
#area-map-world,
#area-map-japan {
	width: 100%;
	display: table;
}
#area-map-air {
	width: 60%;
	float: left;
	position: relative;
}
#world-map,
#japan-map {
	width: 70%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	border-right: 1px solid #d0d0d0;
}
#world-map img,
#japan-map img,
#area-map-air img {
	width: 100%;
	height: 360px;
	padding: 10px;
}
#world-map ul li,
#area-map-japan ul li,
#area-map-air ul li {
	position: absolute;
}
#world-map ul li a,
#area-map-japan ul li a,
#area-map-air ul li a {
	display: block;
	padding: 3px 5px 2px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	background-color: #fff;
	font-weight: bold;
	white-space: nowrap;
	transition-duration: 0.25s;
}
#world-map ul li a:hover,
#japan-map ul li a:hover,
#area-map-air ul li a:hover {
	background-color: #f2f2f2;
}
#world-map ul li.active a,
#japan-map ul li.active a,
#area-map-air ul li.active a {
	background-color: #ed6d35;
	border: 1px solid #ed6d35;
	color: #fff;
}
.area-point-america {
	right: 17%;
	top: 40%;
}
.area-point-north-america {
	right: 17%;
	top: 40%;
}
.area-point-south-america {
	right: 10%;
	top: 60%;
}
.area-point-canada {
	right: 20%;
	top: 20%;
}
.area-point-japan {
	right: 50%;
	top: 48%;
}
.area-point-hawaii {
	right: 32%;
	top: 55%;
}
.area-point-asia {
	right: 58%;
	top: 44%;
}
.area-point-oseania {
	right: 55%;
	top: 80%;
}
.area-point-micronesia {
	right: 40%;
	top: 58%;
}
.area-point-polinesia {
	right: 32%;
	top: 70%;
}

.area-point-africa {
	right: 73%;
	top: 50%;
}
.area-point-europe {
	right: 80%;
	top: 18%;
}
.area-point-hokkaido {
	right: 17%;
	top: 10%;
}
.area-point-tohoku {
	right: 33%;
	top: 38%;
}
.area-point-kanto {
	right: 40%;
	top: 60%;
}
.area-point-syuto {
	right: 43%;
	top: 78%;
}
.area-point-hokuriku {
	right: 52%;
	top: 48%;
}
.area-point-koushinetu {
	right: 41%;
	top: 45%;
}
.area-point-toukai {
	right: 51%;
	top: 65%;
}
.area-point-kansai {
	right: 60%;
	top: 67%;
}
.area-point-shikoku {
	right: 70%;
	top: 80%;
}
.area-point-sanyou {
	right: 68%;
	top: 54%;
}
.area-point-kyushu {
	right: 85%;
	top: 72%;
}
.area-point-okinawa {
	right: 5%;
	top: 85%;
}
.area-list {
	width: 30%;
	display: table-cell;
	vertical-align: top;
}
#area-list-air {
	width: 40%;
	float: left;
	border-left: 1px solid #d0d0d0;
}
.area-list .title {
	padding: 10px;
	font-weight: bold;
	background-color: #f5f5f5;
	border-bottom: 1px solid #d0d0d0;
}
.area-list-inner {
	height: 360px;
	overflow: auto;
}
.area-lis-air-inner {
	height: 360px;
	overflow: auto;
}
.area-list dl {
	padding: 10px;
	border-bottom: 1px solid #d0d0d0;
}
.area-list dl:last-child {
	border-bottom: none;
}
.area-list dl dt {
	padding-bottom: 2px;
}
.area-list dl dd {
	float: left;
	margin-right: 10px;
}
/*タイムセール*/
#time-sale {
	overflow: hidden;
	border-radius: 0 0 3px 3px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
}
.time-sale-inner {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-radius: 0 0 3px 3px;
}
.time-sale-tab-pane {
	padding: 15px;
}
.time-sale-list-header {
	padding: 15px 10px 10px;
	border-bottom: 1px solid #d0d0d0;
}
.time-sale-list-tbl {
	width: 100%;
	display: table;
}
.time-sale-list-tbl .time-sale-list-col {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
}
.time-sale-list-tbl[data-component="air"] .time-sale-list-col,
.time-sale-list-tbl[data-component="hotel"] .time-sale-list-col {
	width: 25%;
}
.time-sale-list-tbl[data-component="dp"] .time-sale-list-col {
	width: 16.666%;
}
.time-sale-list-tbl[data-component="dp"] .time-sale-list-col.arrow {
	background: url(../images/background/dp_out_home_arrow.png) no-repeat center right;
}
.time-sale-list[data-component="air"] .time-sale-list-col:nth-child(2),
.time-sale-list[data-component="air"] .time-sale-list-col:last-child,
.time-sale-list[data-component="hotel"] .time-sale-list-col:last-child,
.time-sale-list[data-component="dp"] .time-sale-list-col:nth-child(4),
.time-sale-list[data-component="dp"] .time-sale-list-col:last-child {
	color: #ed1c24;
	font-weight: bold;
}
.time-sale-list-tbl[data-component="dp"] .time-sale-list-col:last-child {
	text-align: right;
}
.time-sale-list {
	padding: 8px 10px;
	border-bottom: 1px dotted #ccc;
}

/*===================================================
検索ページ他、汎用スタイル
===================================================*/
/*===== 汎用パーツ =====*/
.side-bar-search-list-1 li {
	border-bottom: 1px solid #d0d0d0;
}
.side-bar-search-list-1 li:last-child {
	border-bottom: none;
}
.side-bar-search-list-1 li .btn {
	display: block;
	padding: 10px 10px 10px 19px;
	background: #fff url(../images/icon/arrow_single.png) no-repeat left 10px center;
}
.side-bar-search-list-1 li .active.btn {
	background: #fff url(../images/icon/arrow_single_active.png) no-repeat left 10px center;
}
.side-bar-search-list-1 li a.prev {
	padding: 10px 10px 10px 27px;
	background: #f2f2f2 url(../images/icon/arrow_double.png) no-repeat left 10px center;
}
.side-bar-search-list-1 li a.prev:hover {
	background-color: #fff;
}
.side-bar-search-list-1 li a.next {
	background: #fff url(../images/icon/arrow_single.png) no-repeat left 10px center;
}
.side-bar-search-list-1 li a.next.current,
.side-bar-search-list-1 li a.next:hover {
	color: #fff;
	background: #006694 url(../images/icon/arrow_single_current.png) no-repeat left 10px center;
}
.side-bar-search-list-1 li .toggle-box-1 {
	padding: 10px 10px 0 19px;
	display: none;
	background-color: #deeff7;
}
.side-bar-search-list-1 li .toggle-box-1 dl {
	padding-bottom: 10px;
}
.side-bar-search-list-1 li .toggle-box-1 dl dt {
	padding-bottom: 5px;
	font-weight: normal;
}
.side-bar-search-list-1 li .toggle-box-1 dl dd a:hover {
	text-decoration: underline;
}

/*=====ページネーション=====*/
.result-pagenation {
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
#col-right .result-pagenation:last-child,
.dp-main-contents .result-pagenation:last-child {
	margin-top: 20px;
}
.result-pagenation[data-component="dp"] {
	margin: 20px 0;
}
.result-pagenation-header {
	padding: 5px 10px;
	border-bottom: 1px solid #d0d0d0;
}
.result-pagenation-footer {
	padding: 5px 10px;
}
.result-total-num {
	float: left;
	padding-top: 5px;
	margin-bottom: 0;
}
.result-pageing {
	float: right;
}
.result-sorter,
.result-pagenation-number {
	display: inline-block;
}
.result-sorter {
	padding-right: 20px;
}
.result-sorter a,
#result-sorter span,
.result-pagenation-number a,
.result-pagenation-number span {
	display: inline-block;
	line-height: 13px;
	padding-top: 5px;
}
.number-pdb {
	padding: 0 10px;
}
.sort-seat,
.sort-seat li {
	float: left;
}
.page {
	font-weight: bold;
	padding: 0 10px;
}
.result-item .causion {
	background: #00b0f0;
	text-align: center;
	padding: 4px;
	margin-bottom: 10px;
	color: #fff;
	width: 120px;
	float: left;
}
.result-item .detailbtn {
	background: #ff6600;
	text-align: center;
	padding: 4px;
	color: #fff;
	margin-bottom: 10px;
	float: left;
	width: 89px;
	border-radius: 0px 6px 0px 0px;
	border-left: 1px solid #ccc;
	text-shadow: 1px 1px 1px #ccc;
}
.result-item .detailbtn:hover {
	background: #ff8833;
}
/*=====ソート（並べ替え）=====*/
#result-list-soter .soter-primary {
	width: 100%;
	display: table;
	border-bottom: 1px solid #d0d0d0;
}
#result-list-soter .soter-primary li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d0d0d0;
}
#result-list-soter .soter-primary li:last-child {
	border-right: none;
}
#result-list-soter .soter-primary li a,
#result-list-soter .soter-primary li span {
	display: block;
	padding: 5px;
	text-align: center;
	background-color: #f5f5f5;
}
#result-list-soter .soter-primary li a {
	background-color: #f2f2f2;
}
#result-list-soter .soter-primary li .selected {
	color: #fff;
	background-color: #004aa4;
	position: relative;
	font-weight: bold;
}
#result-list-soter .soter-primary li .selected:after {
	content: url("../images/icon/sort_arrow.png");
	padding-left: 5px;
	position: relative;
	top: -1px;
}
#result-list-soter .soter-primary li span {
	position: relative;
	font-weight: bold;
	background-color: #222;
	color: #fff;
}
/*#result-list-soter .soter-primary li span:before,
#result-list-soter .soter-primary li span:after, {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#result-list-soter .soter-primary li span:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 5px;
	margin-top: -5px;
}
#result-list-soter .soter-primary li span:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 11px;
	margin-top: -11px;
}*/
#result-list-soter .secondary {
	width: 100%;
	display: table;
}
.one-room-price-info {
	display: table-cell;
	vertical-align: middle;
	background: #e8383d url(../images/icon/icon_tax.png) no-repeat 10px center;
	background-size: 28px auto;
}
.one-room-price-info[data-component="detail"] {
	width: 100%;
	display: block;
	padding: 10px 10px 8px;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}
.one-room-price-info h1 {
	/*padding: 0 10px 0 52px;*/
	padding: 0 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.one-room-price-info h1.option {
	padding: 10px;
}
#result-list-soter .soter-secondary {
	width: 45%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 10px 8px;
	border-left: 1px solid #d0d0d0;
}
#result-list-soter .soter-secondary ul {
	text-align: center;
}
#result-list-soter .soter-secondary ul li {
	display: inline-block;
	margin: 0 2px;
}
#result-list-soter .soter-secondary ul li a {
	display: block;
	white-space: nowrap;
	padding: 8px 6px 6px;
}
/*=====検索条件の表示=====*/
.search-info-box {
	margin-bottom: 20px;
}
.search-info-box .condition-box {
	width: 100%;
	display: table;
	border: 1px solid #d0d0d0;
	background-color: #f5f5f5;
}
.search-info-box .condition-box .condition {
	width: 75%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
	border-right: 1px solid #d0d0d0;
}
.search-info-box .condition-box .selected-item-opner {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.search-info-box .selected-item-opner a {
}
/*=====ホテル地図=====*/
/*アイテム詳細*/
.gmap-img {
	width: 100%;
	height: 70px;
	padding: 4px;
	border: 1px solid #d0d0d0;
}
/*予約以降*/
.gmap-img-lg {
	width: 100%;
	height: 200px;
	padding: 4px;
	border: 1px solid #d0d0d0;
}
/*ホテル検索結果*/
.gmap-modal {
	width: 100%;
	height: 500px;
	display: none;
	position: fixed;
	top: 40px;
	z-index: 999;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.gmap-modal:not([data-component="dp"]) {
	max-width: 920px;
}
.gmap-modal[data-component="dp"] {
	max-width: 1010px;
}
.gmap-modal .gmap {
	position: relative;
}
.gmap-modal .btn-close-modal {
	width: 100%;
	padding: 10px 15px 8px;
	display: block;
	position: absolute;
	top: -30px;
	right: 0;
	background-color: #fff;
	color: #ccc;
	cursor: pointer;
	text-align: right;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.gmap-modal .btn-close-modal:hover {
	color: #fff;
	background-color: #e0e0e0;
}
/*=====コンテンツボックス=====*/
.cont-box-air,
.cont-box-hotel,
.cont-box-option {
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
	border: 1px solid #d0d0d0;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
.item-detail-container {
	width: 100%;
	display: table;
}
.col-item-detail {
	padding: 12px;
	display: table-cell;
	vertical-align: top;
}
.col-item-detail.fl {
	width: 100%;
}
.col-item-detail.xlg {
	width: 70%;
}
.col-item-detail.lg {
	width: 60%;
}
.col-item-detail.md {
	width: 40%;
}
.col-item-detail.xs {
	width: 30%;
}
.item-detail-container .col-item-detail.xsm {
	width: 50%;
	border-right: 1px solid #d0d0d0;
}
.item-detail-container .col-item-detail.xmd {
	width: 50%;
	position: relative;
}
/*ダイナミックパッケージ専用スタイル*/
.col-item-detail.last {
	position: relative;
	border-left: 1px solid #d0d0d0;
}
/*=====選択中の商品（航空券・ホテル共通）=====*/
.selected-item-detail {
	margin-bottom: 10px;
	background-color: #fff;
	border: 2px solid #e0e0e0;
	border-radius: 4px;
	overflow: hidden;
}
.selected-item-detail-header {
	width: 100%;
	display: table;
	padding: 5px 10px 3px;
	border-bottom: 1px solid #d0d0d0;
}
.selected-item-detail-header p {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
/*=====アイテム画像=====*/
.item-thumbnail[data-component="result"] {
	float: left;
	margin-right: 10px;
}
.item-thumbnail[data-component="hotel-room-detail"] {
	width: 100%;
	/*max-height: 100px;*/
	position: relative;
	overflow: hidden;
}
.item-thumbnail.lg {
	width: 50%;
}
.item-thumbnail.md {
	width: 40%;
}
.item-thumbnail.xs {
	width: 30%;
}
.item-thumbnail.xsm {
	width: 25%;
}
.item-thumbnail a {
	transition-duration: 0.5s;
}
.item-thumbnail a:hover {
	opacity: 0.7;
}
/*アイテム詳細*/
.col-item-spec {
	overflow: hidden;
}
.col-item-spec span {
	display: block;
	padding-bottom: 10px;
}
.col-item-spec .item-name {
	display: block;
	font-weight: bold;
}
.col-item-spec .item-name a:hover {
	text-decoration: underline;
}
.col-item-spec .item-name span {
	font-weight: normal;
}
/*ホテル残部屋数表示*/
.available-room-num {
	text-align: center;
	padding-top: 5px;
}
/*送迎・レンタカー（人数表示）*/
.available-car-num {
	text-align: center;
}
.available-car-num .inner {
	display: inline-block;
	padding-left: 16px;
	background: url(../images/icon/icon_pp.png) no-repeat left center;
}
/*=====アイコン=====*/
/*検索結果一覧アイコン*/
.icon-special,
.icon-cancel-free,
.icon-room-option,
.icon-impossible {
	padding-left: 17px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	font-weight: bold;
}
.icon-special,
.icon-impossible {
	background-image: url(../images/icon/icon_check_red.png);
}
.icon-cancel-free {
	color: #f93;
	background-image: url(../images/icon/icon_check_orange.png);
}
.icon-room-option {
	color: #004aa4;
	background-image: url(../images/icon/icon_check_blue_s.png);
}
.icon-room-img-zoomer {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	background: url(../images/icon/thumbnail_zoomer.png) no-repeat 0 0;
}
/*客室情報アイコン*/
.bed-number {
	padding: 3px 3px 3px 22px;
	border: 1px solid #d0d0d0;
	background: url(../images/icon/icon_bed_number.png) no-repeat 3px 2px;
}
.smoking {
	padding: 3px 3px 3px 22px;
	border: 1px solid #d0d0d0;
	background: url(../images/icon/icon_smoking.png) no-repeat 3px 2px;
}
.no-smoking {
	padding: 3px 3px 3px 22px;
	border: 1px solid #d0d0d0;
	background: url(../images/icon/icon_no_smoking.png) no-repeat 3px 2px;
}
.refundable {
	padding: 3px 3px 3px 22px;
	border: 1px solid #d0d0d0;
	background: url(../images/icon/icon_cancel_free.png) no-repeat 3px 3px;
}
.nonerefundable {
	padding: 3px 3px 3px 22px;
	color: #fff;
	border: 1px solid #ed1c24;
	background: #ed1c24 url(../images/icon/icon_no_cancel.png) no-repeat 3px 2px;
}
.breakfast {
	padding: 3px 3px 3px 22px;
	border: 1px solid #d0d0d0;
	background: url(../images/icon/icon_breakfast.png) no-repeat 3px 2px;
}
/*=====アイテム価格=====*/
.tax-info {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
}
.tax-info.style-1 {
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid #dadada;
}
.tax-info.style-2 {
	padding: 5px 10px 3px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	background-color: #00b0f0;
}
.tax-info .tax,
.tax-info .btn-detail {
	width: 45%;
	padding: 5px 5px 3px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 0 3px 0 0;
}
.tax-info .tax {
	width: 55%;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-right: 1px solid #d0d0d0;
}
.room-price-info {
	width: 100%;
	display: table;
	margin-top: 10px;
}
.room-price-info .info,
.room-price-info .btn {
	display: table-cell;
	vertical-align: middle;
}
.room-price-info .btn {
	padding: 0 0 0 10px;
}
.room-price-info .info p {
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}
.room-price-info .btn a {
	padding: 5px 10px;
}
/*検索結果一覧*/
.item-price-list[data-component="result"]:not(.air) {
	margin-top: 25px;
}
.item-price-list[data-component="result"].air dl:last-child {
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: none;
}
.item-price-list[data-component="result"] dl {
	padding-bottom: 4px;
	margin-bottom: 8px;
	text-align: right;
	border-bottom: 1px solid #d0d0d0;
}
.item-price-list[data-component="result"] dl dt,
.item-price-list[data-component="result"] dl dd {
	display: inline-block;
}
.item-price-list[data-component="result"] dl dt {
	float: left;
	font-weight: normal;
}
.item-price-list[data-component="result"] dl dd {
	padding-left: 5px;
	font-weight: bold;
}
.item-price-list[data-component="result"] dl dd .main {
/*@include fs(15);*/
}
/*アイテム詳細*/
.item-price-list[data-component="detail"] dl {
	text-align: right;
}
.item-price-list[data-component="detail"] dl:nth-child(n+2) {
	margin-top: 3px;
}
.item-price-list[data-component="detail"] dl dt,
.item-price-list[data-component="detail"] dl dd {
	display: inline-block;
	vertical-align: bottom;
}
.item-price-list[data-component="detail"] dl dt {
	float: left;
	font-weight: normal;
}
.item-price-list[data-component="detail"] dl dd {
	padding-left: 5px;
	font-weight: bold;
}
.item-price-list[data-component="detail"] dl dd .main {
/*@include fs(17);*/
}
/*アイテム詳細（ホテル詳細の価格表示）*/
.item-price-list[data-component="initial-price"] dl {
	padding-bottom: 3px;
	margin-bottom: 6px;
	text-align: right;
	border-bottom: 1px solid #d0d0d0;/*@include fs(16);*/
}
.item-price-list[data-component="initial-price"] dl:nth-child(n+2) {
	margin-top: 3px;
}
.item-price-list[data-component="initial-price"] dl dt,
.item-price-list[data-component="initial-price"] dl dd {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}
.item-price-list[data-component="initial-price"] dl dt {
	float: left;
	font-weight: normal;
}
.item-price-list[data-component="initial-price"] dl dd {
	/*width: 120px;*/
	padding-left: 5px;
	font-weight: bold;
}
.item-price-list[data-component="initial-price"] dl dd .main {
/*@include fs(20);*/
}
/*ダイナミックパッケージ専用価格表示*/
.item-price-list[data-component="dp"].dp {
	margin-top: 25px;
}
.item-price-list[data-component="dp"] .title {
	font-weight: bold;
}
.item-price-list[data-component="dp"] dl {
	width: 100%;
	display: table;
	padding-bottom: 4px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d0d0d0;
}
.item-price-list[data-component="dp"] dl:last-child {
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: none;
}
.item-price-list[data-component="dp"] dl dt,
.item-price-list[data-component="dp"] dl dd {
	display: table-cell;
	vertical-align: middle;
	width: 33.333%;
}
.item-price-list[data-component="dp"] dl dt {
	font-weight: normal;
}
.item-price-list[data-component="dp"] dl dd {
	padding-left: 5px;
	font-weight: bold;
}
.item-price-list[data-component="dp"] dl dd {
	text-align: right;
}
/*その他のページの価格表示*/
.item-price-list[data-component="other"] {
	padding: 10px;
}
.item-price-list[data-component="other"] dl:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.item-price-list[data-component="other"] dl {
	padding-bottom: 4px;
	margin-bottom: 8px;
	text-align: right;
	border-bottom: 1px solid #d0d0d0;
}
.item-price-list[data-component="other"] dl dt,
.item-price-list[data-component="other"] dl dd {
	display: inline-block;
}
.item-price-list[data-component="other"] dl dt {
	float: left;
	font-weight: normal;
}
.item-price-list[data-component="other"] dl dd {
	padding-left: 5px;
	font-weight: bold;
}
/*=====ダイナミックパッケージ専用スタイル=====*/
/*
2列表示タイプ（使う場合はコメントアウト解除）
.flight-schedule-box[data-component="dp"] {
	width: 50%;
	float: left;
}
.flight-schedule-detail .flight-schedule-box[data-component="dp"]:nth-child(odd) {
	padding-right: 5px;
}
.flight-schedule-detail .flight-schedule-box[data-component="dp"]:nth-child(even) {
	padding-left: 5px;
}
.flight-route-box[data-component="dp"] .departure {
	width: 30%;
	padding-right: 20px;
}
.flight-route-box[data-component="dp"] .to {
	width: 20%;
	padding-right: 40px;
}
.flight-route-box[data-component="dp"] .arrival {
	width: 30%;
	padding-right: 20px;
}
.flight-route-box[data-component="dp"] .last {
	width: 20%;
}
*/

/*===================================================
ダイナミックパッケージ
===================================================*/
/*=====検索結果=====*/
.b2b #dp-wrapper {
	padding: 0 15px;
}
#dp-wrapper {
	margin: 20px auto 50px;
	max-width: 1220px;
	min-width: 769px;
}
#dp-main {
	max-width: 1010px;
}
#dp-container {
	position: relative;
}
#dp-primary {
	width: 100%;
	display: table;
	margin-bottom: 60px;
	border-radius: 4px 4px 0 0;
}
/*=====フローティングボックス（価格表示・検索フォーム）=====*/
.floating-container {
	width: 180px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	z-index: 100;
}
.floating-box {
	border-radius: 4px;
	border-width: 4px;
	border-style: solid;
}
.float-header {
	font-weight: bold;
	padding: 6px 10px 4px;
	text-align: center;
}
.float-price-list {
	padding: 10px;
}
.float-price-list .price-info {
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
	font-weight: bold;
	text-align: center;
}
.float-price-list .dp-base-price dl {
	text-align: center;
}
.float-price-list .dp-base-price dl dd {
	padding-bottom: 8px;
}
.float-discount-price-list {
	padding: 10px 5px 0;
	margin-bottom: 8px;
	border-width: 1px;
	border-style: solid;
}
.float-discount-price-list dl {
	padding-bottom: 10px;
	text-align: center;
}
.float-discount-price-list dl dd {
	font-weight: bold;
}
.float-discount-price-arrow {
	padding: 2px 0 10px;
	text-align: center;
	font-weight: bold;
}
.float-nav {
	width: 100%;
}
.float-nav li:first-child {
	margin: 0 10px 10px;
}
.float-nav li:last-child {
	background-color: #fff;
	border-top: 1px solid #d0d0d0;
	text-align: center;
	font-weight: bold;
}
.float-nav li a {
	display: block;
	padding: 8px 10px 6px;
}
.float-nav li a:hover {
	text-decoration: underline;
}
/*=====フローティングボックス内検索フォーム=====*/
.floating-search-form-container {
	background-color: #f5f5f5;
	max-height: 500px;
	overflow-y: scroll;
}
.float-search-select-category {
	width: 100%;
	/*padding: 10px 10px 5px;*/
	margin-bottom: 15px;
	border-bottom: 1px solid #d0d0d0;
}
.float-search-select-category li {
	float: left;
	margin-right: 10px;
}
.float-search-form-group {
	width: 100%;
	display: table;
}
.float-search-form-box {
	width: 33.333%;
	display: table-cell;
	vertical-align: top;
	padding: 20px;
	border-right: 1px solid #d0d0d0;
}
.float-search-form-group .float-search-form-box:last-child {
	border-right: none;
}
.float-search-tabs {
	width: 100%;
	display: table;
}
.float-search-tabs li {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
.float-search-tabs li:last-child {
	border-right: none;
}
.float-search-tabs li a {
	display: block;
	padding: 12px 10px 10px;
	text-align: center;
	background-color: #fff;
	position: relative;
}
.float-search-tabs li a.active:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	border-bottom: 1px solid #f2f2f2;
}
.float-search-tabs li a.active {
	background-color: #f2f2f2;
	font-weight: bold;
}
.float-search-tab-pane {
	width: 100%;
	padding: 20px;
	display: block;
	background-color: #f2f2f2;
}
.float-search-tab-pane-inner {
	max-height: 500px;
	overflow-y: scroll;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	-webkit-overflow-scrolling: touch;
}
.float-search-tab-header {
	padding: 10px 10px 7px;
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
}
.float-search-tab-contents {
	width: 100%;
	display: table;
	border-collapse: collapse;
}
.float-search-form-close-layer {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.8);
}
.floating-search-form {
	width: 100%;
	max-width: 1010px;
	display: none;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 0;
	right: 190px;
	z-index: 10;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px;
}
.float-search-box-1 {
	padding: 10px;
	display: table-cell;
	border-right: 1px solid #d0d0d0;
}
.float-search-box-1:nth-child(1) {
	width: 30%;
}
.float-search-box-1:nth-child(2) {
	width: 40%;
}
.float-search-box-1:nth-child(3) {
	width: 30%;
}
.float-search-tab-pane-inner .float-search-box-1:last-child {
	border-right: none;
}
/*検索ボタン*/
.dp-search-btn-box {
	padding: 15px 10px;
	border-top: 1px solid #d0d0d0;
}
/*絞り込み検索*/
.dp-flight-sort-header {
	padding-bottom: 10px;
}
.dp-flight-sort-header .head {
	width: 50%;
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
.dp-flight-sort-header .clear-filter {
	width: 50%;
	display: block;
	text-align: right;
	overflow: hidden;
	font-weight: bold;
}
/*旅程*/
.itinerary {
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
.itinerary-header {
	padding: 8px 10px 7px;
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
	background-color: #f2f2f2;
}
.itinerary-info {
	width: 100%;
	display: table;
}
.itinerary-schedule {
	width: 65%;
	padding: 10px 10px 5px;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d0d0d0;
}
.sojourn-time {
	width: 35%;
	padding: 0 10px;
	display: table-cell;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.itinerary-kind {
	padding: 3px 5px 1px;
	color: #fff;
}
.itinerary-kind.air {
	background-color: #004aa4;
}
.itinerary-kind.hotel {
	background-color: #e85a26;
}
.itinerary-schedule dl {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: dotted 1px #ccc;
}
.itinerary-schedule dl:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.itinerary-schedule dl dt {
	float: left;
	margin-right: 10px;
}
.itinerary-schedule dl dd {
	overflow: hidden;
}
.itinerary-schedule dl dd span {
	display: inline-block;
	padding: 0 10px;
}
/*=====選択中のアイテム=====*/
.dp-selected-item-detal-header {
	padding: 10px 10px 7px;
	font-weight: bold;
	background-color: #f2f2f2;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-radius: 4px 4px 0 0;
}
.dp-selected-item-box {
	width: 100%;
	display: table;
}
.dp-selected-item-hotel,
.dp-selected-item-air {
	width: 50%;
	padding: 10px;
	vertical-align: top;
	display: table-cell;
	position: relative;
}
.dp-selected-item-air {
	border-top: 4px solid #e0e0e0;
	border-left: 4px solid #e0e0e0;
	border-bottom: 4px solid #e0e0e0;
	border-radius: 0 0 0 4px;
}
.dp-selected-item-hotel {
	border-top: 4px solid #e0e0e0;
	border-right: 4px solid #e0e0e0;
	border-bottom: 4px solid #e0e0e0;
	border-radius: 0 0 4px 0;
}
.dp-selected-item-air.active {
	border: 4px solid #004aa4;
}
.dp-selected-item-hotel.active {
	border: 4px solid #eb5c01;
}
.dp-selected-item-hotel.active:after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -60px;
	left: calc(50% - 30px);
	left: -webkit-calc(50% - 30px);
	background: url(../images/background/dp_select_arrow_hotel.png) no-repeat 0 0;
}
.dp-selected-item-air.active:after {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -60px;
	left: calc(50% - 30px);
	left: -webkit-calc(50% - 30px);
	background: url(../images/background/dp_select_arrow_air.png) no-repeat 0 0;
}
.dp-selected-item-category {
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
}
.dp-seleted-item-link {
	float: right;
	font-weight: bold;
	margin-left: 10px;
}
/*海外航空券*/
.dp-selected-airline {
	display: table;
	padding: 0 0 10px;
}
.dp-selected-airline .dp-airline-logo {
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	background-color: #fff;
}
.dp-selected-airline .dp-airline-logo img {
	padding: 5px;
	text-align: center;
}
.dp-selected-airline .dp-airline-name {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
	font-weight: bold;
}
.dp-selected-flight-schedule dl {
	padding-bottom: 10px;
}
.dp-selected-flight-schedule dl dt {
	padding: 5px 5px 4px;
	color: #fff;
}
.dp-selected-flight-schedule dl dd {
	width: 100%;
	display: table;
	padding: 5px 10px;
	background-color: #f5f5f5;
}
.dp-selected-flight-schedule dl dd .departure,
.dp-selected-flight-schedule dl dd .to,
.dp-selected-flight-schedule dl dd .arrival {
	display: table-cell;
	vertical-align: middle;
}
.dp-selected-flight-schedule dl dd .departure,
.dp-selected-flight-schedule dl dd .arrival {
	width: 30px;
}
.dp-selected-flight-schedule dl dd .to {
	width: 40px;
	text-align: center;
	background: url(../images/background/dp_out_home_arrow.png) no-repeat right 5px;
	padding-top: 16px;
}
.dp-selected-flight-schedule dl dd .departure p,
.dp-selected-flight-schedule dl dd .to p,
.dp-selected-flight-schedule dl dd .arrival p {
	text-align: center;
}
.dp-selected-flight-schedule dl dd .departure .time,
.dp-selected-flight-schedule dl dd .arrival .time {
	font-weight: bold;
}
/*海外ホテル*/
.dp-selected-hotel {
	padding: 0 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
}
.dp-hotel-btn-list li {
	width: 50%;
	float: left;
}
.dp-hotel-btn-list li:first-child {
	padding-right: 5px;
}
.dp-hotel-btn-list li:last-child {
	padding-left: 5px;
}
/*=====絞り込み検索=====*/

.dp-item-sort-form {
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	overflow: hidden;
}
.dp-item-sort-form-header {
	padding: 8px 10px 7px;
	background-color: #f5f5f5;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	cursor: pointer;
}
.dp-item-sort-form-header.active {
	border-bottom: 1px solid #d0d0d0;
	cursor: default;
}
.dp-item-sort-form-header:after {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	background: url(../images/icon/icon_toggle.gif) no-repeat 0 0;
}
.dp-item-sort-form-header.active:after {
	background: url(../images/icon/icon_toggle_active.gif) no-repeat 0 0;
}
.dp-item-sort-form-outer {
	width: 100%;
}
.dp-item-sort-form-inner {
	width: 100%;
	display: table;
}
.dp-item-sort-form-box {
	width: 33.333%;
	display: table-cell;
	padding: 10px;
	border-right: 1px solid #d0d0d0;
}
.dp-item-sort-form-inner .dp-item-sort-form-box:last-child {
	border-right: none;
}
/*航空券絞り込み*/
.dp-flight-sort-header {
	padding-bottom: 10px;
}
.dp-flight-sort-header .head {
	width: 50%;
	float: left;
	padding-right: 10px;
	font-weight: bold;
}
.dp-flight-sort-header .clear-filter {
	width: 50%;
	display: block;
	text-align: right;
	overflow: hidden;
	font-weight: bold;
}
.dp-sort-price-txt {
	float: right;
}
/*=====航空券・ホテル、アイテム選択=====*/
.dp-select-item-container {
	width: 100%;
	position: relative;
}
/*タブボタン*/
.dp-select-item-tabs {
	width: 100%;
}
.dp-tab-air {
	float: left;
	border: 1px solid #004aa4;
}
.dp-tab-hotel {
	float: right;
	border: 1px solid #eb5c01;
}
.dp-tab-air,
.dp-tab-hotel {
	width: 49%;
	padding: 10px;
	border-radius: 4px;
	position: relative;
	background-color: #fff;
}
.dp-tab-air.active {
	padding: 10px 10px 30px;
	border-left: 4px solid #004aa4;
	border-right: 4px solid #004aa4;
	border-top: 4px solid #004aa4;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
}
.dp-tab-hotel.active {
	padding: 10px 10px 30px;
	border-left: 4px solid #eb5c01;
	border-right: 4px solid #eb5c01;
	border-top: 4px solid #eb5c01;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
}
.dp-tab-btn-box {
	width: 100%;
}
.dp-tab-btn-box a {
	border-radius: 4px;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	position: relative;
	text-align: center;
}
.dp-tab-air a {
	background-color: #26499d;
}
.dp-tab-hotel a {
	background-color: #e85a26;
}
/*タブ内コンテンツ*/
.dp-select-item-tab-contents {
	width: 100%;
}
.dp-select-air-detail {
	border-left: 4px solid #004aa4;
	border-right: 4px solid #004aa4;
	border-bottom: 4px solid #004aa4;
	border-radius: 0 4px 4px 4px;
	display: none;
}
.dp-select-hotel-detail {
	border-left: 4px solid #eb5c01;
	border-right: 4px solid #eb5c01;
	border-bottom: 4px solid #eb5c01;
	border-radius: 4px 0 4px 4px;
	display: none;
}
.dp-select-air-detail.active,
.dp-select-hotel-detail.active {
	display: block;
	background-color: #fff;
}
.dp-select-category-header {
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	border-bottom: 1px solid #d0d0d0;
	color: #fff;
}
.dp-select-category-header.air {
	background-color: #26499d;
}
.dp-select-category-header.hotel {
	background-color: #e85a26;
}
.dp-main-contents {
	padding: 0 20px 20px;
}
/*航空券*/
.dp-air-spec {
	padding-bottom: 10px;
}
/*===================================================
詳細ページ
===================================================*/
/*=====海外ホテル=====*/
#hotel-detail-primary {
	width: 100%;
	display: table;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
}
#hotel-detail-primary #primary {
	width: 66.6667%;
	display: table-cell;
	vertical-align: top;
	border-right: 1px solid #d0d0d0;
}
#hotel-detail-primary #primary #header {
	padding: 10px;
}

#hotel-detail-primary #primary .header-1 {
	float:left;
	width:560px;
	max-width:560px;
	word-wrap:break-word;
	word-break:break-all;	
}
#hotel-detail-primary #primary .header-2 {
	float:right;
	margin:5px 10px;
}
#hotel-detail-primary #primary .header-3 {
	float:right;
	margin:0px 10px;
}

#hotel-detail-primary #secondary {
	width: 33.3333%;
	padding: 10px;
	display: table-cell;
	vertical-align: top;
}
/*トリップアドバイザー評価*/
.hotel-detail-tra-evaluation {
	padding: 10px 0;
}
.hotel-detail-tra-evaluation .title {
	font-weight: bold;
	padding-bottom: 6px;
}
.hotel-detail-tra-evaluation .evaluation {
	width: 100%;
	display: table;
}
.hotel-detail-tra-evaluation .evaluation .num {
	width: 35%;
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	white-space: nowrap;
}
.hotel-detail-tra-evaluation .evaluation .detail {
	width: 65%;
	display: table-cell;
	vertical-align: middle;
}
.hotel-detail-tra-evaluation .evaluation .num .txt-lg {
	font-weight: bold;
	color: #589442;
}
.hotel-detail-tra-evaluation .evaluation .num .txt-sm {
	color: #589442;
	font-weight: bold;
}
.hotel-detail-tra-evaluation .evaluation .detail p {
	padding-bottom: 5px;
	font-weight: bold;
	color: #589442;
}
.hotel-detail-tra-evaluation .evaluation .detail dl dt {
	padding-bottom: 3px;
}
/*=====客室情報テーブル（指定がややこしいので変更しないように）=====*/
#room-detail {
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
	position: relative;
}
#room-detail:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #d0d0d0;
}
.room-detail-section {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	position: relative;
}
#room-detail .room-detail-section:nth-child(n+3) {
	border-top: 5px solid #29abe2;
}
.room-detail-section .div-tbl .div-tbl-header .th {
	text-align: center;
}
.room-detail-section .div-tbl .td .div-nest-tbl {
	width: 100%;
	height: 100%;
	display: table;
	padding: 8px 10px;
}
/*width指定*/
#room-detail-header .div-tbl-header .th:nth-child(1),
.room-detail-section .div-tbl .td:nth-child(1) {
	width: 14%;
}
#room-detail-header .div-tbl-header .th:nth-child(2),
.room-detail-section .div-tbl .td:nth-child(2) {
	width: 26%;
}
#room-detail-header .div-tbl-header .th:nth-child(3),
.room-detail-section .div-tbl .td:nth-child(3) {
	width: 6%;
}
#room-detail-header .div-tbl-header .th:nth-child(4),
.room-detail-section .div-tbl .td:nth-child(4) {
	width: 19%;
}
#room-detail-header .div-tbl-header .th:nth-child(5),
.room-detail-section .div-tbl .td:nth-child(5) {
	width: 35%;
}
/*ボーダーの重複を避ける*/
#room-detail .room-detail-section:nth-child(n+3):before {
	content: '';
	width: calc(100% - 1px);
	width: -webkit-calc(100% - 1px);
	height: 1px;
	border-top: 1px solid #d0d0d0;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 2;
}
.room-detail-section .div-tbl {
	border-top: none;
}
.room-detail-section .div-tbl,
.room-detail-section .div-tbl .td:first-child {
	border-left: none;
}
.room-detail-section .div-tbl,
.room-detail-section .div-tbl .td:last-child {
	border-right: none;
}
.room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(2),
.room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(3),
.room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(4),
.room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(5) {
	border-top: 1px solid #d0d0d0;
}
.room-detail-section .div-tbl,
.room-detail-section .div-tbl .th,
.room-detail-section .div-tbl .td,
.room-detail-section .div-tbl .td:first-child .div-nest-tbl .room-type {
	border-bottom: none;
	border-top: none;
	border-left: none;
}
/*
.room-detail-section .div-tbl:nth-child(n+2) {
	border-top: 1px solid #d0d0d0;
}
*/

.room-detail-section .room-thumbnail-td {
	position: absolute;
	top: 0;
	bottom: 0;
	border: none;
	border-right: 1px solid #d0d0d0;
}
/*一番上のルーム画像ボックスの上にボーダーを付ける*/
.room-detail-section .div-tbl:first-child .td .div-nest-tbl .room-thumbnail:before {
	content: '';
	width: calc(100% - 1px);
	/*calcで微調整*/
	width: -webkit-calc(100% - 1px);
	height: 1px;
	border-top: 1px solid #d0d0d0;
	position: absolute;
	left: 0;
	top: -1px;
}
/*2番目以降のルーム画像ボックスの上のボーダーを消す*/
.room-thumbnail:before {
	content: '';
	width: calc(100% - 1px);
	/*calcで微調整*/
	width: -webkit-calc(100% - 1px);
	height: 1px;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 0;
	top: -1px;
}
/*画像下のボーダーを消す*/
.room-thumbnail:after {
	content: '';
	width: calc(100% - 1px);
	/*calcで微調整*/
	width: -webkit-calc(100% - 1px);
	height: 2px;
	border-bottom: 2px solid #fff;
	position: absolute;
	left: 0;
	bottom: -2px;
}
/*詳細部分*/
.room-thumbnail {
	width: 35%;
	display: table-cell;
	padding: 8px 10px;
	vertical-align: top;
	position: relative;
}
.room-type {
	width: 65%;
	display: table-cell;
	padding: 8px 10px;
	vertical-align: top;/*border-left: 1px solid #d0d0d0;*/
}
.room-spec-box {
	padding: 8px 10px;
}
.room-price {
	width: 70%;
	padding: 8px 10px;
	display: table-cell;
	vertical-align: top;
}
.room-reserve {
	width: 30%;
	display: table-cell;
	padding: 8px 10px;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}
.room-add-info {
	width: calc(86% + 1px);
	/*calcで微調整*/
	float: right;
	padding: 10px;
	display: none;
	background-color: #f2f2f2;
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
/* edit_customer */
.NightlyRate {
}
.NightlyRate li {
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.NightlyRate li+li {
	border-left: 0;
	border-right: 1px solid #ccc;
}
.NightlyRate li div {
	border-bottom: 1px solid #ccc;
	padding: 2px 8px;
	text-align: right;
	font-size: 13px;
}
.NightlyRate .th {
	background: #def;
	text-align: center;
}
.NightlyRate2 {
}
.NightlyRate2 th {
	background: #def;
	text-align: center;
	border: 1px solid #bbb;
	font-weight: normal;
	width: auto;
}
.NightlyRate2 .days th {
	padding: 3px;
	font-weight: bold;
}
.NightlyRate2 td {
	text-align: right;
	border: 1px solid #bbb;
	width: auto;
}
.NightlyRate2 th p {
	padding: 3px 10px 3px 10px;
}
.NightlyRate2 td p {
	padding: 3px 5px 3px 10px;
}
.NightlyRate2 th p:first-child,
.NightlyRate2 td p:first-child {
	font-weight: bold;
}
.NightlyRate2 th p:nth-child(2),
.NightlyRate2 td p:nth-child(2) {
	border-top: 1px dotted #bbb;
}
/* for font-awesome */
.e-icon {
	padding-top: 0px;
	font-size: 16px !important;
}
.btn-icon:before {
	position: relative;
	top: 4px;
	left: -3px;
	font-size: 14px !important;
}
/* for easyUI */
.datagrid-footer {
	background: #eef;
}
button.btn {
	display: inline-block;
	border-radius: 4px;
	margin: 0px 5px;
	padding: 7px 12px 6px 12px !important;
	color: #666;
	font-size: 12px !important;
	border: 1px solid #B6B6B6;
	background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
	outline: none;
	box-shadow: 0px 1px 0px white;
	cursor: default;
	min-width: 75px;
	line-height: 100% !important;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
}
/* datepicker */
.date-holiday a {
	color: red !important;
}
.date-sunday a {
	color: red !important;
}
.date-saturday a {
	color: blue !important;
}
.icon-up {
	background: url(../images/icon/up.png) no-repeat center;
}
.icon-down {
	background: url(../images/icon/down.png) no-repeat center;
}
.datagrid-view input[type="checkbox"] {
	display: block;
	text-align: center;
	margin: 0px auto;
}
/*===================================================
予約ページ共通
===================================================*/

/*=====予約の流れ=====*/
.reserve-step {
	width: 100%;
	margin-bottom: 20px;
	display: table;
	background-color: #e6e6e6;
}
.reserve-step li {
	width: 16.666%;
	display: table-cell;
	vertical-align: middle;
	padding: 8px 10px;
	text-align: center;
	font-size: 12px;
}
.reserve-step li.current {
	color: #fff;
	position: relative;
	background-color: #4d4d4d;
}
.reserve-step li.current:after {
	content: '';
	width: 8px;
	height: 16px;
	position: absolute;
	top: calc(100% / 2) - 8px);
	right: -8px;
	background: url(../images/icon/arrow_step.png) no-repeat 0 0;
}
/*=====見出し=====*/
.reserve-cont-header {
	padding-bottom: 15px;
	font-weight: bold;
}
.reserve-cont-sub-header {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}

/*===================================================
各予約ページ
===================================================*/
/*=====入力フォームtable=====*/
.form-tbl-1 {
	width: 100%;
}
.form-tbl-1 th {
	background-color: #f2f2f2;
}
.form-tbl-1 th,
.form-tbl-1 td {
	padding: 8px;
	border: 1px solid #d0d0d0;
	vertical-align: middle;
}
.inb {
	display: inline-block;
	vertical-align: middle;
}
/*th, td幅*/
.form-tbl-1.type-1 th {
	width: 177px;
}
.form-tbl-1.type-2 th:first-child,
.form-tbl-1.type-2 td:first-child {
	width: 160px;
}
/*=====買い物かご=====*/
/*選択商品*/
.rv-cart-item-wrapper {
	display: none;
}
.rv-cart-item-tbl .th {
	background-color: #deeff7;
	border-top: none;
}
.rv-cart-item-tbl,
.rv-cart-item-tbl .td {
	border-top: none;
}
.rv-cart-item-tbl .td {
	padding: 8px 10px;
}
.rv-cart-item-tbl .col-1, .rv-cart-item-tbl .col-2,
.rv-cart-item-tbl .col-3, .rv-cart-item-tbl .col-4,
.rv-cart-item-tbl .col-5 {
	vertical-align: middle;
}
.rv-cart-item-tbl .col-1 {
	width: 15%;
}
.rv-cart-item-tbl .col-2 {
	width: 45%;
}
.rv-cart-item-tbl .col-3 {
	width: 10%;
}
.rv-cart-item-tbl .col-4 {
	width: 20%;
}
.rv-cart-item-tbl .col-5 {
	width: 10%;
}
.rv-cart-item-tbl .col-6 {
	width: 60%;
}
.rv-cart-item-tbl .col-7 {
	width: 40%;
}
.rv-cart-item-price {
	display: none;
}
.rv-cart-item-tbl .outward {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}
.rv-cart-item-tbl .breakdown {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}
.rv-cart-item-tbl .breakdown:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.rv-cart-item-tbl .breakdown dt {
	float: left;
	font-weight: normal;
}
.rv-cart-item-tbl .breakdown dd {
	float: right;
	font-weight: bold;
}
/*=====選択中の商品=====*/
.rv-selected-item {
	padding: 15px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.rv-selected-item.cart {
	padding: 10px;
	display: table-cell;
	border-left: none;
	border-right: none;
	max-width: 450px;
}
.rv-selected-item.confirm {
	border-bottom: 1px solid #d0d0d0;
}
.rv-selected-item .item-thumbnail {
	width: 160px;
	float: left;
}
.rv-selected-item .item-detail {
}
.rv-selected-item-specif.type-1 {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #999;
}
.rv-selected-item-specif dt {
	width: 175px;
	float: left;
}
.rv-selected-item-specif dd {
	margin-left: 175px;
}
/*=====買い物かご=====*/
.cart-item-container {
	max-width: 1200px;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	background-color: #fff;
}
.cart-item-container.fixed {
	position: fixed;
	top: 0;
	z-index: 10;
	box-shadow: rgba(0,0,0,0.20) 0 4px 4px;
}
.cart-item-box {
	width: 100%;
	display: table;
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.cart-item-header {
	width: 160px;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	background-color: #deeff7;
}
.cart-item-detail {
	width: calc(100% - 160px);
	display: table-cell;
	vertical-align: middle;
}
.cart-item-specif {
	display: none;
	padding-top: 10px;
}
.cart-item-specif dt {
	width: 140px;
	float: left;
}
.cart-item-specif dd {
	margin-left: 140px;
}
.cart-item-footer {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.cart-item-footer p {
	float: right;
	padding: 5px 15px 0 0;
	text-align: right;
}
.cart-item-footer a {
	float: right;
}
.more-btn-box {
	margin-top: 10px;
}
.more-btn-box a {
	width: 200px;
	float: right;
	font-size: 13px;
	text-align: center;
}
/*合計金額表示*/
.cart-floating-container {
	width: 280px;
	float: right;
	position: relative;
}
.cart-floating-box {
	width: 280px;
}
.cart-floating-box .header {
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	background-color: #c1272d;
}
.cart-floating-box .inner {
	height: 50vh;
	overflow: auto;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}
.cart-floating-box .inner .item-price-list {
	padding: 0 10px;
}
.cart-floating-box .inner .item-price-list li {
	padding: 10px 0;
	border-bottom: 1px solid #d0d0d0;
}
.cart-floating-box .inner .item-price-list li .item-category {
	padding-bottom: 10px;
}
.cart-floating-box .inner .item-price-list li .item-name {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}
.cart-floating-box .inner .item-price-list li .number {
}
.cart-floating-box .inner .total-price {
	padding: 10px;
}
.cart-floating-box .btn-payment {
	font-size: 14px;
}
/*商品の追加*/
.add-item-list li {
	float: left;
	margin-right: 15px;
}
/*買い物かごtab*/
.cart-item-tabs {
	float: right;
	display: table-cell;
}
.cart-item-tabs li {
	width: clac(100% / 3);
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	border-left: 1px solid #fff;
}
.cart-item-tabs li:first-child {
	border-left: none;
}
.cart-item-tabs li a {
	display: block;
	padding: 0 15px;
	color: #fff;
}
.cart-item-tabs li a.active {
	background-color: #fff;
	color: #006694;
	font-weight: bold;
}
.cart-item-tabs li a.sort-toggle {
	width: 12px;
	height: 15px;
	background: url(../images/icon/arrow_toggle.svg) no-repeat center center;
}
.cart-item-inner {
	max-height: 90vh;
	display: none;
	padding: 10px 10px 10px;
	border: 1px solid #d0d0d0;
	overflow: auto;
	position: relative;
}
.cart-item-inner .item-list {
}
.cart-item-inner > .cart-item {
	display: none;
}
.cart-item-inner .cart-footer {
	width: 100%;
	padding: 15px;
	text-align: center;
	background-color: #f2f2f2;
}
.cart-item-inner .cart-footer li {
	display: inline-block;
	padding: 0 10px;
}
/*===================================================
使い方紹介
===================================================*/
.use-info-header {
	margin: 15px 0 25px;
	padding: 15px 15px 14px;
	font-size: 20px!important;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
}
.use-info-nav {
	width: 100%;
	display: table;
	padding-bottom: 40px;
	border-bottom: 1px solid #dadada;
}
.use-info-nav li {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #4d9cd0;
}
.use-info-nav li:last-child {
	border-right: none;
}
.use-info-nav li a {
	display: block;
	padding: 10px 10px 9px;
	text-align: center;
	background-color: #0071bc;
	color: #fff;
}
.use-info-nav li a:hover {
	background-color: #004a9c;
}
.use-info-detail {
	width: 100%;
	padding: 40px 0;
	border-bottom: 1px solid #dadada;
}
.use-info-detail .txt {
	width: 50%;
	padding-right: 25px;
	float: left;
}
.use-info-detail .txt h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
}
.use-info-detail .txt p {
	font-size: 13px;
}
.use-info-detail .img-box {
	overflow: hidden;
}
.use-info-detail .img-box .img img {
	width: 100%;
	height: auto;
	border: 1px solid #dadada;
}
.use-info-detail .img-box .arrow {
	width: 200px;
	height: 68px;
	margin: 30px auto;
}
.currency_unit {
	font-size: 12px;
}
.currency_precision {
	font-size: 12px;
}
.price_caution {
	font-size: 11px;
	margin-left: 10px;
	margin-top: 8px;
	font-weight: normal;
}
/*
.i18n_edit {
	border: 1px solid #777;
	background: #fca;
	cursor: pointer;
}
*/
.torikeshi {
	text-decoration: line-through;
	color:#006cd9;
}

.map_search {
	margin:2px;
	padding:2px;
	border:1px solid #999;
	width:258px;
	margin:0px auto 10px;
}
.map_search div {
	line-height:40px;
	cursor:pointer;
	height:40px;
	width:254px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-shadow: 0px 0px 10px #000;  
	background-image: url(../images/common/map_search.png);
}

.fa2 {
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa2:before {
	padding-right: 5px;	
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 10px;
}
#jquery-ui-autocomplete label {
    float: left;
    margin-right: 0.5em;
    color: black;
    font-size: 15px;
}

#test_mode {
	position:fixed;
	left:0px;
	top:0px;
	border:1px solid #000;
	background: #0ff;
	padding:0px 5px;
}
#test_mode_axs {
	position:fixed;
	left:110px;
	top:0px;
	border:1px solid #000;
	background: #ffff73;
	padding:0px 5px;
}


#TXTBorad {
	position: fixed;
	top:10px;
	left:800px;
	right:0px;
	margin: 0 auto;
	width:400px;
	background: #dfffff;
	padding:10px;
	text-align:center;
	border:1px solid #555;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4) ;
	display:none;
	z-index:100;
}
#TXTBorad .closebtn {
	position: absolute;
	top:5px;
	right:5px;
	border:1px solid #555;
	padding:3px;
}
.customcheckbox input {
	display:inline-block;
	margin:0px 3px;
}

.STATUS_RQ {
	color: #d9a300;
}
.STATUS_FS {
	color: #d9a300;
}

.STATUS_PS {
	color: #fc0;
}

.STATUS_CF {
	color: #0c3;
}
.STATUS_HK {
	color: #0c3;
}

.STATUS_CX {
	color: #00f;
}

.STATUS_UX {
	color: #0085c0;
}

.STATUS_UC {
	color: #f00;
}
.STATUS_NG {
	color: #f00;
}
.STATUS_DT {
	color: #f00;
}
.STATUS_ER {
	color: #f00;
}

/*
#lang_edit_mode_box {
	position:absolute;
	top:10px;
	left:0px;
	right:0px;
	margin:auto;
	width:250px;
	z-index:1000;
	background:#ffefbf;
	text-align:center;
	border:1px solid #000;
	padding:5px;
}
*/


.cssloader,
.cssloader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.cssloader {
  margin: 20px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(86,133,243, 0.2);
  border-right: 1.1em solid rgba(86,133,243, 0.2);
  border-bottom: 1.1em solid rgba(86,133,243, 0.2);
  border-left: 1.1em solid #5685f3;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}