@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body{
	font-family: 'Noto Sans Japanese', serif;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 13px;
	position: relative;
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}


/*Common*/

a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #C7A956;
}

img{
	width: 100%;
	display: block;
}


.page-overlay{
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.7);
	z-index: 8;
	display: none;
	cursor: pointer;
}

.ta-center{
	text-align: center;
}

.ta-right{
	text-align: right;
}

.note{
	font-size: 11px;
}

.note-2{
	font-size: 11px;
	margin: 5px 0 0 0;
	text-align: left;
}

.note-3{
	text-align: right;
	font-size: 11px;
	margin: 5px 0 0 0;
}

.note-4{
	font-size: 11px;
	margin: 0px 0 0 130px;
	text-align: left;
}

.note-5{
	font-size: 11px;
	text-align: center;
}

ul.note-list{
    padding: 5px 0 5px 1.5em;
    font-size: 11px;
    list-style: none;
    text-align: left;
}

ul.note-list li{
	margin: .5em;
	line-height: 1.3
}

ul.note-list li:before{
    content: "※";
    width: 1em;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}


.form-item.required .fi-label label p:after{
	content: "※";
	color: #C74D00;
	margin: 0 0 0 5px;
}

.red-text{
	color: #C74D00
}

.blue-text{
	color: #1E86FF
}
.gold-text{
	color: #C7A956
}

.grey-text{
	color: #666
}
.text-white{
	color: #fff !important;
}


.text-big{
	font-size: 18px;
	font-weight: bold;
}

.cf:before,
.cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}


ul.list-bullet{
    padding: 0 0 0 1em;
    list-style-type: disc;
    margin: 5px 0;
}

ul.list-circle{
    padding: 0 0 0 1.5em;
    margin: 0;
    list-style: none;
}

ul.list-circle li{
	margin: 3px 0;
	padding: 0;
	display: block;
}

ul.list-circle li:before{
    content: "◎";
    width: 1em;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}


ul.list-side {
	display: table;
	padding: 0;
}
ul.list-side li {
	display: table-cell;
}
ul.list-side li:before {
	content: "・";
}


h2{
	margin: 0 0 5px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 22px;
	padding: 0;
}
.page-container.second-page-home .main-contents h2{
	margin: 0 0 5px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 22px;
	padding: 0;
	text-align: center;
}
.page-container.second-page-home .wrap h2{
	margin: 0 0 5px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 22px;
	padding: 0;
	text-align: center;
}

h3{
	margin: 0 0 20px 0;
	font-weight: normal;
	color: #1E86FF;
	font-size: 18px;
	padding: 0;
}


h4{
	margin: 0 0 20px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 16px !important;
	padding: 0;
}

h5{
	margin: 0 0 20px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 0 0 10px;
	border-left: solid 5px #C7A956;
}

h6{
	margin: 0 0 20px 0;
	font-weight: normal;
	padding: 0;
	font-size: 18px;
	color: #333;
}

.ttl-1{
	font-size: 16px;
	color: #333;
	margin: 0 0 10px 0;
}

.ttl-2{
	margin: 0 0 15px 0;
	font-weight: normal;
	color: #1E86FF;
	font-size: 18px;
	padding: 0;
}


.mb{
	display: none;
}

.bg-grad:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.2);
	display: block;
}

.video-wrap {
  width: 100%;
  height: 160px;
  position: relative;
  height: 0;
  overflow: hidden;
  margin: 0 auto;
  max-width: 900px;
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lh-2{
	line-height: 3;
}

@media all and (max-width:800px){
	.ttl-2{
		margin: 0 0 5px 0;
		font-size: 16px;
	}

	.note-4{
		margin: 10px 0 0 0;
	}


	.mb{
		display: block;
	}
}

.text-emp{
	color: #C7A956;
	font-size: 13px;
}

.table-1 table{
	width: 100%;
	text-align: left;
}

.page-hotel-detail-test .table-1 th{
	font-weight: normal;
	width: 151px;
	vertical-align: top;
}
.table-1 th{
	font-weight: normal;
	width: 110px;
	vertical-align: top;
}

.table-1 th,
.table-1 td{
	border-bottom: dotted 1px #dcdcdc;
	padding: 10px 0;
}

@media all and (max-width:600px){
	.table-1 th,
	.table-1 td{
		width:100% !important;
		display:block;
	}
}

.table-2 table{
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
.table-2 th{
	font-weight: normal;
	width: 30%;
	background-color:#eee;
}
.table-2 tr{
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}
.table-2 th,
.table-2 td{
	padding: 20px;
}
@media all and (max-width:600px){
	.table-2 th,
	.table-2 td{
		width:100%;
		display:block;
	}
	.table-2 tr{
		border: none;
		margin-bottom: 20px;
	}
	.table-2 th{
		font-weight: normal;
		color: #C7A956;
		font-size: 15px;
		line-height: 1;
		padding: 10px;
		border-left: solid 5px #C7A956;
		background-color: #fff;
	}
	.table-2 th{
	padding: 5px 0 5px 10px;
	}

	.table-2 td{
	padding: 10px 0 30px;
	}
}

.table-3 table{
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
.table-3 th{
	text-align: center;
	font-weight: normal;
	background-color:#eee;
}
.table-3 th,
.table-3 td{
	padding: 20px 5px;
	border: solid 1px #dcdcdc;
}
@media all and (max-width:600px){
	.table-3 th{
		display:none;
	}
	.table-3 td{
		width:100%;
		display:block;
	}
	.table-3 td{
		border: none;
	}
	.table-3 td:last-child{
		margin-bottom: 20px;
	}
	.table-3 td:first-child{
		font-weight: normal;
		color: #C7A956;
		font-size: 15px;
		line-height: 1;
		padding: 2px 10px;
		border-left: solid 5px #C7A956;
		background-color: #fff;
	}
	.table-3 td{
	padding: 5px 0;
	}
}

.table-4 table{
	width: 100%;
	text-align: left;
	border-collapse:collapse;
}
.table-4 th{
	font-weight: normal;
	width: 150px;
	background-color:#eee;
}
.table-4 td{
	background-color:#fff;
}
.table-4 th,
.table-4 td{
	padding: 10px 20px;
}
.table-4 th{
	border: solid 1px #fff;
}

.table-4 td{
	border: solid 1px #eee;
}
@media all and (max-width:600px){
.table-4 th{
	width: 25%;
	}
}

.table-5 table{
	width: 100%;
	text-align: left;
}

.table-5 th{
	font-weight: normal;
	width: 180px;
	vertical-align: top;
}

.table-5 tr:first-child td:after {
	padding-left: 20px;
	content: "様";
}

.table-5 tr:nth-child(2) td:after {
	padding-left: 20px;
	content: "(税込)";
}

.table-5 th,
.table-5 td{
	border-bottom: dotted 1px #dcdcdc;
	padding: 10px 0;
}

@media all and (max-width:600px){
	.table-5 th{
		font-weight: normal;
		width: 130px;
	}

	.table-5 tr:first-child td:after,
	.table-5 tr:nth-child(2) td:after {
		padding-left: 10px;
	}
}

.table-6 table{
	width: 100%;
	text-align: left;
}

.table-6 th{
	font-weight: normal;
	width: 30%;
	vertical-align: top;
}

.table-6 th,
.table-6 td{
	border-bottom: dotted 1px #dcdcdc;
	padding: 10px 0;

	text-align: center;
}

.table-6 td {
	width: 30%;
	text-align: center;
}

.wrap{
	margin: auto;
	width: 94%;
	max-width: 1000px;
}

.page-container.page-home>.wrap{
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.page-container.second-page-home{
	padding: 0;
}

.main-logo img{
	width: 100%;
	display: block;
}

.mb-menu-icon{
	display: none !important
}
.mb-menu-icon, .tb{
	display: none !important
}
.mobile-form.tb{
	display: block !important;
}

.link-tabs ul,
.link-menu ul,
.fi-sns-login ul,
.footer ul,
.header ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.text-blue,
.text-blue a{
	color: #1E86FF!important;
}

.text-gray a{
	color:#acacac;
}

.text-black{
	color:#000 !important;
}

.bg-grey{
	background-color: #f4f4f4;
}

.bg-white{
	background-color: #fff;
}
@media all and (max-width:800px){
	.bg-tb-gray {
		background-color: #f4f4f4;
	}
}

.el-wrap{
	margin: 20px 0;
}

/*Header*/
.hd-top{
	background-color: #000;
	color: #fff;
	padding: 0 0 10px 0;
	position: relative;
	z-index: 101;
}

.hd-top-text {
	margin: 0px 0px 5px;
    font-size: 12px;
    float: left;
	line-height: 40px;
}

.main-logo{
	width: 300px;
	padding: 0px 0 0 0;
	float: left;
}

.header-li-business .main-logo{
	padding: 0;
}

.header-li-business2 .main-logo{
	padding: 6px 0 0 0;
}
.line-h-50{
	line-height: 50px;
    display: flex;
}
.m-r-20{
	margin-right: 20px !important;
}
.border-b-dotted{
	border-bottom: 1px dotted #ccc;
}
.width-8{
	width: 80% !important;
}
.width-1{
	width: 10% !important;
}
.width-0-5{
	width: 5% !important;
}
.width-0-6{
	width: 6% !important;
}
.font-10{
	font-size: 10px;
}
.order-form.width-1{
	width: 10% !important;
}
.width-2{
	width: 20% !important;
}
.width-3{
	width: 30% !important;
}

.width-4{
	width: 40% !important;
}
.width-5{
	width: 50% !important;
}
.width-6{
	width: 60% !important;
}
.width-7{
	width: 70% !important;
}
.width-9{
	width: 90% !important;
}
.width-10{
	width: 100% !important;
}
.max-width-10{
	max-width: 100% !important;
}
.list-none{
	list-style: none;
}

.pd-style .prettydropdown.arrow > ul > li.selected:before{
    font-family: 'apaicon';
	content: "\f107";
	position: absolute;
	right: 10px;
	font-size: 15px;
	display: block;
}
.pd-style .prettydropdown.arrow > ul.active > li.selected:before,
 .pd-style .prettydropdown.arrow > ul.active > li.selected:after{
    font-family: 'apaicon';
	content: "\f107";
	position: absolute;
	right: 10px;
	font-size: 15px;
	display: none;
}

.pd-style .prettydropdown.arrow > ul > li{
	position: relative;
}

.pd-style input[type="number"],
.pd-style input[type="text"],
.pd-style input[type="date"],
.pd-style select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	border: solid 1px #eee;
	line-height: 30px;
	padding: 0 10px;
	font-size: 13px;
	color: #666;
	background-color: #fff;
	border-radius: 0px;
}

.hs-item input[type="checkbox"] {
	margin: 10px 0 0 10px;
}

.hd-detail{
	float: right;
	padding: 14px 0 0 0;
}
@media all and (max-width:800px){
	.hs-select {
		position: relative;
	}

	.hs-select:after{
		font-family: 'apaicon';
		content: "\f107";
		position: absolute;
		right: 10px;
		font-size: 15px;
		top: 50%;
		transform:translate(0,-50%);
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
	}

	.tb-chkbox label {
		height: 32px;
		width: 100%;
		padding-top: 5px;
		padding-left: 25px;
		cursor:	pointer;
		position: relative;
		line-height: 22px;
	}

	.tb-chkbox label:before {
		content: '';
		width: 20px;
		height:	20px;
		position: absolute;
		left: 0;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	.tb-chkbox input[type=checkbox] {
		display: none;
	}

	.tb-chkbox input[type=checkbox]:checked + label:before {
		font-family: 'apaicon';
		content: "\e907";
		font-size: 15px;
		text-align: center;
		color: #fff;
		background-color: #1E86FF;
	}
	.tb-chkbox label {
		padding-left: 25px!important;
	}

	.hd-detail{
	padding: 0;
	}
	.hd-top-row{
		display: none;
	}

	.hd-top {
	    padding: 15px 0;
	}

	.hd-detail:before,
	.hd-detail:after{
	    content:"";
	    display:table;
	}
	.hd-detail:after{
	    clear:both;
	}


	.header-lo .main-logo,
	.header-li-business2 .main-logo{
		float: left;
		width: 220px;
	}


}

.lang-bar{
	float: right;
}

.lang-bar ul{
	text-align: left;
}

.lang-bar.pd-style .prettydropdown > ul{
	background-color: #000;
	border: none;
	-webkit-box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
	-moz-box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
	box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
}

.lang-bar.pd-style .prettydropdown > ul.active{
	background-color: #fff;
}

.lang-bar.pd-style .prettydropdown > ul > li {
	color: #fff;
}

.lang-bar select{
	max-height: 44px;
}

.user-point{
	display: inline-block;
	text-decoration: none;
	margin: 0 0 0 5px;
}

.menu-right,
.user-name-wrap{
	display: inline-block;
	vertical-align: middle;
}

.business-login-detail .user-name-wrap{
	vertical-align: top;
}

.header-li-business2 .user-name-wrap{
	margin: 0 10px 0 0;
	font-size: 12px;
}

.header-copy{
	width: 178px;
	height: auto;
	display: none;
}

.menu-mypage{
	display: inline-block;
	line-height: 1
}

.menu-mypage a{
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block;
}

.menu-mypage i{
    font-size: 18px;
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.menu-right i.ic-circle{
	width: 26px;
	height: 26px;
	line-height: 18px;
	text-align: center;
	border: solid 1px #C7A956;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	padding: 3px;
	font-size: 18px;
	vertical-align: middle;
}

.nav-menu,
.nav-menu-2{
	text-align: center;
}

.nav-menu ul li,
.nav-menu-2 ul li{
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.nav-menu ul li a,
.nav-menu-2 ul li a{
	display: block;
	padding: 15px 30px;
	color: #666;
	text-decoration: none;
}

.nav-menu ul li.selected a,
.nav-menu ul li a:hover,
.nav-menu-2 ul li.selected a,
.nav-menu-2 ul li a:hover{
	color: #C7A956;
}

.m-icon{
	display: none;
}


.update-booking{
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 12px;
}

ul.hd-btns{
	display: inline-block;
}

ul.hd-btns li.menu-btn{
	display: inline-block;
}

ul.hd-btns li.menu-btn a{
	display: block;
	text-decoration: none;
	padding: 7px 25px;
	font-size: 13px;
}

ul.hd-btns li.menu-btn{
	padding: 0 5px;
}

ul.hd-btns li.menu-btn:last-child{
	padding: 0 0 0 5px;
}

.nav-menu ul li.menu-btn{
	border-bottom: none;
	padding: 10px;
}


.nav-menu ul li.menu-btn a{
	padding: 10px 0;
	margin: auto;
}


.nav-menu ul li.menu-btn a{
	max-width: 280px;
}


.login-btn a{
	background-color: #947F28;
	border: solid 1px #947F28;
	color: #fff!important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


.signup-btn a{
	background-color: #fff;
	border: solid 1px #1E86FF;
	color: #1E86FF!important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


.business-login-detail{
	text-align: right;
	margin: 5px 0 0 0;
	line-height: 30px;
}

.business-logout {
	float: right;
	margin: 0 0 0 20px;
}

.business-logout a{
	text-decoration: none;
	color: #fff;
}

.business-logout a:hover{
	text-decoration: underline;
}


/*Contents*/
.page-container{
	padding: 50px 0;
}

.page-container.page-home{
	padding: 0;
	text-align: center;
}

/*Main Contents*/
.widget-page .main-contents{
	/* float: right; */
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
}

/*Widget*/
.widget{
	width: 275px;
	float: left;
}

.wd-col {
	padding: 20px 0;
	font-size: 14px;
}

.wd-col .pd-style .prettydropdown,
.wd-col .pd-style .prettydropdown > ul,
.wd-col .pd-style .prettydropdown > ul > li{
	width: 100%!important;
}

.wd-col .pd-style .prettydropdown > ul > li{
	height: 30px;
	line-height: 30px;
}

.wd-col .prettydropdown > ul:focus,
.wd-col .prettydropdown:not(.disabled) > ul:hover{
	border-color: #eee
}

.wd-ttl{
	color: #C74D00;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.wd-col input[type="number"],
.wd-col input[type="text"],
.wd-col input[type="date"]{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	border: solid 1px #eee;
	line-height: 30px;
	padding: 0 10px;
	font-size: 13px;
	color: #666;
}

.wd-col input[type="text"]#book-budget{
	width: auto;
	margin: 0 5px 0 0;
}

#wd-vacancy.wd-col{
	padding: 20px;
	background-color: #f4f4f4;
}

#wd-vacancy.wd-col i{
	margin: 0 5px 0 0;
	font-size: 16px;
	vertical-align: middle;
}

.wd-col .wd-item{
	margin: 0 0 10px 0;
}

.wd-col .wd-item:last-child{
	margin: 0;
}

.wd-item.required label:after{
	content: "※";
	color: #C74D00;
	margin: 0 0 0 5px;
}

.wd-item .prettydropdown ul.active {
	max-height: 150px!important;
}

.wd-item-bottom {
	display: none;
}

.wd-label{
	margin: 0 0 3px 0;
}

.wd-col .wd-item label{
	margin: 0 0 3px 0;
	display: inline-block;
}

.wd-col .wd-item input[type="text"],
.wd-col .wd-item input[type="date"]{
	height: 32px
}

.wd-col .wd-item select {
	height: auto!important;
}

.wd-item-half-left,
.wd-item-half-right{
	width: 48%;
}

.wd-item-half-left{
	float: left;
}

.wd-item-half-right{
	float: right;
}

.submit-btn input{
	margin: 20px 0;
	background-color: #C7A956;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
}

.submit-btn input:hover{
	opacity: .8;
}
.submit-btn button{
	margin: 20px 0;
	background-color: #C7A956;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
}

.submit-btn button:hover{
	opacity: .8;
}


/*Footer*/
.footer{
	background-color: #000;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
}

.ft-menu{
	margin: 0 0 10px 0;
}

.ft-menu ul li{
	display: inline-block;
	line-height: 1;
	font-size: 11px;
}

.ft-menu ul li a{
	display: block;
	border-right: solid 1px #fff;
	padding: 0 15px;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ft-menu ul li:last-child a{
	border-right: none;
}

.ft-menu ul li a:hover{
	color: #C7A956;
}

.ft-links{
	margin: 0 0 30px 0;
}

.ft-links ul li{
	float: left;
	width: 25%;
	padding: 0 10px;
	vertical-align: middle;
	line-height: 12px;
	font-size: 13px;
}

.ft-links ul li a{
	display: block;
}


.ft-links ul li a:hover{
	opacity: .7;
}

.ft-banner{
	display: none;
}

.ft-copyright{
	font-size: 11px;
}

/*
.header ul li.menu-link-btn a{
	background-color: #f4f4f4;
	color: #000!important;
	padding: 15px 5px;
	text-decoration: none;
	line-height: 12px;
}

.header ul li.menu-link-btn a img{
	height: 12px;
	width: auto;
	margin: auto;
}
*/
.page-top{
	display: none;
	z-index: 100;
	position: fixed;
	bottom: 20px;
    right: 20px;
    line-height: 1;
    padding: 10px 15px;
	background-color: #947F28;
	text-align: center;
	font-size: 18px;
	color: #fff;
	opacity: .8;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.page-top i{
	display: block;
}

.page-top:hover{
	opacity: .7;
}


/*List*/
.border-b{
	border-bottom: 1px solid #E6E6E6;
}
.list-wrap .list-col{
	margin: 0 0 20px 0;
}
.list-wrap .list-col:last-child{
	margin: 0;
}

.list-overview{
	height: 240px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	color: #fff;
	padding: 20px;
}


.other-hotel-list .list-overview{
	border: none !important;
	padding: 10px;
}
.other-hotel-list .text-dark{
	color: #666666 !important;
}
.other-hotel-list .li-price{
	/*text-align: left;*/
	width: 13%;
}
.other-hotel-list .li-ttl{
	width: 22.3%;
}
.other-hotel-list .li-rest{
	width: 14%;
    padding-left: 10px;
    text-align: left;
    color: #C74D00;
    font-size: 13px;
    font-weight: normal;
}

.item-recom .list-overview{
	border: solid 10px #C7A956;
	padding: 10px;
}
.other-hotel-list .list-overview{
	padding: 20px;
}

.list-overview:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: hsla(0, 0%, 0%, 0.15);
	display: block;
	width:100%;
	height: 100%;
}
.list-overview.novacancy:before{
	background-color: rgba(0,0,0,.7);
}

.list-name{
	font-size: 20px;
	position: relative;
	z-index: 1;
	line-height: 26px;
}

.list-name-myfavourit{
	font-size: 20px;
	position: relative;
	z-index: 1;
	line-height: 26px;
}

.list-name-myfavourit-sub{
	font-size: 15px;
	position: relative;
	z-index: 1;
	line-height: 26px;
}

.list-name span {
	font-size: 14px;
}

.list-overview .list-name a {
	text-decoration: none;
	text-shadow: 0px 0px 15px #000;
}

.list-name a span{
	text-decoration: underline;
	display: inline-block;
}

.second-hotel-list .list-name a{
	color: #fff;
    text-shadow: 0px 0px 15px #000;
}
.second-hotel-list .list-icons{
	text-shadow: 0px 0px 15px #000;
}
.second-hotel-list .list-info {
	text-shadow: 0px 0px 15px #000;
}
.list-name a{
	color: #fff;
}

.list-name a:hover{
	opacity: .8;
}
.m-t-b-0{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mb-30{
	margin-bottom: 30px;
}
.mt-30{
	margin-top: 30px;
}
.mt-10{
	margin-top: 10px;
}
.mb-10{
	margin-bottom: 10px !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.pd-b-0{
	padding-bottom: 0px !important
}
.mb-0{
	margin-bottom: 0px !important;
}
.mb-30{
	margin-bottom: 30px !important;
}
@media all and (max-width:800px){
	.list-name{
		font-size: 18px;
	}
	.list-name span {
		font-size: 13px;
	}
}

.list-bottom{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	padding: 0 10px;
}

.item-recom .list-bottom{
	bottom: 30px;
	left: 0;
	padding: 0 10px;
}
.other-hotel-list .list-bottom{
	bottom: 15px;
	left: 0;
	padding: 0 20px;
}
.other-hotel-list .list-name{
	line-height: 17px;
}

.list-overview .list-book{
	position: absolute;
	right: 20px;
	bottom: 40px;
}

.item-recom .list-overview .list-book{
	position: absolute;
	right: 10px;
	bottom: 30px;
}

.list-bottom-link {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
}

.item-recom .list-bottom-link {
	bottom: 5px;
}

.list-bottom-link a {
	position: relative;
	color: #fff;
	text-decoration: none;
}

.list-bottom-link a:after {
	font-family: 'apaicon';
	content: "\e908";
	margin: 0 0 0 3px;
}

/*
.list-show .list-info{
	margin: 0 0 8px 0;
}
*/

.list-overview .list-info{
	font-size: 14px;
	line-height: 1.7;
	text-shadow: 0px 0px 15px #000;
}

.list-info span{
	font-size: 16px;
}

.list-bottom-wrap{
	display: table;
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 0 20px;
	width: 100%;
}

.list-bottom-wrap .list-bottom,
.list-bottom-wrap .list-book{
	display: table-cell;
	position: relative;
	bottom: auto;
	left: auto;
	vertical-align: middle;
}

.list-bottom-wrap .list-bottom{
	width: auto;
	padding: 0 10px 0 0!important;
}

.list-bottom-wrap .list-book{
	width: 110px;
	right: 0;
}

.list-note{
	display: inline-block;
	font-size: 13px;
}

@media all and (max-width:800px){
.list-info{
	font-size: 12px;
}
.list-info span{
	font-size: 14px;
}
}

@media all and (max-width:600px){
.list-overview{
	height: 150px;
}

.list-bottom-wrap .list-bottom,
.list-bottom-wrap .list-book{
	vertical-align: bottom;
}
}

@media all and (max-width:480px){
	.list-info span{
		display: block;
	}
}

.list-info a.li-link{
	display: table;
	color: #fff;
	text-decoration: none;
	margin: 6px 0 0 0;
	position: relative;
}

.list-info a.li-link:before{
	height: 1px;
	position: absolute;
	width: 100%;
	background-color: #fff;
	display: block;
	bottom: 1px;
	left: 1px;
	content: "";
}

a.li-link-close:after,
.list-info a.li-link:after{
	font-family: 'apaicon';
	margin: 0 0 0 5px;
}

a.li-link-close{
	text-decoration: none;
	color: #666;
	font-size: 12px;
	display: block;
	text-align: center;
}

.list-info a.li-link:after{
	content: "\e90e";
}

a.li-link-close:after{
	content: "\e90b";
}

.list-show a.li-link{
	display: none;
	height: 1.3em;
}

.list-show .list-bottom-link{
	display: none;
	height: 1.3em;
}

.list-icons{
	margin: 0 0 5px 0;
}

.list-icons i{
	font-size: 22px;
	margin-right: 5px;
	display: inline-block;
}

.list-book a{
	padding: 7px 18px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-color: #FFB71E;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

.list-book a:hover{
	opacity: .8;
}
@media all and (max-width:800px){
.list-bottom{
	font-size: 12px;
}
.list-book a{
	font-size: 12px;
}
}
@media all and (max-width:480px){

	.list-bottom {
		padding: 0 20px!important;
	}
	.list-info {
		font-size: 12px;
	}
	.list-book a{
		padding: 7px 10px;
	}
}


.list-wrap .list-col2{
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #dcdcdc;
}
.list-wrap .list-col2:last-child{
	margin: 0;
	border-bottom: none;
}
@media all and (max-width:480px){
	.list-wrap .list-col2{
		padding-bottom: 0px;
		margin: 0 20px 20px;
	}
	.list-wrap .list-col2:last-child{
		margin: 0 20px 0;
	}
	.bottom-hotel-list .list-bottom-link{
		border-bottom: none;
	}
	.bottom-hotel-list .list-bottom-link.last{
		border-bottom: none;
	}

}

.item-discount .list-overview:after,
.item-bestrate .list-overview:after{
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	z-index: 7;
}

.item-discount .list-overview:after{
	right: 0;
	top: 0;
	width: 110px;
	height: 110px;
	background-image: url(/assets/img/discount-tag.png);
}

.item-bestrate .list-overview:after{
	right: 0;
	top: 10px;
	width: 140px;
	height: 32px;
	background-image: url(/assets/img/tag-best_rate.png);
}

.item-partner .list-name:before{
	right: 0;
	top: 0;
	content: "";
	width: 26px;
	height: 26px;
	height: 26px;
	background-image: url(/assets/img/logo-partner_hotels.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: 0 7px 0 0;
	float: left;
}

.list-detail{
	border: solid 1px #eee;
	display: none;
}
.bottom-hotel-list {
    border: solid 1px #eee;
    border-bottom: none;
    max-height: 100px;
}
.bottom-hotel-list .list-bottom-link {
    position: relative;
    text-align: center;
    border-bottom: dotted 1px #eee;
    padding: 15px 20px;
    width: 100%;
}
.bottom-hotel-list .list-bottom-link.last{
    position: relative;
    text-align: center;
    border-bottom: dotted 1px #eee;
    padding: 17px 20px;
    width: 100%;
}

.bottom-hotel-list .list-bottom-link a{
	color: #666666;
}
.second-hotel-list .list-detail{
	border-top: none;
}
.list-square-style{
	list-style: square;
}
.other-hotel-list .list-item{
	border-bottom: dotted 1px #eee;
	padding: 10px 20px;
	display: table;
	width: 100%;
}
.list-detail .list-item{
	border-bottom: dotted 1px #eee;
	padding: 10px 20px;
	display: table;
	width: 100%;
}


.list-detail .list-item:last-child{
	border-bottom: none;
}

.li-ttl,
.li-price{
	font-size: 15px;
}
@media all and (max-width:800px){
.li-ttl,
.li-price{
	font-size: 13px;
	}
}

.li-ttl,
.li-price,
.li-rest,
.li-book-btn{
	display: table-cell;
	vertical-align: middle;
}

.li-ttl{
	width: 43%;
}

.li-price{
	padding-left: 2%;
	width: 18%;
	text-align: right;
}

.li-price span{
	padding-left: 5px;
	color: #C74D00;
	font-size: 13px;
}

.li-rest {
	width: 15%;
	padding-left: 5px;
	color: #C74D00;
	font-size: 13px;
	font-weight: bold;
}

.li-price span{
	padding-left: 5px;
	color: #C74D00;
	font-size: 13px;
}

.li-book-btn{
	width: 25%;
}

.li-price{
	color: #1E86FF;
	font-weight: bold;
}

.li-book-btn .list-book a{
	display: inline-block;
	float: right;
}

/*Detail page*/
.top-img-wrap{
	height: 35vw;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.fl-left{
	float: left;
}

.fl-center{
	float: center;
	text-align: center;
}

.fl-right{
	float: right;
}

.fl-left-all{
	float: left;
}

.fl-right-all{
	float: right;
}

.fl-left.fl-30,
.fl-left.fl-50{
	padding: 0 15px 0 0;
}


.fl-left.fl-40{
	padding: 0;
}

.fl-right.fl-50,
.fl-right.fl-60,
.fl-right.fl-70{
	padding: 0 0 0 15px;
}

.fl-30{
	width: 30%;
}

.fl-40{
	width: 40%;
}

.fl-50{
	width: 50%;
}

.fl-60{
	width: 60%;
}

.fl-70{
	width: 70%;
}

.ttl-area{
	padding: 0 0 10px 0;
}

.ttl-area .fl-left {
	width: 50%;
}

.action-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.action-list ul li{
	display: inline-block;
	font-size: 12px;
	margin:0 10px 0 0;
}

.action-list ul li:last-child{
	margin: 0;
}

.action-list ul li a{
	text-decoration: none;
	color: #666;
}

.action-list ul li a:hover{
	color: #1E86FF;
}

.action-list ul li a i{
	color: #1E86FF;
	margin: 0 3px 0 0;
	font-size: 15px;
	vertical-align: middle;
	text-decoration: none!important;
}

#ttl-action-call{
	display: none;
}

#ttl-action-like a{
	color: #666666;
}
#ttl-action-like a:hover{;
	color: #1E86FF;
}

.ttl-area-phone i{
	margin: 0 5px 0 0;
}

h2.ttl-area-phone{
	text-align: right;
}

.tile-wrap{
	margin: 10px 0 0 0;
}

.tile{
	border: solid 1px #f4f4f4;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-ms-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-o-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	margin: 0 0 5px 0;
	background-color: #fff;
}

.tile-full {
	background-color: #ffffff;
}

.tile-wrap .tile:last-child{
	margin: 0;
}

/*.tile-wrap .bullet-list{
	margin: 0 0 30px 0;
}*/

.tile-wrap .tile-col{
	margin: 0 0 30px 0;
}

.tile-wrap .tile-col:last-child{
	margin: 0;
}

.bullet-list ul{
	margin: 0;
	padding: 0 0 0 1.3em;
}

.tile-ttl{
	padding: 20px;
}

.tile-ttl2 {
	padding: 10px 20px;
	margin-bottom: 10px;
	color:#947F28;
	background-color:#F4F4F4;
	font-size: 16px;
}

.tile-btn,
.list-btn{
	cursor: pointer;
}


.tile-ttl.tile-link a{
	display: block;
}

.tile-inner{
	padding: 20px;
}

.tile-body{
	padding: 0 20px 20px 20px;
}

.tile-ttl h3{
	width: 90%;
	display: inline-block;
	line-height: 20px;
	margin: 0;
}

.tile-btn:after,
.tile-link a:after{
	content: "";
	display: inline-block;
	text-align: right;
	vertical-align: top;
	font-family: 'apaicon';
	line-height: 20px;
	font-size: 20px;
	color: #1E86FF;
	float: right;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tile-btn:after{
	content: "\f107";
}

.tile-link a:after{
	content: "\e90a";
}

.tile-open .tile-btn:after,
.tile-show .tile-btn:after{
	-webkit-transform: rotate(180deg);
 	-moz-transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
 	transform: rotate(180deg);
}

.ad-space{
	max-width: 300px;
	margin: 10px 0 0 0;
}

.ad-space iframe,
.ad-space a img{
	margin: 5px 0 5px;
	width: 100%;
	border: 1px solid #589641;
}

@media all and (max-width:480px){
	.ad-space{
		max-width: 100%;
	}
}

.img-title{
	 margin: 0px 0px 5px;
    font-size: 14px;
    font-weight: bold;
}
.img-text{
	padding: 10px 0;
}

.img-text a{
	color: #666;
	display: block;
}

.img-text a:hover{
	opacity: .8;
}

.img-text-bd .img-text{
	border-bottom: solid 1px #dcdcdc;
}

.img-text-bd .img-text:last-child{
	border-bottom: none;
	padding: 10px 0 0 0;
}

.img-text-rel{
	position: relative;
}

.img-text-rel .it-text-link{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.it-img{
	width: 30%;
	float: left;
}

.it-img2{
	width: 40%;
	float: left;
}

.it-text{
	width: 70%;
	float: right;
	padding: 0 0 0 20px;
	text-align: left;
}
.it-text2{
	width: 60%;
	float: right;
	padding: 0 0 0 20px;
	text-align: left;
}


/*
.it-img {
	height: 170px;
	overflow: hidden;
	position: relative;
}

.it-img img {
	height: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
*/

.it-text h4{
	margin: 0 0 10px 0 ;
	font-size: 18px;
}

.it-text-summary{
	margin: 10px 0 0 0;
	color: #C7A956;
	font-size: 14px;
	min-height:  40px;
}

@media all and (max-width:480px){
	.it-text-summary{
		font-size: 13px;
		margin: 10px 0;
	}
	.group-img-list-block h4 {
		font-size: 15px;
	    font-weight: bold;
	    line-height: 20px !important;
	    color: #B79292;
	}
}


a .it-text-link {
	text-align: right;
	text-decoration: underline;
}
@media all and (max-width:480px){
	a .it-text-link {
		display: none;
	}
}
.tag{
	display: inline-block;
	min-width: 90px;
	text-align: center;
	font-size: 11px;
	line-height: 1.8;
	vertical-align: middle;
	color: #fff;
	margin: 0 10px 0 0;
}

.tag-campaign{
	background-color: #C7A956;
}

.tag-event{
	background-color: #1E86FF;
}

.tag-resort{
	background-color: #C74D00;
}

.tag-restaurant{
	background-color: #552A10;
}

.tag-recommend{
	background-color: #8560A8;
}

.tag-newhotel{
	background-color: #2B4564;
}

.tag-renovated{
	background-color: #666666;
}

.tag-volunteer{
	background-color: #FFB71E;
}


.gallery {
	margin: 0 -10px;
}

.gallery div{
	padding: 15px 10px;
	float: left;
	width: 50%;
	font-size: 12px;
}

.gallery div img{
	display: block;
	margin: 0 0 5px 0;
}

/*Login during booking*/
.bd-box{
	border: solid 1px #f4f4f4;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-ms-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-o-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	padding: 30px;
	background-color: #fff;
	margin: 0 0 20px 0;
}

.bd-box-wrap .bd-box:last-child{
	margin: 0;
}

.bd-box-inner{
	margin: 15px auto;
	max-width: 550px;
}

.form-item,

.form-tandem{
	display: table;
	width: 100%;
	padding: 5px 0;
}

.form-item,
.form-tandem-label{
	display: table;
	width: 100%;
	padding: 5px 0 !important;
}

.form-tandem.no-form {
	margin-top: -10px;
}

.fi-label{
	width: 139px;
	padding: 7px 0;
}

.fi-label.labelw30{
	width: 30%;
}

.fi-label.labelw35{
	width: 35%;
}

.fi-input{
	padding: 0 0 0 20px;
}

.fi-label,
.fi-input{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

.fi-label.va-mid{
	vertical-align: middle;
}

.fi-label p{
	margin: 0;
	padding: 0;
	display: block;
}

.fi-input input[type="tel"],
.fi-input input[type="email"],
.fi-input input[type="text"],
.fi-input input[type="password"],
.fi-input input[type="number"],
.fi-input input[type="date"],
.fi-input input[type="time"],
.fi-input textarea,
.fi-input select/*,
.fi-input > a*/ {
	width: 100%;
	padding: 7px;
	font-size: 13px;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	-moz-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	border: solid 1px #f4f4f4;
	background-color: transparent;
	border-radius: 0px;
}

.fi-input > a {
	display: block;
	text-decoration: none;
}

.fi-input .fl-right {
	display: inline-block;
	float: right;
}

.fi-input .multi-cb-inner {
	width: 100%;
	max-width: 170px;
	padding: 7px;
	display: inline-block;
	margin-right: 10px;
}

.fi-input .multi-cb-inner02 {
	width: auto;
	padding: 7px;
	display: inline-block;
	margin-right: 10px;
}

.fi-input label.cb-label {
	padding: 3px 7px;
}

.fi-input textarea {
	resize: none;
}

.input-tandem-1 .fi-input {
	display: block;
}
.input-tandem-1 .fi-input {
	margin-bottom: 5px;
}
.input-tandem-1 .fi-input:last-child {
	margin-bottom: 0px;
}

.fi-input .pd-input ul li {
	height: 30px;
	line-height: 30px;
}

.fi-input .pd-input ul {
	-webkit-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	-moz-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
}

.fi-input .pd-input select {
	height: 32px!important;
}

@media all and (max-width:800px){
	.fi-input.add-number01,
	.fi-input.add-number02,
	.fi-input.add-number03,
	.fi-input.add-number04{
		width: auto!important;
		float: left;
	}
	.fi-input.add-number01 {
		padding: 0 0 0 0px;
	}
	.fi-input.add-number02 {
		width: 60px!important;
		padding: 0 10px;
	}
	.fi-input.add-number03 {
		padding: 0;
	}
	.fi-input.add-number04 {
		width: 80px!important;
		padding: 0 10px;
	}
	.form-tandem-inner2 {
		margin-top: 5px;
	}
}

.fi-input input[type="text"].ib,
.fi-input input[type="number"].ib,
.fi-input input[type="date"].ib,
.fi-input input[type="time"].ib{
	width: auto;
}

.fi-input.inputw50 input[type="number"].ib{
	width: 50px;
}

.fi-input select{
	padding: 7px 20px 7px 7px;
	width: 100%;
}
.fi-input,
.fi-input.fi-select,
.fi-input.fi-select2{
	position: relative;
	z-index: 1;
}

.fi-tandem-half-left span.title,
.fi-tandem-half-left .fi-select,
.fi-tandem-half-right span.title,
.fi-tandem-half-right .fi-select{
	position: relative;
	display: inline-block;
}

.fi-tandem-half-left .fi-select:after,
.fi-tandem-half-right .fi-select:after{
	font-family: 'apaicon';
	content: "\f107";
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	font-size: 15px;
	z-index: -1;
}

.fi-input.fi-select:after{
	font-family: 'apaicon';
	content: "\f107";
	position: absolute;
	right: 10px;
	top: 18px;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	font-size: 15px;
	z-index: -1;
}

.fi-input.fi-select2:after{
	font-family: 'apaicon';
	content: "\e908";
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	font-size: 15px;
	z-index: -1;
}
.fi-input.fi-select-water:after{
	font-family: 'apaicon';
    content: "\e908";
    position: absolute;
    left: 42px;
    top: 73%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 15px;
    z-index: -1;
}

.fi-input span + select {
	width: auto;
}

.fi-input span{
	display: inline-block;
	margin: 0 10px 0 10px;
}
.fi-input span.title {
	display: inline-block;
	margin: 0 10px 0 0;
}
.fi-input:last-child span.title {
	display: inline-block;
	margin: 0 10px 0 0px;
}
@media all and (max-width:320px){
	.fi-input span.title {
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.fi-input:last-child span.title {
		margin: 5px 10px 0 0;
	}
}

.form-submit input,
.form-submit input:disabled,
.form-submit a {
	background-color: #947F28;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 250px;
	display: block;
	margin: 30px auto;
	text-align: center;
	text-decoration: none;
}
button{
	background-color: #947F28;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 250px;
	display: block;
	margin: 30px auto;
}
button:focus {
  outline: none;
}
.btn:focus {
  outline: none;
}
button:hover{
	background-color: #947F28;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 250px;
	display: block;
	margin: 30px auto;
}
.form-submit input:disabled {
	background-color: #707070;
}

.fi-input select:disabled {
    background-color: #eeeeee;
    box-shadow: none !important;
}
.fi-input textarea:disabled {
    background-color: #eeeeee;
    box-shadow: none !important;
}
.fi-input.fi-select:after {
    z-index: -1 !important;
}
.fi-input input:disabled {
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-align: left;
    background-color: #eeeeee;
    border-radius: 3px;
    box-shadow: none !important;
}
.cta-2 .form-submit input {
	margin: 0 auto;
}

.form-submit.form-submit-note input{
	margin: 30px auto 10px auto;
}

.form-submit.form-submit-note{
	margin-bottom: 30px;
}

@media all and (max-width:800px){
	.form-submit input,
	.form-submit input:disabled{
		/* width: 100% !important; */
	}
}

@media all and (max-width:576px){
	.form-submit.form-submit-ib{
		width: 100% !important;
	}
	.order-form.width-1{
		width: 20% !important;
	}
}

.form-submit.form-submit-ib{
	display: inline-block;
	margin: 0 0 10px 10px;
}

.sticky-box .form-submit.form-submit-ib{
	margin: 10px 0 10px 0;
}

.form-submit.form-submit-ib input{
	margin: 0;
}

.form-submit input:hover,
.form-submit a:hover{
	opacity: .8;
}

.form-submit.retry input{
	background-color: #707070;
}

.fi-sns-login li{
	display: inline-block;
	width: 50px;
	margin: 0 20px 0 0;
}
@media all and (max-width:600px){
	.fi-sns-login li{
		display: inline-block;
		width: 50px;
		margin: 0 5px 0 0;
	}
}

.fi-sns-login li a{
	display: block;
	cursor: pointer;
}

.fi-sns-login li a:hover{
	transform:translate(0,-3px);
  -webkit-transform:translate(0,-3px);
  -moz-transform:translate(0,-3px);
  -ms-transform:translate(0,-3px);
  -o-transform:translate(0,-3px);
}

.fi-detail {
	display: block;
	width: 100%;
}
.fi-detail {
	width: 100%;
	padding: 7px;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	-moz-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	border: solid 1px #f4f4f4;
	background-color: transparent;
}
.fi-confirmation {
	width: 100%;
	padding: 7px;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	text-align: left;
	background-color: #eeeeee;
	border-radius: 3px;
}

.fi-confirmation input{
	min-height: 1em;
}

.banner-wrap{
	background-color: #f6f6f6;
	padding: 30px;
	text-align: center;
	margin: 15px 0;
}

.banner-wrap img,
.banner-wrap p{
	display: inline-block;
	vertical-align: middle;
	max-width: 280px;
	width: 45%;
	padding: 10px;
}

.banner-wrap p{
	text-align: left;
}

.cta a,
.cta-2 a,
.cta-2 .form-submit input,
.cta-2 .form-submit input:disabled,
.cta-3 a{
	width: 250px;
	padding: 10px 15px;
	text-decoration: none;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    font-size: 15px;
}

.cta-2 .form-submit button{
	width: 250px;
	padding: 10px 15px;
	text-decoration: none;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    font-size: 15px;
}
@media all and (max-width:800px){
.custom-cta-2 a{
	width: 50% !important;
}

.cta a,
.cta-2 a,
.cta-2 .form-submit,
.cta-3 a{
	width: 100%!important;
	margin: 10px 0!important;
}
.business-page .cta a,
.business-page .cta-2 a,
.business-page .cta-2 .form-submit,
.business-page .cta-3 a{
	width: 100%!important;
	margin: 30px auto 0 auto;
}

.cta-2 .form-submit,button{
	width: 100%!important;
	margin: 5px 0!important;
}
}

.cta a:hover,
.cta-2 a:hover{
	opacity: .8;
}

.cta a{
	display: table;
	margin: 30px auto 0 auto;
}

.cta-2{
	text-align: center;
	margin: 30px 0 0 0;
}

.cta-2 a,
.cta-2 .form-submit{
	display: inline-block;
	margin: 10px;
}

.cta-2 .form-submit button{
	display: inline-block;
	margin: 5px;
}
/*.cta-2 a:last-child,
.cta-2 .form-submit:last-child{
	margin: 10px 0px 10px;
}*/
.cta-3 a{
	display: table;
	margin: 10px auto;
}


.link-cta a{
	text-align: center;
	text-decoration: underline;
	display: block;
	margin: 20px 0;
}

.link-cta-2 {
	text-align: center;
	text-decoration: underline;
	display: block;
	color: #C74D00;
	padding: 15px;
}


.link-cta-2 a{
	text-align: center;
	text-decoration: underline;
	margin: 40px 0 0 0;
	color: #C74D00;
}

.link-select a:after{
	content: "\e908";
	display: inline-block;
	vertical-align: middle;
	font-family: 'apaicon';
	line-height: 13px;
	font-size: 13px;
	color: #C74D00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.toggle-open.link-select a:after{
	-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-sml{
	display: inline-block;
	font-size: 10px;
	vertical-align: middle;
}

.btn-sml a{
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

a.btn-blue {
	background-color: #1E86FF;
	color: #fff;
}

a.btn-blue-bd{
	border: solid 1px #1E86FF;
	background-color: #fff;
	color: #1E86FF;
}

a.btn-yellow{
	border: solid 1px #FFB71E;
	background-color: #FFB71E;
	color: #fff;
}

.btn-gold input,
a.btn-gold {
	background-color: #947F28;
	color: #fff;
}

.btn-purple input,
a.btn-purple {
	background-color: #8560A8;
	color: #fff;
}

.btn-deep-gold input,button,
a.btn-deep-gold {
	background-color: #C7A956;
	color: #fff;
}

a.btn-light-gray {
	background-color: #d6d6d6;
	color: #666666;
}

a.btn-deep-gray {
	background-color: #707070;
	color: #fff;
}

.btn-deep-gray button {
	background-color: #707070;
	color: #fff;
}

.btn-deep-gray input {
	background-color: #707070;
	color: #fff;
}

.form-submit.btn-ylw input,
a.btn-ylw {
	background-color: #FFB71E;
	color: #fff;
}

.form-submit.btn-blue input {
	background-color: #1E86FF;
	color: #fff;
}
/*Booking confirmation*/
.section{
	margin: 40px 0 0 0;
}

.arrow-wrap{
	margin: 10px 0;
	text-align: center;
}

.arrow-wrap div{
	padding: 0 70px;
	line-height: 40px;
	min-width: 150px;
	display: inline-block;
	background-color: #B5B5B5;
	color: #fff;
	margin: 0 30px 0 0;
	font-size: 12px;
	text-align: center;
	position: relative;
}

.arrow-wrap.four-arrow div{
	padding: 0 10px;
}

.arrow-wrap.three-arrow div {
	padding: 0 20px;
	min-width: 100px;
}

.arrow-wrap div:last-child{
	margin: 0;
}

.arrow-wrap div:after{
	width: 0;
	height: 0;
	right: -20px;
	position: absolute;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #B5B5B5;
	content: "";
}

.arrow-wrap div.arrow-active{
	background-color: #FFB71E;
}

.arrow-wrap div.arrow-active:after{
	border-color: transparent transparent transparent #FFB71E;
}

.required .fi-label label p:after{
	content: "※";
	color: #C74D00;
	margin: 0 0 0 5px;
}

.fi-input.bc-no-people,
.fi-input.bc-no-night,
.fi-input.bc-no-room{
	position: relative;
}

.fi-input.bc-no-people:before,
.fi-input.bc-no-night:before,
.fi-input.bc-no-room:before{
	position: absolute;
	color: #333;
	top:53%;
	left:3.4em;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}

.fi-input.bc-no-people:before{
	content: "人";
}

.fi-input.bc-no-night:before{
	content: "泊";
}

.fi-input.bc-no-room:before{
	content: "室";
}

ul.list-radio{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

ul.list-radio li {
	margin: 0 0 30px 0;
}

ul.list-radio li .list-radio-input {
	margin: 0 0 5px 0;
}

ul.list-radio label {
	font-size: 14px;
}

ul.list-radio li > span {
	display: inline-block;
	padding: 0 20px;
	font-size: 13px!important;
	vertical-align: middle;
}

ul.list-radio .btn-sml {
	display: inline-block;
}

@media all and (max-width:800px){
	ul.list-radio li {
		margin: 0 0 20px 0;
	}
	ul.list-radio label {
		font-size: 13px;
	}
	ul.list-radio li > span {
		font-size: 12px!important;
		padding: 0 0px;
	}
}

ul.list-radio-side {
	display: table;
	margin: 10px 0 10px;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.list-radio-side li{
	display: table-cell;
	padding-left: 2em;
	padding-right: 20px;
    text-indent: -2em;
}

@media all and (max-width:800px){
	ul.list-radio-side li{
	padding-right: 0px;
	}
	ul.list-radio li span{
	font-size: 10px;
	}
}

ul.list-radio-side li:last-child{
	margin: 0;
	padding-right: 0;
}

.sticky-box{
	padding: 0;
	text-align: left;
	width: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 100;
	border: solid 1px #f4f4f4;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-ms-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-o-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .03);
	background-color: #fff;
}

.favorite-release-mypage {
    background: none !important;
    border: none !important;
    padding: 0px;
    margin: 0px 0px 60px 0px;
    text-align: left;
    font-size: 1em;
}

.favorite-release-mypage:hover{
    background: none !important;
    border: none !important;
    padding: 0px;
    margin: 0px 0px 60px 0px;
    text-align: left;
    font-size: 1em;
}






.sticky-box .cta a {
	margin: 0 auto 30px;
}
@media all and (max-width:480px){
	.sticky-box .tile-ttl {
		padding: 10px!important;
	}
	.sticky-box	.tile-body {
		padding: 5px 10px;
		text-align: center;
	}
	.sticky-box .form-item {
		padding: 0!important;
	}
	.sticky-box .form-item .list-radio-side {
		margin-bottom: 5px!important;
	}
	.sticky-box .form-submit {
		margin-bottom: 5px!important;
	}
}

@media all and (max-width:320px){
	.sticky-box	input {
		padding: 10px 8px!important;
	}
}


/*Modal*/
.modal-wrap{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50px;
	z-index: 103;
	background-color: #fff;
	max-width: 700px;
	width: 80%;
	padding: 30px;
	z-index: 103;
}

.modal-show .modal-wrap{
	display: block;
}

.modal-show .page-overlay{
	display: block;
	z-index: 102;
}

.modal-col{
	display: block;
	position: relative;
}

.modal-close i{
	display: block;
}
.modal-close{
	position: absolute;
	top: -30px;
    right: -30px;
    line-height: 1;
    padding: 10px 10px;
	text-align: center;
	font-size: 25px;
	color: #000;
	opacity: .8;
	cursor: pointer;
	display: inline-block;
}

.modal-form {
	margin: 10px auto;
	display: table;

}
.modal-form input,
.modal-form label {
	display: table-cell;
}

.page-top i{
	display: block;
}
/*Login completed*/

.label-box{
	background-color: #fff;
	padding: 10px;
	margin: 20px 0;
	color: #1E86FF;
	font-size: 16px;
	font-weight: bold;
}

.img-med{
	max-width: 550px;
	margin: 30px auto;

}
.img-side{
	float: left;
   	width: 18px;
    margin-right: 15px;
}
.line-block {
	margin-bottom: 10px;
}
.line-block h3{
	margin-bottom: 0;
    font-size: 16px;
}
.line-block p{
	font-size: 12px;
    margin: 0;
    line-height: 25px;
}
/*Slider*/
.img-slider-wrap {
	margin: 10px 0;
	position: relative;
}

.img-slider-wrap ul{
	padding: 0;
	list-style: none;
}

ul.img-slider{
	margin: 0;
}

ul.img-slider-thumb li{
	padding: 10px 10px 0;
}

ul.img-slider-thumb{
	margin: 0 -10px;
}

.sa-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.sa-arrow i{
	display: block;
}

.sa-arrow-prev{
	left: 0px;
}

.sa-arrow-next{
	right: 0px;
}
.img-slider-text {
	position: absolute;
	padding: 0px;
	bottom: 20px;
	left: 30px;
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}
.img-slider-text span {
	font-size: 16px;
}

@media all and (min-width:801px){
.mi-slider .slick-slide {
   height:400px;
   width: auto;
}

.mi-slider .slick-slide img {
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
}
}

/*News*/
.link-menu ul{
	text-align: center;
}

.link-menu ul li{
	display: inline-block;
	text-decoration: underline;
	color: #C7A956;
	margin: 0 30px 10px 0;
	font-size: 11px;
}

.link-menu ul li:last-child{
	margin: 0;
}

.link-menu ul li a{
	display: block;
	text-decoration: underline;
}


.link-menu ul li a:hover{
	opacity: .7;
}

.promotion-area{
	margin: 20px 10px;
}

a.tag-link{
	text-decoration: none;
}
a.tag-link:hover{
	text-decoration: underline;
}

.text-wrap{
	line-height: 2;
}


/*Top*/
.link-tabs{
	display: none;
	font-size: 12px;
}
.tabs.link-tabs{
	display: block;
}

.link-tabs ul{
	display: table;
	width: 100%;
	background-color: #ddd;
}

.link-tabs ul li{
	text-align: center;
	display: table-cell;
	border-right: solid 1px #fff;
	width: 25%;
}

.link-tabs ul li:last-child{
	border-right: none;
}

.link-tabs ul li.active{
	background-color: #666;
}

.link-tabs ul li a{
	text-decoration: none;
	color: #666;
	padding: 15px 5px;
	display: block;
}

.tabs.link-tabs ul li a{
    text-decoration: none;
    padding: 15px 5px;
    display: block;
    font-size: 20px;
    color: #848484;
    line-height: 29px;
    font-family: 'Noto Sans CJK JP';
}

.link-tabs ul li.active a{
	color: #fff;
}
.tabs.link-tabs ul li.active a {
    color: #C7A956;
    background: #fff;
    font-size: 20px;
    font-family: Noto Sans CJK JP;
    line-height: 29px;
    text-align: center;
}

.page-container.page-linktab .link-tabs{
	margin: 0 0 30px 0;
}

.hero-wrap{
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-rest-wrap{
	position: relative;
	background-image: url(/assets/img/restaurant_top.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.recent-stayed-hotel{
	width: 100%;
    background-color: #4c4c4c;
    padding: 15px 0px;
    margin: -5px 0 0 0;
}


ul.top-hero-slider{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.hero-contents-top{
	position: relative;
}


.hero-text{
	max-width: 650px;
	margin: 0 auto;
}

.hero-text h2{
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	line-height: 72px;
	color: #fff;
	font-family: 'YuMincho'
}

.hero-text img {
	width: 100%;
}

.hotel-search{
	position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	width: 94%;
	max-width: 1000px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	-webkit-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	-moz-box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
	box-shadow: 1px 1px 6px 0px rgba(82,82,82,.1);
}

.hs-show .hotel-search{
	opacity: 1;
}

.hs-form-top{
	padding: 15px 30px 30px;
}

.hs-table{
	text-align: left;
}

.hs-item{
	float: left;
	vertical-align: top;
	padding: 10px;
}

.hs-table label{
	display: block;
}

.hs-table label.hs-label-inline{
	display: inline-block;
}

.hs-item input[type="number"],
.hs-item input[type="text"],
.hs-item input[type="date"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    border: solid 1px #eee;
    padding: 0 10px;
    font-size: 13px;
    text-rendering: auto;
    color: #666;
    width: 100%;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    line-height: 30px;
    display: inline-block;
    text-align: start;
    -webkit-writing-mode: horizontal-tb !important;
    margin: 0em;
    font: inherit !important;
    min-height: 32px !important;
}

.required.hs-item label:after{
	content: "※";
	color: #C74D00;
	margin: 0 0 0 5px;
}

input.hs-input-inline{
	width: 85%!important;
}

.hs-select-lh{
	line-height: 24px;
}

.hs-big{
	width: 24%;
}

.hs-large{
	width: 30%;
}

.col-6{
	width: 50%;
}
.hs-med{
	width: 18%;
}

.hs-sml{
	width: 14%;
}
.text-box-normal{
	position: relative;
	background-color: #fff;
	border: solid 1px #eee;
	border-radius: 0px;
	width: 100%;
	height: 32px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
}
.hs-item .prettydropdown,
.hs-item .prettydropdown ul,
.hs-item .prettydropdown ul li,
.hs-item .pd-style{
	width: 100%!important;
	max-height: 32px!important;
	transform: none!important;
}

.hs-item .prettydropdown ul.active{
	height: 150px;
}
.hs-item .non-smocking .prettydropdown ul.active{
	height: auto !important;
}
#smocking-box ul.active{
	height: 0 !important;
}
#smocking-box .prettydropdown > ul{
	border:none;
}
.hs-item .pd-style .prettydropdown > ul > li,
.hs-item .prettydropdown > ul > li{
	height: 30px;
	line-height: 30px;
}

.hs-submit-btn{
	display: inline-block;
	vertical-align: middle;
}

.hs-submit-btn input{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 20px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.hs-submit-btn.wd300 input{
	width: 300px!important;
	display: block!important;
}

.hs-btn-wrap{
	padding: 25px 0 0 0;
	float: right;
}

.hs-form-bottom{
	padding: 30px;
	display: none;
	background-color: #fff;
}

.search-submit{
	float: right;
	margin: 10px 0 0 0;
}

.search-submit input {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 200px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.row{
	padding: 20px 0 40px;
}

.row2{
	padding: 20px 0 40px;
}

.row3{
	padding: 10px 0 10px;
}

.card-wrap .card a{
	display: table;
	width: 100%;
	text-align: left;
	background-color: #fff;
	border: solid 1px #eee;
	padding: 15px;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-decoration: none;
	color: #666;
}

.card-wrap .card:last-child a{
	margin: 0;
}

.card-img,
.card-text{
	display: table-cell;
	vertical-align: middle;
}
.card-text b {
	font-size: 14px;
}

.card-img{
	height: 160px;
	width: 30%;
	overflow: hidden;
	position: relative;
}

.card-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
.card-img img {
	height: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%0,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
*/

.card-text{
	padding: 0 0 33px 20px;
	position: relative;
}

.card-cta{
	text-decoration: underline;
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 13px;
	line-height: 1;
	color: #1E86FF;
	text-decoration: none;
}

.second-page-home .card-recommend a .card-cta,
.card-recommend .card-cta{
	text-decoration: underline;
	position: absolute;
	right: 10px;
	bottom: 15px;
	font-size: 13px;
	line-height: 1;
	color: #C7A956;
	text-decoration: none;
}

.second-page-home .card-recommend .card-wrap .card a,
.card-recommend a{
	position: relative;
	padding: 0 0 30px 0;
}

a .card-cta {
	text-decoration: underline;
}

@media all and (max-width:1200px){
	.hero-text{
		width: 60%
	}


	ul.top-hero-slider{
		max-height: 100%;
	}
}

@media all and (min-width:800px){
.hero-contents{
  display:block;
  width: 100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
}

}

@media all and (max-width:800px){

	.card-text{
	font-size: 12px;
	}
	.card-text b {
	font-size: 14px;
	}
	.card-cta{
	font-size: 12px;
	}

	.top-hero-slider-wrap{
		display: none;
	}

}
@media all and (max-width:600px){
	.row2{
		padding: 20px 0 40px;
		margin: 0 20px;
	}
	.card-wrap .card:nth-child(2),
	.card-wrap .card:last-child{
		display: none;
	}
}

.second-page-home .card-wrap .card a{
	display: table;
	width: 100%;
	text-align: left;
	background-color: #fff;
	padding: 0;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-decoration: none;
	color: #666;
}

.second-page-home .card-wrap .card:last-child a{
	margin: 0;
}

.second-page-home .card-img,
.second-page-home .card-text{
	display: block;
	vertical-align: middle;
}
.second-page-home .card-text b {
	font-size: 14px;
}

.second-page-home .card-img{
	height: 160px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.second-page-home .card-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*
.card-img img {
	height: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%0,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
*/

.second-page-home .card-text{
	padding: 20px;
	position: relative;
}

.second-page-home a .card-cta {
	font-size: 13px;
    line-height: 1;
    color: #1E86FF;
    display: block;
    position: relative;
    float: right;
    width: 100%;
    text-decoration: none;
    text-align: right;
    padding: 25px 0 0;
}

@media all and (max-width:800px){

	.second-page-home .card-text{
	font-size: 12px;
}
	.second-page-home .card-text b {
	font-size: 14px;
}
	.second-page-home .card-cta{
	font-size: 12px;
	}
}
@media all and (max-width:600px){
	.second-page-home .row2{
		padding: 20px 0 40px;
		margin: 0 20px;
	}
	.second-page-home .card-wrap .card:nth-child(2),
	.second-page-home .card-wrap .card:last-child{
		display: block;
	}
}


.masonry-wrap{
	margin: 0 -10px;
}

.masonry{
	text-align: left;
	width: 33.333%;
	padding: 10px;
	float: left;
}

.masonry a{
	text-decoration: none;
	color: #333;
	border: solid 1px #eee;
	display: block;
}

/*.card-wrap .card a:hover,
.masonry a:hover{
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	transform: translate(0,-5px);
	opacity: .8;

}*/

.masonry-img {
	height: 165px;
	overflow: hidden;
	position: relative;
}

.masonry-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.masonry-img img {
	height: 100%;
	width: auto;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}

.masonry-text{
	padding: 15px;
}

ul.carousel-wrap{
	padding: 0;
	margin: 20px -10px;
}

ul.carousel-wrap li{
	position: relative;
}

.carousel-overlay{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	text-align: left;
	padding: 5px 15px;
	font-size: 11px;
}

.carousel-icons{
	display: inline-block;
	margin: 0 5px 0 0;
}

.carousel-icons i{
	font-size: 18px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
}

.carousel-ttl{
	display: block;
	font-size: 12px;
}

.carousel-wrap a{
	height: 190px;
	display: block;
	background-color: #000;
	overflow: hidden;
}

.carousel-wrap a:hover{
	opacity: .8;
}


ul.carousel-wrap .slick-slide {
    margin: 0 10px;

}

.sa-arrow-circle{
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	color: #333;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 5px 1px rgba(0,0,0,.3);
}

.sa-arrow-circle i{
	font-size: 14px;
	line-height: 30px;
}

.sa-arrow-circle.sa-arrow-prev{
	left: -8px;
}

.sa-arrow-circle.sa-arrow-next{
	right: -8px;
}

@media all and (min-width:801px){
.hotel-search{
	margin: 0 auto 30px auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	top: -10px;
	opacity: 0;
}

.hs-show .hotel-search{
	opacity: 1;
	top: 10px;
}

}

@media all and (max-width:800px){
	.masonry{
		font-size: 12px;
	}
}
@media (min-width:576px) and (max-width:768px){
	.order-form.width-1{
		width: 13% !important;
	}
	.round-txt{
	    left: -21px;
	}

}/*
@media (min-width:576px) and (max-width:800px){
	.order-form.width-1{
		width: 10% !important;
	}
}*/

@media (min-width:800px) and (max-width:1000px){
	.order-form.width-1{
		width: 15% !important;
	}
	.round-txt{
	    left: -21px;
	}
}

@media all and (max-width:1000px){

.container{
	margin: 10px 0 0 0;
}


.nav-menu ul li a,
.nav-menu-2 ul li a{
	padding: 20px;
}

.widget {
    width: 30%;
}

.widget-page .main-contents{
	/* width: 65%; */
}


.header-li-business2 ul.hd-btns li.menu-btn a {
    padding: 7px 35px;
}



.ft-links ul li{
	font-size: 11px;
}
/*Detail page*/
.benefits_txt .fl-left{
	float: left;
}
/*Detail page*/
.fl-left,
.fl-right{
	float: none;
}


.fl-left.fl-50,
.fl-left.fl-40{
	float: left;
}

.fl-right.fl-50,
.fl-right.fl-60{
	float: right;
}

.fl-left.fl-30,
.fl-right.fl-70{
	padding: 0 0 10px 0;
}

.fl-30,
.fl-70{
	width: 100%;
}
.ttl-area .fl-left {
	width: 100%;
}
.ttl-area .fl-right {
    margin: 10px 0 0 0;
}

h2.ttl-area-phone{
	text-align: left;
	margin: 0;
	font-size: 16px;
	color: #666;
}

.ttl-area{
	padding: 10px 20px;
	background-color: #fff;
}

.bd-box-inner{
	max-width: 100%;
}

.banner-wrap{
	padding: 20px;
}

.bd-box{
	padding: 20px;
}

.bd-box-inner{
	margin: 0px auto;
}

/*.sa-arrow-circle.sa-arrow-prev{
	left: 0;
}

.sa-arrow-circle.sa-arrow-next{
	right: 0;
}*/

.hs-item {
    padding: 5px;
}

.hs-submit-btn input{
	padding: 10px 16px;
}

.hs-btn-wrap {
    padding: 19px 0 0 0;
}
.custom-btn-responsive{
	position: absolute;
	right: 5%;
	top: 40%;
}


}

@media all and (max-width:320px){
	.ttl-area{
	padding: 10px;
}
}


@media all and (max-width:900px){
.hs-large{
	width: 100%;
}

}

@media all and (max-width:800px){
	body{
		background-color: #eee;
		font-size: 12px;
	}
	.custom-btn-responsive{
		position: relative;
		display: flex;
		right: 0;
		top: 0;
	}

	#hs-vacancy {
		font-size: 14px;
	}

	#mdl-search {
		font-size: 14px;
	}

	.page-container{
		padding: 20px 0;
	}

	.page-container.page-linktab{
		padding: 0 0 20px 0;
	}

	.ft-menu,
	.pc{
		display: none!important;
	}

	.tb{
		display: block!important;
	}

	h2{
		font-size: 22px;
	}

	.ttl-area h2{
		font-size: 18px;
	}

	.ttl-area h2 span{
		font-size: 14px;
	}

	h3{
		font-size: 16px;
	}

	h5{
		margin: 0 0 10px 0;
		font-size: 15px;
	}

	h6{
		font-size: 16px;
	}

	.ttl-area{
		font-size: 12px;
	}


	.hd-top{
		height: 64px;
	}

	.main-logo{
		width: 62px;
		padding: 0 20px 0 0!important;
	}
	.main-logo.main-logo-logout{
		width: 400px;
		padding: 0 20px 0 0!important;
	}
	.main-logo.main-logo-login{
		width: 400px;
		padding: 0 20px 0 0!important;
	}

	.lang-bar{
		display: none;
	}


	#lang-bar-mb .pd-style .prettydropdown.arrow > ul > li.selected:after{
		content: "\e923";
		right: 3px;
	}

	#lang-bar-mb .pd-style .prettydropdown.arrow > ul > li{
		text-align: center;
		padding: 0 1rem;
	}

	.hd-detail{
		float: none;
		line-height: 30px;
		padding: 0;
	}


	.img-fluid {
	  max-width: 100% !important;
	  height: auto !important;
	}

	.menu-right{
		float: right;
		font-size: 22px;
	    padding: 3px 0 0 0;
	}

	.business-login-detail{
		margin: 0;
	}

	.header-li-business .business-login-detail {
	    position: absolute;
	    top: 10px;
	    left: 83px;
	}

	.header-li-business2 .business-login-detail {
	    display: none;
	}

	.header-li-business .menu-right{
		width: auto;
	}

	.menu-right i{
		vertical-align: middle;
	}

	.menu-right i.ic-circle{
		margin: 0 0 0 10px;
		display: block;
	}

	.header-copy{
		display: block;
	}

	.user-name-wrap {
	    padding: 3px 0 0 0;
	}

	.m-icon {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		padding: 1px 0 0 0;
	}

	.menu-trigger {
	  display: table-cell;
	  top:0;
	  position: relative;
	  width: 28px;
	  height: 26px;
	  padding: 0 5px;
	}

	.menu-trigger .menu-icon {
		width: 100%;
		display: block;
		height: 26px;
		position: relative;
	}
	.menu-trigger .menu-icon span {
		display: block;
		width: 100%;
		height: 1px;
		background: #C7A956;
		position: absolute;
		top: 3px;
		left: 0;
		width: 100%;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
	}

	.menu-trigger .menu-icon span.first {
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}

	.menu-trigger .menu-icon span.middle {
		top: 8px;
	}

	.menu-trigger .menu-icon span.last {
		top: 13px;
		-webkit-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
	}

	.nav-show .menu-trigger .menu-icon span.first {
		-moz-transform: translate3d(4px,0,0) rotate(45deg);
		-o-transform: translate3d(4px,0,0) rotate(45deg);
		-ms-transform: translate3d(4px,0,0) rotate(45deg);
		-webkit-transform: translate3d(4px,0,0) rotate(45deg);
		transform: translate3d(4px,0,0) rotate(45deg);
	}

	.nav-show .menu-trigger .menu-icon span.middle {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.nav-show .menu-trigger .menu-icon span.last {
		top: 3px;
		-moz-transform: translate3d(-4px,0,0) rotate(-45deg);
		-o-transform: translate3d(-4px,0,0) rotate(-45deg);
		-ms-transform: translate3d(-4px,0,0) rotate(-45deg);
		-webkit-transform: translate3d(-5px,0,0) rotate(-45deg);
		transform: translate3d(-2px,0,0) rotate(-45deg);
	}

	.hd-bottom,
	.hd-bottom-2{
		text-align: center;
		position: absolute;
		overflow-y: scroll;
		top: 0;
		padding: 64px 0 0 0;
		z-index: 100;
		left: -300px;
		width: 300px;
		background-color: #797979;
		color: #fff;
		-webkit-box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
		-moz-box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
		box-shadow: 0 18px 75px -35px rgba(0,0,0,.5);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		height: 100vh;
	}

	.nav-show .hd-bottom,
	.nav-show2 .hd-bottom-2{
		left: 0;
	}


	.nav-show .page-overlay,
	.nav-show2 .page-overlay{
		display: block;
	}


	.nav-show .header,
	.nav-show2 .header{
		z-index: 10;
		position: relative;
	}

	.nav-menu ul li,
	.nav-menu-2 ul li{
		display: block;
		border-bottom: solid 1px #eee;
	}

	.nav-menu ul li:last-child,
	.nav-menu ul li.no-bottom-bd,
	.nav-menu-2 ul li:last-child,
	.nav-menu-2 ul li.no-bottom-bd{
		border-bottom: none;
	}

	.nav-menu ul li#lang-bar-mb .pd-style {
		max-width: 280px;
		margin: auto;
	}

	.nav-menu ul li#lang-bar-mb .pd-style .prettydropdown{
		width: 100%!important;
	}

	.nav-menu ul li#lang-bar-mb .pd-style .prettydropdown > ul{
		width: 100%;
		background-color: #eee;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}


	.nav-menu ul li#lang-bar-mb .pd-style .prettydropdown > ul,
	.nav-menu ul li#lang-bar-mb .pd-style .prettydropdown > ul >li{
		width: 100%!important;
	}

	.nav-menu ul li#lang-bar-mb ul li{
		border-bottom: none;
	}

	.nav-menu ul li#lang-bar-mb{
		border-bottom: none;
		padding: 10px;
	}

	.nav-menu ul li a,
	.nav-menu-2 ul li a{
		color: #fff;
	}

	.header-li-business2 ul.hd-btns,
	.business-logout,
	.update-booking,
	ul.hd-btns{
		display: none;
	}

	.business-login-detail{
		float: left;
	}

	.mb-business-logout a{
		color: #C7A956!important;
	}

	body.nav-show,
	body.nav-show2{
		height: 100vh;
	}

	body.nav-show .page-container,
	body.nav-show2 .page-container{
		height: -moz-calc(100vh - 94px);
		height: -webkit-calc(100vh - 94px);
		height: -ms-calc(100vh - 94px);
		height: -o-calc(100vh - 94px);
		height: calc(100vh - 94px);
		overflow: hidden;
	}

	body.nav-show .footer,
	body.nav-show2 .footer{
		display: none;
	}

	.menu-mypage a{
		margin: 0;
	}

	.menu-mypage i{
		margin: 0;
		font-size: 20px;
		vertical-align: top;
	}


	/*Main Content*/
	.widget-page .main-contents{
		float: none;
		width: 100%;
	}


	/*Footer*/
	.ft-links{
		display: none;
	}

	.footer{
		padding: 0 0 30px 0;
	}


	.footer .wrap{
		padding: 0;
	}

	.ft-copyright{
		padding: 30px 10px 0 10px;
	}

	.ft-banner{
		display: block;
		border-bottom: solid 1px #fff;
	}

	.ft-banner img{
		display: block;
		width: 100%;

	}


	/*Detail page*/

	.tile-body{
		padding: 0 20px 20px 20px;
	}

	.sticky-box .tile-body{
		padding: 20px;
	}

	#ttl-action-brochure{
		display: none;
	}

	.item-bestrate .list-overview:after{
		width: 110px;
		height: 25px;
	}

	.form-item{
		/* text-align: center; */
	}


	/*form-tandem*/
	.form-tandem {
		text-align: left;
	}
	.form-tandem .fi-label,
	.form-tandem .fi-input,
	.form-tandem .fi-confirmation{
		display: block;
		width: 100%;
	}
	.form-tandem .fi-label p{
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.form-tandem .fi-label {
		padding: 0 0 3px 0;
		display: inline-block;
		margin: 0 5px 0 0;
	}

/*
.fi-label, .fi-input,.fi-label.labelw35{
	display: block;
	width: 100%;
}

.form-tandem .fi-label{
	padding: 0 0 3px 0;
}

.fi-label p{
	display: inline-block;
	margin: 0 5px 0 0;
}
*/
	.fi-sns-login{
		display: inline-block;
		margin-left: 10px
	}
/*
.fi-sns-login-wrap .fi-label,
.fi-sns-login-wrap .fi-input{
	text-align: center;
}
*/

	.fi-input{
		padding: 0 0 0 10px;
	}



/*
.arrow-wrap {
	text-align: center;
}

.arrow-wrap div {
	min-width: 0;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 16px 0 0;
}
*/


	.arrow-wrap {
		padding-right: 15px;
		text-align: center;
	}

	.arrow-wrap div {
		min-width: 0;
		line-height: 30px;
		padding: 0 8%;
		margin: 0 16px 0 0;
	}

	.arrow-wrap div:after {
		border-width: 15px 0 15px 15px;
		right: -15px;
	}

	.form-submit.form-submit-ib input{
		width: auto;
		padding: 10px 20px;
	}

	.sticky-box{
		z-index: 100;
		position: fixed;
		left: 0;
	}

	.sticky-box.scrld{
		position: relative;
	}

	/*TOP*/
	.link-tabs{
		display: block;
	}
	.restaurant-page  .link-tabs{
		display: block none !important;
	}
	/*TOP*/
	.tabs.link-tabs{
		display: block;
	}

	.hero-text{
		display: none;
	}

	.card-img{
		width: 100%;
	}

	.masonry{
		width: 50%;
	}

	.hotel-search,
	.hs-show .hotel-search {
		width: 100%;
	}
	.hs-table {
		margin: 0;
	}

	.hs-form-top,
	.hs-form-bottom {
		padding: 15px 10px 10px;
	}

	.hotel-search .hs-form-top {
		padding: 30px 10px;
	}

	.hs-item input[type="number"],
	.hs-item input[type="text"],
	.hs-item input[type="date"],
	.hs-big{
		width: 100%;
	}

	.hs-med{
		width: 50%;
	}
	.hs-sml{
		width: 40%;
	}

	.recent-stayed-hotel{
		margin: 0;
	}

	.hotel-search .hs-item.hs-big{
		float: none;
		max-width: 100%;
	}

	.hs-table-inner:before,
	.hs-table-inner:after{
	    content:"";
	    display:table;
	}

	.hs-table-inner:after{
	    clear:both;
	}

	.business-login-detail{
		padding: 5px 0 0 0;
		text-align: left;
	}
	#hs-form-expand2.link-cta-2 {
		margin-top: 10px;
		padding: 0px;
	}

	.hs-btn-wrap{
		text-align: center;
		float: none;
		display: block;
		clear: both;
		width: auto;
		margin: 0 10px;
	}

	.hs-submit-btn{
		margin: 0 0px 20px;
	}

	.hs-submit-btn.wd300 {
		width: 100%;
	}
	.hs-submit-btn.wd300 input{
		width: 100%!important;
	}

	.cta-2 .hs-submit-btn input{
		width: 100%;
		padding: 10px 0px;
	}

	.hs-btn-wrap.cta-2 .hs-submit-btn:first-child {
		width: 33%;
		margin: 0 1% 20px 0;
	}
	.hs-btn-wrap.cta-2 .hs-submit-btn:last-child {
		width: 63%;
	}

	.search-submit{
		float: none;
		margin: 0;
		display: block;
		clear: both;
		padding: 15px 0 0 0;
		text-align: center;
	}

}


@media all and (max-width:600px){
	.arrow-wrap div{
		padding: 0 10px;
	}
}
@media all and (max-width:320px){
	.arrow-wrap div{
		font-size: 11px;
		padding: 0 3px;
	}
}

@media all and (max-width:480px){
	.wrap{
		padding: 0 20px;
		width: 100%;
	}

	h2{
		text-align: center;
	}

	.ttl-area h2{
		text-align: left;
	}

	body.nav-show .page-container,
	body.nav-show2 .page-container{
		height: -moz-calc(100vh - 84px);
		height: -webkit-calc(100vh - 84px);
		height: -ms-calc(100vh - 84px);
		height: -o-calc(100vh - 84px);
		height: calc(100vh - 84px);
	}

	.hd-bottom,
	.hd-bottom-2{
		padding: 84px 0 0 0;
		left: -100%;
		width: 100%;
	}

	.main-logo.main-logo-login{
		width: 550px;
		padding: 0 12px 0 0!important;
	}
	.main-logo.main-logo-logout{
		width: 250px;
		padding: 0 12px 0 0!important;
	}

	.list-wrap,
	.list-wrap2{
		margin: 0 -20px;
	}

	.tile-body .list-wrap {
		margin: 0;
	}

	.tile-full {
		margin: 0 -20px;
		background-color: #fff;
	}

	/*List
	.list-overview{
		height: auto;
	}

	.list-bottom,
	.list-overview .list-book{
		position: relative;
		padding: 0;
		bottom: auto;
		left: auto;
		right: auto;
	}

	.list-overview .list-book{
		display: block;
		margin: 10px 0 0 0;
		text-align: right;
	}

	.list-overview .list-book a{
		display: inline-block;
	}

	.list-bottom{
		margin: 10px 0 0 0;
	}
		.list-bottom{

	}
		*/

	.list-wrap .list-col{
		margin: 0 0 5px 0;
	}
	.second-hotel-list .list-wrap .list-col{
		margin: 0 0 20px 0;
	}

	.list-detail .list-item{
		position: relative;
		padding: 10px 130px 10px 20px;
	}
	.second-hotel-list .list-detail .list-item{
		border-bottom: dotted 1px #eee;
		padding: 10px 20px 10px 20px;
	}
	.list-detail .list-item:last-child{
	position: relative;
	padding: 10px 20px 10px 20px;
	}

	.list-detail .list-item,
	.li-ttl,
	.li-book-btn{
	}

	.li-price,
	.li-rest{
		width: auto;
		display: inline-block;
		text-align: left;
		font-size: 16px;
	}

	.list-detail .list-item,
	.li-ttl{
		width: 100%;
	}

	.li-book-btn .list-book a{
		float: none;
	}

	.li-book-btn{
		position: absolute;
		right: 20px;
		bottom: 0;
		width: auto;
		top:50%;
		transform:translate(0,-50%);
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
	}

	.other-hotel-list .li-book-btn{
			float: right;
			position: relative;
			right: 0px;
			bottom: 0;
			transform:none;
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
		}

	.item-discount .list-overview:after{
		width: 80px;
		height: 80px;
	}


	.action-list ul li a{
		padding: 5px 0;
		display: block;
	}

	.tile-ttl{
		padding: 15px;
	}

	.card-recommend .card .it-text-detail{
		display: block;
	}
	.it-text-detail{
		display: none;
	}

	.it-text h4{
		margin: 5px 0 10px 0;
		font-size: 15px;
	}

	.img-text{
		font-size: 12px;
	}

	.tag{
		min-width: 0;
		padding: 0 10px;
		display: table;
		margin: 0;
	}

	.tag.tag-inline{
		display: inline-block;
		margin: 0 8px 0 0;
	}

	.it-img img {
	height: auto;
	width: 100%;
	}

	.gallery div{
		padding: 10px 10px 20px 10px;
		float: none;
		width: 100%;
	}

	.fl-left.fl-50,
	.fl-right.fl-50,
	.fl-left.fl-40,
	.fl-right.fl-60{
		float: none;
	}

	.fl-50,
	.fl-40,
	.fl-60{
		width: 100%;
	}

	.fl-left.fl-50,
	.fl-right.fl-50{
		padding: 0 0 10px 0;
	}

	.fl-left.fl-40{
		padding: 0;
	}

	.fl-right.fl-60{
		padding: 5px 0 10px;
	}


	.top-img-wrap{
		height: 45vw;
	}

	.banner-wrap img,
	.banner-wrap p{
		display: block;
		max-width: 100%;
		width: 100%;
		padding: 10px 0;
	}

	.modal-wrap{
		padding: 20px;
	}


	ul.img-slider-thumb li{
		padding: 5px;
	}

	ul.img-slider-thumb{
		margin: 0 -5px;
	}


	.link-menu ul li{
		margin: 0;
	}

	.link-menu ul li a{
		padding: 7px;
	}

	.masonry-wrap{
		margin: 0;
	}

	.masonry{
		width: 100%;
		float: none;
	}

}


@media all and (max-width:480px){
	.second-hotel-list .contents-search{
		margin-top: 20px;
	}
	.second-hotel-list .fl-left-all {
	    float: left;
	    width: 65%;
	}
	.other-hotel-list .li-rest{
		width: 31% !important;
		padding-left: 2px !important;
		text-align: left !important;
		font-size: 11px !important;
		font-weight: 300 !important;
	}
	.other-hotel-list .li-ttl {
	    width: 28% !important;
	    font-size: 12px;
	}
	.other-hotel-list .li-price {
	    /* text-align: left !important; */
	    width: 33% !important;
	    text-align: right;
	    padding-left: 0;
	    padding-right: 5px;
	}

	body.nav-show .page-container{
		height: -moz-calc(100vh - 64px);
		height: -webkit-calc(100vh - 64px);
		height: -ms-calc(100vh - 64px);
		height: -o-calc(100vh - 64px);
		height: calc(100vh - 64px);
	}

	.hd-bottom,
	.hd-bottom-2{
		padding: 64px 0 0 0;
	}

	.hd-top .wrap{
		padding: 0 10px;
	}


	/*Detail page*/

	.ttl-area-phone{
		display: none;
	}

	#ttl-action-call{
		display: inline-block;
	}

	.img-text a{
		text-decoration: none;
	}

	.it-text,
	.it-img,
	.it-text2,
	.it-img2{
		float: none;
		width: 100%;
	}

	.it-text,
	.it-text2{
		padding: 10px 0 10px 0;
	}

	.tag{
		margin: 0 0 5px 0;
	}


	/*TOP*/
	.card-wrap .card a,
	.card-wrap .card-img,
	.card-wrap .card-text{
		display: flow-root;
		width: 100%;
	}

	.card-wrap .card-img{
		height: 150px;
	}

	.card-wrap .card-text{
		padding: 20px;
	}

	.card-cta{
		position: relative;
		bottom: auto;
		right: auto;
		margin: 15px 0 0 0;
		text-align: right;
	}

	.link-tabs{
		font-size: 11px;
	}
}


/*追加*/

.list-detail2 .list-item{
	border-bottom: dotted 1px #eee;
	padding: 10px 20px;
	display: table;
	width: 100%;
}

.list-detail2 .list-item:last-child{
	border-bottom: none;
}

.li-date,
.li-point,
.li-ttl2,
.li-detail{
	display: table-cell;
	vertical-align: middle;
}

.li-date,
.li-ttl2{
	width: 45%;
}

.tile-list1 {
	border-bottom: solid 1px #dcdcdc;
}
.list-body {
	margin-bottom: 20px;
}

.list-btn.list-cursor{
	cursor: pointer;
}

.list-btn.list-cursor:after,
.list-link.list-cursor a:after{
	content: "";
	display: inline-block;
	text-align: right;
	vertical-align: top;
	font-family: 'apaicon';
	line-height: 20px;
	font-size: 15px;
	color: #1E86FF;
	float: right;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.list-btn.list-cursor:after{
	content: "\e908";
}

.list-link.list-cursor a:after{
	content: "\e908";
}

.list-open .list-btn.list-cursor:after,
.list-show .list-btn.list-cursor:after{
	-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

a.li-link-open:after,
.list-info a.li-link:after{
	font-family: 'apaicon';
	margin: 0 0 0 5px;
}

a.li-link-open{
	text-decoration: none;
	color: #1E86FF;
	font-size: 15px;
	display: block;
	text-align: center;
}

a.li-link-open:after{
	content: "\e908";
}

.tile-list2 {
	padding: 15px 0;
	color:#947F28;
	font-size: 16px;
}

@media all and (max-width:800px){
	.tile-list2 {
		padding: 10px 0;
		font-size: 14px;
	}
	.li-date{
		width: 45%;
	}
	.col-4{
		width: 100%;
	}
	.col-6{
		width: 100%;
	}
}


.border-btm {
	border-bottom: solid 1px #dcdcdc;
}

.border-btm:last-child {
	border-bottom: none;
}

ul.list-parenthesis{
	padding:10px 0;
	margin:0;
}

ul.list-parenthesis li{
	padding-bottom: 1em;
	list-style-type:none;
	list-style-position:outside;
	counter-increment: cnt;
}

ul.list-parenthesis li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

.nav-menu2 ul {
	margin-top: 30px;
	padding: 0;
}

.nav-menu2 ul li{
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	transform: none;
}

.nav-menu2 ul li a{
	display: block;
	width: 150px;
	padding: 10px 0;
	color: #666;
	text-decoration: none;
}
.nav-menu2 ul li:last-child a{
	padding: 10px 0px 10px 0;
}

.nav-menu2 ul li.selected a,
.nav-menu2 ul li a:hover{
	color: #C7A956;
}

.flex-label{
	display: flex;
    text-align: left;
    float: left;
}
.side-list {
	padding: 20px 20px;
	background-color: #eee;
}

.side-list-item {
	border-bottom: 1px solid #ACACAC;
}

.side-li-ttl,
.side-li-detail{
	float: left;
	vertical-align: middle;
	line-height: 40px;
}
.side-li-ttl:after{
	content: ":";
	padding: 0 2px;
}

.side-list-item:last-child {
	border-bottom: none;
}

.side-list-item .side-li-detail {
	font-size: 16px;
}

.side-list i {
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
}

.progress-list {
	padding: 20px;
	background: #fff;
}

@media all and (max-width:800px){
	.side-list {
		padding: 5px 0px;
	}
	.side-li-ttl,
	.side-li-detail{
		float: left;
		vertical-align: middle;
		line-height: 30px;
	}
	.side-list-item .side-li-ttl {
		font-size: 10px;
	}
	.side-list-item .side-li-detail {
		font-size: 12px;
	}
}

@media all and (max-width:800px){
	.progress-list {
		margin: 0 -20px;
	}
	.stamp-rarry {
		margin: 0 -20px;
	}
}
.progress-bar {
	color: #947F28;
	position: relative;
	font-size: 10px;
}
.progress-bar ul {
	padding: 0;
	list-style: none;
}

.progress-bar li {
	height: 10px;
	width: 33.3%;
	display: inline-block;
	background-color: rgba(148,127,40,0.25);
}

.progress-bar li.comp {
	background-color: #947F28!important;
}

.progress-bar li:first-child {
	border-radius: 5px 0 0 5px;
}
.progress-bar li:last-child {
	border-radius: 0 5px 5px 0 ;
}

.progress-bar p:nth-child(2) {
	position: absolute;
	left: 31%;
	top: 5px;
}

.progress-bar p:nth-child(3) {
	position: absolute;
	left: 64%;
	top: 5px;
}

.progress-bar p:nth-child(4) {
	position: absolute;
	left: 98%;
	top: 5px;
}

.parseint-right {
	position: absolute;
	right: 0;
	top: 5px;
}

.list-check {
	padding: 10px 0;
	list-style: none;
	color: #947F28;
	border-bottom: solid 1px #dcdcdc;
}

.list-check li {
	margin: 0 10px 0 0;
	display: inline-block;
}

.diamond {
	margin-bottom: 10px;
	background-image: url(/assets/img/diamond-pc-bg@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}

@media all and (max-width:800px){
.diamond {
	background-image: url(/assets/img/diamond-tb-bg@2x.jpg);
	background-position: top center;
	}
}

.diamond .side-list,
.diamond .note,
.diamond .progress-list {
	background-color: transparent;
	color: #fff;
}

.diamond .progress-list .progress-bar li {
	background-color: #fff;
}

.diamond .progress-bar,
.diamond .list-check {
	color: #fff;
}

.diamond .list-check i {
	color: #947F28;
}

.diamond .fl-left img {
	width: 100%;
}

.diamond-top {
	display: table;
	padding: 0;
}

.diamond-image,
.diamond-title {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.diamond-image {
	padding: 30px;
}

.diamond-image img  {
	width: 100%;
}

.diamond .diamond-title {
	margin: 0 20px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.diamond .diamond-title span {
	font-size: 13px;
}

.diamond .note {
	margin: 0 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ACACAC;
}

@media all and (max-width:800px){
	.diamond {
		margin: 0 -20px;
		padding: 0 20px;
	}

	.diamond-top {
		display: block;
	}

	.diamond-image {
		max-width: 400px;
		width: auto;
		margin: 0 auto;
		padding: 10px 30px;
		display: block;
	}

	.diamond-title {
		padding: 0 0 10px;
		display: block;
		width: auto;
	}

	.diamond .note {
		margin: 0;
	}
}


.fi-change,
.fi-visible{
	position: relative;
}
.fi-change a {
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}
/*
.fi-visible a {
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
}*/


.fi-visible a.pass-icon {
	position: absolute;
	right: 10px;
	top: 10px;
	bottom: 0;
	margin: auto;
}

.form-invisible {
	color: #cccccc;
}
.text-invisible {
	color: #cccccc;
}
.text-primary{
	color: #C7A956 !important;
}
.text-bold{
	font-weight: bold;
}

.table-sns {
	width: 100%;
}

.table-sns table{
	width: 100%;
	text-align: left;
}

.table-sns td:nth-child(2n){
	padding: 0 5px 0 25px;
}
.table-sns td:nth-child(3n){
	min-width: 30px;
}
.table-sns th,
.table-sns td{
	/*border-bottom: dotted 1px #dcdcdc;*/
	padding: 15px 0;
}

.table-sns th{
	font-weight: normal;
	font-size: 15px;
	min-width: 200px;
}

.table-sns td{
	width: 230px;
}

.table-sns tr:last-child th,
.table-sns tr:last-child td{
	border-bottom: none;
}

.sns-link-btn a{
	width: 230px;
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	padding-left: 42px;
}

.fb-login-button span {
	width: 320px!important;
}

.sns-link-btn a:before{
	content: "";
	width: 42px;
	height: 42px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
}

.sns-link-btn a.sns-link-btn-facebook{
	background-color: #4267B2;
}

.sns-link-btn a.sns-link-btn-twitter{
	background-color: #1DA1F2;
}

.sns-link-btn a.sns-link-btn-line{
	background-color: #00c300;
}

.sns-link-btn a.sns-link-btn-google{
	background-color: #4285F4;
	border: solid 1px #4285F4;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

.sns-link-btn a.sns-link-btn-yahoo{
	background-color: #FF0033;
	border: solid 1px #FF0033;
}

.sns-link-btn a.sns-link-btn-remove{
	background-color: #707070;
	color: #fff;
	padding-left: 0;
}

.sns-link-btn a.sns-link-btn-facebook:before{
	background-image: url(/assets/img/logo-icon-facebook.png);
}

.sns-link-btn a.sns-link-btn-twitter:before{
	background-image: url(/assets/img/logo-icon-twitter.png);
}

.sns-link-btn a.sns-link-btn-line:before{
	background-image: url(/assets/img/logo-icon-line.png);
	border-right: solid 1px #00b300;
}

.sns-link-btn a.sns-link-btn-google:before{
	background-image: url(/assets/img/logo-icon-google.png);
	background-color: #fff;
}

.sns-link-btn a.sns-link-btn-yahoo:before{
	background-image: url(/assets/img/logo-icon-yahoo.png);
	background-color: #fff;
	width: 50px;
}


.fi-item-half-left,
.fi-item-half-right{
	float: left;
	display: block;
}

.fi-tandem-half-left,
.fi-tandem-half-right{
	float: left;
	display: block;
}

.fi-tandem-half-left select,
.fi-tandem-half-right select {
	margin-right: 10px;
}

@media all and (max-width:1000px){
	.fi-tandem-half-right{
		margin: 5px 0 0 0;
	}
	.fi-tandem-half-left .title,
	.fi-tandem-half-right .title {
		width: 60px;
	}
	.fi-tandem-half-left select,
	.fi-tandem-half-right select {
		display: inline-block;
	}
}

@media all and (max-width:600px){
.table-sns table {
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
.table-sns th,
.table-sns td{
	display: block;
	text-align: center;
	padding: 0;
}
/*
.table-sns th{
	border-bottom: none;
	border-top: dotted 1px #dcdcdc;
}
*/

.table-sns td{
	margin: 0 auto;
	border: none;
	padding: 10px 0 20px 0!important;
}

.sns-link-btn a{
	margin: 0 auto;
}

.fb-login-button iframe,
#my-signin2 .abcRioButton,
.yconnectLogin iframe {
	max-width: 320px!important;
	width: 100%!important;
	display: block;
	margin: 0 auto!important;
	padding: 0!important;
}
}

.fi-item-one-third {
	float: left;
}

.fi-item-one-third:nth-child(2),
.fi-item-one-third:last-child{
	padding-left: 5px;
}


@media all and (max-width:800px){
	.fi-item-one-third {
		width: auto!important;
	}
}

@media all and (max-width:320px){
	.fi-item-one-third span {
		margin: 0;
	}
}


.form-input-side .fi-input {
	display: block;
	float: left;
}
.form-input-side .fi-input:first-child {
	margin-right: 1%;
	width: 44%;
}
.form-input-side .fi-input:last-child {
	width: 55%;
}

.form-input-side .fi-input.half-input {
	width: 49%;
	margin-right: 2%;
}

.form-input-side .fi-input.half-input:last-child {
	margin-right: 0;
}

/*
.fi-item input {
	width: 60%!important;
}
*/
.bc-list-link {
	margin-top: 0px;
	padding-top: 5px;
}
.bc-list-link a{
	color: #1E86FF;
	text-decoration: none;
}


@media all and (max-width:800px){
	.bc-list-link {
		margin: 0 -10px;
		padding: 0 10px;
	}
}

.list-detail3 {
	padding: 20px 0;
}
.list-detail3 .list-item {
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc;
}
.list-col:last-child .list-item:last-child {
	border-bottom: none;
}
.second-hotel-list .contents-search{
	padding-bottom: 20px;
}
.second-hotel-list .contents-search h4 {
	line-height: 30px!important;
	margin: 0px;
}
.big-font{
	font-size: 22px;
}
@media all and (max-width:480px){
	.list-detail3 {
		padding: 10px 20px;
	}
}

@media all and (max-width:800px){
	.contents-search {
		margin-bottom: 10px;
	}
	.contents-search h4,
	.contents-bar select {
		line-height: 38px!important;
		margin: 0;
	}
	.contents-bar {
		position: relative;
		z-index: 1;
	}
	.contents-bar select {
		padding-right: 30px;
		line-height: 32px;
	}
	.contents-bar.pd-select:after{
		font-family: 'apaicon';
		content: "\f107";
		position: absolute;
		right: 10px;
		top: 50%;
		transform:translate(0,-50%);
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
		font-size: 15px;
		z-index: 2;
	}
}

@media all and (max-width:320px){
	.contents-search {
		margin: 0 -10px;
	}

}

.contents-bar.pd-style .prettydropdown > ul{
	background-color: #f4f4f4;
	color: #666666;
}

.table-li st {
	display: table;
}
.table-list a {
	margin: 5px 40px 5px 0;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	color: #666666;
}
.table-list a:before {
	margin-right: 0.5em;
	color: #947F28;
	font-family: 'apaicon';
	content: "\f0da";
}

.cta-side {
	width: 100%;
	display: table;
	text-align: right;
}
.cta-side a {
	display: inline-block;
	margin: 10px 0 0 10px;
	padding: 10px 0;
	width: 130px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.cta-side a:first-child {
	margin: 10px 0 0 0;
}
@media all and (max-width:480px){
	.cta-side a {
		display: block;
		width: 100%;
		margin: 10px 0;
	}
}
.text-link {
	text-align: right;
}
.text-link a {
	display: inline-block;
	margin: 10px 0 0;
	text-decoration: underline;
	color: #C7A956;
}
@media all and (max-width:480px){
	.text-link {
		text-align: center;
	}
	.text-link a {
		margin: 20px 0 0;
	}
}

#search-menu-wrap {
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  transition: .3s;
}
#search-menu {
	margin: 10px 0 0;
	padding: 0 10px;
	list-style-type: none;
}
#search-menu li {
	float: left;
	margin: 3px 0;
	padding: 0px 10px;
	text-align: center;
	border-right: 1px solid #666666;
	line-height: 1;
}
#search-menu-btn {
	padding: 10px;
}
#search-menu-wrap a {
	padding: 5px 0;
	display: block;
 	color: #666666;
	border: 1px solid #666666;
	text-align: center;
	text-decoration: none;
}


@media all and (min-width:801px){
	#search-menu-wrap {
		display: none;
	}
}

.booking-box {
	margin: 20px 0 0;
}

/*favorite relese*/
.apaicon-apa-favorite {
 color: #1E86FF;
}

.favorite-release {
    background: none !important;
    border: none !important;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 1em;
}
.favorite-release:hover {
    cursor: pointer;
}

.favorite-release:focus {
    display: none;
}

/*modal-search*/
#mdl-search {
	width: 100%;
	display: block;
}
#mdl-search .hs-form-top{
	padding: 0 0 10px;
}
#mdl-search .hs-form-bottom {
	padding: 10px 0 0;
}

#mdl-search .hs-item.required label:after{
	content: "※";
	color: #C74D00;
	margin: 0 0 0 5px;
}

.modal-col .pd-style,
.modal-col .pd-style > ul,
.modal-col .pd-style > ul > li{
	width: 100%!important;
}

.modal-col .pd-style > ul > li{
	height: 30px;
	line-height: 30px;
}

.modal-col > ul:focus,
.modal-col .prettydropdown:not(.disabled) > ul:hover{
	border-color: #eee
}

.modal-col input[type="number"],
.modal-col input[type="text"],
.modal-col input[type="date"],
.modal-col select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	border: solid 1px #eee;
	line-height: 30px;
	padding: 0 10px;
	font-size: 13px;
	color: #666;
	background-color: #fff;
	border-radius: 0px;
}

.modal-col input[type="checkbox"] {
	margin: 10px 0 0 10px;
}

.modal-col .hs-submit-btn {
	margin: 0;
	width: 100%;
}
.modal-col .hs-submit-btn input {
	width: 100%;
}

.modal-col form i{
	margin: 0 5px 0 0;
	font-size: 13px;
	vertical-align: middle;
}

.receipt-wrap {
	max-width: 700px;
	margin: 0 auto;
}
.receipt-wrap .receipt-top {
	margin-bottom: 20px;
}
.receipt-wrap .receipt-top img {
	max-width: 346px;
}
.receipt-wrap .receipt-top .fl-right {
	margin-top: 10px;
}
.receipt-wrap h1 {
	text-align: center;
}
.receipt-wrap .receipt-bottom .fl-left,
.receipt-wrap .receipt-bottom .fl-right{
	margin-top: 10px;
}

#mdl-booking-calendar .calendar-list-top {
	display: table;
	color: #1E86FF;
	width: 100%;
	margin: 0 0 10px;
}

#mdl-booking-calendar .calendar-list-top p {
	width: 70%;
	margin: 0 auto;
	font-size: 14px;
}

#mdl-booking-calendar .calendar-list-top a
{
	display: table-cell;
	color: #666;
	text-decoration: none;
	width: 15%;
}

#mdl-booking-calendar .calendar-list-top a:first-child:before {
	content: "< ";
	color: #1E86FF;
}

#mdl-booking-calendar .calendar-list-top a:last-child:after {
	content: " >";
	color: #1E86FF;
}
#mdl-booking-calendar .table-6 {
	height: 300px;
	overflow: scroll;
}

#mdl-contract {
	height: 600px;
	overflow: scroll;
	max-width: 100%;
    overflow-x: hidden;
}
#mdl-hotel-detail .ad-space {
	max-width: 640px;
}


#mdl-hotel-detail iframe {
	width: 100%;
}



.service-list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

.service-list li {
	margin: 5px;
	display: inline-block;
}

.service-list li i {
	margin-right: 5px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
}

.service-list{
	padding: 50px 0 0 0;
}

.bg-plate-circle{
	width: 33px;
	height: 33px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}
.service-list.action-list ul li a{
	display: flex;
	margin-right: 5px;
}
.bg-gold{
	background: #947F28;
}
.bg-dark-blue{
	background: #363638;
}
.bg-dark-purple{
	background: #651940;
}

.sv-list{
	float: left;
	margin: 0 20px 0 0;
}

.sv-list ul{
	margin:  0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.sv-list ul li{
	display: inline-block;
}

.sv-list-ttl{
	display: inline-block;
	margin: 0 15px 0 0;
}


@media all and (max-width:600px){

.sv-list-ttl{
	display: block;
	margin: 0 0 5px 0;
}

.sv-list{
	width: 50%;
	margin: 0;
}

.bg-plate-circle{
	margin: 0 5px 0 0;
}

}


.m-side-20{
	margin: 0 20px;
}

.float-left {
    float: left!important;
}
.float-right {
    float: right!important;
}
.m-b-20{
	margin-bottom: 20px !important;
}
.pd-0{
	padding: 0px !important;
}
.m-5-0{
	margin: 15px 0 !important;
}
.m-b-0{
	margin-bottom: 0 !important;
}
.pd-10{
	padding: 10px !important;
}
.pd-15{
	padding: 15px !important;
}
.pd-b-10{
	padding-bottom: 10px !important;
}
.pd-b-0{
	padding-bottom: 0px !important;
}
.full-section{
	width: 100% !important;
	display: flex;
	float: left;
}

.pd-side-0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.push-up{
	position: relative;
    margin-top: -5px;
    display: flex;
}
/*--------------------------------------
	AutoHidden On different windows
-------------------------------------*/
@media (max-width:767px){
	.hidden-xs{
		display:none!important
	}


}

@media (min-width:768px)and (max-width:991px){
	.hidden-sm{
		display:none!important
	}
}

@media (min-width:992px)and (max-width:1199px){
	.hidden-md{
		display:none!important;
	}

}

@media (min-width:1200px){
	.hidden-lg{
		display:none!important
	}

}
.min-height-113{
	min-height: 113px;
}
.min-height-90{
	min-height: 90px;
}
.min-height-65{
	min-height: 65px;
}
.min-height-50{
	min-height: 50px;
}
.justify-content-center{
	display: flex !important;
	justify-content: center !important;
}
.remember-btn input{
	margin: 10px 0 !important;
}
.remember-btn label{
	margin: 10px 0 !important;
}
.w3-modal {
	z-index: 3;
    padding:100px 30px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.modal-bg-white{
	color: #000!important;
    background-color: #fff!important;
}

.amount-input{
	padding: 10px;
}
.modal-col .amount-input input{
	/*margin: 0 10px 0 0;*/
	width: 90% !important;
}
.required .fi-label label p::after{
	content: '※' !important;
	font-size: 1.2em !important;
	color: rgb(199, 77, 0) !important;
    margin: 0px 0px 0px 5px !important;
}
.gold-color{
	color: #C7A956 !important;
}
.gold-color:hover{※
	color: #C7A956 !important;
	text-decoration: none !important;
}
@media (max-width: 575.98px) {
	.readmore_link{
		display: none !important;
	}
	.readmore_link{
		display: none !important;
	}
	.other-hotel-list .li-rest{
		width: 20%;
		padding-left: 10px;
		text-align: left;
		color: #C74D00;
		font-size: 13px;
		font-weight: normal;
	}
	.other-hotel-list .li-ttl {
	    width: 22.3%;
	}
	.other-hotel-list .li-price {
	    /* text-align: left; */
	    width: 15%;
	}
	.bottom-hotel-list .list-bottom-link{
		border-bottom: none;
	}
	.bottom-hotel-list .list-bottom-link.last{
		border-bottom: none;
	}
	.mobile-form.tb.restaurant-search .width-8{
		width: 100% !important;
	}
}
@media (max-width: 767.98px) {
	.sn-field{
	width: 2.5rem !important;
	}
	.n-field{
		width: 2.5rem !important;
	}
	.mobile-form.tb.restaurant-search .width-8{
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.custom-cta-2 a{
		width: 50% !important;
	}
	.sn-field{
	width: 2.5rem !important;
	}
	.n-field{
		width: 2.5rem !important;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.custom-cta-2 a{
		width: 50% !important;
	}
	.sn-field{
	width: 4.5rem !important;
	}
	.n-field{
		width: 4.5rem !important;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.custom-cta-2 a{
		width: 28% !important;
	}
	.sn-field{
	width: 6.3rem !important;
	}
	.n-field{
		width: 6.3rem !important;
	}
}
.tile-inner h5{
	margin: 10px 0 10px 0 !important;
}
.email.fi-input.fi-select:after {
    font-family: 'apaicon';
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 18px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 15px;
    z-index: -1;
}
.bellow-text.fi-input.fi-select:after {
    font-family: 'apaicon';
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 30%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 15px;
    z-index: 1;
}
.text-center {
    text-align: center !important;
    justify-content: center;
    display: flex !important;
}

@media all and (max-width:800px){
	input[type="radio"]{
		width: 1.5em;
		height: 1.5em;
		vertical-align: middle;
	}
}



.img-text-wrap .img-text,
.list-col2 .img-text {
	display: table;
	width: 100%;

}
.img-text-wrap .img-text .it-text,
.img-text-wrap .img-text .it-img,
.list-col2 .img-text .it-text,
.list-col2 .img-text .it-img{
	display: table-cell;
}

.img-text-wrap .img-text .it-text {
	width: 70%;
}
.img-text-wrap .img-text .it-img {
	width: 30%;
	height: 170px;
}

.img-text-wrap .img-text.img-text-40-60 .it-text,
.list-col2 .img-text.img-text-40-60 .it-text {
	width: 60%;
}

.img-text-wrap .img-text.img-text-40-60 .it-img,
.list-col2 .img-text.img-text-40-60 .it-img {
	width: 40%;
	height: 140px;
}

.img-text-wrap .img-text .it-img,
.list-col2 .img-text .it-img{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.content.flex{
	display: flex;
	line-height: 25px;
}

.button_coupon{
	border: 1px solid #C74D00;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 15px 8px 15px;
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    background: linear-gradient(#C74D00, #B24500);
}

@media all and (max-width:480px){
	.img-text-wrap .img-text .it-text,
	.img-text-wrap .img-text .it-img,
	.img-text-wrap .img-text.img-text-40-60 .it-text,
	.img-text-wrap .img-text.img-text-40-60 .it-img,
	.list-col2 .img-text.img-text-40-60 .it-text,
	.list-col2 .img-text.img-text-40-60 .it-img{
		display: block;
		width: 100%;
	}
	.img-text-wrap .img-text .it-img {
		margin-top: 5px;
	}
}




.pamphlet-wrap {
    width: 800px;
	margin: 0 auto;
}


.pamphlet-title {
	margin: 0 0 20px 0;
}
.pamphlet-title h2 {
    color: #333333;
}

.pamphlet-wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pamphlet-wrap ul li {
    padding: 0 0 5px;
}

.pamphlet-wrap ul li:last-child {
    padding: 0;
}

.pamphlet-top {
    padding: 30px;
    background-color: #F4F4F4;
}

.pamphlet-wrap .fl-left-all h4 {
    color: #333333;
	margin: 0 0 20px 0;
}

.pamphlet-wrap h5 {
    color: #333333;
	border-color: #333333;
	margin: 20px 0 10px;
}

.pamphlet-wrap .pamphlet-top .fl-left-all {
    width: 360px;
    margin: 0;
}

.pamphlet-wrap .pamphlet-top .fl-left-all:first-child {
    width: 360px;
    margin: 0 20px 0 0;
}

.pamphlet-section {
    margin: 40px 0;
}

.pamphlet-wrap .fl-left-all {
    width: 380px;
    margin: 0;
}

.pamphlet-wrap .fl-left-all:first-child {
    width: 380px;
    margin: 0 40px 0 0;
}

.pamphlet-wrap .fl-left-all .fl-left-all {
    width: 180px;
    margin: 0;
}

.pamphlet-wrap .fl-left-all .fl-left-all:first-child {
    width: 180px;
    margin: 0 20px 0 0;
}

.pamphlet-room .fl-left-all {
    width: 170px;
    margin-left: 30px;
}

.pamphlet-room .fl-left-all:first-child {
    width: 400px;
    margin: 0;
}

.pamphlet-wrap table tr th{
	width: 70px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

.pamphlet-wrap table tr th.thw50{
	width: 50px;
}

.pamphlet-wrap table tr td{
	width: auto;
	vertical-align: top;
	padding: 0 0 5px 0;
}

.coupon-col {
	padding: 10px 0;
	border-bottom: 1px solid #eeeeee;
}

.coupon-col:last-child {
	border-bottom: none;
}

.coupon-col h5 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}

.coupon-top {
	margin: 0 0 10px 0;
}

.coupon-top p {
	display: flex;
	margin: 0;
	font-size: 12px;
}
span.lb-detail{
	width: 100px;
}
.coupon-top p span.lb-detail{
	width: 100px;
}

.coupon-top-left,
.coupon-top-right {
	display: inline-block;
	vertical-align: middle;
}

.coupon-top-right {
	float: right;
}

.coupon-price,
.coupon-btn {
	display: inline-block;
	vertical-align: middle;
}

.coupon-price {
	font-size: 20px;
	margin-right: 20px;
}

.coupon-btn input[type="submit"] {
	margin: 0;
	padding: 5px 10px;
	font-size: 12px;
}

.coupon-hotel {
	padding: 10px 0px;
	font-size: 11px;
}

.coupon-conditions {
	padding: 10px 10px;
	background-color: #eeeeee;
	font-size: 12px;
}
.union-division{
	background-color: #C74D00;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #C74D00;
    display: inline-block;
    position: absolute;
    margin-top: 35px;
    margin-left: -6px;
}
.union-division p{
	text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 5px;
}
@media all and (max-width:800px){
	.coupon-top p {
		font-size: 11px;
	}

	.coupon-top-right {
		display: block;
		float: none;
		margin: 10px 0;
	}
	.coupon-top-right .button_coupon {
		display: block;
		float: right;
		margin: 10px 0;
	}
}
.benefits_txt{
	padding-bottom: 30px;
}
.benefits_txt .right-side{
	padding-left: 20px;
}
.line-h-25{
	line-height: 25px !important;
}

.content.benefits_txt img{
	width: 60px;
	padding: 0px;
}
/*-----------------------------------------
				Timeline Text
-----------------------------------------*/
.b-line{
	border-top: 1px solid #E6E6E6;
	padding-bottom: 0px;
	margin: 10px 30px;
}s
.content h3 {
  font-size: 1.2em;
  letter-spacing: 0.02em;
  color: #947f2a;
}
.content img {
  padding: 30px;
}
.pull-left{
	display: flex;
	float: left !important;
}
@media all and (min-width: 40em) {
  .content h3 {
    font-size: 1em;
    margin-bottom: 0px;
  }
}

.timeline-list {
  padding-bottom: 1em;
  position: relative;
  list-style: none;
}
.timeline-list:before {
  content: "";
  border-left: 1px dashed #947f2a;
  left: 2.75rem;
  top: 2em;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: scaleVertical 3s 1s ease both 1;
  animation: scaleVertical 3s 1s ease both 1;
}
.t-block-teal {
  background: #fff;
}

.t-block-teal h2 {
  color: #fff;
}

.t-block-teal h3 {
  color: #034944;
}

.t-block-teal p {
  color: #034944;
}

.timeline-list li {
  margin: 0 0 3em 0;
  padding: 0 2em 0em 2em;
  position: relative;
}
.timeline-list li:after {
	font-family: 'apaicon';
    content: "\f107";
    position: absolute;
    font-size: 25px;
    left: -3.5px;
    height: 17px;
    color: #947f2a;
    -webkit-font-smoothing: antialiased;
    border-bottom: 27px solid #fff;
}
.timeline-list li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -2.45em;
  width: 59px;
  height: 59px;
  border-radius: 50%;
  background: none repeat scroll 0% 0% #947F28;
  border: 5px solid #fff;
  -webkit-animation: revealScaleUp 0.75s 0s ease both 1;
  animation: revealScaleUp 0.75s 0s ease both 1;
}

.timeline-list {
  -webkit-animation: reveal 2s 0 ease both 1;
          animation: reveal 2s 0 ease both 1;
}

.timeline-list li .content {
  -webkit-animation: revealFromLeft 0.5s 0s ease both 1;
  animation: revealFromLeft 0.5s 0s ease both 1;
  padding: 20px 20px 0;
}
.step-label{
	color: #fff;
    font-size: 1em;
    text-align: center;
    display: list-item;
    line-height: 16px;
    margin-top: 10px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
.round-txt{
    position: absolute;
    left: -24px;
    top: 8px;
    width: 53px;
    height: 53px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.business-page h5{
	font-size: 1.25rem !important;
}
.business-page h3{
	font-size: 1rem !important;
}
span.bottom-txt{
	font-size: 1.25rem !important;
	padding-bottom: 20px;
}
.business-page p span{
	font-size: 12px !important;
}
.business-page .tile-ttl{
	padding: 20px 20px 0 !important;
}
.business-page .page-container{
	padding: 10px 0px 50px;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.hero-img-content{
	text-align: center;
}
.hero-img-content .hero-logo{
	width: 400px;
	margin:0px auto;
}
.pc-img .hero-img-content {
    text-align: center;
    position: absolute;
    top: 14.5rem;
    left: 25rem;
}
.pc-img .hero-img-content span.hero-txt {
    color: #c1a554;
    text-align: center;
    font-size: 2.1em;
    line-height: 60px;
    font-weight: bold;
}
.mobile-social-icon p{
	text-align: center;
	font-size: 11px;
}
.img-icon{
	width: 45px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.mx-auto{
	margin-left: auto !important;
	margin-right: auto !important;
}
.fl-none{
	float:none !important;
}
.bd-box-inner.bg-box-inner{
	max-width: 650px;
}
.benefit-round-txt{
    background-image: url('/assets/img/benefit-num-icon@2x.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 62px;
    height: 62px;
    float: left;
    margin-right: 20px;
}
.benefit-label{
	color: #fff;
    font-family: 'EB Garamond';
    font-size: 13px;
    position: relative;
    text-align: center;
    text-shadow: 0 0 3px #000000;
}
.benefit-label span{
    font-family: 'EB Garamond';
    font-size: 24px;
    line-height: 19px;
    text-shadow: 0 0 3px #000000;
}
.bottom-coupon-list {
	display: flex;
}
.bottom-coupon-list span{
	float: left;
}
.bottom-coupon-list span.first-char{
	font-size: 14px;
    padding: 1px 10px;
    border-radius: 18px;
    height: 24px;
    border: 1px solid #C74D00;
    margin: 20px 20px 0px 0px;
    color: #C74D00;
}
.bottom-coupon-list span.second-char{
	font-family: 'Noto Sans CJK JP';
	color: #C74D00;
	font-weight: bold;
	font-size: 32px;
	margin: 5px 20px 0px 0px;

}
.bottom-coupon-list span.third-char{
	margin: 15px 20px 0px 0px;
	font-family: 'Noto Sans CJK JP';
	font-size: 20px;
	font-weight: 'regular'
}
.bottom-coupon-list span.fourth-char{
	font-size: 22px;
	margin: 15px 20px 0px 0px;
	color: #666666;
	font-weight: bold;
}
.bottom-coupon-list span.fourth-char:after{
	content: url('/assets/img/chevron-right.png');
	display: inline-block;
	background-size:10px;
	width: 10px;
    height: 13px;
	background-repeat: no-repeat;
	margin:0px 10px;

}
.bottom-coupon-list span.fifth-char{
	background: #C74D00;
    font-size: 10px;
    width: 61px;
    height: 61px;
    padding: 5px;
    float: none;
    text-align: center;
    display: flow-root;
    color: #fff;
    border-radius: 50%;
    line-height: 25px;
}
.bottom-coupon-list span.fifth-char .num{
	font-size: 25px;
	font-weight: bold;
	float: none;
	line-height: 10px;
}
.bottom-coupon-list span.fifth-char .after-num-char{
	float: none;
	font-size: 16px;
	line-height: 10px;
}
.group-img-list-block{
	border:1px solid #B79292;
	padding: 20px;
	margin: 20px 0px;
	border-radius: 5px;
}
.group-img-list-block h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #B79292;
}
.group-img-list-block .img-text-wrap .img-text.img-text-40-60 .it-img,
.list-col2 .img-text.img-text-40-60 .it-img{
	width: 27%;
    height: 100px;
}
.group-img-list-block .img-text-wrap .img-text.img-text-40-60 .it-text,
 .list-col2 .img-text.img-text-40-60 .it-text{
 	width: 73%;
 }
.group-img-list-block .it-text{
	padding: 25px 10px 0;
}
.group-img-list-block .list-col2 {
    padding-bottom: 5px;
    margin: 0 0 5px 0;
    border-bottom: solid 1px #dcdcdc;
}
.alphabet-list{
	color: #fff;
    background: #B79292;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    text-align: center;
    margin: 15px 9px;
    float: left;
    line-height: 20px;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-1{
	-ms-flex: 0 0 45.666667%;
    flex: 0 0 45.666667%;
    max-width: 45.666667%;
}

.card-carousel .card{
	margin:10px;
	box-shadow: 0px 0px 6px hsla(0, 0%, 0%, 0.17);
}
.without-shadow .col-4 .card{
	margin: 10px;
    border: 1px solid #cccccc;
    min-height: 363.92px;
    border-radius: 0px;
}
.without-shadow{
	padding-bottom: 0px;
}
.without-shadow .col-4 .card-text{
	margin:15px;
	text-align: left;
	padding-top: 0px;
}
.without-shadow .col-4 .card a{
	text-decoration: none;
}
.without-shadow .col-4 .card .it-text-detail{
	color: #666666;
}
.col-5{
	-ms-flex: 0 0 45.666667%;
    flex: 0 0 45.666667%;
    max-width: 45.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-num-1{
	float: left;
	margin-left: 10px;
}
.col-num-2{
	float: right;
	margin-right: 11px;
}
.bottom-stamp-intro{
    display: inline-block;
}
.bottom-stamp-intro .custom-img:after{
	content: url('/assets/img/or.png');
	position: absolute;
}

.service-list-block-wrap{
	margin: 0 -10px;
}

.service-list-block{
	display: flex;
	padding: 10px;
}
.service-list-block i{
	color: #fff;
    width: 55px !important;
    height: 55px;
    border-radius: 50%;
    font-size: 26px;
    line-height: 55px;
    float: left;
    text-align: center;
    align-items: center;
}
.service-list h5 {
    margin: 0 0 15px 0;
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 0 10px;
    border-left: solid 5px #333333;
}
.right-txt{
	padding-left: 20px;
	line-height: 25px;
}
.m-0-side{
	margin-left: 0px;
	margin-right: 0px;
    padding-bottom: 10px;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width:576px) {
	td .unity{
		display: none;
	}
	.second-hotel-list .contents-search{
		margin-top: 20px;
	}
	.second-hotel-list .fl-left-all {
	    float: left;
	    width: 65%;
	}
	.content.flex{
		display: block;
	}
	.round-txt{
	    left: -21px;
	}
	.content .col-6{
		width: 100%;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.business-page .form-submit.form-submit-ib{
		margin-bottom: 0px;
		margin: 0px;
	}
	.business-page a.btn-gold{
		margin-bottom: 0px;
	}
	.business-page a.btn-deep-gold{
		margin-bottom: 0px;
	}
	.business-page .page-container{
		padding-top: 0px;
	}
	.business-page .bd-box-inner {
	    margin: 0px auto;
	    max-width: 100%;
	}
	/*
	tr{
		display: flex !important;
	}*/
	.table-4 tr{
		display: inherit !important;
	}
	tr .text-right{
		width: 100% !important;
	}
	.timeline-list li .content{
		padding: 0px 0px 0px 20px;
	}
	.step-inner{
		padding:0px;
	}
	.business-page h3 {
	    padding-top: 20px;
	    margin-bottom: 0px;
	}
	.benefits_txt h3{
		padding-top: 0px !important;
	}
	.pc-img{
		display: none;
	}
	.mobile-img{
		display: block;
		padding-top: 20px;
	}
	.mobile-img .hero-img-content {
	    text-align: center;
	    position: absolute;
	    top: 9.5rem;
	    left: 6rem;
	}
	.hero-img-content .hero-logo{
		width: 200px;
	}
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .third-char{
		text-align: center;
	}
	.group-img-list-block .it-text{
		padding: 25px 10px 0;
		width: 73%;
	}
	.alphabet-list {
	    color: #fff;
	    background: #B79292;
	    width: 20px;
	    border-radius: 50%;
	    height: 20px;
	    text-align: center;
	    margin: 5px 10px 5px 0px;
	    float: left;
	}
	.group-img-list-block h4 {
		font-size: 15px;
	    font-weight: bold;
	    line-height: 12px;
	    color: #B79292;
	}
		.bottom-coupon-list span.third-char{
		margin: 25px 20px 25px 0px;
		font-family: 'Noto Sans CJK JP';
		font-size: 20px;
		font-weight: 'regular'
	}
	.bottom-coupon-list span.fourth-char{
		margin-left: auto;
	}
	.bottom-coupon-list span.fifth-char{
		margin-right: auto;
	}
	.group-img-list-block .img-text-wrap .img-text.img-text-40-60 .it-img, .list-col2 .img-text.img-text-40-60 .it-img {
	    width: 100%;
	    height: 180px;
	}
	.group-img-list-block .img-text-wrap .img-text.img-text-40-60 .it-text, .list-col2 .img-text.img-text-40-60 .it-text{
		width: 100%;
    	padding: 15px 0px 0px;
	}
	.union-division{
		margin: 15px auto;
		position: relative;
		display: block;
	}
	.col-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-5{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-6{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.coupon-price {
	    font-size: 20px;
	    margin-right: 20px;
	    line-height: 50px;
	}
	.col-num-1{
		float: none;
		margin-left: 0px;
	}
	.col-num-2{
		float: none;
		margin-right: 0px;
	}
	.m-0-side{
		margin-left: 0px;
		margin-right: 0px;
	    padding-bottom: 0px;
	}
	.calendar td a:link {
    	color: #000000;
	    text-decoration: none;
	    text-align: center;
	    vertical-align: -webkit-baseline-middle;
	}
	.calendar td {
	    height: 70px !important;
	    padding: 1px 0 !important;
	    border: 1px #E2E2E2 solid !important;
	    text-align: center !important;
	    vertical-align: bottom !important;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (576px) and (max-width: 767.98px) {
	.col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
	.content.flex{
		display: block;
	}
	.content .col-6{
		width: 100%;
	}
	.round-txt{
	    left: -22px;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.business-page .bd-box-inner {
	    margin: 0px auto;
	    max-width: 80%;
	}
	.pc-img{
		display: none;
	}
	.mobile-img{
		display: block;
	}
	.mobile-img .hero-img-content{
		text-align: center;
	    position: absolute;
	    top: 13.5rem;
    	left: 15rem;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.third-char{
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}
		.coupon-price {
	    font-size: 20px;
	    margin-right: 20px;
	    line-height: 50px;
	}
	.union-division {
    	background-color: #C74D00;
	    width: 55px;
	    height: 55px;
	    border-radius: 50%;
	    border: 1px solid #C74D00;
	    display: inline-block;
	    position: absolute;
	    margin-top: 4%;
	    margin-left: -12px;
	}
	.union-division p {
	    text-align: center;
	    color: #fff;
	    font-size: 19px;
	    line-height: 10px;
	}
	.col-6{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.m-0-side{
		margin-left: 0px;
		margin-right: 0px;
	    padding-bottom: 0px;
	}
	.with-shadow .col-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.without-shadow .col-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	td .unity{
		display: none;
	}
	.calendar td a:link {
    	color: #000000;
	    text-decoration: none;
	    text-align: center;
	    vertical-align: middle;
	}
	.calendar td {
	    height: 70px !important;
	    padding: 1px 0 !important;
	    border: 1px #E2E2E2 solid !important;
	    text-align: center !important;
	    vertical-align: bottom !important;
	}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 800px) and (max-width: 991.98px) {
	.union-division {
	    background-color: #C74D00 !important;
	    width: 45px !important;
	    height: 45px !important;
	    border-radius: 50% !important;
	    border: 1px solid #C74D00 !important;
	    display: inline-block !important;
	    position: absolute !important;
	    margin-top: 3% !important;
	    margin-left: -10px !important;
	}
	.union-division p {
	    text-align: center !important;
	    color: #fff !important;
	    font-size: 14px !important;
	    line-height: 10px !important;
	}
	.calendar td a:link{
		color: #000000;
		text-decoration: none;
		float:  left;
		vertical-align: top;
		margin-top: -30px;
		padding: 10px;
	}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.business-page .bd-box-inner {
	    margin: 0px auto;
	    max-width: 80%;
	}
	.round-txt{
	    left: -24px;
	}
	.custom-cta-2{
		display: flex;
	}
	.custom-cta-2 a{
		margin: 0 15px 0px !important;
	}
	.pc-img{
		display: block;
	}
	.mobile-img{
		display: none;
	}
	.hero-img-content .hero-logo{
		width: 300px;
		margin:0px auto;
	}
	.pc-img .hero-img-content {
	    text-align: center;
	    position: absolute;
	    top: 5.78%;
	    left: 28%;
	}
	.pc-img .hero-img-content span.hero-txt {
	    color: #c1a554;
	    text-align: center;
	    font-size: 2em;
	    line-height: 40px;
	    font-weight: bold;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.union-division {
	    background-color: #C74D00;
	    width: 55px;
	    height: 56px;
	    border-radius: 50%;
	    border: 1px solid #C74D00;
	    display: inline-block;
	    position: absolute;
	    margin-top: 5%;
	    margin-left: -10px;
	}
	.union-division p {
	    text-align: center;
	    color: #fff;
	    font-size: 19px;
	    line-height: 10px;
	}
	.other-hotel-list .li-price{
		/*text-align: left;*/
		width: 23%;
	}
	.other-hotel-list .li-ttl{
		width: 16.3%;
	}
	.other-hotel-list .li-rest{
		width: 20%;
	    padding-left: 10px;
	    text-align: left;
	    color: #C74D00;
	    font-size: 13px;
	    font-weight: normal;
	}
	.calendar td a:link{
		color: #000000;
		text-decoration: none;
		float:  left;
		vertical-align: top;
		margin-top: -30px;
		padding: 10px;
	}
	.pd-5{
		padding: 50px !important;
	}
	.col-4 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	    width: 33.333333%;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.round-txt{
	    left: -24px;
	}
	.business-page .bd-box-inner {
	    margin: 40px auto;
	    max-width: 60%;
	}
	.custom-cta-2{
		display: flex;
	}
	.pc-img{
		display: block;
	}
	.mobile-img{
		display: none;
	}
	.pc-img .hero-img-content {
	    text-align: center;
	    position: absolute;
	    top: 14.5rem;
	    left: 20rem;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.calendar td a:link{
		color: #000000;
		text-decoration: none;
		float:  left;
		vertical-align: top;
		margin-top: -30px;
		padding: 10px;
	}
	.pd-5{
		padding: 50px !important;
	}
	.col-4 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	    width: 33.333333%;
	}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.pc-img{
		display: block;
	}
	.mobile-img{
		display: none;
	}
	.btn-container{
		padding:30px 30px 50px;
	}
	.group-img-list-block h4 {
	    font-size: 18px;
	    font-weight: bold;
	    line-height: 30px;
	    color: #B79292;
	}
	.calendar td a:link{
		color: #000000;
		text-decoration: none;
		float:  left;
		vertical-align: top;
		margin-top: -30px;
		padding: 10px;
	}
	.pd-5{
		padding: 50px !important;
	}
	.col-4 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	    width: 33.333333%;
	}
}
.list-wrap .list-col{
	background-color: #fff;
}
.tab-bottom .it-img {
    height: auto !important;
}
.custom-note{
   width: 100%;
   display: grid;
}
/*?calendar STYLES*/

.calendar {
	width: 100%;
	margin: 0 0 5px 0;
	border: 1px #E2E2E2 solid;
	border-collapse: collapse;
}

.calendar th{
	width: 14.287%;
	padding: 5px 0px;
	border: 1px #E2E2E2 solid;
	text-align: center;
	font-weight: normal;
	vertical-align: top;
}
.calendar td a:link{
	color: #000000;
	text-decoration: none;
}
.calendar td{
	height: 100px;
	padding: 1px 0;
	border: 1px #E2E2E2 solid;
	text-align: center;
	vertical-align: bottom;
}

.calendar td.bg01{
	background: #AFAFAF;
	vertical-align: top;
}
.calendar td.bg03{
	background: #bdbdbd;
	vertical-align: top;
}

.calendar td.bg02{
	background: #F9F6EE;
}
.calendar td.white{
	background: #fff;
}

.calendar td.red{
	background: #FFEDE8;
}

.calendar td.blue{
	background: #E8F0FF;
}

.calendar td a:hover{
	color: #cc6666;
	text-decoration: none;
}

.calendar td .price{
	display: block;
	margin: 30px 0 4px 0;
	text-align: center;
	line-height: 1.2;
	color: #A50D0D;
}

.calendar td .price em{
	display: block;
	text-align: center;
	font-size: 87%;
}

.calendar td .mark{
	position: relative;
	display: block;
	margin: 0 0 -4px 0;
	border-top: 1px #E2E2E2 dotted;
	text-align: center;
}


.form-item .form-item-half{
	float: left;
	width: 50%;
	padding: 0 10px 0 0;
	display: table;
}

.form-item .form-item-half:last-child{
	padding: 0 0 0 10px;
}

.form-item .form-item-half .fi-label{
	width: 95px;
}

.form-item .form-item-half .fi-input{
	padding: 0;
}

@media all and (max-width:800px){
.form-item .form-item-half{
	float: none;
	width: 100%;
}

.form-item .form-item-half:last-child{
	padding: 0;
}

.form-item .form-item-half{
	padding: 0 0 10px 0;
}

.form-item .form-item-half:last-child{
	padding: 0;
}

.fi-label,
.form-item .form-item-half .fi-label{
	width: 110px;
}
}



.fi-sns-login-btns-wrap{
	margin: 20px 0 0 0;
	text-align: center;
}

.fi-sns-login-btns ul{
	margin: 0 -10px;
	padding: 0;
	list-style: none;
}


.fi-sns-login-btns ul li {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
    padding: 5px 10px;
    overflow: hidden;
}

.pagination-wrap{
	margin: 30px 0 0 0;
}

.pagination-wrap:after{
	clear:both;
}

.pagination-wrap a{
	text-decoration: none;
}

.pn-prev{
	float: left;
}

.pn-prev i{
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.pn-next{
	float: right;
}

.pn-next i{
	margin: 0 0 0 3px;
	vertical-align: middle;
}

input.input-grey {
	background-color: #eee!important;
	box-shadow: none!important;
}

.news-window{
	background-color: #F7F2E5;
	padding: 20px;
	margin: 20px auto;
	width: 94%;
    max-width: 1000px;
    color: #707070;
}

.news-window-ttl{
	font-weight: bold;
	color: #6A1900;
	margin: 0 0 5px 0;
}
/*Remove up and down arrows on datepicker chrome and Internet Explorer*/
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    display: none !important;
}
input[type=date]::-webkit-clear-button  {
    -webkit-appearance: none !important;
    display: none !important;
}
/*Remove up and down arrows on datepicker Mozilla and Other browsers*/
input[type=date]::-ms-clear {
    -webkit-appearance: none !important;
    display: none !important;
}

.hs-form-fullwidth{
	margin: 0 -10px;
}

.search-submit-wrap{
	float: right;
	padding: 11px 0 0 0;
}

.search-submit-wrap .search-submit{
	margin: 0 5px;
	padding: 10px 0 0 0;
	float: none;
	display: inline-block;
}

.label-ttl{
    margin: 0 0 4px 0;
}

.search-submit-wrap button{
	float: left;
	color: #fff;
	margin: 0 5px;
	width: 180px;
}

.coupon-box{
	display: table!important;
}

.coupon-box-img{
	padding: 0 10px 0 0;
}

.coupon-box-img img{
    width: 70px;
}

.coupon-box{
    padding: 20px;
    background: #F8F1DD;
    text-align: left;
    display: table;
    width: 100%;
}

.coupon-box-img,
.coupon-box-text,
.coupon-box-cta{
	display: table-cell;
	vertical-align: middle;
}

.coupon-box-text .red-text {
    font-size: 18px;
}


.modal-wrap.coupon-modal{
	max-width: 400px;
	text-align: center;
}

.modal-close-btn{
    padding: 7px 18px;
    font-size: 14px;
    margin: 20px auto 0 auto;
    color: #fff;
    text-decoration: none;
    background-color: #707070;
    display: block;
    max-width: 120px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.modal-close-btn:hover{
	opacity: .8
}

.smap-masonry {
    margin: 0 -10px 0 -10px;
}

.smap-item {
    float: left;
    padding: 10px;
    width: 33.333%;
    line-height: 1.8;
}

.smap-item ul{
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
}

.smap-item ul li{
	display: block;
}


.smap-item ul li ul{
	padding: 0 0 0 1em;
}

.smap-item ul li ul.ul-line{
    padding: 5px 0 5px 1.5em;
}

.smap-item ul li ul.ul-line li:before{
    content: "-";
    width: 1em;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

.smap-item ul li ul.ul-line li a{
	display: inline-block;
}

.smap-item a{
	display: block;
	text-decoration: none;
	color: #666;
}


.smap-item a.smap-ttl{
	margin: 20px 0 3px 0;
	font-size: 15px;
	color: #C7A956;
}


.smap-item a:hover{
	text-decoration: underline;
}


@media all and (min-width:600px){

.hotel-detail-content .fl-left{
	float: left
}
.hotel-detail-content .fl-right{
	float: right;
}

.hotel-detail-content .fl-30{
    width: 30%;
    padding: 0 15px 0 0;
}
.hotel-detail-content .fl-70{
    width: 70%;
    padding: 0 0 0 15px;
}
}

@media all and (min-width:800px){
.hs-form-fullwidth .hs-med {
    width: 25%;
}

.hs-form-fullwidth .search-submit {
    margin: 10px 8px 0 0;
}
}


@media all and (max-width:1000px){
.fi-sns-login-btns ul li {
    float: none;
}

.fi-sns-login-btns ul{
	margin: 0;
}

.fi-sns-login-btns ul li {
    padding: 10px;
}

.fi-sns-login-btns-wrap{
	text-align: center;
}

.search-submit-wrap button{
	width: 150px;
}

.coupon-box,
.coupon-box-cta{
	display: block;
	text-align: center;
}

.coupon-box-cta{
	margin: 20px 0 0 0;
	text-align: center;
}

.coupon-box-img,
.coupon-box-text{
	display: inline-block;
}


}

@media all and (max-width:800px){
.news-window{
	margin: 0;
	width: 100%;
}


.search-submit-wrap{
	float: none;
	display: block;
	text-align: center;
	clear: both;
	padding: 5px 0 0 0
}

.search-submit-wrap button{
	float: none;
	display: inline-block;
	width: 200px!important;
	margin: 10px!important;
}

}

@media all and (max-width:600px){

.page-hotel-detail-test .table-1 th{
	border-bottom: none;
	padding: 10px 0 0 0;
	font-weight: bold;
}

.pctb{
	display: none;
}

.coupon-box-img,
.coupon-box-text{
	display: block;
}

.coupon-box-img{
	padding: 0 0 10px 0;
}

.coupon-box-img img{
	margin: auto;
}

.smap-item {
	width: 100%;
}

}


@media all and (max-width:480px){
.fi-sns-login-btns ul li {
    padding: 10px 0;
    width: 230px;
}


}



/*-----------------------------------------
page-apacard
-----------------------------------------*/

.page-container.page-apacard .font-eb {
  font-family: 'EB Garamond', serif;
}

.page-container.page-apacard h2 {
  font-size: 24px;
  margin-bottom: 30px;
}

.page-container.page-apacard h5 {
  font-size: 18px;
}

.page-container.page-apacard h5+.text {
  margin: 20px 0 60px 0;
}

.page-container.page-apacard h6 {
  font-size: 18px;
  font-weight: bold;
  color: #c7a956;
  min-height: 45px;
  line-height: 45px;
  padding-left: 55px;
}

.page-container.page-apacard p {
  font-size: 14px;
  margin-bottom: 30px;
}

.page-container.page-apacard sup {
  font-size: 50%;
}


/*==追加　1/2　▼==*/

.page-container.page-apacard .box-note p {
  color: #ff0000;
}

.page-container.page-apacard .box-bestprice p.text {
  margin-bottom: 20px;
}

.page-container.page-apacard .box-bestprice p.image {
  width: 500px;
  margin-bottom: 10px;
}

.page-container.page-apacard .box-bestprice p:first-child span {
  color: #ff0000;
  border-bottom: dotted 1px #ff0000
}

/*==追加　1/2　▲==*/

.page-container.page-apacard a:hover, .page-container.page-apacard a:hover img {
  opacity: .8;
}

.page-container.page-apacard a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page-container.page-apacard ._pc {
  display: block!important;
}

.page-container.page-apacard ._pc-table {
  display: table!important;
}

.page-container.page-apacard ._sp {
  display: none!important;
}

.page-container.page-apacard ._sp-table {
  display: none!important;
}

.page-container.page-apacard p.lead {
  font-size: 16px;
  margin-bottom: 40px;
}

.page-container.page-apacard .note {
  font-size: 12px;
}

.page-container.page-apacard .tile-wrap {
  margin-bottom: 0px;
}

.page-container.page-apacard .bd-box-inner.bg-box-inner {
  max-width: 792px;
  padding-bottom: 40px;
}

.page-container.page-apacard .bd-box-inner.bg-box-inner.accumulate {
  padding-bottom: 60px;
}

.page-container.page-apacard .cta-4, .page-container.page-apacard .cta-42 {
  text-align: center;
}

.page-container.page-apacard .cta-4 a, .page-container.page-apacard .cta-42 a {
  padding: 12px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
}

.page-container.page-apacard .cta-4 a {
  width: 48%;
  display: block;
}

.page-container.page-apacard .cta-42 a {
  width: 50%;
  display: inline-block;
}

.page-container.page-apacard .cta-4 a:nth-child(1) {
  float: left;
}

.page-container.page-apacard .cta-4 a:nth-child(2) {
  float: right;
}

.page-container.page-apacard .bd-box-inner.bg-box-inner.nav-merit {
  max-width: 792px;
  position: relative;
  top: -40px;
  padding-bottom: 0px;
}

.page-container.page-apacard .bd-box-inner.bg-box-inner.nav-merit .cta-4 a {
  width: 19.2%;
  display: block;
  float: left!important;
  margin-right: 1%;
  font-size: 13px;
}

.page-container.page-apacard .bd-box-inner.bg-box-inner.nav-merit .cta-4 a:nth-last-child(1) {
  margin-right: 0%;
}

.page-container.page-apacard+.nav-merit-sp {
  display: none;
}

.page-container.page-apacard .tile-inner {
  padding: 15px 25px 0px 25px;
}

.page-container.page-apacard.accumulate .tile-inner, .page-container.page-apacard.use .tile-inner, .page-container.page-apacard.diamond-card .tile-inner {
  padding: 30px 25px 0px 25px;
}

.page-container.page-apacard .col-2 {}

.page-container.page-apacard .col-2 .text {
  width: 55%;
  float: left;
  display: block;
  font-size: 14px;
  margin-bottom: 30px;
}

.page-container.page-apacard .col-2 .image {
  width: 43%;
  float: right;
  display: block;
  margin-bottom: 30px;
}

.page-container.page-apacard ul.nav {
  line-height: 1;
  font-size: 0;
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0;
}

.page-container.page-apacard ul.nav li {
  margin: 0 20px 20px 20px;
  display: inline-block;
}

.page-container.page-apacard ul.nav li img {
  width: 137px;
}

.page-container.page-apacard .box-point {
  border: 2px #951a1a solid;
  box-sizing: border-box;
  padding: 60px 60px 30px 60px;
  margin-bottom: 20px;
  position: relative;
}

.page-container.page-apacard .box-point .catch {
  position: absolute;
  top: -17px;
  left: 102px;
  margin: 0;
  padding: 0;
  width: 368px;
}

.page-container.page-apacard .box-point .catch img {}

.page-container.page-apacard .box-point .image {
  margin: 0 0 20px 0;
}

.page-container.page-apacard .box-point .btn {
  text-align: center;
  margin: 0 auto;
  width: 632px;
}

.page-container.page-apacard .box-point-cash p, .page-container.page-apacard .box-point-item p {
  margin: 0;
}

.page-container.page-apacard .box-point-cash .title, .page-container.page-apacard .box-point-item .title {
  font-size: 17px;
  font-weight: bold;
  color: #951a1a;
  margin-bottom: 10px;
}

.page-container.page-apacard .box-point-cash .title br {
  display: none;
}

.page-container.page-apacard .box-point-cash {
  background: url('/assets/img/page-apacard-merit_icon_cash.png') #f6f1f1 25px 50% no-repeat;
  background-size: 68px 62px;
  border: 1px #951a1a solid;
  border-top: 4px #951a1a solid;
  box-sizing: border-box;
  padding: 10px 30px 10px 120px;
  margin-bottom: 40px;
  position: relative;
}

.page-container.page-apacard .box-point-item {
  background: url('/assets/img/page-apacard-merit_icon_item.png') #f6f1f1 32px 50% no-repeat;
  background-size: 55px 69px;
  border: 1px #951a1a solid;
  border-top: 4px #951a1a solid;
  box-sizing: border-box;
  padding: 20px 30px 20px 120px;
  margin-bottom: 40px;
  position: relative;
}

.page-container.page-apacard .box-point-item p {
  width: 57%;
}

.page-container.page-apacard .box-point-item .cta-4 {
  position: absolute;
  top: 33px;
  right: 30px;
  width: 32%;
}

.page-container.page-apacard .box-point-item .cta-4 a {
  width: 100%;
  min-width: inherit;
  margin: 0!important;
  font-size: 16px;
}

.page-container.page-apacard section {
  margin-bottom: 70px;
}

.page-container.page-apacard section .cta-4 a {
  width: 42%;
  min-width: 400px;
  float: left!important;
  margin-bottom: 20px;
  margin-right: 20px;
}

.page-container.page-apacard section .cta-4 a:nth-last-child(1) {
  margin-right: 0;
}

.page-container.page-apacard section .title {
  font-size: 16px;
  font-weight: bold;
  color: #a87676;
  margin-bottom: 20px;
}

.page-container.page-apacard section.accumulate01 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate01.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.accumulate01 .image img._pc {
  width: 624px;
}

.page-container.page-apacard section.accumulate02 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate02.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.accumulate02 .image img._pc {
  width: 724px;
}

.page-container.page-apacard section.accumulate03 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate03.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.accumulate03 .image img._pc {
  width: 799px;
}

.page-container.page-apacard section.accumulate04 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate04.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.accumulate04 table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  margin-top: 30px;
}

.page-container.page-apacard section.accumulate04 th {
  font-size: 20px;
  line-height: 1.2;
  padding: 0 20px;
  box-sizing: border-box;
  background: #e8e8e8;
  border: 1px #707070 solid;
  border-right: none;
  text-align: center;
  width: 20%;
}

.page-container.page-apacard section.accumulate04 tr:nth-child(1) th {
  border-bottom: 1px #fff solid;
  height: 100px;
}

.page-container.page-apacard section.accumulate04 tr td:nth-child(1), .page-container.page-apacard section.accumulate04 tr td:nth-child(2) {
  text-align: left;
}

.page-container.page-apacard section.accumulate04 tr:nth-child(3) td:nth-child(2) {
  text-align: center;
}

.page-container.page-apacard section.accumulate04 td {
  font-size: 16px;
  padding: 15px 30px;
  box-sizing: border-box;
  background: #fff;
  border: 1px #707070 solid;
  border-left: none;
  text-align: center;
}

.page-container.page-apacard section.accumulate05 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate05.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.accumulate05 table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.page-container.page-apacard section.accumulate05 th {
  font-size: 20px;
  line-height: 1.2;
  padding: 0 20px;
  box-sizing: border-box;
  background: #e8e8e8;
  border: 1px #707070 solid;
  border-right: none;
  text-align: left;
}

.page-container.page-apacard section.accumulate05 th.em1 {
  width: 1em;
  font-size: 16px;
  line-height: 1;
  padding: 10px;
}

.page-container.page-apacard section.accumulate05 td {
  font-size: 16px;
  padding: 15px 30px;
  box-sizing: border-box;
  background: #fff;
  border: 1px #707070 solid;
  border-left: none;
}

.page-container.page-apacard section.accumulate05 td span.note {
  line-height: 1.4;
  display: block;
  margin-top: 5px;
}

.page-container.page-apacard section.accumulate05 .cta-4 a {
  font-size: 16px;
}

.page-container.page-apacard section.accumulate06 h6 {
  background: url('/assets/img/page-apacard-merit_accumulate06.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.use01 h6 {
  background: url('/assets/img/page-apacard-merit_use01.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.use01 .col-2 .text {
  width: 70%;
  margin-bottom: 10px;
}

.page-container.page-apacard section.use01 .col-2 .image {
  width: 30%;
  margin-bottom: 10px;
  padding: 0 5%;
  box-sizing: border-box;
}

.page-container.page-apacard section.use02 {
  margin-bottom: 20px;
}

.page-container.page-apacard section.use02 h6 {
  background: url('/assets/img/page-apacard-merit_use02.png') 0 50% no-repeat;
  background-size: 45px 45px;
}

.page-container.page-apacard section.use02 .title-list {
  font-size: 22px;
  font-weight: bold;
  color: #a87676;
  margin-bottom: 10px;
}

.page-container.page-apacard section.use02 table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}

.page-container.page-apacard section.use02 th {
  font-size: 17px;
  line-height: 1.2;
  padding: 0 20px;
  box-sizing: border-box;
  background: #e8e8e8;
  border: 1px #707070 solid;
  border-bottom: 1px #fff solid;
  border-right: none;
  text-align: left;
}

.page-container.page-apacard section.use02 tbody tr:nth-last-child(1) th {
  border-bottom: 1px #707070 solid;
}

.page-container.page-apacard section.use02 td {
  font-size: 16px;
  padding: 15px 30px;
  box-sizing: border-box;
  background: #fff;
  border: 1px #707070 solid;
  border-left: none;
  text-align: center;
}

.page-container.page-apacard section.use02 thead td {
  color: #a87676;
}

.page-container.page-apacard section.use02 .col-2 .text {
  width: 70%;
  margin-bottom: 10px;
}

.page-container.page-apacard section.use02 .col-2 .image {
  width: 30%;
  margin-bottom: 10px;
  padding: 0 5%;
  box-sizing: border-box;
}

.page-container.page-apacard section.use02 .col-2 .text table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  border: 2px #951a1a solid;
}

.page-container.page-apacard section.use02 .col-2 .text th {
  font-size: 20px;
  line-height: 1.2;
  padding: 0 20px;
  background: #fff;
  border-bottom: 1px #951a1a solid!important;
}

.page-container.page-apacard section.use02 .col-2 .text th span {
  position: relative;
  width: 100%;
  display: block;
}

.page-container.page-apacard section.use02 .col-2 .text th span span {
  background: url('/assets/img/page-apacard-merit_use_arrow.png') 0 50% no-repeat;
  background-size: 18px 17px;
  width: 18px;
  height: 17px;
  display: block;
  position: absolute;
  left: 115%;
  top: 5px;
  z-index: +1;
}

.page-container.page-apacard section.use02 .col-2 .text td {
  width: 80%;
  font-size: 16px;
  padding: 15px 30px;
  box-sizing: border-box;
  background: #f6f1f1;
  border: 1px #951a1a solid;
  border-left: none;
  text-align: left
}

.page-container.page-apacard section.use02 .score {
  font-size: 12px;
}

.page-container.page-apacard section.use02 .title span {
  display: block;
  font-size: 12px;
  line-height: 1;
}

.page-container.page-apacard section.use02 .btn, .page-container.page-apacard section.use02 .btn_blue {
  display: block;
  margin-top: 5px;
}

.page-container.page-apacard section.use02 .btn a, .page-container.page-apacard section.use02 .btn_blue a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 5px;
  text-decoration: none;
}

.page-container.page-apacard section.use02 .btn a {
  background: #951a1a;
  padding: 5px 60px;
}

.page-container.page-apacard section.use02 .btn_blue a {
  background: #3e4884;
  padding: 5px 40px;
}

.page-container.page-apacard section.use02 .note {
  text-align: right;
}

.page-container.page-apacard section.year3 {
  margin-bottom: 60px;
}

.page-container.page-apacard section.year3 .image {
  width: 66%;
  margin: 0 auto;
}

.page-container.page-apacard section.descount {
  margin-bottom: 0;
}

.page-container.page-apacard section.descount p {
  margin-bottom: 60px;
}

.page-container.page-apacard section.descount .box-point {
  padding: 35px 30px 30px 30px;
  margin: 50px 0 40px 0;
}

.page-container.page-apacard section.descount .box-point .catch {
  position: absolute;
  top: -15px;
  left: 30px;
  margin: 0;
  padding: 0;
  width: 317px;
}

.page-container.page-apacard section.descount .box-point .catch img {}

.page-container.page-apacard section.descount .box-point .title {
  font-size: 20px;
  color: #951a1a;
  margin: 0 0 15px 0;
}

.page-container.page-apacard section.descount .box-point .text {
  float: right;
  width: 67%;
  margin: 0;
}

.page-container.page-apacard section.descount .box-point .image {
  float: left;
  width: 31%;
  margin: 0;
}

.page-container.page-apacard section.descount .title-list {
  font-size: 12px;
  margin-bottom: 0;
}

.page-container.page-apacard section.descount ul, .page-container.page-apacard section.descount ol {
  font-size: 12px;
  margin: 5px 0 30px 0;
  padding: 0 0 0 20px;
}

.page-container.page-apacard section.diamond-card {
  margin-bottom: 0;
}

.page-container.page-apacard section.diamond-card table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 50px;
}

.page-container.page-apacard section.diamond-card th {
  padding: 20px 0;
  border: 1px #707070 solid;
  font-weight: normal;
  width: 33.33%;
}

.page-container.page-apacard section.diamond-card th:nth-child(2) {
  background: #eee;
}

.page-container.page-apacard section.diamond-card th:nth-child(3) {
  background: #947f28;
  color: #fff;
}

.page-container.page-apacard section.diamond-card td {
  padding: 20px 0;
  border: 1px #707070 solid;
  text-align: center;
}

.page-container.page-apacard section.diamond-card td:nth-child(2) {
  font-size: 18px;
}

.page-container.page-apacard section.diamond-card td:nth-child(2) span {
  font-size: 12px;
}

.page-container.page-apacard section.diamond-card td:nth-child(3) {
  font-size: 18px;
  color: #951a1a;
}

.page-container.page-apacard section.diamond-card td:nth-child(3) span {
  font-size: 12px;
}

.page-container.page-apacard section.diamond-card h6 {
  font-size: 16px;
  color: #666;
  background: #eaeaea;
  padding: 0px 30px;
}

.page-container.page-apacard section.diamond-card p.text {
  margin-top: 0;
}

.page-container.page-apacard section.diamond-card .image {
  padding: 0 8%;
}

.page-container.page-apacard section.diamond-card .image-status {
  width: 740px;
}

.page-container.page-apacard .tile+.bd-box-inner.bg-box-inner {
  padding-bottom: 0;
  margin-top: 50px;
  margin-bottom: 0;
}

.page-container.page-apacard.epos .tile-wrap {
  margin-bottom: 40px;
}

.page-container.page-apacard.epos .btn {
  padding: 0 20%;
  box-sizing: border-box;
}


/* epos */

.page-container.page-apacard.epos .special {
  margin: 0 1px 8px 0;
  background: #f6efd6;
  line-height: 1.7;
  font-size: 117%;
  padding-bottom: 1px;
}

.page-container.page-apacard.epos .special .color_box {
  margin: 0 20px 16px 20px;
  padding: 20px;
  background: #faf8ef;
}

.page-container.page-apacard.epos .special h4 {
  margin: 0 0 15px;
  padding: 0 0 2px 0;
  background: #5b3b35;
  text-align: center;
  font-size: 20px;
  color: #d0af4c;
  font-weight: bold;
}

.page-container.page-apacard.epos .special h4 span {
  display: block;
  padding: 12px 0 8px 0;
  border-bottom: 2px #d0af4c solid;
}

.page-container.page-apacard.epos .color_box h5 {
  border: none;
  margin: 0 0 25px 0!important;
  padding: 0;
}

.page-container.page-apacard.epos .color_box h5 {
  background: url('/assets/img/page-apacard_epos_ttl.jpg') 0 0 repeat;
}

.page-container.page-apacard.epos .color_box h5.img_l {
  background: url('/assets/img/page-apacard_epos_ttl_l.gif') 0 0 repeat;
}

.page-container.page-apacard.epos .color_box h5 img {
  height: 45px;
  width: auto;
  margin: 0 auto;
}

.page-container.page-apacard.epos .color_box h5.img_l img {
  height: 77px;
  width: auto;
}

.page-container.page-apacard.epos .special .color_box h5 span {
  display: none;
}

.page-container.page-apacard.epos .special ul {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}

.page-container.page-apacard.epos .special ul li p {
  margin-bottom: 10px;
}

.page-container.page-apacard.epos .special ul li .note, .page-container.page-apacard.epos .special ul li .note p {
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
}

.page-container.page-apacard.epos .epos_ttl {
  margin: 0 0 16px 0;
  padding: 18px 0;
  border-top: 2px #d0af4c solid;
  border-bottom: 2px #d0af4c solid;
  background: #5b3b35;
  text-align: center;
}

.page-container.page-apacard.epos .epos_ttl .ttl {
  margin: 0 0 6px 0;
  font-size: 20px;
  font-weight: bold;
  color: #d0af4c;
}

.page-container.page-apacard.epos .epos_ttl .txt {
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.page-container.page-apacard.epos .epos_ttl+ul {
  padding: 0 20px 1px 20px;
  box-sizing: border-box;
}

.page-container.page-apacard.epos .epos_ttl+ul li {
  margin-bottom: 15px;
}

.page-container.page-apacard.epos .special .txt_box {
  width: 645px;
  float: left;
}

.page-container.page-apacard.epos .special .img {
  width: 181px;
  margin: 0 0 24px 658px;
  padding: 3px;
  border: 1px solid #ccc;
  background: #fff;
}

.page-container.page-apacard.epos .border {
  border: 1px solid #333;
}

.page-container.page-apacard.epos .special div.note, .page-container.page-apacard.epos .special dl.note {
  margin: 10px 0 0 0;
}

.page-container.page-apacard.epos .special .list07 .txt_box .note dt, .page-container.page-apacard.epos .special .list07 .txt_box .note dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: none;
  font-size: 100%;
  line-height: 1.33;
}

.page-container.page-apacard.epos .special .btn01 {
  width: 300px;
  margin: 16px auto 0 auto;
  font-size: 16px;
}

.page-container.page-apacard.epos .special .btn01 a {
  display: block;
  width: 300px;
  padding: 8px 0 8px 0;
  background: #288849;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.page-container.page-apacard.epos .epotoku {
  margin: 12px 0 28px 0;
  background: #f6efd6;
  line-height: 1.7;
  font-size: 117%;
}

.page-container.page-apacard.epos .epotoku h4 {
  margin: 0 0 24px 0;
  padding: 0 0 0 0;
}

.page-container.page-apacard.epos .epotoku .txt_box {
  padding: 0 30px 24px 30px;
}

.page-container.page-apacard.epos .epotoku .txt_box p {
  float: left;
  width: 731px;
}

.page-container.page-apacard.epos .epotoku .txt_box .img {
  float: none;
  width: 120px;
  margin: 0 0 0 741px;
  padding: 12px 3px 6px 3px;
  line-height: 1.2;
  border: 1px solid #dfdfdf;
  background: #fff;
  font-size: 10px;
}

.page-container.page-apacard.epos .epotoku .txt_box .img img {
  display: block;
  width: 59px;
  margin: 0 auto 10px;
}

.page-container.page-apacard.epos .epotoku .txt_box .btn01 {
  float: none;
  width: 284px;
  margin: 0 auto;
  font-size: 16px;
}

.page-container.page-apacard.epos .epotoku .txt_box .btn01 a {
  display: block;
  padding: 8px 0 9px 0;
  background: #ad7e2b;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.page-container.page-apacard.epos .epovisa {
  margin: 0 2px 0px 0;
  background: #efe9e4;
}

.page-container.page-apacard.epos .epovisa p {
  margin-bottom: 10px;
}

.page-container.page-apacard.epos .epovisa+.note {
  margin: 0;
  line-height: 1.33;
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 86%;
}

@media all and (max-width:1000px) {
  .page-container.page-apacard .bd-box-inner.bg-box-inner {
    margin-top: 40px;
  }
}

@media all and (max-width:920px) {
  .page-container.page-apacard section.accumulate01 .image img._pc {
    width: 100%;
  }
  .page-container.page-apacard section.accumulate02 .image img._pc {
    width: 100%;
  }
  .page-container.page-apacard section.accumulate03 .image img._pc {
    width: 100%;
  }
  .page-container.page-apacard .box-point .btn {
    width: auto;
  }
  .page-container.page-apacard section.diamond-card .image-status {
    width: 100%;
  }
}

@media all and (max-width:800px) {
  .page-container.page-apacard h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
  }
  .page-container.page-apacard.diamond-cardcard h2 {
    text-align: left;
  }
  .page-container.page-apacard h5 {
    font-size: 16px;
  }
  .page-container.page-apacard h5+.text {
    margin: 20px 0 30px 0;
  }
  .page-container.page-apacard h6 {
    font-size: 18px;
    font-weight: bold;
    color: #c7a956;
    min-height: 45px;
    height: 45px;
    line-height: 1;
    padding-left: 55px;
    vertical-align: middle;
    width: 100%;
    display: table-cell;
  }
  .page-container.page-apacard p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .page-container.page-apacard sup {}
  .page-container.page-apacard a:hover, .page-container.page-apacard a:hover img {
    opacity: 1;
  }
  .page-container.page-apacard a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .page-container.page-apacard ._pc {
    display: none!important;
  }
  .page-container.page-apacard ._pc-table {
    display: none!important;
  }
  .page-container.page-apacard ._sp {
    display: block!important;
  }
  .page-container.page-apacard ._sp-table {
    display: table!important;
  }
  .page-container.page-apacard p.lead {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .page-container.page-apacard .note {
    font-size: 11px;
    margin-bottom: 30px;
  }
  .page-container.page-apacard .tile-wrap {
    margin-bottom: 25px;
  }
  .page-container.page-apacard .bd-box-inner.bg-box-inner {
    max-width: 100%;
    padding-bottom: 10px;
  }
  .page-container.page-apacard .bd-box-inner.bg-box-inner.accumulate {
    padding-bottom: 40px;
  }
  .page-container.page-apacard .cta-4, .page-container.page-apacard .cta-42 {
    text-align: center;
  }
  .page-container.page-apacard .cta-4 a, .page-container.page-apacard .cta-42 a {
    padding: 12px;
    font-size: 16px;
    min-width: inherit;
  }
  .page-container.page-apacard .cta-4 a {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .page-container.page-apacard .cta-42 a {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
  }
  .page-container.page-apacard .cta-4 a:nth-child(1) {
    float: none;
  }
  .page-container.page-apacard .cta-4 a:nth-child(2) {
    float: none;
  }
  .page-container.page-apacard .tile-inner {
    padding: 10px 3% 0px 3%;
  }
  .page-container.page-apacard .bd-box-inner.bg-box-inner.nav-merit {
    display: none;
  }
  .page-container.page-apacard+.nav-merit-sp {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .page-container.page-apacard+.nav-merit-sp li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px #ccc solid;
  }
  .page-container.page-apacard+.nav-merit-sp li a {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: #fff;
    text-decoration: none;
  }
  .page-container.page-apacard.accumulate .tile-inner, .page-container.page-apacard.use .tile-inner, .page-container.page-apacard.diamond-card .tile-inner {
    padding: 20px 3% 20px 3%;
  }
  .page-container.page-apacard .col-2 {}
  .page-container.page-apacard .col-2 .text {
    width: 100%;
    float: none;
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .page-container.page-apacard .col-2 .image {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 30px;
  }
  .page-container.page-apacard ul.nav {
    line-height: 1;
    font-size: 0;
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
  }
  .page-container.page-apacard ul.nav li {
    margin: 0 2% 20px 2%;
    display: inline-block;
    width: 36%;
  }
  .page-container.page-apacard ul.nav li:nth-child(2n-1) {
    margin: 0 2% 20px 12%;
  }
  .page-container.page-apacard ul.nav li:nth-child(2n) {
    margin: 0 12% 20px 2%;
  }
  .page-container.page-apacard ul.nav li img {
    width: 100%;
  }
  .page-container.page-apacard .box-point {
    border: 2px #951a1a solid;
    box-sizing: border-box;
    padding: 30px 10px 20px 10px;
    margin-bottom: 20px;
    position: relative;
  }
  .page-container.page-apacard .box-point .catch {
    position: absolute;
    top: -18px;
    left: 0px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
  }
  .page-container.page-apacard .box-point .catch img {
    max-width: 375px;
    margin: 0 auto;
  }
  .page-container.page-apacard .box-point .image {
    margin: 0 0 20px 0;
  }
  .page-container.page-apacard .box-point .btn {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  .page-container.page-apacard .box-point-cash p, .page-container.page-apacard .box-point-item p {
    margin: 0;
  }
  .page-container.page-apacard .box-point-cash .title {
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    color: #951a1a;
    display: table-cell;
    padding-left: 90px;
    height: 70px;
    vertical-align: middle;
  }
  .page-container.page-apacard .box-point-item .title {
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    color: #951a1a;
    display: table-cell;
    padding-left: 90px;
    height: 70px;
    vertical-align: middle;
  }
  .page-container.page-apacard .box-point-cash .title br {
    display: inline-block;
  }
  .page-container.page-apacard .box-point-cash .title+p {
    margin-top: 20px;
  }
  .page-container.page-apacard .box-point-item .title+p {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .page-container.page-apacard .box-point-cash {
    background: url('/assets/img/page-apacard-merit_icon_cash.png') #f6f1f1 15px 20px no-repeat;
    background-size: 66px 60px;
    border: 1px #951a1a solid;
    border-top: 4px #951a1a solid;
    box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    margin-bottom: 30px;
    position: relative;
  }
  .page-container.page-apacard .box-point-item {
    background: url('/assets/img/page-apacard-merit_icon_item.png') #f6f1f1 25px 15px no-repeat;
    background-size: 45px 56px;
    border: 1px #951a1a solid;
    border-top: 4px #951a1a solid;
    box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    margin-bottom: 30px;
    position: relative;
  }
  .page-container.page-apacard .box-point-item p {
    width: 100%;
  }
  .page-container.page-apacard .box-point-item .cta-4 {
    position: relative;
    top: 0;
    right: 0px;
    width: 100%;
  }
  .page-container.page-apacard .box-point-item .cta-4 a {
    width: 100%;
    min-width: inherit;
    margin: 0!important;
  }
  .page-container.page-apacard section {
    margin-bottom: 50px;
  }
  .page-container.page-apacard section .cta-4 a {
    width: 100%;
    min-width: inherit;
    float: none!important;
    margin-bottom: 13px;
    margin-right: 0px;
  }
  .page-container.page-apacard section .cta-4 a:nth-child(1) {
    font-size: 14px;
  }
  .page-container.page-apacard section .cta-4 a:nth-last-child(1) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .page-container.page-apacard section .title {
    font-size: 16px;
    font-weight: bold;
    color: #a87676;
    margin-bottom: 20px;
  }
  .page-container.page-apacard section.accumulate01 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate01.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.accumulate01 .image img._pc {
    width: 624px;
  }
  .page-container.page-apacard section.accumulate02 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate02.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.accumulate02 .image img._pc {
    width: 724px;
  }
  .page-container.page-apacard section.accumulate03 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate03.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.accumulate03 h6 sup {
    vertical-align: bottom;
  }
  .page-container.page-apacard section.accumulate03 .image img._pc {
    width: 799px;
  }
  .page-container.page-apacard section.accumulate04 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate04.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.accumulate04 table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .page-container.page-apacard section.accumulate04 th {
    font-size: 16px;
    line-height: 1.2;
    padding: 5px 5px;
    box-sizing: border-box;
    background: #e8e8e8;
    border: 1px #707070 solid;
    border-bottom: 1px #fff solid;
    text-align: center;
    width: 20%;
  }
  .page-container.page-apacard section.accumulate04 tr:nth-child(1) th {
    border-bottom: 1px #fff solid;
    height: auto;
  }
  .page-container.page-apacard section.accumulate04 tr td:nth-child(1) {
    text-align: left;
  }
  .page-container.page-apacard section.accumulate04 tr td:nth-child(2) {
    text-align: center;
  }
  .page-container.page-apacard section.accumulate04 tr:nth-child(3) td:nth-child(2) {
    text-align: center;
  }
  .page-container.page-apacard section.accumulate04 td {
    font-size: 12px;
    padding: 5px 5px;
    box-sizing: border-box;
    background: #fff;
    border: 1px #707070 solid;
    text-align: center;
  }
  .page-container.page-apacard section.accumulate05 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate05.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.accumulate05 table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
  }
  .page-container.page-apacard section.accumulate05 th {
    font-size: 12px;
    line-height: 1.2;
    padding: 0 10px;
    box-sizing: border-box;
    background: #e8e8e8;
    border: 1px #707070 solid;
    border-right: none;
    text-align: left;
  }
  .page-container.page-apacard section.accumulate05 th.em1 {
    width: 1em;
    font-size: 11px;
    line-height: 1;
    padding: 5px;
  }
  .page-container.page-apacard section.accumulate05 td {
    font-size: 12px;
    padding: 10px 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px #707070 solid;
    border-left: none;
  }
  .page-container.page-apacard section.accumulate05 td span.note {
    font-size: 10px;
    line-height: 1.4;
    display: block;
    margin-top: 0px;
    margin-bottom: 0;
  }
  .page-container.page-apacard section.accumulate05 .cta-4 a {
    font-size: 14px;
  }
  .page-container.page-apacard section.accumulate06 h6 {
    background: url('/assets/img/page-apacard-merit_accumulate06.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  /*==追加　2/2　▼==*/
  .page-container.page-apacard .tile-member ._sp.one {
    margin-bottom: 10px;
  }
  .page-container.page-apacard .box-bestprice p.image {
    width: 100%
  }
  .page-container.page-apacard .box-bestprice p.image {
    width: 100%
  }
  /*==追加　2/2　▲==*/
  .page-container.page-apacard section.use01 h6 {
    background: url('/assets/img/page-apacard-merit_use01.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.use01 .col-2 .text {
    width: 100%;
    margin-bottom: 10px;
  }
  .page-container.page-apacard section.use01 .col-2 .image {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 15%;
    box-sizing: border-box;
  }
  .page-container.page-apacard section.use02 {
    margin-bottom: 0px;
  }
  .page-container.page-apacard section.use02 h6 {
    background: url('/assets/img/page-apacard-merit_use02.png') 0 50% no-repeat;
    background-size: 45px 45px;
  }
  .page-container.page-apacard section.use02 .title-list {
    font-size: 16px;
    font-weight: bold;
    color: #a87676;
    margin-bottom: 10px;
  }
  .page-container.page-apacard section.use02 table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
  }
  .page-container.page-apacard section.use02 th {
    font-size: 11px;
    line-height: 1.2;
    padding: 15px 5px;
    box-sizing: border-box;
    background: #eee;
    border: 1px #707070 solid;
    border-bottom: 1px #fff solid;
    border-right: none;
    text-align: left;
  }
  .page-container.page-apacard section.use02 tbody tr:nth-last-child(1) th {
    border-bottom: 1px #707070 solid;
  }
  .page-container.page-apacard section.use02 td {
    font-size: 10px;
    padding: 10px 5px;
    box-sizing: border-box;
    background: #fff;
    border: 1px #707070 solid;
    border-left: none;
    text-align: center;
  }
  .page-container.page-apacard section.use02 thead td {
    color: #a87676;
    font-size: 11px;
  }
  .page-container.page-apacard section.use02 tbody tr:nth-last-child(1) td {
    text-align: left;
    padding: 5px 10px 5px 10px;
  }
  .page-container.page-apacard section.use02 .col-2 tr:nth-child(2n) td {
    border: none;
    border-bottom: 1px #951a1a solid;
    padding: 5px 10px 10px 10px;
  }
  .page-container.page-apacard section.use02 .col-2 tr:nth-last-child(1) td {
    padding: 5px 10px 20px 10px;
  }
  .page-container.page-apacard section.use02 .col-2 .text {
    width: 100%;
    margin-bottom: 10px;
  }
  .page-container.page-apacard section.use02 .col-2 .image {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10%;
    box-sizing: border-box;
  }
  .page-container.page-apacard section.use02 .col-2 .text table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 2px #951a1a solid;
  }
  .page-container.page-apacard section.use02 .col-2 .text th {
    width: 20%;
    font-size: 18px;
    line-height: 1.2;
    padding: 9px 10px 10px 10px;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    vertical-align: top;
  }
  .page-container.page-apacard section.use02 .col-2 .text th span {
    position: relative;
    width: 100%;
    display: block;
  }
  .page-container.page-apacard section.use02 .col-2 .text th span span {
    background: url('/assets/img/page-apacard-merit_use_arrow.png') 0 50% no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 110%;
    top: 4px;
    z-index: +1;
  }
  .page-container.page-apacard section.use02 .col-2 .text td {
    width: 80%;
    font-size: 16px;
    padding: 10px 10px 12px 20px;
    box-sizing: border-box;
    background: none;
    text-align: left;
    border-top: 1px #951a1a solid;
  }
  .page-container.page-apacard section.use02 .col-2 .title {
    display: block;
    line-height: 1.2;
    margin-bottom: 0px;
  }
  .page-container.page-apacard section.use02 .score {
    font-size: 12px;
    display: block;
  }
  .page-container.page-apacard section.use02 .title span {
    display: block;
    font-size: 12px;
    line-height: 1;
  }
  .page-container.page-apacard section.use02 .btn, .page-container.page-apacard section.use02 .btn_blue {
    display: block;
    margin-top: 5px;
  }
  .page-container.page-apacard section.use02 .btn a, .page-container.page-apacard section.use02 .btn_blue a {
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    display: block;
  }
  .page-container.page-apacard section.use02 .btn_blue .font-eb {
    font-size: 16px;
  }
  .page-container.page-apacard section.use02 .btn a {
    font-size: 16px;
    background: #951a1a;
    padding: 10px 0px;
  }
  .page-container.page-apacard section.use02 .btn_blue a {
    font-size: 14px;
    background: #3e4884;
    padding: 10px 0px;
  }
  .page-container.page-apacard section.use02 .note {
    text-align: right;
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 0px;
  }
  .page-container.page-apacard section.year3 {
    margin-bottom: 20px;
  }
  .page-container.page-apacard section.year3 .image {
    width: 100%;
    margin: 0 auto;
  }
  .page-container.page-apacard section.checkin {
    margin-bottom: 0px;
  }
  .page-container.page-apacard section.checkin .text {
    margin-bottom: 20px;
  }
  .page-container.page-apacard section.descount {
    margin-bottom: 0px;
  }
  .page-container.page-apacard section.descount p {
    margin-bottom: 40px;
  }
  .page-container.page-apacard section.descount .box-point {
    padding: 30px 10px 15px 10px;
    margin: 50px 0 20px 0;
  }
  .page-container.page-apacard section.descount .box-point .catch {
    position: absolute;
    top: -18px;
    left: 0px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
  }
  .page-container.page-apacard section.descount .box-point .catch img {}
  .page-container.page-apacard section.descount .box-point .title {
    font-size: 16px;
    color: #951a1a;
    margin: 0 0 15px 0;
  }
  .page-container.page-apacard section.descount .box-point .text {
    float: none;
    width: 100%;
    margin: 0;
  }
  .page-container.page-apacard section.descount .box-point .image {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
  }
  .page-container.page-apacard section.descount .title-list {
    font-size: 12px;
    margin-bottom: 0;
  }
  .page-container.page-apacard section.descount ul, .page-container.page-apacard section.descount ol {
    font-size: 12px;
    margin: 5px 0 30px 0;
    padding: 0 0 0 20px;
  }
  .page-container.page-apacard section.diamond-card {
    margin-bottom: 0;
  }
  .page-container.page-apacard section.diamond-card table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
    font-size: 12px;
    margin-bottom: 30px;
  }
  .page-container.page-apacard section.diamond-card th {
    padding: 10px 5px;
    border: 1px #707070 solid;
    font-weight: normal;
    width: 33.33%;
  }
  .page-container.page-apacard section.diamond-card th:nth-child(2) {
    background: #eee;
  }
  .page-container.page-apacard section.diamond-card th:nth-child(3) {
    background: #947f28;
    color: #fff;
  }
  .page-container.page-apacard section.diamond-card td {
    padding: 10px 5px;
    border: 1px #707070 solid;
    text-align: center;
  }
  .page-container.page-apacard section.diamond-card td:nth-child(2) {
    font-size: 12px;
  }
  .page-container.page-apacard section.diamond-card td:nth-child(2) span {
    font-size: 12px;
  }
  .page-container.page-apacard section.diamond-card td:nth-child(3) {
    font-size: 12px;
    color: #951a1a;
  }
  .page-container.page-apacard section.diamond-card td:nth-child(3) span {
    font-size: 12px;
  }
  .page-container.page-apacard section.diamond-card h6 {
    font-size: 16px;
    color: #666;
    background: #eaeaea;
    margin-top: 20px;
    padding: 12px 10px 12px 10px;
    display: block;
    min-height: inherit;
    height: auto;
  }
  .page-container.page-apacard section.diamond-card h6+.col-2 .text {
    margin-top: 0;
    font-size: 13px;
  }
  .page-container.page-apacard section.diamond-card p {
    font-size: 13px;
  }
  .page-container.page-apacard section.diamond-card h5+p {
    font-size: 14px;
  }
  .page-container.page-apacard section.diamond-card .none-end {
    margin-bottom: 40px;
  }
  .page-container.page-apacard section.diamond-card .image-status {
    width: 100%;
  }
  .page-container.page-apacard .tile+.bd-box-inner.bg-box-inner {
    padding-bottom: 0;
    margin-top: 40px;
    margin-bottom: 0;
  }
  .page-container.page-apacard .tile+.bd-box-inner.bg-box-inner .cta-4 a:nth-child(2) {
    margin-bottom: 0;
  }
  /* epos */
  .page-container.page-apacard.epos .tile-wrap {
    margin-bottom: 20px;
  }
  .page-container.page-apacard.epos .btn {
    padding: 0;
    max-width: 427px;
    margin: 0 auto;
  }
  .page-container.page-apacard.epos .special {
    margin: 0 1px 8px 0;
    background: #f6efd6;
    line-height: 1.7;
    font-size: 117%;
  }
  .page-container.page-apacard.epos .special h4 {
    font-size: 16px;
  }
  .page-container.page-apacard.epos .special span {
    padding: 12px 0 8px 0;
  }
  .page-container.page-apacard.epos .special .color_box {
    margin: 12px 6px;
    padding: 0 0 12px 0;
    background: #faf8ef;
  }
  .page-container.page-apacard.epos .special .color_box h5 {
    margin: 0 0 8px 0!important;
  }
  .page-container.page-apacard.epos .special .color_box h5 img {
    display: none;
  }
  .page-container.page-apacard.epos .special .color_box h5 span {
    display: block;
    width: auto;
    margin: 0;
    padding: 5px 1em;
    background: #b61a34;
    line-height: 1.5;
    font-size: 14px;
    color: #fff;
  }
  .page-container.page-apacard.epos .border {
    border: none;
    padding: 0!important;
  }
  .page-container.page-apacard.epos h5+ul li p {
    margin-top: 0;
  }
  .page-container.page-apacard.epos .special ul {
    padding: 0 12px 23px 12px;
    margin-bottom: 0;
  }
  .page-container.page-apacard.epos .special ul li .note, .page-container.page-apacard.epos .special ul li .note p {
    margin: 0;
    padding: 0 0 0 0em;
    text-indent: -0em;
  }
  .page-container.page-apacard.epos .special ul .list03 .note {
    line-height: 1.33;
    margin: 0 0 8px 0;
    font-size: 12px;
    line-height: 1.7;
  }
  .page-container.page-apacard.epos .special ul .list03 .note p, .page-container.page-apacard.epos .special ul .list04 .note p {
    margin: 0;
    font-size: 12px;
  }
  .page-container.page-apacard.epos .special ul .list07 .note p {
    margin: 0;
    font-size: 12px;
  }
  .page-container.page-apacard.epos .special ul .list07 .note p:nth-child(2) {
    margin: 0 0 10px 0;
  }
  .page-container.page-apacard.epos .special ul .list07 .note p:nth-child(5) {
    margin: 0 0 20px 0;
  }
  .page-container.page-apacard.epos .epos_ttl {
    margin: 0 0 16px 0;
    padding: 18px 6%;
    border-top: 2px #d0af4c solid;
    border-bottom: 2px #d0af4c solid;
    background: #5b3b35;
    text-align: center;
  }
  .page-container.page-apacard.epos .epos_ttl .ttl {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: bold;
    color: #d0af4c;
  }
  .page-container.page-apacard.epos .epos_ttl .txt {
    font-size: 14px;
    color: #fff;
  }
  .page-container.page-apacard.epos .epos_ttl+ul {
    padding: 0 6px 1px 6px;
    margin: 0 0 10px 0;
  }
  .page-container.page-apacard.epos .epos_ttl+ul li {
    margin-bottom: 6px;
  }
  .page-container.page-apacard.epos .special .txt_box {
    width: 100%;
    float: none;
  }
  .page-container.page-apacard.epos .special .img {
    width: 100%;
    margin: 20px auto 20px auto;
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
  }
  .page-container.page-apacard.epos .special ul a {
    font-size: 12px;
  }
  .page-container.page-apacard.epos .special .btn01 {
    width: 100%;
  }
  .page-container.page-apacard.epos .special .btn01 a {
    width: 100%;
    margin: 0 auto;
  }
  .page-container.page-apacard.epos .epotoku h4 {
    margin-bottom: 10px;
  }
  .page-container.page-apacard.epos .epotoku .txt_box {
    padding: 0 6px 24px 6px;
  }
  .page-container.page-apacard.epos .epotoku .txt_box p {
    width: 100%;
    margin: 0 0 0 0;
    float: none;
  }
  .page-container.page-apacard.epos .epotoku .txt_box .img {
    width: 186px;
    float: none;
    margin: 10px auto 22px auto;
    padding: 12px 4px 10px 4px;
    line-height: 1.2;
    border: 1px solid #dfdfdf;
    background: #fff;
    font-size: 10px;
  }
  .page-container.page-apacard.epos .epotoku .txt_box .btn01 {
    width: 100%;
  }
  .page-container.page-apacard.epos .epotoku .txt_box .btn01 a {
    width: 100%;
    font-size: 14px;
  }
  .page-container.page-apacard.epos .epovisa p {
    margin-bottom: 10px;
  }
  .page-container.page-apacard.epos .epovisa+.note {
    margin-bottom: 10px;
  }
  .page-container.page-apacard.epos .epovisa+.note+.btn {
    padding-bottom: 20px;
  }
}

@media all and (max-width:480px) {
  .page-container.page-apacard section.descount .box-point .catch, .page-container.page-apacard .box-point .catch {
    top: -16px;
  }
}

@media all and (max-width:400px) {
  .page-container.page-apacard section.descount .box-point .catch, .page-container.page-apacard .box-point .catch {
    top: -14px;
  }
}

@media all and (max-width:360px) {
  .page-container.page-apacard section.descount .box-point .catch, .page-container.page-apacard .box-point .catch {
    top: -12px;
  }
}

@media all and (max-width:320px) {
  .page-container.page-apacard section.descount .box-point .catch, .page-container.page-apacard .box-point .catch {
    top: -10px;
  }
}


header{
  background-color:#000;
  padding:10px 0;
  color:#fff;
}
#header--inner{
  max-width:1000px;
  margin:0 auto;
  text-align:left;
}
#header--inner h1{
  text-align:center;
  padding:10px 0;
  margin: 0;
  line-height: 0;
}
#header--inner h1 img{
  height:70px;
  width:auto;
  display: inline;
}
footer{
  background-color:#000;
  padding:60px 0;
  margin-top:40px;
}
footer p{
  text-align:center;
  color:#fff;
  font-size:0.9em;
}
.fi-input select.w-auto{
	width: auto;
	min-width: 80px;
}
.fi-txt {
	padding: 6px 0 0 8px;
}
.input-tandem-1 .fi-select-ib,
.fi-select-ib {
	display: inline-block;
}
.fi-input input[type="text"].mid,
.fi-input input[type="tel"].mid {
	width: 100px;
}
.error-list {
	color:  #C74D00;
	border: solid 1px #C74D00;
	padding: 15px 20px;
	margin: 15px 0;
}
.form-item .fi-label{
	padding-left: 5px;
}
.form-item.error .fi-label{
	background-color: #FFCCCC;
}
.fi-input-confirm {
	padding: 7px 0 7px 20px;
}
.form-submit {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	max-width: 550px;
	margin:  0 auto;
}

.comp-txt {
	font-size: 18px;
	color: #666;
}

@media screen and (max-width: 740px) {

#header--inner h1 img{
  height:45px;
  width:auto;
}
.comp-txt {
	font-size:  16px;
}
.form-submit > input,
.form-submit > a {
	flex: 0 0 46%;
}
.fi-input input[type="text"].mid,
.fi-input input[type="tel"].mid {
	width: 28%;
}
.fi-input select {
	height: 36px;
}
.fi-item-one-third.fi-item-birth {
	float: none;
	padding-left: 0;
	margin-bottom: 10px;
	overflow: hidden;
}
.fi-txt {
  padding: 10px 0 0 8px;
}

}