@charset "utf-8";

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*見出し*/
	.ttl-a {padding-left: 10px;}

	/*マイページヘッダー*/
	header ul {overflow: hidden;float: right;}
	header li a {padding: 17px 5px;font-size: 1.1rem;}
	header li a:before {content: " \f105";font-family: FontAwesome;margin-right: 7px;float: left;}
	header li input {margin: 10px 7px 0;}

	/*マイページトップ*/

	/*ログイン*/
	#page-login .head .ttl, #page-creat .head .ttl {font-size: 2rem;font-weight: bold;margin-bottom: 2%;}
	#page-login .head .ttl + p, #page-creat .head .ttl + p {font-size: 1.5rem;}
	.sign-sec .col--row {margin: 0 0 3%;}
	.sign-sec .col--row dt {float: none;}
	.sign-sec {width: 100%;}
	.sign-sec .btn {width: 90%;white-space: normal;padding: 15px 2%;}

	/*新規登録*/
	.sign-sec .dl-col-2 dt {display: inline-block;width: 100%;padding: 10px 15px 5px;}
	.must dt::before {float: left;margin-right: 7px;}
	.sign-sec .dl-col-2 dd {width: 100%;padding: 0 15px 3%;display: inline-block;}
	.form-inline .form-control.wid-30, .form-control.wid-30 {width: 100% !important;}
	#CmnMemberInputForm #CmnMemberName1, #CmnMemberInputForm #CmnMemberName2, #CmnMemberInputForm #CmnMemberKana1, #CmnMemberInputForm #CmnMemberKana2 {width: 45%;display: inline-block;}
	#CmnMemberInputForm #birth-year, #CmnMemberInputForm #birth-month, #CmnMemberInputForm #birth-day {width: 22%;display: inline-block;}
	.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
	.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius:4px;border-top-right-radius: 4px;}
	.btn-group .btn {width: auto;padding: 10px 15px;float: none;}
	.res-switch {text-align: left !important;}
	.res-switch .btn-group .btn {padding: 5px 8px;}

	/*パスワード再発行*/
	#CmnMemberReissueStep1Form #birth-year, #CmnMemberReissueStep1Form #birth-month, #CmnMemberReissueStep1Form #birth-day {display: inline-block;}
	#CmnMemberReissueStep1Form #birth-year {width: 28%;}
	#CmnMemberReissueStep1Form #birth-month, #CmnMemberReissueStep1Form #birth-day {width: 20%;}

	/*登録情報変更*/
	.dl-col-2 dt, .dl-col-2 dd {width: 100%;display: block;padding: 5px 15px 10px;}
	.un-must dt::before {float: left;margin-right: 7px;}
	#CmnMemberUserForm #CmnMemberName1, #CmnMemberUserForm #CmnMemberName2, #CmnMemberUserForm #CmnMemberKana1, #CmnMemberUserForm #CmnMemberKana2 {width: 45% !important;display: inline-block;}
	#CmnMemberUserForm #CmnMemberZip1, #CmnMemberUserForm #CmnMemberZip2 {width: 30% !important;display: inline-block;}
	#CmnMemberUserForm #birth-year, #CmnMemberUserForm #birth-month, #CmnMemberUserForm #birth-day {width: 22%;display: inline-block;}
	#CmnMemberUserForm #birth-year {width: 28%;}
	#CmnMemberUserForm #birth-month, #CmnMemberUserForm #birth-day {width: 20%;}
	#CmnMemberUserForm .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius:0;border-top-left-radius: 0;}
	#CmnMemberUserForm .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius:0;border-top-right-radius:0;}
	#CmnMemberUserForm .btn-group .btn {float: left;}
	.dc2-wid-a.dl-col-2 dt {width: 100%;}

	/*予約情報テーブル
	.table.tbl-rsv {display: block;width: 100%;margin: 0 0 20px -10px;}
	.table.tbl-rsv thead {display: block;float: left;overflow-x:scroll;padding-left: 10px;}
	.table.tbl-rsv thead th {padding-top: 10px;}
	.table.tbl-rsv tbody {display: block;width: auto;overflow-x: auto;white-space: nowrap;border: 1px solid #ddd;}
	.table.tbl-rsv th {display: block;width:auto;border-bottom: none;}
	.table.tbl-rsv tbody tr {display: table-cell;margin: 0 -3px;border-right: 1px dotted #ddd;}
	.table.tbl-rsv td {display: block;}*/
	.table-responsive.rsv_list {margin: 0 auto;width: 95%;}
	
	/*クレジットカード登録*/
	.info-credit {display: flex;margin-bottom: 8px;}
	.info-credit .info-credit-list .info-credit-num {width: 100%;display: block;margin: 5px 0px 5px 5px;}
	.info-credit .info-credit-list .info-credit-exp {width: 100%;display: block;margin: 5px 0px 5px 5px;}
}

/* Sサイズのみ : Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	/*マイページトップ*/
	#my-head .my-head-prof {float: none;margin-bottom: 3%;}
	#gnav {float: none;}
	#gnav li {display: inline-block;width: 25%;}
	#gnav li a {padding: 0;font-size: 1.3rem;}
	.hotel {padding-bottom: 5%;}
	.events .event-head select {display: block;margin-bottom: 2%;}
	.eventMonthCalender table td.event p {width: 100%;}

	/*お気に入り*/
	.search-conts.favorite {margin: 0 10px;}
	.search-hotel-list .block-link .ttl {overflow: hidden;float: left;width: 45%;}
	.search-hotel-list .block-link .ttl .h-name {font-size: 1.6rem;}
	.search-hotel-list .block-link .pic {float: right;width: 40%;margin-right: 30px;}
	.search-hotel-list .block-link .txt {float: none;overflow: hidden;width: 90%;}
	.search-hotel-list .block-link .txt dt {font-size: 1.2rem;margin: 5px 0;}
	.search-hotel-list .block-link .h-gaiyou {font-size: 1.2rem;}
	.search-hotel-list .block-link .prc {width: auto;}
	.search-hotel-list .block-link .prc li {display: inline-block;}
	.dis {float: none;margin: 2% 0;font-size: 1rem;display: block;-webkit-border-radius: 2px;border-radius: 2px;}
	.h-kutikomi i {font-size: 1.2rem;}
	.h-point li {font-size: 1rem;}
	.slide-on-arrow {bottom: -25px;left: 45%;}
	.slide-on-arrow i {font-size: 5rem;}

	.h-plan-ttl {margin-bottom: 10px;font-size: 1.8rem;}
	.h-plan-info .h-plan-time {font-size: 1.1rem;}
	.h-plan-info .h-plan-txt p {-ms-word-wrap: break-word;word-wrap: break-word;}
	.plan--point {font-size: 1rem;padding: 3px 5px;float: none;margin-bottom: 10px;display: inline-block;}
	.room-section .room-list dl {width: 75%;}
	.room-section .room-list dd {font-size: 1.2rem;}
	.room-section .room-list .room-list-prc {float: none;font-size: 1.8rem;margin-right: 0;}

	/*イベント*/
	.modal-title {font-size: 2rem;}
	.eventItems dt {float: none;}
	.eventItems dd {padding-left: 0;}

	/*form*/
	.form-inline .form-control {display: inline-block !important;vertical-align: middle !important;width: auto !important;}
	.form-control.wid-name {width: 49% !important;}

	.coupon-bnrs .inner {width: auto;}
	
	.bis-bnr-area {text-align: center;    padding: 30px 15px;}
	.bis-bnr-area img {width: auto;height: auto;max-width: 100%;}

}