@media screen and (max-width:768px) {
/* ------------------------------
Dynatech style_sp.css
ver.2019
------------------------------ */
/*
 * "Noto Sans JP" is lisenced under the SIL Open Font License, 1.1
 * https://fonts.google.com/specimen/Noto+Sans+JP
 * https://www.google.com/fonts/attribution
 * https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web
 */
	
/* ------------------------------
COMMON
------------------------------ */
.pcOnly {
  display: none;
}
.spOnly {
  display: block;
}
#contents * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0;
	padding: 0;
}
#contents {
	font-size: 12px !important;
	-webkit-text-size-adjust: 100%;
	width: 100% !important;
	padding: 0;
}
#contents table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
}
#contents fieldset,
#contents img {
	border: 0;
}
#contents address, #contents caption, #contents cite, #contents code, #contents dfn, #contents em, #contents th, #contents var {
	font-style: normal;
	font-weight: normal;
}
#contents caption, #contents th {
	text-align: left;
}
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
	font-size: 100%;
	font-weight: normal;
}
#contents input, #contents textarea, #contents select {
	font-size: 16px;
	padding: 10px;
}
#contents img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
#contents img[id="paypaylogo"] {
	max-width: 30%;
	margin-right: unset;
	float: none;
}
#contents p, #contents span {
	word-break: break-all;
}
#contents div {
	max-width: 100%;
	height: auto;
	width: auto;
	float: none !important;
	margin: 0 auto !important;
	overflow: hidden !important;
}
#contents input, #contents a {
	display: inline-block;
	max-width: 100%;
	height: auto;
	width: auto;
	margin: 0 auto !important;
	overflow: visible !important;
}
#contents .clearfix {
	display: inherit;
}
/* ------------------------------
SELECT & INPUT
------------------------------ */
#contents select, #contents input {
	padding: 10px;
	font-size: 16px;
}
#contents input[type="text"], #contents input[type="password"],
#contents table.reserve-info input[type="text"],
#contents table.reserve-infowithtab input[type="text"],
#contents table.reserve-infowithtab select,
#contents table.card-input input[name="sCardNumber"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_address1"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_address2"]{
	width: 100%;
	padding: 2px 5px;
	font-size: 16px;
}
#contents table.reserve-info input#billing_last_name {
  max-width: 100%;
  width: 94.5%;
  margin-right: 0 !important;
}
#contents table.reserve-info input#billing_first_name {
  max-width: 100%;
  width: 86%;
}
#contents table.reserve-info input#billing_address1,
#contents table.reserve-info input#billing_address2 {
  min-width: 100%;
}
#contents input[type="text"],
#contents input[type="password"],
#contents select {
	padding: 10px;
}
#contents select#seekCount,
#contents .di_pager select {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 13px;
}
#contents table.reserve-infowithtab #reserveother input[name="txtoNAME1"],
#contents table.reserve-infowithtab #reserveother input[name="txtoNAME2"],
#contents table.reserve-infowithtab #reserveother input[name="txtoKANA1"],
#contents table.reserve-infowithtab #reserveother input[name="txtoKANA2"] {
	width: 45% !important;
}
#contents table.reserve-infowithtab #reserveother input.txtoTEL1[name="txtoTEL1"],
#contents table.reserve-infowithtab #reserveother input.txtoTEL1[name="txtoTEL2"],
#contents table.reserve-infowithtab #reserveother input.txtoTEL1[name="txtoTEL3"],
#contents table.reserve-infowithtab #reserveother input#txtoPost1[name="txtoPost1"],
#contents table.reserve-infowithtab #reserveother input#txtoPost2[name="txtoPost2"],
#contents table.reserve-info td input[name="MEMO9_03"],
#contents table.reserve-info td input[name="MEMO9_08"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL1"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL2"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_TEL3"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_zip1"],
#contents table.reserve-info tr#paidy_zip td input[name="paidy_zip2"]{
	width: 26%;
	margin-right: 4px !important;
}
#contents input[name="newPass"] {
	margin-bottom: 10px !important;
}
#contents table.reserve-info input[name="optionprice"],
#contents table.reserve-info input[name="sumoptionprice"] {
	width: auto;
}
#contents table.reserve-info td table td {
	width: 100% !important;
}
	#contents table.reserve-info td input[name="optionprice"],
	#contents table.reserve-info td input[name="sumoptionprice"] {
		width: 50%;
	}

/* 折り返し対策 */
#contents table.reserve-info td label::after {
content: "";
display: block;
}

/* プラン一覧　全プラン表示 */
#contents span.ssearch p.ssearch a {
	text-decoration: underline;
}
#contents span.ssearch p.ssearch a:hover {
	text-decoration: none;
}

/* ------------------------------
INPUT frmBack
------------------------------ */
#contents form[name="frmBack"] {
	width: 96%;
	margin: 0 auto 15px;
}
/* ------------------------------
BUTTON / WHITE / BLUE
------------------------------ */
#contents div.reserve_btn a,
#contents div.detail_btn a,
#contents .table_outline .reserve_btn a,
#contents .reserve_btn_vacancy a,
#contents .availability_calendar a,
#contents td.smallnum input.button,
#contents [name="frmKensaku"] input.button,
#contents .login_member .login_btn input.button,
#contents .login_guest .usertype_wrap input.button_register_btn,
#contents .login_guest .usertype_wrap input.login_guest_btn,
#contents input[name="btnYOYAKU"],
#contents #asoview_completion .btn_asoview_search a,
#contents .login_area_newotani .login_newotani_member input[type="button"],
#contents .login_area_newotani .login_newotani_nonmember .login_guest input[type="button"]{
	width: 100%;
	height: 60px;
	padding: 0;
	line-height: 60px;
	font-size: 16px;
}
#contents input[name="btnYOYAKU"],
#contents input[name="btnSubmit"],
#contents input[type="BUTTON"] {
	width: 80%;
	padding: 0;
}
#contents input[type="BUTTON"].btn_details,
#contents input[value="プラン詳細ページへ"].btn_overlay {
		width: auto;
}
/* asoview */
#contents #asoview_completion .btn_asoview_search a {
	margin: 20px 0 10px !important;
}
/* プラン一覧　全プラン表示 */
#contents p.conditionClear_btn a {
	width: 130px;
	margin: 0 auto;
	display: block;
}
#contents p.conditionClear_btn a:hover {
	text-decoration: none;
}

/* ------------------------------
TABLE
------------------------------ */
/* 全体共通 */
#contents table#search th,
#contents table#search td,
#contents table.reserve-info th,
#contents table.reserve-info td,
#contents table.reserve-infowithtab th,
#contents table.reserve-infowithtab td {
	display: block;
	width: 100%;
}
	#contents table.card-input th {
		padding-bottom: 0;
		border-bottom: none;
	}
#contents table.card-input th::after {
	content:"";
	position: static;
}
/* プラン一覧　全プラン表示 */
#contents table#search[summary="空室・料金の検索"] {
	border: none;
	margin-top: 20px;
	border-top: 1px solid #DBDBDB;
}
#contents table#search[summary="空室・料金の検索"] th {
	background: #F2F2F2;
}
#contents table#search[summary="空室・料金の検索"] th,
#contents table#search[summary="空室・料金の検索"] td {
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
	#contents table#search[summary="空室・料金の検索"] td:nth-of-type(2) {
		border: none;
	}
	
/* ------------------------------
CONTENTS
------------------------------ */
#sotowaku {
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* ------------------------------
HEADING
------------------------------ */
#contents h1 {
	font-weight: 400 !important;
	font-size: 16px !important;
	margin: 10px;
}
#contents h2 {
	font-weight: 400 !important;
	font-size: 16px;
	margin: 10px;
}
#contents h3 {
	font-size: 16px;
	font-weight: 400 !important;
	margin: 6px 10px;
}
#contents div.plantitle h1 {
	margin: 10px;
	font-weight: 400
}
#contents a[name="direct"] + h2 {
	font-size: 20px;
	text-align: left !important;
	margin: 0 10px;
}
#contents h2#atop {
	font-size: 20px;
	display: block;
	margin: 0 0 20px;
}
#contents a[name="direct"] ~ p.cap {
	text-align: left !important;
}
#contents .plan-list h3 {
	margin-bottom: 16px;
}
#contents h2#availability {
	margin-bottom: 20px !important;
	padding: 10px 0 !important;
	font-weight: 400 !important;
	text-align: center;
	background: #f2f7fc !important;
}
#contents h2#availability::before {
	content: url(../img/icon_calendar_b.png);
	padding-right: 10px;
}
#contents .calendar_list_name h3 {
	margin: 0;
}
#contents table#search.plandetail_information {
	border-left: none;
	border-right: none;
}
#contents table#search.plandetail_information th,
#contents table#search.plandetail_information td {
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
#contents table#search.plandetail_information tr:nth-last-of-type(1) td {
	border-left: none;
	border-right: none;
}
#contents table#search.plandetail_information tr.additional_item:nth-last-of-type(1) td {
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
#contents table#search.plandetail_information tr:nth-last-of-type(1) td input#btnBACK {
	text-align: center;
}
/* ------------------------------
DI PAGER
------------------------------ */
#contents .di_pager {
	margin: 0 10px 20px !important;
}
#contents .di_pager a.di_pager_next,
#contents .di_pager a.di_pager_prev {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}
#contents .di_pager select {
	margin-top: 10px;
}
/* ------------------------------------
非表示効果
------------------------------------ */
#contents .readmore_btn {
	width: 96%;
	margin: 0 2%;
	bottom: 0;
}
#contents .planlistcomment_wrap {
	padding: 0 10px 20px;
	overflow: visible !important;
	margin-bottom: 40px !important;
}
/* ------------------------------
PLAN LIST TAB // PLAN LOOM CALENDAR
------------------------------ */
#contents #topic_path-tabs ul,
#contents #topic_path-tabs2 {
	font-size: 16px !important;
	margin: 0 0 25px !important;
	padding: 0 10px;
}
#contents #topic_path-tabs2 ul.leftTabs {
	margin: 0 !important;
}
#contents #topic_path-tabs ul li,
#contents #topic_path-tabs2 ul li {
	width: 32%;
	margin: 0 2% 0 0;
}
#contents #topic_path-tabs2 ul li {
	float: left;
}
#contents #topic_path-tabs2 ul.rightTabs li a {
	position: relative;
	bockground: none;
	border: none;
}
#contents #topic_path-tabs ul li:nth-of-type(3), 
#contents #topic_path-tabs ul li:nth-last-of-type(1),
#contents #topic_path-tabs2 ul li:nth-of-type(3), 
#contents #topic_path-tabs2 ul li:nth-last-of-type(1){
	margin: 0;
}
#contents #topic_path-tabs ul li a,
#contents #topic_path-tabs2 ul li a{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 !important;
	font-weight: 400 !important;
	font-size: calc(45% + 1vw);
	background: #f8f8f8;
}
#contents #topic_path-tabs2 ul li a{
	float: none;
}
#contents #topic_path-tabs ul li.ordercharge,
#contents #topic_path-tabs2 ul.rightTabs {
	width: 100%;
	margin: 0;
	display: block;
}
#contents #topic_path-tabs ul li.ordercharge::after,
#contents #topic_path-tabs2 ul li.ordercharge::after{
	content: "";
	display: block;
	clear: both;
}
#contents #topic_path-tabs ul li.ordercharge span,
#contents #topic_path-tabs2 ul.rightTabs li {
	width: 33.333%;
	float: left;
}
#contents #topic_path-tabs2 ul.rightTabs li {
	margin-right: 0;
}
#contents #topic_path-tabs2 ul.rightTabs li:nth-of-type(3) {
	border-right: none;
}
#contents #topic_path-tabs ul li.ordercharge span a,
#contents #topic_path-tabs2 ul.rightTabs li a {
	height: 30px;
	margin: 10px 0 !important;
	line-height: 30px;
	background: #fff !important;
	border: none !important;
	border-right: 1px solid #707070 !important;
	display: block;
	font-weight: 400 !important;
}
#contents #topic_path-tabs ul li.ordercharge span:nth-of-type(3) a,
#contents #topic_path-tabs2 ul li.ordercharge span:nth-of-type(3) a{
	border-right: none !important;
}
#contents #topic_path-tabs ul li.ordercharge span a.selected,
#contents #topic_path-tabs2 ul.rightTabs li a.selected{
	color: #007edf !important;
	position: relative;
}
#contents #topic_path-tabs ul li.ordercharge span a.selected::after,
#contents #topic_path-tabs2 ul.rightTabs li a.selected::after{
	content: "";
	width: 5px;
	height: 5px;
	background: #007edf;
	border-radius: 10px;
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	margin: auto;
}
#contents #topic_path-tabs2 ul.leftTabs::after,
#contents #topic_path-tabs2 ul.rightTabs::after{
	content: "";
	clear: both;
	display: block;
}
#contents #topic_path-tabs2 ul.leftTabs li a.current {
	background-color: #aeb1b4;
	border: 1px solid #aeb1b4;
	color: #fff;
}
/*- PAGE Control 部 --*/
#contents .topiChoice_wrap a {
	float: left;
	text-align: center;
	border: 1px solid #707070;
	text-decoration: none;
}
#contents .di_pager_prev, .di_pager_next {
	display: inline-block;
	text-align: center;
	border: 1px solid #707070;
	text-decoration: none;
}
	#contents #topic_path-tabs2 ul.rightTabs a.not_link {
		color: #DBDBDB;
	}
	#contents #topic_path-tabs2 ul.rightTabs a.not_link:hover {
		cursor: default;
	}
/*- pager -*/
#contents div.di_pager span, div.di_pager a.di_pager_noselect {
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	padding: 0!important;
}
#contents div.di_pager .di_pager_now,
#contents div.di_pager .di_pager_noselect {
	margin: 0 10px 10px 0 !important;
}
/* ------------------------------
PLAN LIST
------------------------------ */
#contents div.plan-list {
	border: 10px solid #aeb1b4 !important;
	margin-bottom: 20px !important;
}
/* メインプラン テキスト部 */
#contents div#calendarcontentsunder, #calendarright table td div {
	position: static;
}
#contents div.plan-list {
	padding: 20px 10px!important;
}
#contents div.plan-list:nth-last-of-type(1) {
	margin-bottom: 40px !important;
}
#contents div.plan-list p {
	height: auto;
	width: 100%!important;
	margin: 15px auto!important;
	padding: 15px 0 15px 0!important;
	overflow: hidden;
}
#contents th img[src*="smoke"], #contents td img[src*="smoke"] {
	width: 20px;
}
/* ------------------------------
SNS ICON
------------------------------ */
#contents .plan-list .headericonarea {
	text-align: right;
}
#contents .plan-list .headericonarea #socialtool_hd {
	display: inline-block;
}
#contents .headericonarea #socialtool_hd ul#socialtool {
	width: auto !important;
	text-align: right;
}
/* ------------------------------
PLAN LIST-IMAGE
------------------------------ */
#contents div.plan-list a[id^="mainimg_"] {
	width: auto;
	display: block;
}
#contents div.plan-list a[id^="mainimg_"]::after {
	content: "";
	display: block;
	clear: both;
}
#contents div.photo-wraplarge,
#contents div.photo-wrapsmall,
#contents div.photo-wrapbig,
#contents div.photo-wraplarge .previewlarge,
#contents div.photo-wrapsmall .previewsmall,
#contents div.photo-wrapbig .previewbig,
#contents div.photo-wraplarge .previewlarge img,
#contents div.photo-wrapsmall .previewsmall img,
#contents div.photo-wrapbig .previewbig img,
#contents img.planlistimage {
	width: 100%;
}
#contents div.photo-wraplarge .previewlarge,
#contents div.photo-wrapsmall .previewsmall,
#contents div.photo-wrapbig .previewbig {
	height: 66.7vw;
}
#contents img.planlistimage {
	margin: 0;
}
#contents div.photo-wrapbig {
	font-size: 15px !important;
}
#contents div.previewbig {
	margin-bottom: 5px !important;
}
#contents div.selecterlarge a,
#contents div.selectersmall a,
#contents div.selecterbig a {
	width: 50px !important;
	height: 50px !important;
}
#contents div.selecterlarge a img, 
#contents div.selectersmall a img, 
#contents div.selecterbig a img {
	width: 50px !important;
	height: 50px !important;
}
/* ------------------------------
TABLE PLAN-DATA 
------------------------------ */
#contents .plan-list table.plan-data {
	margin: 0 !important;
	width: auto !important;
}
#contents .plan-list table.plan-data th, table.plan-data td {
	height: auto;
	margin: 0 auto !important;
	padding: 10px 12px 0 0 !important;
	line-height: 1.4;
}
#contents .plan-list table.plan-data th {
	width: auto !important;
	font-weight: 400;
}
#contents .plan-list table.plan-data td {
	width: auto !important;
}
#contents .plan-list table.plan-data:nth-of-type(2) th,
#contents .plan-list table.plan-data:nth-of-type(2) td {
/*	width: 10% !important;*/
}
#contents .plan-list input.btn_vacancy_details {
	float: none;
	width: 96%;
	height: 60px;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
	.plan-list a,
	.plan-list a img {
		width: 100%;
	}
#contents table.plan-data th::after {
    content: ":";
    position: absolute;
    top: auto;
    bottom: auto;
    right: 4px;
    font-weight: 400;
}
/* ------------------------------
TABLE PLAN 
------------------------------ */
#contents table.plan-listtable {
	border-top: none !important;
}
#contents table.plan-listtable td.col02 span.person_adult {
	font-size: 12px;
}
#contents table.plan-listtable td.col02 span.person_adult:before {
	content: "大人一名：";
}
#contents table.plan-listtable td.col03 span.total_price {
	font-size: 16px;
	font-weight: 400;
}
#contents table.plan-listtable td.col03 span.total_price:before {
	content: "合計料金：";
}
/* ------------------------------
TABLE PLAN BTN RESERVATION & DETAIL
------------------------------ */
#contents div.reserve_btn a, div.detail_btn a {
	width: 100%;
	padding: 0 20px !important;
	margin-top: 10px !important;
}
#contents .reserve_not_available div.detail_btn {
	width: 100% !important;
}
/* メインプラン ボタンの下の表の画像 */
#contents div.previewlittle {
	display: block!important;
	width: 100%!important;
	height: auto!important;
	padding: 0!important;
}
#contents table.plan-listtable th {
	display: none !important;
}
#contents table.plan-listtable #planlist_roomlist thead {
	display: none;
}
#contents table.plan-listtable #planlist_roomlist tbody tr {
	border: 1px solid #aeb1b4;
	cellpadding: 0;
	cellspacing: 0;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td {
	width: 100% !important;
	text-align: left !important;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td {
	padding: 0 10px;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td.col01 {
	padding-bottom: 10px !important;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td.col04 {
	margin: 10px 0 0;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td:nth-of-type(1) {
	padding-top: 10px;
}
#contents table.plan-listtable #planlist_roomlist tbody tr td:nth-last-of-type(1) {
	padding-bottom: 10px;
}
/* 一覧の詳細 */
#contents table.plan-listtable th {
	border : none!important;
}
#contents th#type-photo-wrapsmall0011 {
	display: block;
	width: 100%!important;
	padding: 0;
	margin : 0;
}
/* 一覧の詳細 */
#contents div.selecterbig {
	border-top : none!important;
}
#contents .plan-list table.plan-data {
	border-top: none!important;
	border-bottom: none!important;
}
#contents .plan-list table.plan-data:nth-last-of-type(1) {
	border-bottom: none!important;
}
#contents th.col01 {
	display: none!important;
}
#contents td.col01, #contents th.col02, #contents td.col02, #contents th.col03, #contents td.col03, #contents td.col04, #contents td.col05 {
	display: inline-block;
}
#contents td.col01, #contents td.col02, #contents th.col03, #contents td.col03, #contents td.col04, #contents td.col05 {
	width: 50%!important;
}
#contents td.namelist {
	display: block;
	width: 100%;
}
#contents table.plan-listtable td {
}
#contents .detail_btn a {
	margin: auto;
}
/* ------------------------------
TABLE CAUTION
------------------------------ */
#contents table.plan-listtable p.caution {
	display: block !important;
	margin: 20px 0 10px !important;
	padding: 0 !important;
}
/* ------------------------------
TABLE CAUTION
------------------------------ */
#contents table.SSL {
	width: 100% !important;
	margin-bottom: 20px !important;
	font-size: 10px !important;
}
#contents table.SSL font.SSL, #contents table.SSL font.SSL a {
	font-size: 10px !important;
}
/* ------------------------------
PLAN DETAIL PAGE // OUTLINETABLE
------------------------------ */
#contents .plandetail_wrap_right div.photo-wrapbig {
	width: 100%;
	margin-bottom: 10px !important;
}
#contents .plandetail_wrap_right div.previewbig {
	width: 100%;
	height: auto;
}
#contents div.plandetail_wrap_right .photo-wrapbig > img {
	width: 100% !important;
	height: auto !important;
}
#contents table.table_outline {
	float: none !important;
	margin: 0 !important;
	width: 100% !important;
}
#contents .table_outline span.xlarge_text {
	float: none !important;
}
#contents .table_outline .reserve_btn_vacancy a,
#contents .table_outline .availability_calendar a {
	background-position: center center 40px !important;
}
#contents .plandetail_outline {
	width: 100%;
}
#contents .plandetail_outline .table_outline tr.price_box > td {
	padding: 0 !important;
}
#contents .plandetail_outline .table_outline tr.price_box .price_box_inner {
	padding-left: 10px;
	padding-right: 10px;
}
#contents .plandetail_outline .table_outline th, .plandetail_outline .table_outline td {
	padding: 20px 10px !important;
}
#contents .plandetail_outline .table_outline .people td {
	padding: 20px 10px 20px 20px !important;
}
.table_outline span.xlarge_text {
	font-weight: 400 !important;
	font-size: 24px;
}
#contents .table_outline td.col01,
#contents .table_outline td.col02,
#contents .table_outline th.col03,
#contents .table_outline td.col03,
#contents .table_outline td.col04,
#contents .table_outline td.col05 {
	width: auto !important;
	font-size: 14px !important;
	padding: 0 10px !important;
}
#contents .table_outline tr.people {
	font-size: 14px !important;
	line-height: 38px !important;
	margin: 0;
}
#contents .table_outline td.col02 .large_text {
	margin-left: 0;
}
#contents .table_outline td.col03 .large_text {
	margin-left: 0;
}
#contents .table_outline tr.conditions {
	margin: 0;
}
/* ------------------------------
PLAN DETAIL PAGE // CALENDAR
------------------------------ */
#contents .table_outline tr.payment td > div {
	margin: 0 8px 0 0 !important;
}
#contents div#calendarcontents {
	border: none !important;
	box-shadow: none !important;
}
#contents #calendarleft {
	width: 100%;
}
#contents #calendarleft p.cal-header2 strong {
	font-size: 16px;
}
#contents a.cal-month,
#contents a.cal-month-crt {
	text-align: center !important;
	font-size: 16px !important;
}
#contents #calendarcontents div#calendarright {
	width: 100% !important;
	margin: 20px 0 40px !important;
	padding: 0 10px;
	height: 240px !important;
	overflow-y: scroll !important;
	display: block;
}
#contents #calendarcontents div#calendarright p.cap {
	border: none;
}
#contents #calendarcontents div#calendarright>table {
	width: 100%;
}
#contents #calendarcontents #calendarleft table a {
	font-size: 9px;
}
#contents #calendarcontents #calendarleft table p.cal-header2 {
	text-align: left !important;
}
#contents #calendarcontents #calendarleft table {
	margin-bottom: 10px;
}
#contents #calendarcontents #calendarleft table th a.cal-month,
#contents #calendarcontents #calendarleft table th a.cal-month-crt {
	font-size: 10px !important;
	font-weight: 400;
	line-height: 1;
	margin: 10px 0 5px !important;
	padding: 8px 0;
}
#contents #calendarcontents #calendarleft table th.dummy-tabs a.cal-month,
#contents #calendarcontents #calendarleft table th.dummy-tabs a.cal-month-crt,
#contents #calendarcontents #calendarleft table th.dummy-tabs-active a.cal-month,
#contents #calendarcontents #calendarleft table th.dummy-tabs-active a.cal-month-crt {
	font-size: 16px !important;
	margin: 0 !important;
	padding: 13px 0;
	height: 50px;
}
#contents #calendarcontents #calendarleft table th.dummy-tabs-active a.cal-month-crt {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
#contents #calendarcontents #calendarleft table th, #calendarcontents #calendarleft table td {
	text-align: center;
	padding: 0;
}
#contents #calendarcontents #calendarleft table th .cal-week {
	border: none;
	padding-bottom: 5px;
}
#contents #calendar_list table {
	width: 100%;
}
#contents #calendar_list table td {
	text-align: center;
}
#contents #calendar_list table tr td:nth-of-type(1),
#contents #calendar_list table tr.apstyle td:nth-of-type(1) {
	text-align: left !important;
}
#contents #calendar_list table tr td:nth-of-type(1) {
	width: 18%;
}

#contents #calendar_list table td span {
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo" !important;
	font-size: 14px;
}
#contents #calendar_list table td span.cal-smallnumberap {
	font-size: 9px;
}
#contents #calendarcontents #calendarleft table td,
#contents #calendar_list table.apstyle tr td {
	background: #f2f2f2;
	border: solid #ffffff;
	border-width: 0 1px 1px 0;
}
#contents #calendar_list table.apstyle tr td.saturday {
  background-color: #E4F9F8;
}
#contents #calendar_list table.apstyle tr td.sunday {
  background-color: #F7E9E9;
}
#contents #calendar_list table.apstyle tr td:nth-of-type(1) {
	border: solid #ffffff;
	border-width: 0 1px 1px 0;
}
#contents #calendarcontents #calendarleft.calendar_type4 table td.cal-sat-apstyle {
  background-color: #E4F9F8;
}
#contents #calendarcontents #calendarleft.calendar_type4 table td.cal-sun-apstyle {
  background-color: #F7E9E9;
}
#contents #calendarcontents #calendarleft table th a.cal-month strong,
#contents #calendarcontents #calendarleft table th a.cal-month-crt strong {
	font-size: 16px;
	display: block;
	font-weight: 400;
}
#contents #calendarcontents #calendarleft table td span,
#contents #calendarcontents #calendarleft table td strong {
	font-size: 14px;
	font-weight: 400;
}
#contents #calendarcontents #calendarleft table td a span.cal-number,
#contents #calendarcontents #calendarleft table td a span.cal-smallnumber {
	font-size: 9px;
}
#contents #calendarcontents #calendarleft table td a span.cal-number-indent {
	font-size: 2.5px;
}
#contents #roomtypedesc .cap {
	display: inline !important;
	font-size: 20px !important;
	font-weight: 400 !important;
}
#contents #roomtypedesc .cap b {
	font-weight: 400 !important;
}
#contents .di_calroomtypetr td {
	font-size: 16px;
	padding: 5px 0 !important;
	border-top: none !important;
}
#contents .di_calroomtypetr td a {
	border: 1px solid #666666;
}
#contents #calendarright table td div {
	width: 100% !important;
	text-align: left !important;
}
/* スライダー 非表示 */
#calendarleft.calendar_type4 table:first-child {
	display: none;
}

#contents #calendarright.selectroom {
	width: 100%;
	height: 250px;
	overflow-y: scroll !important;
	display: block;
}
#contents #calendarright.selectroom > table {
	width: 94% !important;
	margin: 0 auto !important;
}
#contents #calendarright.selectroom > table span#roomtypedesc .cap {
	margin-left: 0;
	padding-left: 0 !important;
}
/*---------------------------------
PLAN DETAIL // calender // 料金付一覧
---------------------------------*/
#contents div#calendarcontents div#calendarright.calendar_type4 {
	height: auto !important;
	margin: 0 !important;
	padding: 0;
	overflow-y: visible !important;
	overflow-x: scroll !important;
}
#contents div#calendarcontents.calendar_type4 {
	margin: 0;
	padding: 0;
}
#contents #calendarleft.calendar_type4 table tr td:nth-of-type(1),
#contents #calendar_list table tr td:nth-of-type(1) {
	font-size: 10px;
}
#contents #calendarright.calendar_type4,
#contents #calendarright.calendar_type4 table {
	margin-bottom: 20px !important;
}
#contents #calendarright.calendar_type4 table td span,
#contents #calendarright.calendar_type4 table td a.cal-empty-ctr {
	margin-right: 10px;
}
#contents #calendarright.calendar_type4 table td span select {
	margin-right: 5px;
}
#contents #calendarright.calendar_type4 table th, #calendarright.calendar_type4 table td {
	width: 100%;
	display: block;
}
#contents #calendarright.calendar_type4 table tr th {
	padding: 0 10px;
}
#contents #calendarright.calendar_type4 table tr th h2 {
	margin: 0 !important;
}
#contents div#vacancy-month + h3.ex01 {
	text-align: center;
}
#contents #vacancy-month {
    position: relative;
    left: 10px;
}
#contents #vacancy-month a,
#contents #calendarright.calendar_type4 table td a#calroomtype {
	width: 14.6%;
	height: 46px;
	margin: 0 1.4% 1% 0 !important;
	padding: 0;
	text-align: center;
	line-height: 46px;
	border: 1px solid #4C4C4C;
	display: block;
	float: left;
}
#contents #calendarright.calendar_type4 table td a#calroomtype div {
	line-height: 46px;
}
#contents #calendarright.calendar_type4 table td a#calroomtype:nth-of-type(6n) {
	margin-right: 0 !important;
}
/* ------------------------------
PLAN DETAIL PAGE // ROOMTYPE INTRO
------------------------------ */
#contents div#calendarcontentsunder {
	margin-bottom: 20px !important;
	padding: 25px 10px;
	position: relative;
	overflow: visible !important;
}
#contents #calendarcontentsunder::before {
	content: "";
	width: 0px;
	padding: 0;
	height: 40px;
	position: absolute;
	left: 20px;
	top: -30px;
	border-right: 18px solid transparent;
	border-bottom: 24px solid #F6F6F6;
	border-left: 18px solid transparent;
}
#contents #calendarcontents_textarea #calendarcontents_textarea_tab,
#contents #calendarcontents_textarea #calendarcontents_textarea_sub {
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}
#contents #calendarcontentsunder table#calendarcontents_textarea {
	margin-bottom: 20px;
}
#contents #calendarcontentsunder div#calendarcontents {
	padding: 0 !important;
	display: flex;
	flex-flow: row wrap;
}
#contents #calendarcontentsunder #calendarcontents #calendarleftunder {
  min-width: 100%;
	order: 2;
	overflow-y: scroll !important;
	display: block;
	height: 160px;
}
#contents #calendarcontentsunder #calendarcontents #calendarrightunder {
	order: 1;
}
#calendarcontentsunder #calendarcontents #calendarrightunder,
#contents #calendarcontentsunder #calendarcontents #calendarrightunder a,
#contents #calendarcontentsunder #calendarcontents #calendarrightunder img {
	width: 100% !important;
	height: auto;
	margin-bottom: 20px;
}
#contents #calendarcontentsunder #calendarcontents #calendarleftunder table.plan-data th {
	padding: 0 !important;
}
/* ------------------------------
PLAN DETAIL PAGE // DIRECTFORM
------------------------------ */
#contents .cap {
	margin: 0 10px 10px;
}
#contents table > .cap {
	display: inline;
	margin: 0;
}
#contents form#frmMain > .cap {
	display: inline;
	margin: 0 !important;
}
#contents form#frmMain {
	margin-bottom: 20px !important;
}
#contents form[name="frmKensaku"] {
	width: 96%;
	margin: 10px auto 20px;
	padding: 0 10px 20px;
}
#contents form[name="frmKensaku"] > table#search {
	margin: 0 auto 20px !important;
	width: auto !important;
	border: none;
}
#contents form[name="frmKensaku"] > table#search th,
#contents form[name="frmKensaku"] > table#search td {
	display: table-cell;
}
#contents form[name="frmKensaku"] > table#search th {
	width: 25% !important;
	font-size: 12px;
}
#contents form[name="frmKensaku"] > table#search td {
	width: 75% !important;
	background: url(../img/icon_pen.png) center right 10px no-repeat;
	padding: 20px 15px 20px 0 !important;
}
#contents form[name="frmKensaku"] > table#search td.smallnum {
	padding: 0 !important;
}
#contents form[name="frmKensaku"] > table#search td select {
	font-size: 16px !important;
	padding: 2px 8px;
}
#contents [name="frmKensaku"] > table#search span.mark {
	font-size: 10px;
}
#contents [name="frmKensaku"] .peoplearea p {
  margin-right: 24px;
}
#contents [name="frmKensaku"] .peoplearea p::after {
  bottom: 5px;
  right: -16px;
}
#contents [name="frmKensaku"] #roomassign_box {
  margin-top: 15px !important;
}
#contents span#prvback form[name="frmBack"] {
	margin: 0 10px;
	font-size: 16px;
}
#contents table#search span.childarea {
	margin: 0 0 10px;
	display: block;
}
#contents table#search span.childarea a {
	padding: 0 8px;
	font-size: 24px;
}
/* ------------------------------
COMPLETION 04/09/16
------------------------------ */
div#completion {
	margin: 0 5% !important;
}
div#completion:nth-of-type(1) {
	margin-top: 60px!important;
	padding-top: 60px;
	background-size: 60px;
}
div#completion .caution {
	font-size: 16px;
}
div#completion .cap {
    text-align: left;
}

/* ------------------------------
DISTANCE
------------------------------ */
#contents #nav_header_box {
	display: none;
}
/* ------------------------------
PLAN LIST // CALENDAR
------------------------------ */
#contents table#vacancya {
	width: 96%;
	margin: 0 2%;
	border: 1px solid #dbdbdb;
}
#contents table#vacancya td.calendar_switch img[src*="next"],
#contents table#vacancya td.calendar_switch img[src*="before"] {
	width: auto;
	max-width: none;
}
#contents table#vacancya th.list_title,
#contents table#vacancya td.calendar_title {
	padding: 10px 10px 10px 5px;
}
#contents table#vacancya td.calendar_title,
#contents span.cal-smallnumber,
#contents .di_normal_caption,
#contents .list_title span.planname {
	font-size: 10px;
}
#contents table#vacancya td.calendar_title {
	width: 70px;
}
#contents table#vacancya td._overList {
	width: auto;
}
#contents .di_normal_caption {
	margin: 5px 0 20px !important;
}
#contents table#vacancya td {
	padding: 10px 5px;
}
#contents table#vacancya td.calendar_switch {
	padding: 10px 0;
}
#contents table#vacancya td.calendar_switch:nth-last-of-type(1) {
	padding-right: 5px;
}
#contents table#vacancya td.shd_btn {
	padding: 0;
}
#contents .apple_overlay {
	width: 90%;
	margin: 0 auto !important;
	padding: 30px 5% 5%;
	background-size: 90%;
	background: #fff;
	left: 0 !important;
	right: 0 !important;
}
#contents .apple_overlay .close {
	right: 5px;
	top: 5px;
}
img[foo$="overlaywhite.png"] {
	display: none;
}
#contents .apple_overlay_hd_plan {
	padding: 5px;
}
/* ------------------------------
TABLE "VACANCYLIST"
------------------------------ */
#contents #settitle {
	width: 100%;
	overflow-x: scroll !important;
	margin-bottom: 40px !important;
}
#contents table#vacancy-list {
	width: 800px !important;
	margin: 10px;
}
#contents form[name="frmBase"] table#vacancy-list {
	width: 96% !important;
	margin: 0 2%;
}
#contents form[name="frmBase"] table#vacancy-list td {
	border-bottom:none;
}
#contents form[name="frmBase"] table#vacancy-list table {
	border-top: 1px solid #DBDBDB;
	width: 100% !important;
	margin-bottom: 40px;
}
#contents form[name="frmBase"] table#vacancy-list table td {
	border-bottom: 1px solid #DBDBDB;
}
#contents form[name="frmBase"] table#vacancy-list table th,
#contents form[name="frmBase"] table#vacancy-list table td {
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
#contents form[name="frmBase"] table#vacancy-list table tr th {
	background: #F2F2F2;
}
#contents form[name="frmBase"] table#vacancy-list table tr:nth-last-of-type(1) th,
#contents form[name="frmBase"] table#vacancy-list table tr:nth-last-of-type(2) th {
	background: none;
}
#contents form[name="frmBase"] table#vacancy-list table tr:nth-last-of-type(1) th {
	border: none;
}

#contents table#vacancy-list th input.button {
	width: 100%;
	height: 60px;
	padding: 0;
}
/* ------------------------------
LOGIN
------------------------------ */
#contents .login_area {
	width: 100%;
}
#contents .login_area .title {
	margin-bottom: 20px !important;
	font-size: 20px;
}
#contents .login_member,
#contents .login_guest {
	width: auto;
	height: auto;
	margin: 40px 20px 10px !important;
	padding: 20px;
	float: none;
}
#contents .login_member input {
	margin-bottom: 20px !important;
	font-size: 16px;
}
#contents .login_guest .usertype_wrap {
	display: block;
}
#contents .login_guest .usertype_wrap .left,
#contents .login_guest .usertype_wrap .right {
	float: none;
	width: auto;
}
#contents .login_guest .usertype_wrap .left {
	margin-bottom: 40px !important;
	padding: 0;
	border: none;
}
#contents .login_guest .usertype_wrap .right {
	margin-bottom: 20px !important;
}
#contents .login_guest .usertype_wrap .left .title_s,
#contents .login_guest .usertype_wrap .right .title_s {
	margin-bottom: 15px !important;
}
#contents .login_guest .usertype_wrap .left p.text {
	text-align: center;
	margin-bottom: 20px;
	padding: 30px 0 0;
	background: url(../img/icon_login_reg.png) center top -8px no-repeat;
}
#contents .login_guest .usertype_wrap .right p.text {
	text-align: center;
	margin-bottom: 20px;
	padding: 30px 0 0;
	background: url(../img/icon_login_guest.png) center top -8px no-repeat;
}
#contents .login_guest .usertype_wrap .right .agree {
	text-align: center;
	margin-bottom: 10px !important;
}
/* ------------------------------
LOGIN Aカード
------------------------------ */
#contents .login_member_Acard {
	width: 90%;
	height: auto;
	margin: 40px 20px 10px !important;
	padding: 20px;
	float: none;
}
#contents .login_guest_Acard {
	width: auto;
	height: auto;
	margin: 40px 20px 10px !important;
	padding: 20px;
	float: none;
}
#contents .login_member_Acard input {
	margin-bottom: 0px;
	font-size: 16px;
}
#contents .login_member_Acard input#Acard_password{
	width: 100%;
	margin-bottom: 20px !important;
	font-size: 16px;
	padding: 10px;
}
#contents .login_member_Acard .login_btn .button{
	width: 100%;
	margin-bottom: 20px !important;
}
#contents .login_guest_Acard .usertype_wrap {
	display: block;
}
#contents .login_guest_Acard .usertype_wrap .right {
	float: none;
	width: auto;
}
#contents .login_guest_Acard .usertype_wrap .right {
	margin-bottom: 20px !important;
}
#contents .login_guest_Acard .usertype_wrap .right .title_s {
	margin-bottom: 15px !important;
}
#contents .login_guest_Acard .usertype_wrap .right p.text {
	text-align: center;
	margin-bottom: 20px;
	padding: 30px 0 0;
	background: url(../img/icon_login_guest.png) center top -8px no-repeat;
}
#contents .login_guest_Acard .usertype_wrap .right .agree {
	text-align: center;
	margin-bottom: 10px !important;
}
/* ------------------------------
FORM
------------------------------ */
#contents table.reserve-info,
#contents table.reserve-infowithtab {
	width: 96%;
	margin: 0 2% 40px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
#contents table.reserve-info td,
#contents table.reserve-infowithtab td {
	font-size: 16px;
}
#contents table.reserve-info,
#contents table.reserve-infowithtab {
}
#contents table.reserve-info tr#pricedetail .itemroom,
#contents table.reserve-info tr#pricedetail .item,
#contents table.reserve-info tr .itemroom,
#contents table.reserve-info tr .item {
	width: auto;
	display: inline-block;
	float: left;
	margin: 0 20px 0 0 !important;
}
#contents #pricedetail td {
	border: none;
	border-bottom: 1px solid #dbdbdb;
}
#contents div.taxdisparea {
	text-align: left;
	position: static;
}
#contents #sumpriceafter br {
	display: none;
}
#contents #sumprice .total strong {
	display: block;
}

#contents #reserveother input[type="text"] {
	font-size: 16px;
}
#contents #reserveother span {
	margin-top: 10px;
}
#contents table.reserve-infowithtab #reserveother {
	padding: 20px 0 !important;
}
#contents table.reserve-infowithtab #reserveother input[type="text"] {
	width: 100%;
}
#contents table#search.kensearch2_result th,
#contents table#search.kensearch2_result td {
	display: table-cell;
	width: auto;
}
#contents table#search.kensearch2_result th {
	width: 20%;
}
#contents table#search.kensearch2_result td {
	font-size: 14px;
}
#contents table.reserve-info tr#paidy_zip div#reserver {
	padding: 0! important;
}
#contents table.reserve-infowithtab tr.pointZanArea td {
	text-align: right;
}
/* ------------------------------
FORM お客様登録
------------------------------ */
#contents table#search {
	width: 96%;
	margin: 10px 2% 40px;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}
#contents table#search td.txt {
	font-size: 16px;
}
#contents table#search td.txt input,
#contents table#search td.txt select {
	padding: 10px;
}
#contents table#search td.txt input.txt,
#contents table#search td input[name="txtID"],
#contents table#search td input[name="txtID2"],
#contents table#search td input#txtADDRESS2,
#contents table#search td input#txtADDRESS3,
#contents table#search td input#txtORGADDRESS2,
#contents table#search td input#txtORGADDRESS3,
#contents table#search td input#txtMobile,
#contents table#search td input#txtORGNAME,
#contents table#search td input#txtDPTNAME {
	width: 100%;
	margin: 0 5px 5px 0 !important;
}
#contents table#search td.txt input[name="txtNAME1"],
#contents table#search td.txt input[name="txtNAME2"],
#contents table#search td.txt input[name="txtKANA1"],
#contents table#search td.txt input[name="txtKANA2"] {
	width: 100%;
	margin: 0 5px 5px 0 !important;
}
#contents input[name="txtZIP1"],
#contents input[name="txtZIP2"],
#contents input[name="txtORGZIP1"],
#contents input[name="txtORGZIP2"],
#contents input[name="txtPHONE1"],
#contents input[name="txtPHONE2"],
#contents input[name="txtPHONE3"], 
#contents input[name="txtFAXIMILE1"],
#contents input[name="txtFAXIMILE2"],
#contents input[name="txtFAXIMILE3"],
#contents input[name="txtORGPHONE1"],
#contents input[name="txtORGPHONE2"],
#contents input[name="txtORGPHONE3"],
#contents table#search td input[name="txtPHONE1"],
#contents table#search td input[name="txtPHONE2"],
#contents table#search td input[name="txtPHONE3"] {
	width: 30%;
	margin-bottom: 10px !important;
}
#contents input[value="検　索"] {
		width: 90px;
	}
#contents input[value="戻る"] {
		width: 100%;
	}
#contents iframe#kiyaku {
	width: 96%;
	margin: 10px 2% 40px;
}
/* 190711 #19035 iPhone,iPad対応 */
#contents div#kiyaku-wrapper-ios {
    width: 96%;
    height: 100px;
    margin: 10px 2% 40px !important;
    overflow: auto !important;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	border: 2px solid #DBDBDB;
}
form[name="frmmain"] #contents {
	width: 90% !important;
	margin: 10px 5% !important;
	max-width: none;
}
#contents form[name="frmMember"] p.cap {
	text-align: left;
	display: block;
}
#contents .read {
	margin: 0 10px 10px !important;
}
#contents input[name="btnREGISTER"] {
	margin-top: 20px !important;
	padding: 0 20px !important;
	width: 80%;
	height: 60px !important;
	line-height: 60px !important;
}
#contents label[for="kiyakudoi"],
#contents input[name="chkkakudai"],
#contents label[for="kakudai"],
#contents input[name="chkkiyaku"] {
	font-size: 14px;
}
div#completion p a {
	font-size: 14px;
  width: 95%;
  padding: 0;
}
  
/* ------------------------------
TABLE "VACANCY"
------------------------------ */
#contents .calendarArrowWrap .browse {
    padding: 0 10px;
}
#contents table#vacancy th {
	min-width: 186px !important;
  padding: 4px 10px;
  line-height: 1.3;
}
#contents table#vacancy td {
    padding: 2px 6px;
}
  
/* ------------------------------
COMPLETION asoview
------------------------------ */
#contents #asoview_completion {
	width: 96%;
}
#contents #asoview_completion h2 {
	margin: 0;
	text-align: center;
}
#contents #asoview_completion .footer_asv_col {
	margin: 10px 0 20px !important;
	padding: 10px;
}
#contents #asoview_completion .footer_asv_col h3 {
	float: none;
	margin: 0 0 10px;
	text-align: center;
}
#contents #asoview_completion #asv-search-area {
	margin-bottom: 20px !important;
	padding: 10px;
}
#contents #asoview_completion #asv-search-area .asv_select_area input,
#contents #asoview_completion #asv-search-area .asv_select_area select {
	font-size: 16px;
	margin-bottom: 10px !important;
	padding: 10px;
}
#contents #asoview_completion #asv-search-area .asv_select_area {
	padding: 10px 0;
}
#contents #asoview_completion #asv-search-area .asv_select_ttl {
	width: auto;
	margin: 0;
	padding: 0;
}
	#contents #asoview_completion div.asoview-plan-date {
		margin-bottom: 20px !important;
	}
	#contents #asoview_completion div.asoview-list-inner {
		padding: 0;
	}
	#contents #asoview_completion div.plan-list p {
		margin: 0 !important;
		padding: 0 !important;
		display: inline;
	}
	#contents #asoview_completion .asoview-list h3 {
		margin-left: 0;
		margin-right: 0;
	}
	#contents #asoview_completion .asoview-plan-map a {
		width: 100%;
	}
	#contents #asoview_completion .btn_asoview_more a {
		width: 100%;
		margin-bottom: 20px !important;
	}
	#contents #asoview_completion .asoview-plan-cal {
		margin-bottom: 20px !important;
	}
	#contents #asoview_completion .asoview-plan-cal ul li {
		width: 14.2%;
	}
	
/* ポップアップカレンダー*/
#contents table#calendar th {
	white-space: normal;
}
#contents input[name="sub_close"] {
	margin-top: 20px !important;
}
#contents table#calendar input[name="prev"],
#contents table#calendar input[name="next"] {
	width: 20%;
	margin: 0 12px 10px !important;
}
#contents table#calendar input[name="next"]::after {
	content: "";
	display: block;
}
/*-------------------------------
PASSWORD RESET
-------------------------------*/
#contents #RMND_info,
#contents #RMND_description_last {
	margin: 0 10px 10px !important;
}
#contents div.RMND_Btn_box {
	margin: 0 10px !important;
}
#contents .RMND_Btn_box a#returnTop,
#contents .RMND_Btn_box a#returnTop input {
	margin: 0 !important;
}
#contents .RMND_Btn_box a#returnTop input[type="button"] {
	margin-left: 10px !important;
}
	
/*-------------------------------
waiticon
-------------------------------*/
#contents img[src*="waiticon.gif"] {
	width: 40px !important;
	height: 40px !important;
}
#contents div.cardwait {
width: 95% !important;
}
#contents .plan-list div[id^="wait-"] {
	width: 40px;
	height: 40px;
	margin-top: 20px !important;
	padding: 0;
    text-align: center;
    clear: both;
	display: block;
}
	
/*-------------------------------
カレンダータイプ4
-------------------------------*/
	#contents a.cal-month, #contents a.cal-month-crt {
		display: inline-block;
		margin-bottom: 4px !important;
	}
	#calendarleft.calendar_type4 table .scroll_months div.browse,
	#calendarleft.calendar_type4 table .scroll_months .scrollable,
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items > div,
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items div:nth-last-of-type(1) > div {
		margin: 0 !important;
		float: left !important;
	}
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items div:nth-last-of-type(1) {
		width: auto !important;
	}
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items > div,
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items div:nth-last-of-type(1) > div {
		width: 80px;
		margin-right: 4px !important;
	}
	#calendarleft.calendar_type4 .cal-monthsmallap,
	#calendarleft.calendar_type4 .cal-monthsmall-crtap {
		width: 25px;
		margin-right: 2px !important;
	}
	#calendarleft.calendar_type4 .cal-monthsmallap:nth-last-of-type(1),
	#calendarleft.calendar_type4 .cal-monthsmall-crtap:nth-last-of-type(1) {
		margin-right: 0 !important;
	}
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmall-crtap,
	#contents div#calendarcontents div#calendarleft.calendar_type4 .scroll_months .items .cal-monthsmallap {
		font-size: 8px;
	}
	#calendarleft.calendar_type4 table .scroll_months .scrollable .items {
		overflow: visible !important;
		max-width: none;
	}
/*-------------------------------
一覧形式
-------------------------------*/
	div#calendar_list {
		overflow-x: scroll !important;
	}
	#contents #calendar_list table#vacancy td {
		padding: 10px;
		font-size: 14px;
	}
	
/*-------------------------------
タブ切り替え
-------------------------------*/
#contents .ui-tabs .ui-tabs-nav li {
	width: 49%;
	margin-right: 2%;
	white-space: normal;
	font-size: 12px;
}
#contents .ui-tabs .ui-tabs-nav li:nth-child(even) {
	margin-right: 0;
}
#contents .ui-widget-header {
	height: auto;
	background: none;
	display: flex;
	align-content: stretch;
	text-align: center;
}
#contents .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border-bottom: 1px solid #aaaaaa;
	position: relative;
}
#contents .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	padding: .5em 1em .5em 2em;
}
#contents .ui-tabs .ui-tabs-nav li.ui-tabs-selected::before {
	content: "";
	position: absolute;
	background: #007EDF;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	display: block;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto;
}
#contents .ui-tabs .ui-tabs-nav li a {
	display: block;
	width: 100%;
	height: 100%;
}
#contents .ui-state-hover,
#contents .ui-widget-content .ui-state-hover,
#contents .ui-state-focus,
#contents .ui-widget-content .ui-state-focus {
	border-bottom: 1px solid #999999;
}
/*-------------------------------
 プランコメント調整
  528行目（pにかけたスタイル）
-------------------------------*/
#contents div.plan-list > div.plandetail_wrap_left {
width: 100%;
margin: 30px 0 15px !important;
float: none;
}
#contents div.plan-list > div.plandetail_wrap_left p {
margin: 0 !important;
padding: 0 !important;
overflow: visible;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data {
	width: auto !important;
	margin: 30px  0 !important;
	border: none !important;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data th,
#contents div.plan-list > div.plandetail_wrap_left table.plan-data td {
	height: auto;
	margin: 0 auto !important;
	padding: 10px 12px 0 0 !important;
	line-height: 1.4;
	display: table-cell;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data th {
	width: auto !important;
	font-weight: 400;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data td {
	width: auto !important;
}
#contents div.plan-list > div.plandetail_wrap_left table.plan-data:nth-of-type(2) th,
#contents div.plan-list > div.plandetail_wrap_left table.plan-data:nth-of-type(2) td {
/*	width: 10% !important;*/
}
/*-------------------------------
 契約企業
-------------------------------*/
#contents form[name="frm_main"] >table#search {
margin: 0 auto;
}
#contents form[name="frmMember"] >table#search p.cap {
margin: 0;
}
#contents form[name="frmMember"] >table#search tr:nth-last-of-type(1) td {
border: none;
}
#contents form[name="frmMember"] >table#search input {
font-size: 16px;
}
/*-------------------------------
 カード情報改修
-------------------------------*/
#contents #carddata table input[name="sCardNumber"],
#contents #carddata table input[name="sCardName"] {
width: 100%;
}
/*-------------------------------
 ご予約情報折り返し調整
-------------------------------*/
#contents div.itemroom p {
white-space: normal;
}
/*-------------------------------
プラン一覧 新テーブル調整
-------------------------------*/
#contents .plan-list-Wrap .plan-listtable tr {
border: 1px solid #aeb1b4;
}
#contents .plan-list-Wrap .plan-listtable tr td {
width: 100% !important;
display: block;
	padding-left: 20px;
	padding-right: 20px;
}
#contents .plan-list-Wrap .plan-listtable tr td:last-child {
padding-bottom: 20px;
}
#contents table.plan-listtable td.colimg {
    width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
}
#contents table.plan-listtable td.col02 {
font-size: 12px;
}
#contents table.plan-listtable td.col03,
#contents table.plan-listtable td.col05 {
padding-top: 0;
}
/* 折り畳み */
.plan-list-Wrap label.plan-list-More_btn {
display: block;
width: 90%;
height: 40px;
margin: 20px auto;
line-height: 40px !important;
text-align: center;
float: none;
font-size: 14px;
border: 1px solid #666666;
padding:0; 
}
.plan-list-Wrap label.plan-list-More_btn::after {
right: 20px;
}
.plan-list-Wrap input.plan-list-More_trigger {
display: none !important;
}
/*-------------------------------
プラン一覧 新テーブル調整
-------------------------------*/
#contents .plan-list-Wrap .plan-listtable tr {
border: 1px solid #aeb1b4;
}
#contents .plan-list-Wrap .plan-listtable tr td {
width: 100% !important;
display: block;
	padding-left: 20px;
	padding-right: 20px;
}
#contents .plan-list-Wrap .plan-listtable tr td:last-child {
padding-bottom: 20px;
}
#contents table.plan-listtable td.colimg {
    width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
}
#contents table.plan-listtable td.col02 {
font-size: 12px;
}
#contents table.plan-listtable td.col03,
#contents table.plan-listtable td.col05 {
padding-top: 0;
}
/* 折り畳み */
.plan-list-Wrap label.plan-list-More_btn {
display: block;
width: 90%;
height: 40px;
margin: 20px auto;
line-height: 40px !important;
text-align: center;
float: none;
font-size: 14px;
border: 1px solid #666666;
}
.plan-list-Wrap label.plan-list-More_btn::after {
right: 20px;
}
.plan-list-Wrap input.plan-list-More_trigger {
display: none !important;
}
/*-------------------------------
プラン一覧 客室画像調整
-------------------------------*/
#contents table.plan-listtable td.colimg.noimage {
	display: none;
}
/*-------------------------------
 ロゴ・施設名 非表示
-------------------------------*/
#rodfv-header .company-name .rodfv-logo.disNone_PC,
#rodfv-header .company-name .rodfv-txt.disNone_PC {
display: table-cell;
}
#rodfv-header .company-name .rodfv-logo.disNone_SP,
#rodfv-header .company-name .rodfv-txt.disNone_SP {
display: none;
}

/*-------------------------------
ご予約の一覧
-------------------------------*/
#contents .wrap_scroll {
	padding-top: 25px;
}
/*-------------------------------
 戻るボタン
-------------------------------*/
#contents input[type="BUTTON"]#btnBACK.pageBack {
	width: auto;
}
/*-------------------------------
フッター
-------------------------------*/
.rodsp-footer {
display: block;
padding: 18px 10px 20px;
background-color: #e2e2e2;
font-size: 14px;
text-align: center;
}

.rodsp-footer .name {
font-size: 16px;
}

.rodsp-footer .btn a:link {
display: block;
margin-top: 12px;
padding: 10px 0;
background-color: #fff;
color: #2e2e2e;
text-decoration: none;
}
/*-------------------------------
 ニューオータニクラブ ログイン画面
-------------------------------*/
#contents .login_area_newotani h2,
#contents form[name="frmDetail"] + h2 {
	margin-left: 10px;
	font-size: 20px;
}
#contents .login_area_newotani p {
	margin-bottom: 20px !important;
}
#contents .login_area_newotani p.checkboxWrap,
#contents .login_area_newotani p.checkboxWrap input,
#contents .login_area_newotani p.checkboxWrap label {
	font-size: 12px;
}
#contents .login_area_newotani p.checkboxWrap input[type="checkbox"] {
	width: 20px;
}
#contents .login_area_newotani .title {
	margin-bottom: 30px !important;
	font-size: 20px;
}
#contents .login_area_newotani .title br {
	display: inline;
}
#contents .login_area_newotani .login_newotani_member,
#contents .login_area_newotani .login_newotani_nonmember {
	width: auto;
	height: auto;
	margin: 15px 20px 40px !important;
	padding: 20px 20px 40px;
}
#contents .login_area_newotani .login_newotani_member p.cap {
	max-width: 340px;
}
#contents .login_area_newotani .login_newotani_member p.cap br {
	display: none;
}
#contents .login_area_newotani .login_newotani_nonmember .login_member,
#contents .login_area_newotani .login_newotani_nonmember .login_guest {
	width: auto;
	height: auto;
	margin: 0 !important;
	padding: 0;
}
#contents .login_area_newotani .login_newotani_nonmember .login_member {
	margin-bottom: 40px !important;
}
#contents .login_area_newotani .login_newotani_nonmember .login_member .title_s,
#contents .login_area_newotani .login_newotani_nonmember .login_guest .title_s {
	margin-bottom: 25px !important;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest .login_guest_inner {
	margin-bottom: 40px !important;
}
#contents .login_area_newotani .login_newotani_nonmember .login_guest .login_guest_inner:nth-last-of-type(1) {
	margin-bottom: 0 !important;
}
/*-------------------------------
 ベネッセハウス個別カスタマイズ
-------------------------------*/
#contents #PMSLinkPriceOption,
#contents #PMSLinkPriceOption div[data-section] {
    width: 96%;
    margin: 0 2% !important;
    padding-left: 0;
    padding-right: 0;
}
#contents #PMSLinkPriceOption {
	margin-bottom: 20px !important;
	font-size: 16px;
}
#contents #PMSLinkPriceOption .divNight {
	padding: 10px 0 5px 5px;
}
#contents #PMSLinkPriceOption .divSubContent {
	border-top: none;
}
#contents #PMSLinkPriceOption .divCategoryName {
	margin-bottom: 10px !important;
	font-size: 12px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
#contents #PMSLinkPriceOption .divUse {
	margin-bottom: 10px !important;
	padding: 0;
}
#contents #PMSLinkPriceOption .divFacilities {
	margin-bottom: 10px !important;
}
#contents #PMSLinkPriceOption .divTimeTable {
	margin-bottom: 20px !important;
}
#contents #PMSLinkPriceOption .divFacilities label {
	width: 100%;
}
#contents #PMSLinkPriceOption .divFacilities > label:nth-of-type(1),
#contents #PMSLinkPriceOption .divTimeTable > label:nth-of-type(1),
#contents #PMSLinkPriceOption .divMenu > label:nth-of-type(1) {
	font-size: 12px;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionName,
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionDetail {
	width: 100%;
	margin: 0 !important;
	overflow: visible;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionName{
	margin-bottom: 5px !important;
}
#contents #PMSLinkPriceOption .divMenu .divPriceOption .divPriceOptionDetail span.cap {
	margin: 5px 0 0;
	display: inline-block;
}

/* @media screen and (max-width:680px) //END */
}
#contents .plandetail_information .payment_method img[id="paypaylogo"] {
	width: auto;
	height: 45px;
}