@charset "utf-8";
/* CSS Document */
/*
============================================================
*	mypage.css
============================================================
*/

/* ログイン後CSS
==========================================================*/

/* サイドバー
----------------------------------------------------------*/
.sideContents{
	margin: 20px 0 0;
}
.sideContents__box{
	background: #fff;
	margin: 20px 0 0;
	border: 1px solid #ccc;
}
.sideContents__box:first-child{
	margin-top: 0;
}
.sideContents__box h2{
	color: #fff;
	padding-left: 35px;
	background: #ca1332 url(../images/common/ui_user_white.png) 13px 14px / 13px no-repeat;
}
.sideContents__box h2 a{
	color: #fff;
}
.sideContents__box h2 a:hover{
	opacity: .6;
}
.sideContents__box h3{
	font-size: 13px;
	font-weight: bold;
	color: #ca1332;
/*	border-bottom: 1px solid #fab9b9;*/
	border-left: 3px solid #ca1332;
	padding: 10px 0 10px 15px;

}
.sideContents__list ul li a{
	display: block;
	color: #555;
	padding: 10px 10px;
	border-bottom: 1px solid #e3e3e3;
	background: url(../images/common/ui_arrow_blue_r.png)  right 10px top 50% / 5px no-repeat;
}
.sideContents__list ul li.current a{
	background-color: #fbf2f2;
}
.sideContents__list ul li a:hover{
	color: #ca1332;
	background-position: right 7px top 50%;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	position: relative;
}
.sideContents__list ul li:last-child a{
	border: none;
}



.sideContents__content{
	padding: 10px;
}
.sideContents__contentLayout__flex{
	display: flex;
	margin: 5px 0;
}
.sideContents__contentLayout__flex p{
	width: 100%;
}
.sideContents__contentLayout__flex p.point{
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	margin-top: -10px;
	color: #f00;
}
.sideContents__contentLayout__flex p.point__lost{
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	margin-top: -10px;
	color: #d6a600;
}
.sideContents__contentLayout__flex p.receivable,.sideContents__contentLayout__flex p.deposit{
	text-align: right;
	font-size: 18px;
	margin-top: -7px;
	color: #000;
}


.mypageTitle{
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
}
.mypageTitle__icon{
	float: left;
	margin: 0 20px 0 0;
}
.mypageTitle__icon img{
	width: 60px;
}
.mypageTitle__companyName{
	overflow: hidden;
	margin: 5px 0 0;
}
.mypageTitle__companyName__jp{
	float: left;
	font-size: 15px;
}
.mypageTitle__companyName__eng{
	float: left;
	font-size: 12px;
	margin: 7px 0 0 10px;
	color: #999;
}
.mypageTitle__name{
	font-size: 30px;
	margin: 5px 0 0;
	line-height: 1;
}



/* メインコンテンツ
----------------------------------------------------------*/
.whiteBox{
	background: #fff;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.15);
	position: relative;
	margin: 0 0 20px;
	padding: 20px;
	box-sizing: border-box;
}
.whiteBox h2{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.attentionBox{
	margin: 20px 0;
}
.attentionBox ul li a{
	display: block;
	color: #555;
	margin: 0 -20px;
	padding: 10px 0 10px 55px;
	border-bottom: 1px solid #e3e3e3;
}
.attentionBox ul li.important a{
	color: #f00;
	font-weight: bold;
	background: #fbf2f2 url(../images/common/ui_attention_red.png) 20px 50% / 16px no-repeat;
}
.attentionBox ul li.mail a{
	font-weight: bold;
	background: url(../images/common/ui_mail_blue.png) 20px 50% / 17px no-repeat;
}
.attentionBox ul li a:hover{
	opacity: .6;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.attentionBox ul li:last-child a{
	border-bottom: none;
}
.whiteBox__table table{
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	font-size: 12px;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
.whiteBox__table table th,.whiteBox__table table td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.whiteBox__table table th{
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	background: #f7f7f7;
}
.whiteBox__table table td{
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.whiteBox__table table a{
	text-decoration: underline;
}
.whiteBox__table table a:hover{
	opacity: .6;
}
.whiteBox__table table tr td.final{
	font-weight: bold;
	color: #f00;
}
.whiteBox__table table tr{
	transition: 0.2s ease-in-out;
}
.whiteBox__table table tr:hover{
	background: #fbf2f2;
}



.cateImportant{
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    background: #c0353b;
    padding: 5px 10px;
    margin: 0px 10px;
    display: inline-block;
    line-height: 1;
    transform: translate(0px,-1px);
    border-radius: 2px;
}
.cateNews{
    color: #555;
    font-size: 11px;
    font-weight: normal;
    background: #ddd;
    padding: 5px 10px;
    margin: 0px 10px;
    display: inline-block;
    line-height: 1;
    transform: translate(0px,-1px);
    border-radius: 2px;
}




/* お気に入りページでの検索フォーム
----------------------------------------------------------*/
.favoriteSearch{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.favoriteSearch__btn{
	margin: 22px 0 0;
}
.favoriteSearch__btn button{
	font-size:14px;
	letter-spacing: 0;
	padding: 10px 20px;
}
.en-US .favoriteSearch__btn button{
	padding: 7px 2px;
}
.stayWrap select{
	-webkit-appearance: none;
	appearance: none;
}
.stayWrap{
	overflow: hidden;
	width: 720px;
}
.stayBox{
	overflow: hidden;
	margin: 0;
	float: left;
	width: 440px;
}
.checkIn__input label{
	color: #555;
	float: left;
	display: block;
}
.checkIn__input input[type="text"]{
	background: #fff;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	display: block;
	font-size: 15px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	margin: 0;
	margin-left: 10px;
	border: none;
	background: #fff url(../images/common/ui_calendar.png) right 10px top 10px / 20px no-repeat;
	width: 140px;
}
#checkin{
	margin-left: 0;
}

.checkIn__pulldown label{
	color: #555;
	float: left;
	display: block;
	margin: 0 0 0 10px;
}
select.checkIn__select{
	background: #fff url(../images/common/ui_pulldown.png) right 10px top 12px / 7px no-repeat;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	display: block;
	font-size: 15px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: none;
	width: 50px;
}


.memberWrap{
	overflow: hidden;
}
.memberBox{
	overflow: hidden;
	float: left;
	margin: 5px 0 0 0;
}
.memberBox:first-child{
	margin: 0 0 0;
}
.member__pulldown{
	float: left;
}
.member__pulldown label{
	color: #555;
	float: left;
	display: block;
	margin: 0 0 0 10px;
}

select.member__select{
	background: #fff url(../images/common/ui_pulldown.png) right 10px top 12px / 7px no-repeat;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	display: block;
	font-size: 15px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: none;
	width: 90px;
}
.memberBox:first-child .member__number{
	display: inline;
	float: left;
	color: #fff;
	margin-top: 35px;
}
.member__number{
	display: inline;
	float: left;
	color: #fff;
	margin-top: 8px;
}
.member__number p{
	color: #aaa;
}

.memberChild__select p{
	margin-bottom: 5px;
}
.memberChild__select{
	font-size: 12px;
	border-bottom: 1px solid #aaa;
	color: #aaa;
	clear: both;
	padding: 10px 0 5px;
	margin: 0 0 10px 50px;
}
.memberChild__select label{
	margin: 0 0 4px 0;
	display: block;
}
select.child__select{
	background: #fff url(../images/common/ui_pulldown.png) right 7px top 7px / 7px no-repeat;
	line-height: 25px;
	height: 28px;
	border-radius: 5px;
	font-size: 15px;
	padding: 0 20px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: none;
}



/* お気に入りページコンテンツ
----------------------------------------------------------*/
.favoriteBtn__wrap{
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.favoriteBtn__left a,.favoriteBtn__right a{
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
}


.favoriteList{
	margin: 0 0 0 10px;
}
.favoriteBox__wrap{
	width: 950px;
	overflow: hidden;
}
.favoriteBox{
	width: 220px;
	float: left;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 5px 0 10px;
	box-sizing: border-box;
	position: relative;
}
.favoriteList__controller{
	z-index: 1;
	position: relative;
}

.favoriteList__controller img{
	width: 60px;
	transition: 0.2s ease-in-out;
}
.favoriteList__controller a:hover img{
	transform: scale(1.2,1.2);
}
.favoriteList__controllerLeft{
	position: absolute;
	top: 100px;
	left: -20px;
}
.favoriteList__controllerRight{
	position: absolute;
	top: 100px;
	right: -5px;
}
.favoriteClose{
	position: absolute;
	top: -3px;
	right: 5px;
}
.favoriteClose img{
	width: 12px;
}
.favoriteClose a:hover{
	opacity: .6;
}
.favoriteArea{
	font-size: 11px;
	text-align: center;
	color: #fff;
	background: #21b1c2;
	padding: 7px 0;
}



.favoritePhoto{
	width: 230px;
	height: auto;
}
.favoritePhoto img{
	width: 230px;
	height: 153px;
	object-fit: cover;
}



.favoriteLead{
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.favoriteLead__nameJpn{
	font-size: 15px;
	color: #000;
	font-weight: bold;
	line-height: 1.3;

}
.favoriteLead__nameEng{
	color: #dd8c9a;
	font-size: 11px;
}
.favoriteLead__star{
	text-align: center;
}
.favoriteLead__star img{
	width: 30px;
}
.favoriteLead__tripAdviser{
	margin: 5px 0;
}

.favoriteBox .full{
	font-weight: bold;
	color: #f00;
	font-size: 20px;
	display: block;
	text-align: center;
	margin: 10px 0;
}

.favoritePlan{
	padding: 25px 10px 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.favoritePlan__close{
	position: absolute;
	right: 5px;
	top: -8px;
}
.favoritePlan__close img{
	width: 12px;
}
.favoritePlan__close a:hover{
	opacity: .6;
}
.favoritePlan__title{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
}
.favoritePlan__price{
	margin: 10px 0;
}
.favoritePlan__price label{
	font-weight: bold;
	font-size: 15px;
	color: #f00;
}
.favoritePlan__price input[type="text"],.favoritePlan__price input[type="tel"]{
	background: #fff;
	line-height: 35px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 17px;
	font-weight: bold;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	width: 130px;
	margin: 0;
}
.favoritePlan__day{
	font-size: 13px;
}
.favoritePlan__btn{
	margin: 10px 0;
	text-align: center;
}
.favoriteItem{
	padding: 5px 10px;
	border-top: 1px solid #ccc;
}
.favoriteItem__label{
	font-size: 11px;
	font-weight: bold;
	color: #999;
}
.favoriteItem__checkmark{
	text-align: center;
}
.favoriteItem__checkmark .empty{
	width: 100%;
	height: 35px;
}
.favoriteItem__checkmark img{
	width: 30px;
	margin: 0 0 5px 0;
}
.favoriteItem__checkmark span{
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.favoriteMore__btn{
	border-top: 1px solid #ccc;
	padding: 20px;
}
.property_amenity {
    margin: 20px 0 0;
    font-weight: bold;
    padding: 2px 10px;
    color: #fff;
    background: #999;
}

.favoriteEmpty__btn{
	margin: 40px 0;
	display: block;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	text-align: right;
}
.favoriteEmpty__btn a{
	border: 1px solid #ccc;
}

.refineHotel__list h4{
    color:#ca1332;
}
.refineHotel__list {
    padding: 10px;
}
.refineHotel__list ul{
	display: flex;
	flex-wrap: wrap;
}
.refineHotel__list ul li {
    margin: 4px 0;
    width: 180px;
    font-size: 13px;
}


.favoriteMove__controller{
	margin: 10px 15px;
	font-size: 12px;
}
.favoriteMove__controller ul{
	overflow: hidden;
}
.favoriteMove__controller a:hover{
	opacity: .6;
}
.favoriteMove__controller ul li.left{
	float: left;
}
.favoriteMove__controller ul li.right{
	float: right;
}



.reserve_data p{
    font-weight: bold;
    padding: 10px;
    background: #ddd;
    color: #555;
    margin: 10px 0;
}
.reserve_data ul{
	display: flex;
	flex-wrap: wrap;
}
.reserve_data ul li{
	width: 48.5%;
	margin: 5px;
	font-size: 13px;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: 0.2s ease-in-out;
	background: #fff;
	position: relative;
}
.reserve_data ul li:hover{
	background: #eee;
}
.reserve_data ul li label{
	display: block;
}
.reserve_data_priceBox {
    border-bottom: 1px solid #eee;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
.reserve_data_price{
	color: #f00;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'ヒラギノ角ゴ Pro W3' ,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic', sans‒serif;
	display: inline-block;
	margin: 0 0 0 10px;
}
.iconBed,.iconCoin,.iconSmoking,.iconNosmoking{
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 11px;
	padding: 5px 10px 5px 25px;
	display: inline-block;
	line-height: 1.3;
	margin: 0 0 5px;
}
.iconBed{
	background: #fff url(../images/common/ui_bed.png) 5px 6px / 15px no-repeat;
}
.iconCoin{
	background: #fff url(../images/common/ui_coin.png) 4px 6px / 17px no-repeat;
}
.iconSmoking{
	background: #fff url(../images/common/ui_smoking.png) 4px 6px / 13px no-repeat;
}
.iconNosmoking{
	background: #fff url(../images/common/ui_nosmoking.png) 4px 6px / 13px no-repeat;
}
.iconBed span{
	font-weight: bold;
	color: #21b1c2;
}
.iconCoin span{
	font-weight: bold;
	color: #ff0000;
}
.iconCoin.nonRefundable{
	background: #ca1332 url(../images/common/ui_coin_yellow.png) 4px 6px / 17px no-repeat;
	color: #fff;
	border: none;
}
.colorPackage{
	margin-top: 0;
	background: #3aafbd;
	color: #fff;
	display: inline-block;
	padding: 1px 6px;
	border-radius: 0 5px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
}
.reserve_dataBtn{
	width: 150px;
    margin: 20px auto;
}



/* 予約一覧
----------------------------------------------------------*/
h2.reserveTitle{
	font-size:16px;
	font-weight: normal;
}
.reserveList__table h2.reserveTitle{
	border-top: 1px solid #ddd;
	padding: 20px 0;
	margin-bottom: 10px;
}
h2.reserveTitle span{
	font-size: 24px;
	font-weight: bold;
}
.whiteBox span.notfFinal{
	color: #f00;
}

.reserveList__table{
	margin: 2em 0;
}
.whiteBox > .reserveList__table{
	margin: 0 0 2em;
}
.reserveList__table table{
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	line-height: 1.4;
}
.reserveList__table table th{
	background: #ca1332;
	color: #fff;
}
.reserveList__table table th,.reserveList__table table td{
	padding: 10px 7px;
	border: 1px solid #ccc;

}
.reserveList__table span.colorRed{
	font-weight: bold;
	font-size: 14px;
}


.reserveList__table button{
	font-size: 11px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	padding: 3px 7px;
	margin: 2px 0;
	color: #fff;
	background: #999;
	transition: 0.2s ease-in-out;
}
.reserveList__table .booking_cancel{
	font-size: 11px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	padding: 3px 7px;
	margin: 2px 0;
	color: #fff;
	background: #FD1F6B;
	transition: 0.2s ease-in-out;
}
button.statement_output{
	font-size: 14px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	padding: 3px 7px;
	margin: 2px 0;
	color: #fff;
	background: #21b1c2;
	transition: 0.2s ease-in-out;
	width: 70px;
	text-align: center;
}
button.booking_detail{
	color: #fff;
	background: #21b1c2;
}
.reserveList__table button:hover{
	opacity: .6;
}


.reserveSearch{
	margin: 2em 0;
	padding: 20px;
	background: #eee;
}
.reserveSearch h3{
	color: #ca1332;
	font-size: 15px;
	margin: 0 0 15px 0;
}
.reserveSearch h4{
	font-weight: bold;
	color: #000;
}
.reserveSearch__form{
	position: relative;
}
.reserveSearch__form form{
	font-size: 13px;
}
.reserveSearch__form table{
	width: 100%;
	border-collapse: collapse;
}
.reserveSearch__form table th,.reserveSearch__form table td{
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #f7f7f7;
}
.reserveSearch__form table th{
	width: 100px;
	background: #fbf2f2;
	text-align: left;
}
.reserveSearch__form table td{
	width: 260px;
}

.reserveSearch__form select{
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/common/ui_pulldown.png) right 9px top 10px / 6px no-repeat;
	line-height: 35px;
	height: 35px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.reserveSearch__form input[type="text"]{
	background: #fff;
	line-height: 35px;
	height: 35px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 5px 0;
	margin-right: 5px;
	border: 1px solid #e3e3e3;
	width: 180px;
}
.reserveSearch__form .ryotei input[type="text"]{
	width: 200px;
}
input[type="text"].iconCalendar{
	background: #fff;
	line-height: 35px;
	height: 35px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	background: #fff url(../images/common/ui_calendar.png) right 8px top 8px / 16px no-repeat;
	width: 120px;
}
.reserveSearch__form form > div.reserveSearch__formCheckbox{
	width: 40%;
}
.reserveSearch__formCheckbox label{
	display: inline-block;
	margin-right: 10px;
}
.reserveSearch__formBtn{
	text-align: center;
	width: 550px;
	margin: 30px auto 10px;
}
.reserveSearch__formBtn button{
	width: 200px;
}

.reserveSearch__formClearBtn{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.reserveSearch__formClearBtn a:hover{
	opacity: .6;
}
.amenity_selectBtn button{
	width: 150px;
	margin: 10px auto;
	font-size: 14px;
}
.amenity_selectBtn{
	width: 100%;
	text-align: center;
}


/* 予約詳細
----------------------------------------------------------*/
.reseveList_detailBtn{
	width: 300px;
	margin: 0 auto 1em;
}
.reseveList_detailBtn a{
	padding: 10px 0;
}

.mailBox__title__send select{
    -webkit-appearance: none;
    appearance: none;
    background: #fff url(../images/common/ui_pulldown.png) right 9px top 10px / 6px no-repeat;
    line-height: 35px;
    height: 35px;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 25px 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #ccc;

}


.mailBox{
	padding: 0;
}
.mailBox p.attention{
	text-align: center;
	font-weight: bold;
	padding: 20px 0 20px 0;
	margin: 20px auto 20px auto;
	border: 1px #FF0004 solid;
	width: 1200px;
}
.mailBox__title a{
	font-size: 18px;
	color: #000;
	display: block;
	padding: 20px 40px;
}
.mailBox__title span{
	background: #f00;
	color: #fff;
	line-height: 1;
	display: inline-block;
	padding: 5px 6px;
	font-size: 11px;
	border-radius: 3px;
	margin: 0 0 0 10px;
}
.mailBox__title__send{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding: 20px 40px 10px;
}
.mailBox__title__send input[type="text"]{
	line-height: 50px;
	height: 50px;
	border-radius: 5px;
	font-size: 18px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 5px 0;
	margin-right: 5px;
	border: 1px solid #ccc;
	width: 85%;
}
.mailBox__title.close a{
	background: url(../images/common/ui_mail_blue.png) left 15px center / 17px no-repeat,url(../images/common/ui_acordion_open.png)  right 20px center / 34px no-repeat;
}
.mailBox__title.open a{
	background: url(../images/common/ui_mail_blue.png) left 15px center / 17px no-repeat,url(../images/common/ui_acordion_close.png)  right 20px center / 34px no-repeat;
}
.mailBox__title a:hover{
	opacity: .6;
}
.mailBox__summary,.mailBox__summary__open{
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 15px 40px;
	color: #ccc;
	transition: 0.2s ease-in-out;
	position: relative;
}
.mailBox__summary{
	cursor: pointer;
}
.mailBox__summary__open{
	background: #fbf2f2;
}
.mailBox__summary:hover{
	opacity: .6;
}
.mailBox__sumarryName{
	width: 115px;
	font-weight: bold;
	color: #000;
	float: left;
}
.mailBox__sumarryDate{
	font-size: 12px;
	color: #999;
	margin: 5px 0 0 0;
	width: 150px;
	float: left;
}
.mailBox__summary p.mailBox__sumarryText{
	width: 100%;
}
.mailBox__Text{
	clear: both;
	color: #000;
	padding: 40px 40px 0;
	pointer-events: none;
}
.mailBox__Text p{
	margin: 2em 0;
}
.mailBox__Text p:first-child{
	margin-top: 0;
}

.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	z-index: 1;
	top: 15px;
	right: 40px;
	width: 30px;
	margin-top: 8px;
}
.accordion_icon span{
	position: relative;
	display: block;
}
.accordion_icon span span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #F88789;
	border-radius: 4px;
}
.accordion_icon span span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
}
.accordion_icon span span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
}
.mailBox__summary__open .accordion_icon span span:nth-of-type(1) {
	opacity: 0;
}
.mailBox__summary__open .accordion_icon span span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
}

.mailBox__readBtn{
	margin: 20px 0 20px 40px;
}
.mailBox__readBtn select{
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/common/ui_pulldown.png) right 9px top 10px / 6px no-repeat;
	line-height: 35px;
	height: 35px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}


.mailBox__reply{
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding: 15px 40px;
	color: #ccc;
}
.mailBox__replySend{
	clear: both;
	margin: 0 200px;
}
.mailBox__replySend textarea{
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	height: 200px;
	margin: 20px 0 20px 0;
}
.mailBox__replySend__btn{
	margin: 0 auto 20px;
	width: 300px;
}
.mailBox__replySend__btn button{
	padding: 15px 0;
}



.attentionBox{
	padding: 0;
}
.attentionBox__title{
	font-size: 18px;
	color: #000;
	display: block;
	padding: 20px 40px;
	transition: 0.2s ease-in-out;
	background: #fff url(../images/common/ui_megaphone.png) left 12px center / 18px no-repeat;
}
.attentionBox__title a{
	color: #000;
}
.attentionBox__title h3{
	font-weight: normal;
}
.attentionBox__title:hover{
	opacity: .6;
}
.attentionBox__title time{
	color: #999;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 0 40px;
}
.reserveContents{
	min-width: auto !important;
	transform: none !important;
}





/* 見積り発行履歴
----------------------------------------------------------*/
.estimateList__table{
	margin: 20px 0;
}
.estimateList__table table{
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
	border: 1px solid #e3e3e3;
}
.estimateList__table table th,.estimateList__table table td{
	padding: 12px;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}
.estimateList__table table th{
	background: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
	color: #000;
}

.estimateList__table textarea{
	width: 100%;
	min-width: 400px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	height: 60px;
	box-sizing: border-box;
}
.estimateList__estimateBtn a{
	display: inline-block;
	color: #fff;
	background: #21b1c2;
	padding: 6px 10px;
	line-height: 1;
	border-radius: 3px;
}
.estimateList__table a:hover{
	opacity: .6;
}
.estimateList__table img.dustBox{
	width: 17px;
}




/* Pager */

.resultList__hotel__pager{
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
}

.resultList__hotel_pagerPrev a{
	padding: 0 0 0 15px;
	background: url(../images/common/ui_arrow_blue_l.png) left 3px / 5px no-repeat;
}
.resultList__hotel_pagerNext a{
	padding: 0 15px 0 0;
	background: url(../images/common/ui_arrow_blue_r.png) right 3px / 5px no-repeat;
}



.resultList__hotel__pagerList ul{
	display: flex;
}
.resultList__hotel__pagerList ul li.current a{
	color: #ca1332;
}
.resultList__hotel__pagerList ul li{
	margin: 0 5px;
}
.resultList__hotel__pagerList ul li a{
	display: inline-block;
	border: 1px solid #eee;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	background: #fff;
}
.resultList__hotel__pager a:hover{
	opacity: .6;
}
.resultList__hotel__pagerList ul li a:hover{
	opacity: 1;
	color: #fff;
	background: #009ad3;
}




#save_cmp {
    position: fixed;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    padding: 60px 150px;
    background: #ca1332;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}





/* 登録情報の変更
----------------------------------------------------------*/
.registInformation__table{
	margin: 20px 0;
}
.registInformation__table a:hover{
	opacity: .6;
}
.registInformation__table table{
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
	border: 1px solid #e3e3e3;
}
.registInformation__table table th,.registInformation__table table td{
	padding: 12px;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
}
.registInformation__table table th{
	background: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
	color: #000;
	width: 250px;
}
.registInformation__table.table2 table th{
	width: auto;
}
.registInformation__table.table2 table td:first-child{
	text-align: center;
}
.registInformation__table textarea{
	width: 100%;
	min-width: 400px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	height: 60px;
	box-sizing: border-box;
}
span.small,span.small__br{
	font-size: 11px;
	color: #ca1332;
}
span.small__br{
	display: block;
}
.registInformation__table input[type="text"],.registInformation__table input[type="email"],
.registInformation__table input[type="password"]{
	background: #fff;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	font-size: 15px;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0;
	border: 1px solid #ccc;
	min-width: 400px;
}
.registInformation__table input[type="text"].small{
	min-width: 40px;
}
.registInformation__table input[type="text"][disabled]{
	background: #eee;
	cursor:not-allowed;
}
.registInformation__table select{
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/common/ui_pulldown.png) right 9px top 10px / 6px no-repeat;
	line-height: 35px;
	height: 35px;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid #ccc;
}

.registInformation__table .commonBtn__small a{
	border: 1px solid #ccc;
}


.registInformation__btn,.registInformation__common__btn{
	width: 250px;
	margin: 20px auto;
}
.registInformation__btn button{
	padding: 10px 0;
}






/* ログイン
----------------------------------------------------------*/
.loginBox{
	background: #fff;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.15);
	position: relative;
	margin: 40px auto 20px;
	padding: 40px 60px;
	box-sizing: border-box;
	width: 600px;
}
.loginBox h2{
	padding: 0 0 10px;
	border-bottom: 1px solid #eee;
	margin: 0 0 40px;
	font-weight: normal;
}
.loginBox label{
	margin: 0 0 20px;
	font-size: 14px;
	display: block;
	position: relative;
}
.loginBox .fontColor_RikishaRed{
	font-weight: bold;
}
.loginBox input[type="text"],.loginBox input[type="password"],.loginBox input[type="tel"]{
	width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 15px;
    margin: 1px 0;
    box-sizing: border-box;
}
.loginBox .errorText{
	top: 60px;
	left: 10px;
}



/* 新規登録
----------------------------------------------------------*/
.registBox{
	background: #fff;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.15);
	position: relative;
	margin: 40px auto 20px;
	padding: 0 60px 40px 60px;
	box-sizing: border-box;
	width: 1000px;
}
.registBox h2{
	color: #fff;
	font-size: 20px;
	background: #ca1332;
	margin: 0 -60px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	letter-spacing: .1em;
	text-align: center;
}
.registTerms{
	height: 200px;
	padding: 20px;
	margin: 40px 0;
	font-size: 13px;
	border: 1px solid #ccc;
	overflow: scroll;
}
.agreeBox{
	text-align: center;
}
.agreeBox a:hover{
	opacity: .6;
}
.agreeText{
	margin: 10px 0 50px;
}
.registBtn{
	width: 60%;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
}
.registBtn button{
	width: 200px;
	height: 50px;
}




/* パスワード再設定
----------------------------------------------------------*/
.registLead{
	margin: 40px 0;
	text-align: center;
}
.registLead span{
	display: block;
	color: #f00;
}
.idpwTable table{
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #e3e3e3;
	border-bottom: 3px solid #e3e3e3;
	margin:40px 0;
}
.idpwTable table th,.idpwTable table td{
	padding: 15px;
	border-bottom: 1px solid #e3e3e3;
	text-align: left;
}
.idpwTable table th{
	background: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
	color: #000;
	width: 30%;
}
.idpwBtn{
	margin: 0 0 40px;
	text-align: center;
}
.idpwBtn button{
	width: 400px;
	height: 50px;
}
.idpwDobleBtn{
    display: flex;
    margin: 40px 100px;
    text-align: center;
    justify-content: space-around;
}
.idpwDobleBtn button{
    min-width: 200px;
    padding: 10px;
}


.idpwTable input[type="text"],.idpwTable input[type="password"],.idpwTable input[type="tel"],.idpwTable input[type="email"]{
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 15px;
    margin: 1px 0;
    box-sizing: border-box;
}

.idpwText{
	margin: 20px 0;
}
.idpwText a:hover{
	opacity: .6;
}





/* ヘルプ
----------------------------------------------------------*/
.faqBox{
	padding: 40px;
	background: #fff;
	box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.15);
	position: relative;
	margin: 40px auto 40px;
	box-sizing: border-box;
}
.faqLink{
	padding: 20px 0 0;
	box-sizing: border-box;
	width: 100%;
}
.faqLink h4{
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0;
}
.faqLink ul{
	display: flex;
	justify-content: space-between;
}
.faqLink ul li{
	width: 32%;
}
.faqLink ul li a{
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	color: #000;
	text-align: center;
}
.faqLink ul li a:hover{
	opacity: .6;
}

.subject-wrapper{
	margin: 40px 0;
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
.subject-wrapper h4{
	font-size: 18px;
	font-weight: bold;
	margin: 0 -20px 30px;
	color: #fff;
	padding: 10px;
	background: #ca1332;
}

.question-wrapper{
	margin: 20px 0 30px;
}
.question{
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.answer{
	font-size: 14px;
	margin-top: 5px;
	margin-left: 20px;
}





/* お問い合わせ
----------------------------------------------------------*/
.contactTable{
	font-size: 15px;
	background: #fff;
}
.contactTable table{
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #e3e3e3;
	border-bottom: 3px solid #e3e3e3;
}
.contactTable table th,.contactTable table td{
	padding: 15px;
	border-bottom: 1px solid #e3e3e3;
	text-align: left;
	position: relative;
}
.contactTable table th{
	background: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
	color: #000;
}
.contactTable table th.bedtype{
	width: 230px;
}
.contactTable table th.bedtype span.small{
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	color: #ca1332;
}

.contactTable input[type="text"],.contactTable input[type="tel"]{
	background: #fff;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	display: inline-block;
	font-size: 15px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0;
	margin: 0 10px 0 5px;
	border: 1px solid #ccc;
	min-width: 300px;
}
.contactTable select{
	-webkit-appearance: none;
	appearance: none;
}
.contactTable select{
	background: #fff url(../images/common/ui_pulldown.png) right 10px top 12px / 7px no-repeat;
	line-height: 35px;
	height: 40px;
	border-radius: 5px;
	display: inline-block;
	font-size: 15px;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 10px 0 5px;
	border: 1px solid #ccc;
}
.contactTable textarea{
	border-radius: 5px;
	padding: 10px 25px 10px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 100%;
	min-height: 200px;
}

.contactTable__btn{
	width: 250px;
	margin: 40px auto 0;
}
.contactTable__btn button{
	padding: 15px;
}


.registInformation__table select#continent{
	margin: 0 0 10px;
}

form .required{
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	background: #ca1332;
	display: inline-block;
	padding: 0 5px;
	margin: 0 0 0 5px;
	border-radius: 3px;
}

span#travel_reg_number_alert_show {
    left: 610px;
}


.commonBox_pd_0 {
	padding: 0;
	width: 1000px;
	position: sticky;
}
.commonBox_pd_0 a {
	transition: 0.3s;
}
.commonBox_pd_0 a:hover {
	opacity: 0.8;
	transition: 0.3s;
}
.commonBox_pd_0 .img_limited {
	position: absolute;
	top: -36px;
	left: -85px;
}
.commonBox_pd_0 .kv__area {
	position: relative;
}
.commonBox_pd_0 .kv__area h3 {
  margin: 0;
}
.flexBox__area {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.flexBox__area .flexBox__area__inner {
	border-top: 2px solid #003567;
	border-bottom: 2px solid #003567;
	margin: 0;
	font-size: 20px;
	padding: 5px 0;
	font-weight: bold;
}
.flexBox__area .period {
	width: 30%;
	background: #003567;
	color: #fff;
	text-align: right;
	padding-right: 16px;
}
.flexBox__area .period__day {
	color: #003567;
	width: 70%;
	padding-left: 30px;
}
.conditionBox__area {
	background: url(../images/campaign_img_02.jpg) no-repeat;
	height: 918px;
	background-size: cover;
}
.conditionBox__area h3 {
	margin: 0;
	padding-top: 15px;
	text-align: center;
	color: #fff;
	font-size: 36px;
	text-shadow:0px 5px 0px rgba(0, 0, 0, 0.3);
}
.conditionBox__area p:first-of-type {
	text-align: center;
  padding: 5px 0;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(to right, #32c5b9 0%,#008aff 100%);
  color: #fff;
  margin: 25px 0;
}
.btn__area {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.btn__area a {
	display: inline-block;
	font-weight: bold;
}
.btn__area__inner {
	width: 413px;
	padding: 21px 0;
	text-align: center;
	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
	font-size: 24px;
	border-radius: 10px;
}
.btn__area .member__btn {
	color: #fff;
	background: #003567;
}
.btn__area .signup__btn {
	color: #003567;
	border: 4px solid #003567;
	background: rgba(255, 255, 255, 0.6);
}
a.forget__btn {
  font-size: 18px;
  text-decoration: underline;
  text-align: center;
  display: block;
  color: #003567;
  margin-top: 20px;
	font-weight: bold;
}
.reservation__area {
  position: absolute;
  bottom: 44px;
  width: 100%;
}
p.text__note {
  width: 1000px;
  margin: 0 auto;
}