/* MYPAGE COMMON
-----------------------------------------------*/
.wrap {
	max-width: 1360px;
}
.widget-page .main-contents {
	width: 64%;
}
.widget {
	width: 36%;
	max-width: 400px;
}
.wait-modal {
	display: none;
	position: fixed;
	z-index: 121;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
.wait-modal-content {
	display: none;
	width: 700px;
	margin: 0;
	padding: 25px;
	background-color: white;
	color: #666666;
	position:absolute;
	z-index: 103;
	font-size: 15px;
	text-align: left;
}

@media all and (max-width:1300px){
	.widget-page .main-contents {
	width: 65%;
	}
	.widget {
	width: 32%;
	}
}

@media screen and (max-width:800px){
	.widget-page .main-contents {
	width: 100%;
	}
	.wait-modal-content {
	width: 90%;
	height: auto;
	padding: 30px 20px;
	}
}

/* MYPAGE NAV
-----------------------------------------------*/
.mypage-nav {
	margin: auto;
	width: 94%;
	max-width: 1360px;
}
.mypage-nav .mypage-nav__list {
	display: table;
	text-align: center;
	width: 100%;
}
.mypage-nav .mypage-nav__list a {
	text-decoration: none;
	display: table-cell;
	color: #fff;
	background-color: #C7A956;
	padding: 15px 10px;
}
.mypage-nav .mypage-nav__list a:hover,
.mypage-nav .mypage-nav__list a.selected {
	color: #fff;
	background-color: #947e29;
}
.mypage-nav-info {
	display: flex;
	justify-content: flex-end;
}
.mypage-nav-info a {
	color: #000;
	margin: 20px 0 20px 30px;
	text-decoration: none;
}
.mypage-nav-info a:hover {
	opacity: .6;
}
.mypage-nav-info__icon {
	padding-right: 5px;
	color: #A0A5AB;
	font-size: 18px;
}

@media (min-width:801px) and (max-width:1024px){
	/* mypage common
	-----------------------------------------------*/
	/* mypage nav */
	.mypage-nav .mypage-nav__list {
		table-layout: fixed;
	}
	.mypage-nav .mypage-nav__list a {
		vertical-align: middle;
		padding: 15px 0;
	}
	.mypage-nav .mypage-nav__list a.selected {
		display: table-cell;
		vertical-align: middle;
	}
}

@media all and (max-width:800px){
	/* mypage common
	-----------------------------------------------*/
	/* mypage nav */
	.mypage-nav .mypage-nav__list.view--pc {
		display: none;
	}
}

@media (max-width: 480px){
	/* mypage common
	-----------------------------------------------*/
	/* mypage nav */
	.mypage-nav-info a {
		margin: 20px 0 20px 10px;
	}
}

@media all and (max-width:320px){
	/* mypage common
	-----------------------------------------------*/
	/* mypage nav */
	.mypage-nav-info a {
		margin: 20px 0 20px 10px;
		font-size: 12px;
	}
	.mypage-nav-info__icon {
		font-size: 16px;
	}
}

/* MYPAGE COUPON
-----------------------------------------------*/
.coupon-top-item-box {
	padding: 20px 20px 0;
	box-sizing: border-box;
}
.coupon-top-item-box.not-coupon {
	padding: 20px;
}
.coupon-top-items {
	float: left;
	width: 47.5%;
	margin-bottom: 80px;
}
.coupon-top-items:nth-child(odd) { margin-right: 5%; }
.coupon-top-items:last-child { margin-bottom: 0; }
.coupon-top-items .coupon-title {
	margin: 6px 0;
	font-weight: normal;
	color: #C7A956;
	font-size: 18px;
	line-height: 1.5;
}
.coupon-top-items p {
	margin: 0;
	font-size: 14px;
}
.coupon-top-items .lb-detail-title,
.coupon-top-items .lb-detail-text { display: table-cell; }
.coupon-top-items .lb-detail-title { width: 90px; }
.img-coupon-box,
.img-coupon-wrap { position: relative; }
.img-coupon-box:after {
	position: absolute;
	display: block;
	content:"";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
.img-coupon {
	width: 100%;
	margin-bottom: 20px;
}
.coupon-top-items p.img-coupon-txt {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	text-shadow: 2px 2px 2px #2f2f2f;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #e0e0e0;
	margin-top: -18px;
}
.coupon-top-item-box .coupon-btn {
	display: block;
	width: 180px;
	margin: 20px auto 0px;
}
.modal-show .modal-active.mycoupon-modal {
	margin: 100px auto;
	width: 360px;
	padding: 50px 30px;
	text-align: center;
}
.mycoupon-modal .modal-close { top: -50px; }
#mdl-mycoupon input[type="text"] {
	width: 200px;
	padding: 7px;
	font-size: 15px;
	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 #dcdcdc;
	background-color: transparent;
	border-radius: 0px;
	line-height: 20px;
}
#mycoupon-submit {
	background-color: #FFB71E;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 15px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 17px;
	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: 200px;
	display: block;
	margin: 20px auto 0;
}

@media all and (max-width:600px){
	.coupon-top-items {
		float: none;
		width: 100%;
		margin-bottom: 80px;
	}
	.coupon-top-items:nth-child(odd) { margin-right: 0; }
	.img-coupon {
		width: 100%;
		margin-bottom: 10px;
	}
	.coupon-top-items p.img-coupon-txt {
		font-size: 22px;
		margin-top: -14px;
	}
}

@media all and (max-width:450px){
	.modal-show .modal-active.mycoupon-modal { width: 80%; }
}

/* MYPAGE RESEVATION LIST
-----------------------------------------------*/
.receipt-note { margin-bottom: 0; }
.booking_list_title { color: #C7A956; }
.booking_list_title > span { padding-right: 10px; }
.booking_list_title a { text-decoration: none; }
.booking_list_table_title { width: 66px; }
.booking_list_table_txt { width: 220px; }
.list-wrap-mypagetop .booking_list_table_txt { width: 240px; }
#reserve-prev,
#reserve-next {
	color: #C7A956;
	cursor: pointer;
}
#reserve-prev,
#reserve-tile .checkin,
#reserve-tile .un-checkin,
#reserve-tile .page {
	display: none;
}
.list-wrap .list-col2:last-child {
	margin-bottom: 20px;
	border-bottom: solid 1px #dcdcdc;
}

/* new widget */
.searchform-widget.pc {
	padding: 20px;
	background: #f4f4f4;
	font-size: 16px;
}
.searchform-widget.pc .widget-item {
	margin: 0 0 10px;
}
.searchform-widget.pc.widgetjp .widget-item {
	width: 100%;
	margin-bottom: 6px;
	position: relative;
}
.searchform-widget.pc.widgetjp .widget-item__input input[type="text"],
.searchform-widget.pc.widgetjp .widget-item__inner select {
	border: solid 1px #dddddd;
	width: 100%;
	color: #000;
	border-radius: 5px;
	font-size: 15px;
}
.searchform-widget .widget-item--night,
.searchform-widget .widget-item--room,
.searchform-widget .widget-item--people .people-adult,
.searchform-widget .widget-item--people .people-children,
.searchform-widget .people-children__wrap .widget-item--children,
.searchform-widget .people-children__wrap .widget-item--children,
.searchform-widget .widget-item--breakfast,
.searchform-widget .widget-item--spa {
	width: 48%;
}
.searchform-widget .widgetjp .widget-item--night,
.searchform-widget .widgetjp .widget-item--room,
.searchform-widget .widgetjp .widget-item--people .people-adult,
.searchform-widget .widgetjp .widget-item--people .people-children,
.searchform-widget .widgetjp .people-children__wrap .widget-item--children,
.searchform-widget .widgetjp .people-children__wrap .widget-item--children,
.searchform-widget .widgetjp .widget-item--breakfast,
.searchform-widget .widgetjp .widget-item--spa {
	width: 100%;
}

.searchform-widget--monthly .widget-item--room {
	width: 100%;
}
.searchform-widget .people-children__wrap .people-children__title {
	display: block;
	margin: 14px 0 8px;
	padding: 2px 0;
	background: #dcdcdc;
	text-align: center;
}
.searchform-widget .search-submit-wrap,
.search-submit-wrap button {
	float: none;
}
.searchform-widget .search-submit-wrap {
	padding: 20px 0 0;
}
.search-submit-wrap button {
	width: 100%;
	margin: 0;
}
.widgetjp .widget-item__titl {
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 10px;
	z-index: 1;
}
.p-guestLsvBtn {
	margin: 0 0 30px;
}

@media all and (max-width:1000px){
	.myp-reserve-list .fl-left { float: left; }
	.myp-reserve-list .fl-right { float: right; }
}
@media all and (max-width:1060px){
	.searchform-widget .widget-item--night,
	.searchform-widget .widget-item--room,
	.searchform-widget .people-children__wrap .widget-item--children,
	.searchform-widget .people-children__wrap .widget-item--children {
		width: 100%;
	}
}

@media all and (max-width:800px){
	#reserve-tile .fl-left {
		float: left;
	}
	#reserve-tile .fl-right {
		float: right;
	}
	#reserve-tile .fl-left h2 {
		font-size: 18px;
		margin-top: 6px;
	}
	#reserve-tile .fl-left h2 {
	
	}
	.contents-bar.pd-style {
		text-align: center;
	}
	#reserve-prev {
		padding-left: 20px;
	}
	#reserve-next {
		padding-right: 20px;
	}
}

@media all and (max-width:600px){
	.list-wrap .booking_list_wrap { padding: 0; }
	.booking_list_table_last { border-bottom: 1px solid #e2e3e4; }
}

/* MYPAGE DATE
-----------------------------------------------*/
ul.mydatatab {
	width: 100%;
	display: table;
	border-radius: 3px;
	margin: 15px 0;
	padding: 0;
	border: 1px solid #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);
}
ul.mydatatab li {
	width: 18%;
	height: 52px;
	display: table-cell;
	line-height: 52px;
	table-layout: fixed;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #f4f4f4;
}
ul.mydatatab li:last-child { border-right: none; }
ul.mydatatab li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background: #FFF;
	color: #000;
}
ul.mydatatab li a:hover {
	background: #8E8E8E;
	color: #FFF;
}
.progress-list {
	padding: 20px;
	background: #fff;
}
.progress-bar {
	color: #947F28;
	position: relative;
	font-size: 12px;
}
.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;
}
.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: 20px;
	color: #fff;
	text-align: center;
}
.diamond .diamond-title span { font-size: 15px; }
.diamond .note {
	margin: 0 20px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ACACAC;
}
.table-sns {
	max-width: 550px;
	margin: auto;
}
.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 { padding: 15px 0; }
.table-sns th {
	font-weight: normal;
	font-size: 17px;
	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: 17px;
	-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-apple {
	background-color: #fff;
	border: solid 1px #000;
	color: #000;
	padding-left: 30px;
}
.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;
}
.sns-link-btn a.sns-link-btn-apple:before {
	background-image: url(/assets/img/logo-icon-apple.png);
	background-color: #fff;
	width: 31px;
	height: 44px;
	left: 22px;
}
.fi-input #zipbtn {
	margin: 0 0 0 8px;
	display: inline-block;
	width: 96px;
	padding: 4px;
	background: #FFB71E;
}
.fi-input span.birthday-confirmation {
	margin: 0;
	padding: 7px;
	color: #333;
	background: #eeeeee;
	border-radius: 3px;
}
.modal-wrap.delmenber { padding: 30px 30px 70px 30px;}
.delmenber .modal-col .modal-close { top: -60px; }
.delmenber .modal-col { text-align: center; }
.delmenber .modal-col .check-del-message {
	font-weight: 700;
	font-size: 28px;
}
.delmenber .modal-col .check-del-txt ,.delmenber .modal-col .lbl_cancel_check{
	font-size:20px;
}
.delmenber .modal-col .note.red {
	color: #BA5555;
	font-size: 18px;
}
.delmenber .modal-col .icon-delcheck {
	width: 70px;
	height: 70px;
	display: block;
	margin: 37px auto;
}
.fi-input > a.sms-link {
	margin-top: 6px;
	text-decoration: underline;
}
.membercngs {
	text-align: center;
}
.membercngs .table-4 {
	width: 100%;
	margin: auto;
	max-width: 400px;
}

@media all and (max-width:800px){
	.progress-list { margin: 0 -20px; }
	.diamond {
		background-image: url(/assets/img/diamond-tb-bg@2x.jpg);
		background-position: top center;
	}
	.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-input #zipbtn {
		margin: 0 0 0 8px !important;
		width: 96px !important;
		padding: 4px !important;
	}
	.modal-wrap.delmenber {padding: 20px 20px 40px 20px;}
	.delmenber .modal-col .modal-close {
		top: -40px;
		right: -22px;
	}
	.delmenber .modal-col .icon-delcheck {
		width: 60px;
		height: 60px;
		margin: 20px auto;
	}
	.delmenber .modal-col .check-del-message { font-size: 5.765vw; }
	.delmenber .modal-col .check-del-txt, .delmenber .modal-col .lbl_cancel_check {
		font-size: 4.688vw;
		line-height: 1.6;
	}
	.delmenber .modal-col .form-submit { margin: 27px auto; }
	.delmenber .modal-col .note.red { font-size: 4.828vw; }
}

@media all and (max-width:600px){
	ul.mydatatab {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	ul.mydatatab li {
		display: block;
		width: 50%;
		height: auto;
		border-bottom: 1px solid #f4f4f4;
	}
	ul.mydatatab li:nth-of-type(3),
	ul.mydatatab li:nth-of-type(4) { border-bottom: none; }
	.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 td {
		margin: 0 auto;
		border: none;
		padding: 10px 0 20px 0 !important;
	}
}

@media all and (max-width:480px){
	.fi-input #member-address-number01 {
		width: 40%;
	}
	.fi-input #zipbtn {
		margin: 0 0 0 2% !important;
		width: 44% !important;
	}
}

/* MYPAGE FAVORITE
-----------------------------------------------*/
.apaicon-apa-favorite { color: #1E86FF; }
.favorite-release {
	background: none !important;
	border: none !important;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 1.2em;
}
.favorite-release:hover { cursor: pointer; }
.favorite-release:focus { display: none; }

/* MYPAGE STAMPRALLY
-----------------------------------------------*/
#stamprally-page .nav-menu2 {
	width: auto;
	max-width: 100%;
}
#stamprally-page .nav-menu2 ul {
	margin-top: 30px;
	padding: 0;
}
#stamprally-page .nav-menu2 ul li {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	transform: none;
}
#stamprally-page .nav-menu2 ul li a {
	display: block;
	width: auto;
	padding: 10px 40px 10px 0;
	color: #666;
	text-decoration: none;
}
#stamprally-page .nav-menu2 ul li:last-child a { padding: 10px 0px; }
#stamprally-page .nav-menu2 ul li.selected a,
#stamprally-page .nav-menu2 ul li a:hover { color: #C7A956; }
.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: 20px;
	line-height: 5px;
}
.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: 15px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 3px #000000;
}
.benefit-label span {
	font-family: 'EB Garamond';
	font-size: 26px;
	line-height: 19px;
	text-shadow: 0 0 3px #000000;
}
.group-img-list-block {
	border:1px solid #B79292;
	padding: 20px;
	margin: 20px 0px;
	border-radius: 5px;
}
.group-img-list-block h4 {
	font-size: 20px;
	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;
}
.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;
}

@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: 16px !important;
		line-height: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.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: 21px;
		line-height: 10px;
	}
}

@media (576px) and (max-width: 767.98px) {
	.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: 21px;
		line-height: 10px;
	}
}

@media (max-width:576px) {
	.group-img-list-block .it-text {
		padding: 25px 10px 0;
		width: 73%;
	}
	.group-img-list-block h4 {
		font-size: 17px;
		font-weight: bold;
		line-height: 1.2;
		color: #B79292;
	}
	.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 .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-num-1 {
		float: none;
		margin-left: 0px;
	}
	.col-num-2 {
		float: none;
		margin-right: 0px;
	}
}

/* MYPAGE
-----------------------------------------------*/
.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;
}
#email-change-note {
	display: none;
	margin: 20px 0 0;
}
.booking_list_wrap .booking_list-link {
	width: 100%;
	margin: 10px 0 0;
	display: grid;
    grid-template-columns: repeat(auto-fit, 156px);
    gap: 14px 1.4%;
}
.booking_list_wrap .booking_list-link a,
.booking_list_wrap .booking_list-link button,
.booking_list_wrap .booking_list-link a+button,
.booking_list_wrap .booking_list-link button+button {
	/*width: 12.7%;
	min-width: 156px;*/
	width: 100%;
    min-width: 155px;
	height: 55px;
	padding: 10px 10px;
	/*margin-right: 1.4%;*/
	/*margin-bottom: 14px;*/
	margin-bottom: 0;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	/*float: left;*/
}
.booking_list_wrap .booking_list-link button,.booking_list_wrap .booking_list-link button:hover {
	margin-top: 0;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 15px;
}
.booking_list_wrap .booking_list-link a:last-child,
.booking_list_wrap .booking_list-link button:last-child { margin-right: 0; }
.booking_list-link a:hover,.booking_list-link button:hover { opacity: .8; }
.booking_list_image_top {
	width: 40%;
	float: left;
	padding-right: 16px;
	vertical-align: top;
}
.list-wrap-mypagetop .booking_list_image_top {
	width: 26%;
}
.booking_list_image {
	width: 34%;
	float: left;
	padding-right: 16px;
	vertical-align: top;
}
.booking_list_area {
	width: 60%;
	float: left;
	vertical-align: top;
}
.booking_list_table03 { border-top: 1px solid #e2e3e4; }
.booking_list_table03.list_label {
	position: relative;
}
.booking_list_table03.list_label .booking_list_label {
	position: absolute;
	top: 4px;
	right: 0;
	padding: 4px 8px;
	border-radius: 3px;
	background: #e47037;
	color: #fff;
	line-height: 1.2;
}
.booking_list_area .booking_list_table03 .booking_list_table_title { width: 66px; }
.booking_list_area .booking_list_table03 .booking_list_table_txt { width: 294px; }
.booking_list_area .booking_list_table03 {
	font-size: 16px;
	padding: 6px 0;
}
.booking_list_table03 > span {
	display: inline-block;
	letter-spacing: normal;
}
.booking_list_table03:last-child { border-bottom: 1px solid #e2e3e4; }
.guest-booking-form .modal-wrap { max-width: 600px; }
#mdl-load_guest_rsv { padding: 5% 0; }
#mdl-load_guest_rsv .fi-label {
	width: 160px;
}
#mdl-load_guest_rsv .fi-input input,
#mdl-load_guest_rsv .fi-guselect select {
	height: 42px;
	border-radius: 5px;
	box-shadow: #dadada -1px 1px 6px;
	margin-bottom: 12px;
}
#mdl-load_guest_rsv .fi-guselect:after {
	content: "\f107";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	z-index: 1;
	font-size: 22px;
	font-family: 'apaicon';
}
#mdl-load_guest_rsv #bc-email-1 { background-color: #eeeeee; }
#mdl-load_guest_rsv .submit-btn { margin-bottom: 16px; }
#mdl-load_guest_rsv .submit-btn input {
	width: 50%;
	margin:0;
}
#mdl-load_guest_rsv .guest-import-note { margin: 5px 0; }
.p-guestRsvRadio {
	margin: 0;
	vertical-align: middle;
}
#cardRegistTile .fi-credit-date { float: left; }
#cardRegistTile .fi-item-half-left {
	float: left;
	display: block;
}
#cardRegistTile .fi-credit-year .fi-select {
	padding-left: 5px;
}
#cardRegistTile .fi-credit-date .fi-input select { padding: 7px 40px 7px 7px; }
#cardRegistTile .fi-credit-date span {
	float: left;
	display: block;
	vertical-align: middle;
	margin: 6px 10px;
}

@media screen and (max-width:800px){
	#mdl-load_guest_rsv-btn {
		width: 90%!important;
		margin: 5% 5%!important;
	}
	.booking_list_wrap .booking_list-link {
		margin: 0;
		padding: 0;
		grid-template-columns: repeat(auto-fit, 49%);
    	gap: 3% 2%;
		grid-auto-rows: 60px;
		margin: 10px 0 30px;
	}
	.booking_list_wrap .booking_list-link a,
	.booking_list_wrap .booking_list-link a+a,
	.booking_list_wrap .booking_list-link button,
	.booking_list_wrap .booking_list-link a+button,
	.booking_list_wrap .booking_list-link button+button {
		/*width: 48%;*/
		min-width: auto;
		padding: 1% 1%;
		/*margin-right: 2%;
		margin-bottom: 2%;*/
		font-size: 14px;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.booking_list_wrap .booking_list-link button:hover {
		font-size: 14px;
	}
	.booking_list_wrap .booking_list-link a:nth-child(even),.booking_list_wrap .booking_list-link button:nth-child(even) { margin-right: 0; }
	.booking_list_image_top,.booking_list_image,.list-wrap-mypagetop .booking_list_image_top {
		width: 100%;
		padding-right: 0;
	}
	.booking_list_area { width: 100%; }
	.form-submit #confirm_room-btn,
	.form-submit #close-btn {
		width: 100%;
		max-width: 100%;
	}
	#cardRegistTile .form-item-credit .fi-label {
		width: 25%;
	}
}

@media screen and (max-width:600px){
	.booking_list_area .booking_list_table03 { font-size: 14px; }
	.booking_list_table03 > span {
		display: inline;
		border: none;
	}
	#mdl-load_guest_rsv .fi-label { 
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	#mdl-load_guest_rsv .submit-btn input { width: 100%; }
	#mdl-load_guest_rsv .modal-close {
		top: -24px;
		right: -24px;
	}
}

@media all and (max-width:550px){
	.booking_list_table03.list_label {
		padding-top: 34px;
	}
	.booking_list_table03.list_label .booking_list_label {
		top: 6px;
		right: unset;
	}
	#cardRegistTile .fi-credit-month { margin-bottom: 10px; }
	#cardRegistTile .fi-credit-year { clear: both; }
	#cardRegistTile .fi-credit-month .fi-input select { padding: 7px 54px 7px 7px; }
	#cardRegistTile .fi-item-credit .note-2 {
		clear: both;
		padding-top: 5px;
	}
	#cardRegistTile .fi-credit-year .fi-select {
		padding-left: 0;
	}
}

/* MONTHLY
-----------------------------------------------*/
#monthly-nav {
	width: 94%;
	max-width: 1000px;
	margin: 20px auto;
}
#monthly-nav a {
	display: block;
	padding: 18px;
	color: #ec5f0d;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	border: solid 2px #ec5f0d;
}
#monthly-nav a .monthly-arror { margin-left: 16px; }
#monthly-nav a .forsp { display: none; }

@media screen and (max-width: 600px) {
	#monthly-nav a .forsp { display: block; }
}

/* STAMPRALLY
-----------------------------------------------*/
#stamprally-page .c-searchListIconsWrap {
	display: none;
}
.p-stamprally__itemWrap {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #B79292;
	border-radius: 5px;
}
.p-stamprally__item__listArea {
	margin: 0;
	padding: 0;
	list-style: none;
}
.p-stamprally__item__list {
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	border-bottom: solid 1px #dcdcdc;
}
.p-stamprally__item__imgWrap {
	padding: 10px 0;
}
.p-stamprally__item__img {
	width: 30%;
	margin: 0;
}
.p-stamprally__item__imgCaption {
	width: 73%;
	padding: 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #B79292;
}
.p-stamprally__item__imgCaptionMark {
	background: #B79292;
	width: 20px;
	min-width: 20px;
	border-radius: 50%;
	height: 20px;
	text-align: center;
	margin-right: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2;
}
.p-stamprally__item__imgCaptionText__note {
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: normal;
}
.p-noCompleteText {
	margin-top: 20px;
}
.p-digitalstamprally__btn {
	display: block;
	width: 320px;
	height: 58px;
	font-size: 16px;
	line-height: 56px;
	text-align: center;
	margin: 30px auto 50px;
}

@media (max-width:800px) {
	.p-digitalstamprally__btn {
		height: 50px;
		line-height: 50px;
	}
}

@media (max-width:576px) {
	.p-stamprally__item__imgWrap {
		display: block;
	}
	.p-stamprally__item__img,
	.p-stamprally__item__imgCaption {
		width: 100%;
	}
	.p-stamprally__item__imgCaption {
		margin: 15px 0 0;
		font-size: 16px;
	}
	.p-stamprally__item__imgCaptionMark {
		font-size: 14px;
		line-height: 1.4;
	}
	.p-digitalstamprally__btn {
		width: 100%;
	}
}