@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 01 heading
-------------------------------------*/
/* heading01 */
.heading01 {
	background-color: #d7ebff;
}
#mainArea .heading01 {
	margin-right: -3.2%;
	margin-left: -3.2%;
}
.heading01 h1 {
	padding: 15px 3% 12px;
	display: table;
}
.heading01 h1 .text {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2rem;
}
.heading01 h1 .text em {
	display: block;
	font-size: 1.9rem;
}
.heading01 + * {
	margin-top: 20px;
}
.heading01 + #contents {
	margin-top: 0;
}

/* heading02 */
.heading02 {
	position: relative;
	padding-bottom: 3px;
	border-bottom: 1px solid #09529f;
	font-size: 1.7rem;
}
.heading02 em {
	padding-left: 10px;
	display: block;
	border-left: 3px solid #09529f;
	padding-top: 0px;
}
.heading02 em a {
	display: block;
	position: relative;
	padding-right: 20px;
}
.heading02 em a:after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 1px solid #09529f;
	border-bottom: 1px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
}
.heading02 + * {
	margin-top: 20px;
}
.heading02[class*="icon-"] em {
	min-height: 30px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 30px 30px;
					background-size: 30px 30px;
	border: none;
}
.heading02.icon-01 em {
	background-image: url(/img/sp/common/com_ic36.png);
}
.heading02.icon-02 em {
	background-image: url(/img/sp/common/com_ic37.png);
}
.heading02.icon-03 em {
	background-image: url(/img/sp/common/com_ic38.png);
}
.heading02.icon-04 em {
	background-image: url(/img/sp/common/com_ic39.png);
}
.heading02.icon-05 em {
	background-image: url(/img/sp/common/com_ic40.png);
}
.heading02.icon-06 em {
	background-image: url(/img/sp/common/com_ic41.png);
}
.heading02.icon-07 em {
	background-image: url(/img/sp/common/com_ic42.png);
}
.heading02.icon-08 em {
	background-image: url(/img/sp/common/com_ic43.png);
}
.heading02.icon-09 em {
	background-image: url(/img/sp/common/com_ic44.png);
}
.heading02.icon-10 em {
	background-image: url(/img/sp/common/com_ic45.png);
}
.heading02.icon-11 em {
	background-image: url(/img/sp/common/com_ic46.png);
}
.heading02.icon-12 em {
	background-image: url(/img/sp/common/com_ic47.png);
}
.heading02.icon-13 em {
	background-image: url(/img/sp/common/com_ic48.png);
}
.heading02.icon-14 em {
	background-image: url(/img/sp/common/com_ic49.png);
}
.heading02.icon-15 em {
	background-image: url(/img/sp/common/com_ic50.png);
}
.heading02.icon-16 em {
	background-image: url(/img/sp/common/com_ic51.png);
}
.heading02.icon-17 em {
	background-image: url(/img/sp/common/com_ic52.png);
}
.heading02.icon-18 em {
	background-image: url(/img/sp/common/com_ic53.png);
}
.heading02.icon-19 em {
	background-image: url(/img/sp/common/com_ic61.png);
}
.heading02.icon-20 em {
	background-image: url(/img/sp/common/com_ic62.png);
}
.heading02.icon-21 em {
	background-image: url(/img/sp/common/com_ic63.png);
}
.heading02.icon-22 em {
	background-image: url(/img/sp/common/com_ic64.png);
}
.heading02.icon-23 em {
	background-image: url(/img/sp/common/com_ic65.png);
}
.heading02.icon-24 em {
	background-image: url(/img/sp/common/com_ic66.png);
}
.heading02.icon-25 em {
	background-image: url(/img/sp/common/com_ic67.png);
}
.heading02.icon-26 em {
	background-image: url(/img/sp/common/com_ic68.png);
}
.heading02.icon-27 em {
	background-image: url(/img/sp/common/com_ic69.png);
}
.heading02.icon-28 em {
	background-image: url(/img/sp/common/com_ic70.png);
}
.heading02.icon-29 em {
	background-image: url(/img/sp/common/com_ic71.png);
}
.heading02.icon-30 em {
	background-image: url(/img/sp/common/com_ic72.png);
}

.heading02.icon-31 em {
	background-image: url(/img/sp/common/com_ic96.png);
}

/* heading03 */
.heading03 {
	font-size: 1.6rem;
	padding-left: 10px;
	border-left: 3px solid #84b4e4;
}
.heading03 em {
	display: block;
}
.heading03 em a {
	display: block;
	position: relative;
}
.heading03 em a:after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 1px solid #09529f;
	border-bottom: 1px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 10px;
}
.heading03 + * {
	margin-top: 15px;
}
.heading03.mod_ocmenu:after {
	height: 6px;
	width: 6px;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
	margin-top: -5px;
	right: 5px;
}
.heading03.mod_ocmenu.active:after {
	margin-top: -2px;
}


/* heading04 */
.heading04 {
	position: relative;
	padding-bottom: 6px;
	padding-left: 18px;
	border-bottom: 2px solid #cccccc;
	font-size: 1.5rem;
	font-weight: bold;
}
.heading04:before {
	content: "";
	background-color: #09529f;
	height: 4px;
	width: 9px;
	margin-top: -6px;
	position: absolute;
	left: 0px;
	top: 50%;
}
.heading04 em {
}
.heading04 + * {
	margin-top: 10px;
}

/* heading05 */
.heading05 {
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	padding-left: 13px;
}
.heading05:before {
	content: "";
	background-color: #84b4e4;
	height: 2px;
	width: 5px;
	margin-top: -2px;
	position: absolute;
	left: 0px;
	top: 50%;
}
.heading05 em {
}
.heading05 + * {
	margin-top: 10px;
}
.heading02,
.heading03,
.heading04,
.heading05 {
	position: relative;
	margin-top: 20px;
}
.heading02 a,
.heading03 a,
.heading04 a,
.heading05 a {
	color: #0b58bb;
	text-decoration: none;
}
.heading02 a:hover,
.heading03 a:hover,
.heading04 a:hover,
.heading05 a:hover {
	color: #5793ce;
	text-decoration: underline;
}

/* //#17123 ホテル検索結果画面にホスピタルインへのリンクを設置 2020.02.21 park START */
.hsptlbgBox01 {
    margin-top: 20px;
    margin-right: -3%;
    margin-left: -3%;
    border: 1px solid #f4d064;
    background-color: #fffffa;
    padding: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;
}
.heading06 {
	position: relative;
	padding-bottom: 3px;
	border-bottom: 1px solid #09529f;
	margin-top: 10px;
    margin-right: -15px;
}
.heading06 .usual {
    display: inline-block;
    float: left;
    margin-left: 0px;
    padding: 4px 4px;
    border-radius: 2px;
    background: #d82c2c;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1rem;
}

.heading06 .pr {
    /*display: inline-block;*/
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding: 3px 4px;
    border-radius: 2px;
    border: 1px solid #f70e0e;
    background: #ffffff;
    color: #ec1e1e;
    font-weight: bold;
    font-size: 1.1rem;
}

.heading06 .title {
    /*display: inline-block;*/
    /*position: absolute;*/
   	font-size: 1.6rem;
	font-weight:bold;
}

.heading06 em {
	/*padding-left: 10px;*/
	display: block;
	border-left: 0px solid #09529f;
	padding-top: 0px;
}
.heading06 em a {
	display: block;
	position: relative;
	padding-right: 20px;
}
.heading06 em a:after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 1px solid #09529f;
	border-bottom: 1px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 25px;
}
/* //#17123 END */

/* 02 text
-------------------------------------*/
/*p:not([class]) {
	margin-top: 1em;
}*/
p + p {
	margin-top: 1em;
}
.txtCatch {
	font-size: 1.5rem;
	font-weight: bold;
}
/* readText */
.readText01 {
	font-size: 1.5rem;
}
.readText02 {
	color: #006bdc;
	font-size: 1.5rem;
}

.txtCatch[class*="icon-"],
[class*="readText"][class*="icon-"] {
	position: relative;
	text-indent: 25px;
	min-height: 20px;
}
.txtCatch[class*="icon-"]:before,
[class*="readText"][class*="icon-"]:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background: url(/img/sp/common/com_ic57.png) no-repeat 0 0;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}

.color01 {
	color: #cf0000;
}
.color02 {
	color: #ee6930;
}
/* 03 listParts
-------------------------------------*/
/* counter */
body {
	counter-reset: numList;
}
.start01 {
	counter-reset: numList 0 !important;
}
.start02 {
	counter-reset: numList 1 !important;
}
.start03 {
	counter-reset: numList 2 !important;
}
.start04 {
	counter-reset: numList 3 !important;
}
.start05 {
	counter-reset: numList 4 !important;
}
.start06 {
	counter-reset: numList 5 !important;
}
.start07 {
	counter-reset: numList 6 !important;
}
.start08 {
	counter-reset: numList 7 !important;
}
.start09 {
	counter-reset: numList 8 !important;
}
.start10 {
	counter-reset: numList 9 !important;
}
[class*="normalList"],
[class*="noteList"],
[class*="numberList"],
[class*="iconList"],
[class*="descList"] {
	margin-top: 1.5em;
}
/* add childList */
[class*="normalList"]:not([class*="colLayout-"]) > li,
[class*="noteList"]:not([class*="colLayout-"]) > li,
[class*="iconList"]:not([class*="colLayout-"]) > li,
[class*="numberList"]:not([class*="colLayout-"]) > li,
[class*="normalList"] > li > ul,
[class*="noteList"] > li ul,
[class*="iconList"] > li ul,
[class*="numberList"] > li >ul,
[class*="normalList"] > li > ol,
[class*="noteList"] > li ol,
[class*="iconList"] > li ol,
[class*="numberList"] > li > ol {
	margin-top: 0.5em;
}
[class*="normalList"] > li:first-child,
[class*="noteList"] > li:first-child,
[class*="iconList"] > li:first-child,
[class*="numberList"] > li:first-child {
	margin-top: 0;
}
/* noteList */
.noteList01 {
	font-size: 1.4rem;
}
.noteList01 > li {
	padding: 0 0 0 1.5em;
	position: relative;
}
.noteList01 > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.noteList01 > li:before {
	content: "※";
}
.alC .noteList01 li {
	display: inline-block;
}

.noteList02 {
	font-size: 1.4rem;
	counter-reset: numList;
}
.noteList02 > li {
	padding: 0 0 0 1.5em;
	position: relative;
}
.noteList02 > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.noteList02 > li {
	padding: 0 0 0 2.55em;
}
.noteList02 > li:before {
	content: "※" counter(numList,decimal);
	counter-increment: numList;
}
/* iconList */
.normalList01 > li,
.normalList02 > li {
	padding: 0 0 0 1.5em;
	padding: 0 0 0 1em;
	position: relative;
}
.normalList01 > li:before,
.normalList02 > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.normalList01 > li:before {
	background-color: #09529f;
	height: 5px;
	width: 5px;
}
.normalList02 > li:before {
	background-color: #937249;
	height: 4px;
	width: 4px;
	left: 1px;
	top: 0.6em;
}
.normalList01 > li,
.normalList02 > li {
	padding-left: 12px;
}

/* numList */
[class*="numberList"] {
	counter-reset: numList;
}
[class*="numberList"] > li {
	position: relative;
}
[class*="numberList"] > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
[class*="numberList"] > li > [class*="numberList"] {
	margin-top: 0.5em;
}
.numberList01 > li {
	padding-left: 1.5em;
}
.numberList01 > li:before {
	content: counter(numList,decimal) ".";
	counter-increment: numList;
}
.numberList02 > li {
	padding-left: 2.2em;
}
.numberList02 > li:before {
	content: "("counter(numList,decimal)")";
	counter-increment: numList;
}
.numberList03 > li {
	padding-left: 1.5em;
}
.numberList03 > li:before {
	content: counter(numList,katakana-iroha)".";
	counter-increment: numList;
}
/* descList */
.descList01 > dt {
	margin: 1em 0 0.25em;
}
.descList01 > dt:first-child,
.descList01 > dt + dd > *:first-child {
	margin-top: 0;
}
.descList02 > dt {
	clear: left;
	float: left;
	margin: 1em 0 0 0;
}
.descList02 > dt:after {
	content: "：";
}
.descList02 > dd {
	margin: 1em 0 0 0;
	/* overflow: hidden; */
}
.descList02 > dt:first-child,
.descList02 > dt:first-child + dd,
.descList02 > dt + dd > *:first-child {
	margin-top: 0;
}
/* 03 linkParts
------------------------------------- */
.inlineLink {
	position: relative;
}
.inlineLink:hover {
	color: #ed7a2e;
}
.inlineLink[target="_blank"]:after,
.inlineLink[target="_blank"]:after,
.inlineLink[href$=".pdf"]:after,
.inlineLink[href*=".pdf#"]:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 12px;
	margin: 0 2px;
	vertical-align: middle;
	background: url(/img/common/com_ic11.png) 0 50% no-repeat;
}
.inlineLink[href$=".pdf"]:after,
.inlineLink[href*=".pdf#"]:after {
	width: 15px;
	height: 16px;
	background: url(/img/common/com_ic12.png) 50% 50% no-repeat;
}
.iconList01 > li > a,
.iconList01 > li > span,
.iconList01 > a,
.iconList01 > span  {
	display: inline-block;
	padding-left: 15px;
	position: relative;
}
.iconList01 > li > a:before,
.iconList01 > a:before  {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 6px;
	left: 0px;
}
.iconList01[class*="colLayout-"] > * {
	margin-top: 0.5em;
}
.iconList01 > li > a[target="_blank"],
.iconList01 > li > a[href$=".pdf"],
.iconList01 > a[target="_blank"],
.iconList01 > a[href$=".pdf"]  {
	padding-right: 20px;
}
.iconList01 > li > a[target="_blank"]:after,
.iconList01 > li > a[target="_blank"]:after,
.iconList01 > li > a[href$=".pdf"]:after,
.iconList01 > li > a[href*=".pdf#"]:after,
.iconList01 > a[target="_blank"]:after,
.iconList01 > a[href$=".pdf"]:after {
	position: absolute;
	content: "";
	right: 2px;
	top: 3px;
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url(/img/common/com_ic11.png) 0 50% no-repeat;
}
.iconList01 > li > a[href$=".pdf"]:after,
.iconList01 > li > a[href*=".pdf#"]:after,
.iconList01 > a[href$=".pdf"]:after,
.iconList01 > a[href*=".pdf#"]:after {
	right: 2px;
	top: 1px;
	width: 15px;
	height: 16px;
	background: url(/img/common/com_ic12.png) 50% 50% no-repeat;
}
.iconList01 > li.rss > a {
	padding-left: 25px;
	background: url(/img/common/com_ic05.png) 0 50% no-repeat;
}
.iconList01 > li.movie > a {
	padding-left: 25px;
	background: url(/img/common/com_ic04.png) 0 50% no-repeat;
}
.iconList01.rowerType li {
	display: inline-block;
	margin-right: 25px;
}

.iconList02 li.address {
	padding-left: 1.5em;
	background: url(/img/common/com_ic09.png) 0 0.2em no-repeat;
}
.iconList02 li.tel {
	padding-left: 1.5em;
background: url(/img/common/com_ic07.png) 0 0.2em no-repeat;
}


[class*="anchorList"] li {
	display: table;
	float: left;
	margin-top: 10px;
}
[class*="anchorList"] li a {
	background-color: #FFF;
	vertical-align: middle;
	display: table-cell;
	padding: 10px;
	padding-right: 30px;
	border: 1px solid #CCC;
}
[class*="anchorList"] li a span {
	display: block;
	position: relative;
}
[class*="anchorList"] li a span:after {
	content: "";
	height: 6px;
	width: 6px;
	border-right: 1px solid #0b58bb;
	border-bottom: 1px solid #0b58bb;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: -15px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.anchorList01 li {
	width: 100%;
}

/* colLayout */
.colLayout-one {
	text-align: center;
}
.colLayout-one > * {
	display: inline-block;
	float: none;
	margin-left: 0;
}

/* two */
.colLayout-two > * {
	width: 48.18%;
	margin-left:3.64%;
}
.colLayout-two > *:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}
.colLayout-two > *:nth-child(-n+2) {
	margin-top: 0;
}

/* three */
.colLayout-three > * {
	margin-left: 2.27%;
	width: 31.82%;
}
.colLayout-three > *:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}
.colLayout-three > *:nth-child(-n+3) {
	margin-top: 0;
}

/* four */
.colLayout-four > * {
	margin-left: 0.54054%;
	width: 24.5946%;
	margin-left: 2.186%;
	width: 23.36%;
}
.colLayout-four > *:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}
.colLayout-four > *:nth-child(-n+4) {
	margin-top: 0;
}

/* five */
.colLayout-five > * {
	margin-left: 1.2987%;
	width: 18.961%;
}
.colLayout-five > *:nth-child(-n+5) {
	margin-top: 0;
}

/* colLayout-img */
.colLayout-img > .colRight {
	float: right;
	margin: 0 0 0 10px;
}
.colLayout-img > .colLeft {
	float: left;
	margin: 0 10px 0 0;
}
.colLayout-img.ovfVisible > .colRight,
.colLayout-img.ovfVisible > .colLeft {
	margin-bottom: 0.5em;
}
.colLayout-img > .half {
	width: 50%;
}
.colLayout-img > .one-third {
	width: 33%;
}
.colLayout-img > .quarter {
	width: 25%;
}
.colLayout-img > .half img,
.colLayout-img > .one-third img,
.colLayout-img > .quarter img {
	width: 100%;
	height: auto;
}
.colLayout-img > .colDetail {
	margin-top: 0;
	overflow: hidden;
}
.colLayout-img.ovfVisible > .colDetail {
	overflow: visible;
}
.colLayout-img > .colDetail > *:first-child {
	margin-top: 0;
}
.txCaption01 {
	display: block;
	font-size: 1.2rem;
	margin: 0.25em 0 0;
	text-align: left;
}

.card_choice{
	font-size: 12px;
}

.footnote{
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #FFF0F5;
}

.footnote p span{
	font-weight: bold;
}

[class*="colLayout-"] {
	margin-top: 2.5em;
}
[class*="colLayout-"] > * {
	margin-top: 1.8em;
	float: left;
}

[class*="colLayout-one"] > *,
[class*="colLayout-img"] > * {
	float: inherit;
}
[class*="colLayout-"] > *:first-child,
[class*="colLayout-"] > * > *:first-child {
	margin-top: 0;
	margin-left: 0;
}
[class*="colLayout-"] + [class*="colLayout-"] {
	margin-top: 1.5em;
}

/* List Parts
------------------------------------------------------ */
/* bgBox */
.bgBox01 {
	margin-top: 20px;
	border: 2px solid #b7cee0;
	padding: 12px;
	padding-bottom: 10px;
}
.bgBox01 > .title {
	margin-top: 0;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #b7cee0;
}
.bgBox01 > .title + * {
	margin-top: 12px;
}
.bgBox02 {
	margin-top: 0;
	padding: 15px;
	background: #eeeeee;
}
.bgBox02 > *:first-child {
	margin-top: 0 !important;
}
/* 2018-09-16 #8288 TOCOM add start */
/* bgBoxauto */
.bgBox01auto {
	margin-top: 20px;
	border: 2px solid #b7cee0;
	padding: 12px;
	max-height: 230px;
	overflow: hidden;
	padding-bottom: 10px;
}
.bgBox01auto > .title {
	margin-top: 0;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #b7cee0;
}
.bgBox01auto > .title + * {
	margin-top: 12px;
}
/* bgBoxhidden */
.bgBox01hidden {
	margin-top: 20px;
	border: 2px solid #b7cee0;
	padding: 12px;
	padding-bottom: 10px;
}
.bgBox01hidden > .title {
	margin-top: 0;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 2px solid #b7cee0;
}
.bgBox01hidden > .title + * {
	margin-top: 12px;
}
.detailBoxBlock .bgBox01auto .heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.detailBoxBlock .bgBox01auto .colLayout-img {
	margin-top: 15px;
}
.detailBoxBlock .bgBox01hidden .heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.detailBoxBlock .bgBox01hidden .colLayout-img {
	margin-top: 15px;
}
.colLayout-img > .colDetail > .imgLayout {
	float: left;
}
.colLayout-img > .colDetail > .colLeftauto {
	float: left;
	margin: 0 10px 0 0;
}
.grad-btn-aligin {
	margin-top: 10px;
	text-align: center;
}
.grad-btn {
	text-decoration: none;
	min-width: 160px;
	display: inline-block;
	position: relative;
	border: 1px solid #cecece;
	background: #fff;
	color: #333333;
	text-align: center;
	border-radius: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
}
.grad-btn span {
	position: relative;
	padding-left: 18px;
	padding-right: 0;
}
.grad-btn span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	width: 11.5px;
	height: 11.5px;
	margin-top: -6px;
	background: url(/img/sp/common/com_ic12.png) no-repeat;
	background-size: 11.5px auto;
	border: none;
}
.grad-trigger {
	display: none;
}
.grad-trigger:checked ~ .bgBox01auto {
	max-height: none;
}
.grad-trigger:checked ~ .grad-btn-aligin > .grad-btn {
	display: none;
}
/* 2018-09-16 #8288 TOCOM add end */

/* borderBox01 */
.borderBox01 {
	margin-top: 20px;
	border: solid 1px #cecece;
}
.borderBox01 > .heading {
	margin: -1px -1px 0;
	padding: 10px;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #09529f;
}
.borderBox01 > .heading .tel {
	display: inline-block;
	position: relative;
	padding-left: 17px;
}
.borderBox01 > .heading .tel:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 24px;
	margin-top: -7px;
	background: url(/img/sp/common/com_ic54.png) no-repeat 0 0;
	-webkit-background-size: 9px 12px;
					background-size: 9px 12px;
}
.borderBox01 > .inner {
	padding: 10px;
}
.borderBox01 > .inner > *:first-child {
	margin-top: 0 !important;
}

/* borderBox02 */
.borderBox02 {
	margin-top: 20px;
	border: solid 2px #b7cee0;
}
.borderBox02 > .heading {
	padding: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #b7cee0;
}
.borderBox02 > .inner {
	padding: 10px;
}
.borderBox02 > .inner > *:first-child {
	margin-top: 0 !important;
}

/* contactBox */
.contactBox {
	margin-top: 20px;
}
.contactBox > .dial + .reception {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #cecece;
}
.contactBox > .dial {
	text-align: center;
}
.contactBox > .dial > .heading {
	color: #09529f;
	font-size: 1.3rem;
	font-weight: bold;
}
.contactBox > .reception {
}
.contactBox > .reception > .inner {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.contactBox > .reception > .inner > .heading {
	display: table-cell;
	padding-right: 20px;
	color: #09529f;
	font-size: 1.2rem;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.contactBox > .reception > .inner > .details {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.contactBox > .reception .rcpTable th,
.contactBox > .reception .rcpTable td {
	font-weight: bold;
	font-size: 1.2rem;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.contactBox > .reception .rcpTable th + td,
.contactBox > .reception .rcpTable td + td {
	padding-left: 2em;
}
.telLink {
	color: #333333 !important;
}
.telNum01,
.telNum02 {
	margin-top: 0.5em;
}
.telNum01 a,
.telNum02 a {
	display: inline-block;
	position: relative;
	padding-left: 42px;
	font-size: 2.7rem;
	font-weight: bold;
}
.telNum01 a:before,
.telNum02 a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 36px;
	height: 21px;
	margin-top: -11px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 36px 21px;
					background-size: 36px 21px;
}
.telNum01 a:before {
	background-image: url(/img/sp/common/com_ic56.png);
}
.telNum02 a:before {
	background-image: url(/img/sp/common/com_ic55.png);
}

/* modalBox */
.modalBox01 {
	margin-top: 20px;
	padding: 10px;
	border: solid 1px #cccccc;
}
.modalBox01 > *:first-child {
	margin-top: 0 !important;
}
.modalBox01 > .imgArea {
	margin: -10px -10px 0 !important;
}
.modalBox01 > .imgArea img {
	width: 100%;
	height: auto;
}
.modalBox01 > .imgArea[class*="icon-"] > a {
	display: block;
	position: relative;
}
.modalBox01 > .imgArea[class*="icon-"] > a:after {
	position: absolute;
}
.modalBox01 > .imgArea.icon-01 > a:after {
	content: "";
	bottom: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: url(/img/sp/common/com_ic35.png) no-repeat 50% 50% #ffffff;
	-webkit-background-size: 16px 16px;
					background-size: 16px 16px;
	border: solid 1px #09529f;
	border-radius: 2px;
}
.modalBox01 > .imgArea + * {
	margin-top: 10px;
}
.modalBox01 p,
.modalBox01 .btnLink03 {
	margin-top: 0.8em;
}

/* doorLink */
.doorLink01 {
	margin-top: 20px;
}
.doorLink01 > li {
	border-bottom: solid 1px #d3d3d3;
}
.doorLink01 > li > a {
	display: table;
	position: relative;
	width: 100%;
	text-decoration: none;
	table-layout: fixed;
}
.doorLink01 > li > a:after {
	content: "";
	display: block;
	height: 6px;
	width: 6px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 0;
}
.doorLink01 > li:first-child > a:after {
	margin-top: -13px;
}
.doorLink01 > li > a[target="_blank"]:after {
	height: 12px;
	width: 15px;
	margin-top: -6px;
	border: none;
	background: url(/img/common/com_ic11.png) no-repeat 0 0;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.doorLink01 > li:first-child > a[target="_blank"]:after {
	margin-top: -16px;
}


.doorLink01 > li > a > .imgArea,
.doorLink01 > li > a > .linkTxt {
	display: table-cell;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
}
.doorLink01 > li > a > .imgArea {
	width: 50%;
}
.doorLink01 > li > a > .linkTxt {
	width: 100%;
}
.doorLink01 > li > a > .imgArea + .linkTxt {
	width: 50%;
}
.doorLink01 > li:first-child > a > .imgArea,
.doorLink01 > li:first-child > a > .linkTxt {
	padding-top: 0;
}
.doorLink01 > li > a > .imgArea {
	vertical-align: top;
}
.doorLink01 > li > a > .imgArea.one-third {
	width: 33%;
}
.doorLink01 > li > a > .imgArea.one-third + .linkTxt {
	width: 67%;
}
.doorLink01 > li > a > .imgArea.quarter {
	width: 25%;
}
.doorLink01 > li > a > .imgArea.quarter + .linkTxt {
	width: 75%;
}
.doorLink01 > li > a > .imgArea img {
	width: 100%;
	height: auto;
}
.doorLink01 > li > a > .linkTxt {
	padding-left: 12px;
	padding-right: 15px;
	font-size: 1.5rem;
	vertical-align:  middle;
}

/* modalLink */
.modalLink01 {
	margin-top: 20px;
}
.modalLink01 > li {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.modalLink01 > li + li {
	margin-top: 15px;
}
.modalLink01 > li > .imgArea,
.modalLink01 > li > .txtArea {
	display: table-cell;
	width: 50%;
	color: #333333;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}
.modalLink01 > li > .imgArea img {
	width: 100%;
	height: auto;
}
.modalLink01 > li > .imgArea > .modalImg[class*="icon-"] > a {
	display: block;
	position: relative;
}
.modalLink01 > li > .imgArea > .modalImg[class*="icon-"] > a:after {
	position: absolute;
}
.modalLink01 > li > .imgArea > .modalImg.icon-01 > a:after {
	content: "";
	bottom: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: url(/img/sp/common/com_ic35.png) no-repeat 50% 50% #ffffff;
	-webkit-background-size: 16px 16px;
					background-size: 16px 16px;
	border: solid 1px #09529f;
	border-radius: 2px;
}
.modalLink01 > li > .imgArea.one-third {
	width: 33%;
}
.modalLink01 > li > .imgArea.one-third + .txtArea {
	width: 67%;
}
.modalLink01 > li > .imgArea.quarter {
	width: 25%;
}
.modalLink01 > li > .imgArea.quarter + .txtArea {
	width: 75%;
}
.modalLink01 > li > .imgArea.one-third > .modalImg.icon-01:after,
.modalLink01 > li > .imgArea.quarter > .modalImg.icon-01:after {
	width: 20px;
	height: 20px;
	-webkit-background-size: 13px 13px;
					background-size: 13px 13px;
}
.modalLink01 > li > .txtArea {
	padding-left: 10px;
}
.modalLink01 > li > .txtArea > *:first-child {
	margin-top: 0 !important;
}
.modalLink01 > li > .txtArea > .linkTxt {
	position: relative;
	padding-left: 15px;
	color: #0b58bb;
	font-size: 1.5rem;
}
.modalLink01 > li > .txtArea > .linkTxt:after {
	content: "";
	display: block;
	height: 6px;
	width: 6px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	top: 0.45em;
}
.modalLink01 > li > .txtArea > .linkTxt + * {
	margin-top: 0.5em;
}

/********************************************************
	ELEMENT
********************************************************/
/* tel */
a[href^="tel:"] {
	color: #000000;
	text-decoration: none;
}

/* Link Parts
------------------------------------------------------ */
/* linkBlock */
a.linkBlock {
	display: block;
	text-decoration: none;
}

/*** button ***/
[class*="btnLink"] {
	margin-top: 1.5em;
}
[class*="btnLink"].inline li {
	display: inline-block;
}
[class*="btnLink"].inline li + li {
	margin-left: 5px;
}
[class*="btnLink"] li + li {
	margin-top: 10px;
}
[class*="btnLink"] a {
	text-decoration: none;
	display: block;
	position: relative;
	border: 1px solid #ed652e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #ed652e;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 8px;
}
[class*="btnLink05"] input {
	text-decoration: none;
	display: block;
	position: relative;
	border: 1px solid #ed652e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #ed652e;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 44px 10px 30px;
}

.goodValButton {
}
.goodValButton a {
	background: #DC143C;
	color: #fff !important;
	padding: 5px 2px 5px 2px;
	border-radius: 5px !important;
	text-decoration: none !important;
	display: inline-block;
	font-weight: bold;
}
.goodValButton a:hover {
	background: #D64060;
}
.goodValButtonInner {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
}
.goodValButtonInner li {
   text-align: center;
}
.goodValButtonInner a {
	background: rgba(90, 92, 94, 0.94);
	border: 1px solid #fff !important;
	text-decoration: none !important;
	display:inline-block;
}
.goodValButtonInner a:hover {
	background: rgba(115, 118, 119, 0.94) !important;
}

/*-------------------------------------*/
.goodValButton02 {
	background-color: #ffffff;
	border-color: #e00b0b;
	color: #e00b0b;
	font-size: 10px;
	font-weight: normal;
    display: inline-block;
    min-width: 96px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    padding: 3px 5px 3px 5px;
}
.goodValButton02 a {
	color: #e00b0b !important;
	display:inline-block;
    border-width: 1px;
	text-decoration: none !important;
   	/*
	border-radius: 5px !important;
   	font-weight: bold;
	text-decoration: none !important;
   	*/
}
.goodValButton02 a:hover {
	background: #ffffff;
	/*
	background: #ebf5ff;
	*/

}
.goodValButtonInner02 {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	/* リンクイベントアクティブ化*/
	pointer-events: auto!important;
}
.goodValButtonInner02 li {
   text-align: center;
}
.goodValButtonInner02 a {
	background: rgba(90, 92, 94, 0.94);
	border: 1px solid #fff !important;
	text-decoration: none !important;
	display:inline-block;
}
.goodValButtonInner02 a:hover {
	background: rgba(115, 118, 119, 0.94) !important;
}

.goodValueBalloonBox02 {
}
.goodValueBalloonBox02 > .inner {
	background: rgba(90, 92, 94, 0.94) !important;
	border-radius: 0px !important;
	left: -75px;
	/* left: -100px; */
	/* マウスポインタ変更
	pointer-events: none;
	cursor: pointer;*/
}

.goodValueBalloonBox02 > .inner:before {
	content: "×" !important;
	color: #fff !important;
	border-radius: 20px !important;
	background: rgba(90, 92, 94, 0.94) !important;
	border: 2px solid #fff !important;
	width: 26px !important;
	height: 26px !important;
	top: -10px !important;
	left: 98% !important;
	position:absolute !important;
	text-align: center;
	/* マウスポインタ変更
	pointer-events: auto;
	line-height: 1.9em; */
}
.goodValueBalloonBox02 > .inner:after {
	border-bottom-color: rgba(90, 92, 94, 0.94) !important;
	left: 50% !important;
}

.goodValueBalloonBox02 > .inner {
	/* マウスポインタ変更 */
	pointer-events: none;
	cursor: pointer;
}
.goodValueBalloonBox02 > .inner:before {
	/* マウスポインタ変更 */
	pointer-events: auto;
	line-height: 1.9em; /* x印中央寄せ*/
}

/*-------------------------------------*/




[class*="btnLink"].inline a,
[class*="btnLink"].inline input {
	display: inline-block;
}
[class*="btnLink"] input,
[class*="btnLink"] button {
	padding: 8px 44px 10px 30px;
}
[class*="btnLink"] input,
[class*="btnLink"] button {
	width: 100%;
}
[class*="changeButton"] input {
	width: 231px;
}
[class*="registerButton"] input {
	width: 179px;
}
[class*="btnLink"][class*="colLayout-"] > * {
	margin-top: 10px;
	display: table;
}
[class*="btnLink"][class*="colLayout"] a {
	display: table-cell;
	vertical-align: middle;
}
[class*="btnLink"] a span {
	display: block;
	position: relative;
	padding-right: 35px;
	padding-left: 25px;
}
[class*="buttonForChangeFinish"] a span {
	width: 164px;
}
[class*="btnLink"] > span {
	display: inline-block;
	position: relative;
}
[class*="btnLink"] a span:after,
[class*="btnLink"] > span:after {
	content: "";
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #ed652e;
	border-bottom: 2px solid #ed652e;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}
.bkngMr10RmsBtn {
	-webkit-appearance: none;
	border: 1px solid #ed652e;
	background: #fff;
	color: #ed652e;
	border-radius: 2px;
}
[class*="btnLink"].arrL a span,
[class*="btnLink"].arrL input {
	padding-left: 35px;
	padding-right: 25px;
}
[class*="btnLink"].arrL a span:after,
[class*="btnLink"].arrL > span:after {
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: auto;
	left: 13px;
}
[class*="btnLink"] a[target="_blank"] span:after,
[class*="btnLink"] a[href$=".pdf"] span:after,
[class*="btnLink"] a[href*=".pdf#"] span:after {
	border: none;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 15px;
	right: 10px;
	top: 50%;
}
[class*="btnLink"] a[target="_blank"] span:after {
	margin-top: -6px;
	height: 12px;
	background: url(/img/common/com_ic13.png) 0 50% no-repeat;
}
.btnLink02 a[target="_blank"] span:after,
.btnLink03 a[target="_blank"] span:after {
	background-image: url(/img/common/com_ic14.png);
}
[class*="btnLink"] a[href$=".pdf"] span:after,
[class*="btnLink"] a[href*=".pdf#"] span:after {
	height: 16px;
	margin-top: -8px;
	background: url(/img/common/com_ic12.png) 0 50% no-repeat;
}
[class*="btnLink"].type-close a {
	color: #333;
	display: inline-block;
	min-width: 180px;
	padding-left: 10px;
	border: 1px solid #c7c7c7;
}
[class*="btnLink"].type-close a span:after {
	display: none;
}
[class*="btnLink"].type-close a span:before {
	content: "×";
	margin-right: 8px;
	color: #0b58bb;
}

.gray {
	color: #888888;
}

/* btnLink01 */

.btnLink01.type02 a:hover {
	background: #fffad7;
	}



/* btnLink02 */
.btnLink02 a,
.btnLink02 input {
	border: none;
	background: #4085c9;
	color: #fff;
}
.btnLink02 a span:after,
.btnLink03 a span:after,
.btnLink02 > span:after,
.btnLink03 > span:after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

/* btnLink03 */
.btnLink03 a,
.btnLink03 input,
.btnLink03 button {
	color: #fff;
	background: #ee8231;
	background: -moz-linear-gradient(top,  #ee8231 1%, #eb7123 100%);
	background: -webkit-linear-gradient(top,  #ee8231 1%,#eb7123 100%);
	background: linear-gradient(to bottom,  #ee8231 1%,#eb7123 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8231', endColorstr='#eb7123',GradientType=0 );
	border: none;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
	box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
}
.btnLink03.type02 input {
	color: #fff;
	padding: 10px 40px;
	background: #ee8231;
	background: -moz-linear-gradient(top,  #ee8231 1%, #eb7123 100%);
	background: -webkit-linear-gradient(top,  #ee8231 1%,#eb7123 100%);
	background: linear-gradient(to bottom,  #ee8231 1%,#eb7123 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8231', endColorstr='#eb7123',GradientType=0 );
	border: none;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
	box-shadow: 1px 1px 0px 0px rgba(208,102,33,1);
	}




/* btnLink04 */
.btnLink04 a,
.btnLink04 input {
	color: #333;
	border: 1px solid #c7c7c7;
}
.btnLink04 a span:after,
.btnLink04 > span:after {
	border-right: 2px solid #4085c9;
	border-bottom: 2px solid #4085c9;
}

/* btnSelectHotel */
.btnSelectHotel a {
	color: #333;
	display: block;
	padding: 8px;
	border: 1px solid #aaa;
}


/* Table Parts
------------------------------------------------------ */

[class*="tableWrap"] {
	clear: both;
	margin: 20px 0 0 0;
}
.tableWrap01 > *:first-child {
	margin-top: 0 !important;
}
.tableWrap01.disable,
.tableWrap01 .disableRow {
	position: relative;
}
.tableWrap01 .disableRow .cellLv1 {
	background-color: #878c92 !important;
}
.tableWrap01 .disableRow td,
.tableWrap01 .disableRow td select,
.tableWrap01 .disableRow td .btnLink01 a {
	background-color: #989898;
	border-color: #7f7f7f;
}
.tableWrap01 .disableRow td .btnLink01 a {
	background-color: #989898;
	border-color: #7f7f7f;
	color: #7f7f7f;
}
.tableWrap01 .disableRow th {
	border-color: #7f7f7f;
}
.tableLayout01 th,
.tableLayout01 td,
.tableLayout02 th,
.tableLayout02 td,
.tableLayout04 th,
.tableLayout04 td {
	display: block;
}
[class*="tableLayout"] {
	width: 100%;
	border-collapse:collapse;
}
[class*="tableLayout"] th,
[class*="tableLayout"] td {
	padding: 13px;
	border-top: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}
[class*="tableLayout"] td {
	padding-bottom: 20px;
}
.cellLv1,
[class*="tableLayout"] .tableCaption02 {
	background: #dde7f2 !important;
	font-size: 1.4rem !important;
	font-weight: normal !important;
	vertical-align: middle !important;
	position: relative;
}
.cellLv2 {
	font-weight: bold !important;
	vertical-align: middle !important;
}
.tableLayout03 .cellLv2,
.tableLayout05 .cellLv2 {
	background: #f4efe8 !important;
	font-weight: normal !important;
}
.cellLv3 {
	background: #fafaf5 !important;
	font-weight: normal !important;
	vertical-align: top !important;
	vertical-align: middle !important;
}
.cellLv4 {
	background: #fffde9 !important;
	font-weight: normal !important;
	vertical-align: top !important;
	vertical-align: middle !important;
}
[class*="tableLayout"] .tableCaption01 {
	border-left: 3px solid #09529f;
	margin-bottom: 13px;
	padding: 1px 0 1px 10px;
	text-align: left;
	font-weight: bold;
}
[class*="tableLayout"] .tableCaption02 {
	margin-bottom: 13px;
	padding: 13px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}
[class*="tableWrap"] table th > *:first-child,
[class*="tableWrap"] table td > *:first-child {
	margin-top: 0 !important;
}
[class*="tableWrap"] table th > .mt10,
[class*="tableWrap"] table td > .mt10 {
	margin-top: 10px !important;
}

/* tableWrap03 */
.tableWrap03 {
	overflow-x: auto;
	padding-bottom: 10px;
}
.tableWrap03::-webkit-scrollbar {
	height: 5px;
}
.tableWrap03::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #eee;
}
.tableWrap03::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #666;
}
.tableLayout03 {
	width: 150%;
}
.tableLayout03 th,
.tableLayout03 td {
	border: 1px solid #cccccc;
}

.tableLayout04 .cellLv1 {
	padding: 8px 10px;
}

/* tableWrap05 */
.tableWrap05 table {
	width: 100%;
	border: none;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse: separate;
}
.tableWrap05 table th,
.tableWrap05 table td {
	padding: 10px;
	border: none;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.tableWrap05 table table,
.tableWrap05 table table {
	border: none;
}
.tableWrap05 table .tableHead th {
	font-size: 1.5rem;
	text-align: left;
	vertical-align: middle;
}
.tableWrap05 table .tableHead td {
	font-size: 1.2rem;
	text-align: right;
	vertical-align: middle;
}
.tableWrap05 table table th,
.tableWrap05 table table td {
	border: none;
	padding: 0;
}
.tableWrap05.scroll {
	overflow-x: scroll;
	padding-bottom: 10px;
}
.tableWrap05.scroll::-webkit-scrollbar {
	height: 5px;
}
.tableWrap05.scroll::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #eee;
}
.tableWrap05.scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #666;
}
.tableWrap05.scroll table {
	width: auto;
}
.tableWrap05.scroll table th,
.tableWrap05.scroll table td {
	white-space: nowrap;
}
/* table 縦積み */
table.vertical,
table.vertical > thead,
table.vertical > tbody,
table.vertical > thead > tr,
table.vertical > tbody > tr,
table.vertical > tr,
table.vertical > thead > tr > th,
table.vertical > tbody > tr > th,
table.vertical > tr > th,
table.vertical > thead > tr > td,
table.vertical > tbody > tr > td,
table.vertical > tr > td {
	display: block;
}

.descElm.disabled .cellLv1 {
	background-color: #878c92 !important;
}
.descElm.disabled td {
	background-color: #989898;
	border-color: #7f7f7f;
}
.descElm.disabled th {
	border-color: #7f7f7f;
}
.descElm.disabled td input[disabled] {
	background-color: #989898;
}

.ecoPlanBlock ul li {
	margin-top: 10px;
}

/* Figure Parts
------------------------------------------------------ */
/* figWrap01 */
.figWrap01 {
	clear: both;
	margin: 30px 0 0 0;
}
.figWrap01 + .figWrap01 {
	margin-top: 20px;
}
/* imgWrap */
.imgWrap {
	display: block;
	overflow: hidden;
}
.imgWrap.type1 {
	border: 1px solid #cccccc;
}
.imgWrap > .imgFrame {
	margin: -1px;
}

/* News Parts
------------------------------------------------------ */
.newsWrap {
	margin-top: 20px;
}
.newsWrap > .newsBox {
	border-bottom: solid 1px #dfdfdf;
}
.newsWrap > .newsBox > a {
	display: block;
	padding: 15px 0;
	text-decoration: none;
}
.newsWrap > .newsBox > .date {
	padding-top: 15px;
}
.newsWrap > .newsBox > .txt {
	padding-bottom: 15px;
}
.newsWrap > .newsBox:first-child > a,
.newsWrap > .newsBox:first-child > .date {
	padding-top: 0;
}
.newsWrap > .newsBox .date {
	color: #666666;
	font-weight: bold;
	line-height: 1;
}
.newsWrap > .newsBox .date > [class*="icon-"] {
	display: inline-block;
	min-width: 5.5em;
	padding: 4px;
	margin-left: 10px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
}
.newsWrap > .newsBox .date > .icon-01 {
	color: #347a7b;
	background-color: #dfeeee;
}
.newsWrap > .newsBox .date > .icon-02 {
	color: #50347b;
	background-color: #eae4f1;
}
.newsWrap > .newsBox .date > .icon-03 {
	color: #09529f;
	background-color: #dbe7f4;
}
.newsWrap > .newsBox .date > .icon-04 {
	color: #c1712b;
	background-color: #f7e5d5;
}
.newsWrap > .newsBox .date > .icon-05 {
	color: #ab3388;
	background-color: #f4dbed;
}
.newsWrap > .newsBox .date > .icon-06 {
	color: #7c7118;
	background-color: #e4e2d3;
}
.newsWrap > .newsBox .date > .icon-07 {
	color: #236f19;
	background-color: #dde9dc;
}
.newsWrap > .newsBox .date + * {
	margin-top: 5px;
}
.newsWrap > .newsBox > a > .txt {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
.newsWrap > .newsBox > a > .txt:before {
	content: "";
	display: block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 0.4em;
	left: 0px;
}
/* icon setting */
.newsWrap > .newsBox > a[target="_blank"] > .txt:after,
.newsWrap > .newsBox > a[href$=".pdf"] > .txt:after {
	display: inline-block;
	vertical-align: top;
}
.newsWrap > .newsBox > a[target="_blank"] > .txt:after {
	content: url(/img/common/com_ic11.png);
	margin: 2px 0 0 5px;
}
.newsWrap > .newsBox > a[href$=".pdf"] > .txt:after {
	content: url(/img/common/com_ic12.png);
	margin: 0 0 0 5px;
}

/* Form Parts
------------------------------------------------------ */
[class*="btnLink"] {
	margin-top: 30px;
}

/* mypBox02 */
.mypBox02 {
	background-color: #eeeeee;
	padding: 20px 12px;
}
.mypBox02 .boxAccount li + li {
	margin-top: 15px;
}
.mypBox02 .boxAccount li > span {
	display: block;
}
.mypBox02 .boxAccount li > span:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}
.mypBox02 .boxAccount li [class*="btnLink"] {
	margin: 10px auto 0px;
	width: 70%;
}

/* mypBox03 */
.mypBox03 {
	background-color: #eeeeee;
	padding: 20px;
	margin-top: 30px;
}
.mypBox03 .txtAttention {
	font-size: 1.5rem;
	font-weight: bold;
}
.mypBox03 .txtPointTtl {
	font-weight: bold;
}
.mypBox03 .txtPointTtl span {
	font-size: 1.5rem;
	font-weight: bold;
}
.mypBox03 .txtPoint {
	font-size: 1.9rem;
	font-weight: bold;
	margin-top: 0.5em;
}
.mypBox03 .txtPoint span {
	font-size: 2.9rem;
	font-weight: bold;
	color: #4085c9;
}

/* table element */
input {
}
input[type="text"],
input[type="password"],
table select,
.selectWrap select,
textarea {
	line-height: 1.2;
	background-color: #fff;
	vertical-align: middle;
	padding: 4px;
	height: 2em;
	height: 30px;
	border: 1px solid #aaaaaa;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	height: auto;
}
table select,
.selectWrap select {
	width: 100%;
	padding: 2px;
	padding-right: 25px;
	padding-left: 6px;
}
.selectWrap {
	width: 40%;
	display: inline-block;
	position: relative;
}
.selectWrap + .selectWrap {
	margin-left: 10px;
}
.selectWrap:before {
	content: "";
	height: 6px;
	width: 6px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
table select::-ms-expand,
.selectWrap select::-ms-expand {
	display: none;
}
table input[type="radio"] {
}
table input[type="checkbox"] {
}
.icRequired {
	font-size: 1.3rem;
	color: #FFF;
	background-color: #d82c2c;
	display: block;
	padding: 2px;
	width: 3em;
	text-align: center;
}
.cellLv1.icReqCell,
.cellLv2.icReqCell {
	display: block;
	width: auto;
	position: relative;
	padding-right: 5em;
}
.cellLv1.icReqCell:after,
.cellLv2.icReqCell:after {
	content: "必須";
	display: block;
	position: absolute;
	top: 1em;
	right: 12px;
	font-size: 1.3rem;
	color: #FFF;
	background-color: #d82c2c;
	padding: 2px;
	width: 3em;
	text-align: center;
}
.tableLayout04 .cellLv1 .icRequired {
	top: 0.6em;
}
.boxError {
	background-color: #fff3f3;
	padding: 18px 12px;
	margin-top: 50px;
}
td.boxError {
	padding: 13px;
	margin-top: 0px;
}
.txtError {
	font-weight: bold;
	color: #d82c2c;
	display: block;
}
.typeForm .cellLv1 {
	font-size: 1.4rem !important;
}
.typeForm [class*="colLayout-"] > * {
	margin-top: 0.5em;
}
.typeForm ul.inlineCol > li {
	display: inline-block;
	margin-right: 30px;
}
.typeForm caption.fontsize13 {
	font-size: 1.3rem;
	position:relative;
}
.typeForm caption.fontsize13 [class*="btnLink"] {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-weight: normal;
}

/* boxCancel */
.boxCancel {
	text-align: center;
	padding: 22px 15px;
}
.txtCancel {
	font-size: 1.6rem;
	font-weight: bold;
	color: #d82c2c;
}

/* boxPrice */
.boxPrice {
	padding: 10px 12px;
	border: 2px solid #cccccc;
}
.boxPrice ul li {
	padding: 10px 0;
}
.boxPrice ul li > p:last-child {
	text-align: right;
	margin-top: 5px;
}
.boxPrice ul li + li {
	border-top: 1px solid #CCC;
}
.boxPrice ul li.totalLine {
	border-top: 2px solid #CCC;
}

/* inputAdd */
.inputAdd li + li {
	margin-top: 15px;
}
.inputPostcode .exWrap {
	width: 65%;
}
.btnCode {
	font-size: 1.4rem;
	color: #FFF;
	background-color: #4085c9;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 6em;
	height: 2em;
	margin-left: 10px;
	border-style: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer
}

/* boxChart */
.boxChart {
	margin-top: 20px;
}
.boxChart li {
	background-color: #eeeeee;
	display: table;
	float: left;
	height: 50px;
	width: 33.3%;
	position: relative;
}
.boxChart.colFour li {
	width: 25%;
	font-size: 1.2rem;
}
.boxChart li {
	z-index: 15;
}
.boxChart li:nth-child(2) {
	z-index: 14;
}
.boxChart li:nth-child(3) {
	z-index: 13;
}
.boxChart li:nth-child(4) {
	z-index: 12;
}
.boxChart li:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 15px;
	border-color: transparent transparent transparent #eeeeee;
	position: absolute;
	top: 0px;
	right: -15px;
}
.boxChart.colFour li:after {
	border-width: 25px 0 25px 10px;
	right: -10px;
}
.boxChart li:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 0 27px 18px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: -2px;
	right: -18px;
}
.boxChart.colFour li:before {
	border-width: 27px 0 27px 13px;
	right: -13px;
}
.boxChart li:last-child:after {
	display: none;
}
.boxChart li.current {
	font-weight: bold;
	color: #FFF;
	background-color: #09529f;
}
.boxChart li.current:after {
	border-color: transparent transparent transparent #09529f;
}
.boxChart li span {
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding-right: 5px;
	padding-left: 15px;
}
.boxChart.colFour li span {
	padding-left: 10px;
}

/* btnCheck */
.btnCheck {
	text-align: center;
	margin-top: 20px;
}
.btnCheck label {
	font-size: 1.5rem;
	color: #da5005;
	text-align: center;
	display: inline-block;
	padding: 8px;
	width: 95%;
	border: 1px solid #da5005;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.btnCheck label input[type="checkbox"] {
	margin-top: -10px;
	position: absolute;
	left: 12px;
	top: 50%;
}

/* btnLayout01 */
.btnLayout01 {
	display: table;
	width: 100%;
}
.btnLayout01 > li {
	vertical-align: middle;
	display: table-cell;
}
.btnLayout01 [class*="btnLink"],
.btnLayout01 [class*="normalList"] {
	margin-top: 0px;
}

/*-------- listHead ---------*/
.listHead {
	margin-bottom: 20px;
	position: relative;
}
.listHead .txtMessage strong {
	font-size: 2.2rem;
	font-weight: bold;
}
.listHead .pullArea {
	margin-top: 15px;
}
.listHead .pullArea .selectWrap {
	width: 47%;
}


/*-------- listRadio01 ---------*/
.listRadio01 {
}
.listRadio01 li {
	margin-top: 10px;
	padding-left: 28px;
}
.listRadio01 li:first-child {
	margin-top: 0px;
}
.listRadio01 li input[type="radio"] {
	margin-left: -25px;
	margin-right: 10px;
}
.listRadio01 li input[type="text"] {
	margin-top: 5px;
	margin-left: 0px;
}
.btnAdd {
	font-size: 1.4rem;
	background-color: #FFF;
	padding: 8px 20px;
	margin-top: 10px;
	margin-left: 0px;
	border: 1px solid #CCC;
	cursor: pointer;
}
.btnAdd:hover {
	background-color: #ebf5ff;
}


/*-------- btnLabel01 ---------*/
.btnLabel01 {
	margin-top: 15px;
}
.btnLabel01 > * {
	margin-top: 10px;
}
.btnLabel01 label {
	display: block;
	height: 100%;
	padding: 8px 8px 8px 30px;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.btnLabel01.bdrNone label {
	border: none;
	padding: 0px 0px 0px 30px;
}
.btnLabel01 label input {
	margin-left: -20px;
	margin-right: 5px;
}
.btnLabel01.inline > * {
	display: inline-block;
}


/*-------- boxcheckinnDate ---------*/
.boxcheckinnDate {
}
.boxcheckinnDate .inputDate {
	display: inline-block;
	display: block;
	position: relative;
	zIndex:1000;
}
.boxcheckinnDate .inputDate img {
	height: auto;
	width: 15px;
	position: absolute;
	top: 6px;
	right: 8px;
}


/*-------- spinBtn ---------*/
.spinBtn {
}
.spinBtn {
	background-color: #FFF;
	display: table;
	height: 40px;
	width: 100%;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.spinBtn .tblCell {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding-right: 10px;
	position: relative;
}
.spinBtn input {
	border: none;
	width: 3em;
	text-align: right;
	margin-right: -5px;
	vertical-align: middle;
}
.spinBtn .checkinn {
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
}
.spinBtn .checkinn input {
	width: 80%;
	text-align: left;
}
.spinBtn .ui-datepicker-trigger {
	width: 20px;
	height: auto;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: 10px;
}
.spinBtn .term:after {
	content: "泊";
	vertical-align: middle;
}
/*.spinBtn .room:after {
	content: "室";
	vertical-align: middle;
}*/
.spinBtn .peopleNum:after {
	content: "人";
	vertical-align: middle;
}
.spinBtn .up-down-buttons button {
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	background-color: #144e90;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	position: absolute;
	height: 40px;
	width: 27px;
	left: -1px;
	top: -1px;
	border: none;
	border-right: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.spinBtn .up-down-buttons button.up {
	left: auto;
	right: -1px;
	border: none;
	border-left: 1px solid #aaaaaa;
}


/*-------- selectSmoke ---------*/
* + .selectSmoke {
	margin-top: 30px;
}
.selectSmoke dt {
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #ecf1f6;
	background-image: url(/img/common/com_ic16.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	background-size: 28px auto;
	padding: 13px 13px 13px 50px;
}
.selectSmoke dd + dt {
	margin-top: 20px;
}
.selectSmoke dt.smokeOk {
	background-image: url(/img/common/com_ic17.png);
}
.selectSmoke dd {
	padding: 15px;
}

/*-------- addBox ---------*/
[class*="btnAddBox"] {
	line-height: 1.1;
	text-align: center;
	margin-top: 15px;
}
[class*="btnAddBox"] .addTXt {
	background-color: #FFF;
	display: inline-block;
	padding: 8px 20px 8px 40px;
	border: 1px solid #CCC;
	position: relative;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
[class*="btnAddBox"] .addTXt:before {
	content: "＋";
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #4085c9;
	text-align: center;
	height: 18px;
	width: 18px;
	padding-top: 3px;
	margin-top: -10px;
	position: absolute;
	left: 8px;
	top: 50%;
}
.js-next-show [class*="btnAddBox"] .addTXt:before {
	content: "−";
	padding-top: 1px;
}
[class*="btnAddBox"] .addTXt:not(.txtnone):after {
	content: "追加する";
}
.js-next-show [class*="btnAddBox"] .addTXt:not(.txtnone):after {
	content: "追加しない";
}

/*-------- boxLogin ---------*/
.boxLogin .col {
	background-color: #eeeeee;
	text-align: center;
	padding: 15px;
}
.boxLogin .col + .col {
	margin-top: 30px;
}
.boxLogin .inputLogin {
	text-align: left;
}
.boxLogin .inputLogin li > p {
	margin-bottom: 5px;
}
.boxLogin .inputLogin li + li {
	padding-top: 15px;
}

/*-------- heading02 ---------*/
.heading02 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #1a529d;
	padding: 0px 15px 5px;
	border-bottom: 1px solid #1a529d;
	margin-right: -15px;
	margin-left: -15px;
}

/* modal Parts
------------------------------------------------------ */
.gallary #cboxLoadedContent {
	height: 100vh !important;
	padding: 25px 12px;
	background: #ffffff;
}
#gallary > *:first-child {
	margin-top: 0 !important;
}
#gallary .mainWrap,
#gallary .controlWrap {
	overflow: hidden;
}
#gallary .mainWrap .mainSlider > li {
	width: 100%;
}
#gallary .mainWrap .mainSlider > li figure + * {
	margin-top: 10px;
}
#gallary .mainWrap .mainSlider > li figcaption {
	margin-top: 5px;
	font-size: 1.2rem;
	text-align: center;
}
#gallary .controlWrap {
	margin-top: 15px;
	padding: 0 20px;
}
#gallary .controlWrap .thumbnail > li {
}
#gallary .controlWrap .thumbnail > li > a {
	display: block;
}
#gallary .controlWrap .thumbnail > li img {
	width: 100%;
	height: auto;
}
#gallary .controlWrap .thumbnail > li.active > a {
	position: relative;
}
#gallary .controlWrap .thumbnail > li.active > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 2px #09529f;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
/* 初期表示 */
#gallary .mainWrap > .mainSlider,
#gallary .controlWrap > .thumbnail {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-justify-content: center;
		 -moz-justify-content: center;
					justify-content: center;
}
#gallary .mainWrap > .mainSlider > li,
#gallary .controlWrap > .thumbnail > li {
	-webkit-flex-shrink: 0;
		 -moz-flex-shrink: 0;
					flex-shrink: 0;
	-webkit-flex-wrap: nowrap;
		 -moz-flex-wrap: nowrap;
					flex-wrap: nowrap
}
#gallary .controlWrap > .thumbnail > li + li {
	margin-left: 10px;
}
#gallary .controlWrap > .thumbnail {
	overflow: hidden;
}
#gallary .controlWrap > .thumbnail > li {
	width: 95px;
}
#gallary .controlWrap > .thumbnail + #PrevIcon,
#gallary .controlWrap > .thumbnail + #PrevIcon + #NextIcon {
	display: none;
}
/* スライダー表示 */
#gallary .controlWrap {
	position: relative;
}
#gallary .controlWrap #PrevIcon,
#gallary .controlWrap #NextIcon {
	position: absolute;
	height: 30px;
	width: 20px;
	top: 50%;
	margin-top: -15px;
}
#gallary .controlWrap #PrevIcon {
	left: 0;
}
#gallary .controlWrap #NextIcon {
	right: 0;
}
#gallary .controlWrap #PrevIcon a,
#gallary .controlWrap #NextIcon a {
	display: block;
	position: relative;
	height: 30px;
	width: 20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gallary .controlWrap #PrevIcon a:after,
#gallary .controlWrap #NextIcon a:after {
	content: "";
	position: absolute;
	height: 15px;
	width: 15px;
	top: 50%;
	margin-top: -8px;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;

}
#gallary .controlWrap #PrevIcon a:after {
	left: 6px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
#gallary .controlWrap #NextIcon a:after {
	right: 6px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Other Parts
------------------------------------------------------ */

/*-------- mod_ocmenu ---------*/
.mod_ocmenu {
	position: relative;
	padding-right: 35px;
}
.mod_ocmenu:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 10px;
	width: 10px;
	margin-top: -10px;
	border-right: 3px solid #09529f;
	border-bottom: 3px solid #09529f;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}
.mod_ocmenu.active:after {
	margin-top: -6px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(-135deg);
}
.mod_ocmenu + * {
	display: none;
}
.mod_ocmenu.active + * {
	display: block;
}
/* accBox01 */
.accBox01 {
	margin-top: 20px;
}
.accBox01 > dt {
	margin-top: 20px;
	padding: 0;
}
.accBox01 > dt:after {
	display: none;
}
.accBox01 > dt:first-child {
	margin-top: 0;
}
.accBox01 > dt a {
	display: block;
	position: relative;
	padding: 0 30px 5px 0;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px #b7cee0;
}
.accBox01 > dt a:after {
	content: "";
	height: 6px;
	width: 6px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	position: absolute;
	top: 0.4em;
	right: 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.accBox01 > dt.active a:after {
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.accBox01 > dd {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #b7cee0;
}
.accBox01 > dd > *:first-child {
	margin-top: 0 !important;
}
.accBox01.typeQA > dt a {
	padding-left: 20px;
	font-size: 1.5rem;
}
.accBox01.typeQA > dt a:before {
	content: "Q";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #09529f;
}
.accBox01.typeQA > dd {
	margin-top: 15px;
	padding: 0 0 0 20px;
	border: none;
}
.accBox01.typeQA > dd > .answer {
	position: relative;
	padding-left: 20px;
	font-size: 1.5rem;
	font-weight: bold;
}
.accBox01.typeQA > dd > .answer:before {
	content: "A";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	color: #96b3d1;
}
.accBox01.typeQA > dd > .inner {
	margin-top: 10px;
}
.accBox01.typeQA > dd > .inner > *:first-child {
	margin-top: 0 !important;
}

/*-------- inputEx ---------*/
.txtEx {
	font-size: 1.3rem;
	color: #999;
	text-align: left;
	margin-top:-0.5em;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	left: 5px;
	top: 50%;
}
.safari .txtEx {
	margin-top:-0.6em;
}

/*-------- inputEx ---------*/
.exWrap {
	text-align:left;
	width: auto;
	display:inline-block;
	width: 100%;
	position:relative;
}
td.inputName .exWrap {
	width: 92%;
}
.inputTxtarea .txtEx {
	margin-top: 0em;
	top: 10px;
}
td.inputWAuto .exWrap {
	width: auto;
}

/*-------- tabArea ---------*/
.tabArea {
	overflow: hidden;
}
.tabArea [class*="btnTab"] {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 0;
	border-bottom: 2px solid #09529f;
}
.tabArea [class*="btnTab"] li {
	background-color: #ededed;
	vertical-align: middle;
	display: table-cell;
	width: 33.3%;
	border: 1px solid #cccccc;
	border-bottom: none;
}
.tabArea [class*="btnTab"].selectTow li {
	width: 44%;
}
.tabArea [class*="btnTab"] li span,
.tabArea [class*="btnTab"] li a {
	font-size: 1.3rem;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-top: 14px;
	padding-bottom: 13px;
	height: 100%;
}
.tabArea.bdrTop [class*="btnTab"] {
	border-top: 2px solid #09529f;
	border-bottom: none;
}
.tabArea.bdrTop [class*="btnTab"] li {
	border: 1px solid #cccccc;
	border-top: none;
}
.tabArea [class*="btnTab"] li.active {
	background-color: #09529f;
	border: 1px solid #09529f;
	border-bottom: none;
}
.tabArea [class*="btnTab"] li.active span {
	font-weight: bold;
	color: #FFF;
}
.tabArea .ctsTab {
	display: none;
}
.tabArea .ctsTab:nth-child(1) {
	display: block;
}

/*-------- jquery.number-spinner.js ---------*/
.ui-widget-header {
	border: none;
	background: #ededed url() 50% 50% repeat-x;
	color: #444444;
	font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #dddddd;
	background: #f6f6f6 url() 50% 50% repeat-x;
	font-weight: bold;
	color: #09529f;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #ffffff url() 50% 50% repeat-x;
	color: #333;
}
.ui-widget-header .ui-datepicker-prev-hover {
	background-color: #d7ebff !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background-color: #d7ebff !important;
	background-image: url();
	background-position: 0px 0px;
	border: 1px solid #d7ebff;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
	background-image: url(/img/common/com_arr01.png);
	background-position: 0px 0px;
	background-size: cover;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
	background-image: url(/img/common/com_arr02.png);
	background-position: 0px 0px;
	background-size: cover;
}

/*-------- balloonBox ---------*/
.boxHint {
	position: relative;
	margin-top: 10px;
}
.boxHint .txtHint {
	font-size: 1.2rem;
	color: #09529f;
	background-image: url(/img/sp/common/com_ic07.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px auto;
	padding-left: 20px;
}
.balloonWrap {
	position: relative;
}
.balloonBox {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
}
.gdValBlnBx a:after{
	background: none !important; /* リンク外部アイコンを表示しない*/
}
.gdValBlnBx {
	left: 25% !important;
	right: 0;
}
.gdValBlnBx > .inner {
	white-space: normal !important;
}
.gdValBlnBx > .inner:after {
	left: 60% !important;
}
.gdValBlnBx > .inner:before {
	left: 60% !important;
}
.balloonBox.top55 {
	display: none;
	position: absolute;
	top: 55%;
	left: 0;
	z-index: 99;
}
.boxHint .balloonBox .txtAns,
.balloonBox > .inner {
	margin-top: 12px;
	position: relative;
	width: auto;
	padding: 10px;
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	z-index: 1;
}
.boxHint .balloonBox .txtAns:after,
.boxHint .balloonBox .txtAns:before,
.balloonBox > .inner:after,
.balloonBox > .inner:before {
	bottom: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.boxHint .balloonBox .txtAns:after,
.balloonBox > .inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.boxHint .balloonBox .txtAns:before,
.balloonBox > .inner:before {
	border-color: rgba(215, 215, 215, 0);
	border-bottom-color: #d7d7d7;
	border-width: 9px;
	margin-left: -9px;
}
.goodValueBalloonBox > .inner {
	/* マウスポインタ変更 */
	pointer-events: none;
	cursor: pointer;
}
.goodValueBalloonBox > .inner:before {
	/* マウスポインタ変更 */
	pointer-events: auto;
	line-height: 1.9em; /* x印中央寄せ*/
}
.goodValButtonInner {
	/* リンクイベントアクティブ化*/
	pointer-events: auto!important;
}
/*-------- pointList ---------*/
.pointList {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: solid 1px #cccccc;
}
.pointList + .pointList {
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*-------- icon ---------*/
.iconPc {
	color: #09529f;
	font-style: normal;
	line-height: 1.1;
	background-color: #FFF;
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
	padding: 3px 6px;
	border: 1px solid #09529f;
}

/*-------- selectHotel ---------*/
#selectHotel .btnLinkSearchHere {
	margin-top: 20px;
	border-top: 1px solid #debcac;
	border-bottom: 1px solid #debcac;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#selectHotel .btnLinkSearchHere a {
	border: 1px solid #aaa;
	color: #333;
	background-image: url(/img/sp/common/com_ic34.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 12px auto;
}
#selectHotel .btnLinkSearchHere a span:after {
border-right: 2px solid #09529f;
border-bottom: 2px solid #09529f;
}

/* START
   2017/11/28 追加 lincrea二ノ宮　"btnLinkSearchHere"の名称が
   https://maps-api-ssl.google.com/maps/api/jsとバッティングしており、意図しない挙動をするための対応*/
#selectHotel .btnLinkSearchHere_toyoko {
	margin-top: 20px;
	border-top: 1px solid #debcac;
	border-bottom: 1px solid #debcac;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#selectHotel .btnLinkSearchHere_toyoko a {
	border: 1px solid #aaa;
	color: #333;
	background-image: url(/img/sp/common/com_ic34.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 12px auto;
}
#selectHotel .btnLinkSearchHere_toyoko a span:after {
border-right: 2px solid #09529f;
border-bottom: 2px solid #09529f;
}
/* END
   2017/11/28 追加 lincrea二ノ宮　"btnLinkSearchHere"の名称が
   https://maps-api-ssl.google.com/maps/api/jsとバッティングしており、意図しない挙動をするための対応*/

#selectHotel .nextListWrap {
	margin-top: 25px;
	overflow: hidden;
	width: 100%;
}
#selectHotel .nextListWrap .slider {
	width: 300%;
	position: relative;
	/*-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out;
	-ms-transition: -ms-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;*/
	min-height: 405px;
	overflow-y: auto;
}
#selectHotel .nextListWrap .slider.js-pos-child {
	/*moz-transform: translateX(-33.33%);
	-webkit-transform: translateX(-33.33%);
	-o-transform: translateX(-33.33%);
	-ms-transform: translateX(-33.33%);
	transform: translateX(-33.33%);*/
}
#selectHotel .nextListWrap .slider.js-pos-grandchild {
	/*moz-transform: translateX(-66.66%);
	-webkit-transform: translateX(-66.66%);
	-o-transform: translateX(-66.66%);
	-ms-transform: translateX(-66.66%);
	transform: translateX(-66.66%);*/
}
#selectHotel .listHotel {
	width: 33.33%;
}
#selectHotel .child {
	width: 33.33%;
	position: absolute;
	top: 0;
	left: 33.33%;
}
#selectHotel .grandchild {
	width: 100%;
	position: absolute;
	top: 0;
	left: 100%;
}
#selectHotel .listHotel dt {
	background-color: #ebf5ff;
	padding: 12px;
}
#selectHotel .listHotel dd li a {
	color: #333;
	display: block;
	padding: 12px;
	border-bottom: 1px solid #cccccc;
	position: relative;
}
#selectHotel .listHotel dd li a:after {
	content: "";
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}
#selectHotel .listHotel .backParent,
#selectHotel .listHotel .backChild {
	cursor: pointer;
}

/* box
--------------------------------------*/
/* bgBox02 */
.bgBox02 {
	margin-top: 20px;
	background: #ebf5ff;
	padding: 12px;
	padding-bottom: 10px;
}
.bgBox02 > *:first-child {
	margin-top: 0;
}
.bgBox02 > .title {
	font-weight: bold;
	font-size: 1.5rem;
}
.bgBox02 > .title + * {
	margin-top: 10px;
}
.bgBox02 > .btnLink01.typeMypage,
.bgBox02 > .iconList01.typeQuestion {
	margin-top: 10px;
}

/* typeEnquete */
.bgBox02.typeEnquete {
	background: #eeeeee;
}
.bgBox02.typeEnquete > [class^="btnLink"] {
	margin-top: 10px;
}

/* pointBox01 */
.pointBox01 {
	border: 1px solid #cccccc;
}
.pointBox01 > .title {
	background: #ffe6d3;
	padding: 8px 0 6px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.pointBox01 > .title + * {
	margin-top: 0;
	padding: 15px;
}
.pointBox01 .col {
	float: left;
	width: 50%;
}
.pointBox01 .col + .col {
	border-left: 1px dashed #dcdcdc;
}
.pointBox01 dt,
.pointBox01 dd {
	display: inline-block;
}
.pointBox01 dd {
	font-weight: bold;
}
.pointBox01 .available dt,
.pointBox01 .notAvailable dt {
	padding-left: 20px;
	position: relative;
}
.pointBox01 .available dt:before {
	background: url(/img/sp/mypage/point_ic02.png) no-repeat;
	background-size: 15px 15px;
}
.pointBox01 .notAvailable dt:before {
	background: url(/img/sp/mypage/point_ic01.png) no-repeat;
	background-size: 15px 15px;
}
.pointBox01 dt:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	left: 0;
}
.pointBox01 .available span,
.pointBox01 .notAvailable span {
	font-size: 2.4rem;
	font-weight: bold;
}
.pointBox01 .available span {
	color: #d82c2c;
}


/* button
--------------------------------------*/
[class*="btnLink"] span.nolink {
	position: relative;
	display: block;
	box-sizing: border-box;
	background: #d3d3d3;
	color: #ffffff;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 11px 10px 9px;
}
[class*="btnLink"] span.nolink:after {
	content: "";
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}

/* typeMypage */
.btnLink01.typeMypage li > span,
.btnLink01.typeMypage > span {
	display: block;
	position: relative;
	border: 1px solid #ed652e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #ed652e;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 8px;
}
.btnLink01.typeMypage li > span,
.btnLink01.typeMypage > span {
	background-color: #cecece !important;
}
.btnLink01.typeMypage li a,
.btnLink01.typeMypage li > span {
	padding: 13px 0px 12px;
	border: 1px solid #cecece;
	border-radius: inherit;
	color: #333333;
	text-align: left;
}
.btnLink01.typeMypage li a > span,
.btnLink01.typeMypage li > span > span {
	display: block;
	padding-left: 40px;
}
.btnLink01.typeMypage li > span > span {
	padding-right: 10px;
	color: #888888;
}
.btnLink01.typeMypage li a > span:after,
.btnLink01.typeMypage li > span > span:after {
	border-right: 1px solid #09529f;
	border-bottom: 1px solid #09529f;
}

/* linkList01 */
.linkList01 {
	border-bottom: 1px solid #cccccc;
}
.linkList01 li {
	border-top: 1px solid #cccccc;
}
.linkList01 li a {
	display: block;
	padding: 10px 30px 10px 10px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #333333;
	position: relative;
	box-sizing: border-box;
}
.linkList01 li a:after {
	content: "";
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}

.linkList01.typeMypage {
	margin-right: -3.2%;
	margin-left: -3.2%;
}
.linkList01.typeMypage li {
	display: table;
	width: 100%;
}
.linkList01.typeMypage li a,
.linkList01.typeMypage li > span {
	display: table-cell;
	height: 55px;
	padding-left: 45px;
	vertical-align: middle;
}
.linkList01.typeMypage li[class^="btn"] a:before,
.btnLink01.typeMypage li[class^="btn"] a:before,
.linkList01.typeMypage li[class^="btn"] > span:before,
.btnLink01.typeMypage li[class^="btn"] > span:before {
	content: "";
	display: inline-block;
	width: 20px;
	position: absolute;
	top: 50%;
	left: 4%;
}
.linkList01.typeMypage li.btn01 a:before,
.btnLink01.typeMypage li.btn01 a:before,
.linkList01.typeMypage li.btn01 > span:before,
.btnLink01.typeMypage li.btn01 > span:before {
	height: 18px;
	margin-top: -9px;
	background: url(/img/sp/common/mypage_ic01.png) no-repeat;
	background-size: 20px 18px;
}
.linkList01.typeMypage li.btn02 a:before,
.btnLink01.typeMypage li.btn02 a:before,
.linkList01.typeMypage li.btn02 > span:before,
.btnLink01.typeMypage li.btn02 > span:before {
	height: 20px;
	margin-top: -10px;
	background: url(/img/sp/common/mypage_ic02.png) no-repeat;
	background-size: 20px;
}
.linkList01.typeMypage li.btn03 a:before,
.btnLink01.typeMypage li.btn03 a:before,
.linkList01.typeMypage li.btn03 > span:before,
.btnLink01.typeMypage li.btn03 > span:before {
	height: 17px;
	margin-top: -8px;
	background: url(/img/sp/common/mypage_ic03.png) no-repeat;
	background-size: 20px 17px;
}
.linkList01.typeMypage li.btn04 a:before,
.btnLink01.typeMypage li.btn04 a:before,
.linkList01.typeMypage li.btn04 > span:before,
.btnLink01.typeMypage li.btn04 > span:before {
	height: 21px;
	margin-top: -10px;
	background: url(/img/sp/common/mypage_ic04.png) no-repeat;
	background-size: 20px 21px;
}
.linkList01.typeMypage li.btn05 a:before,
.btnLink01.typeMypage li.btn05 a:before,
.linkList01.typeMypage li.btn05 > span:before,
.btnLink01.typeMypage li.btn05 > span:before {
	height: 21px;
	margin-top: -10px;
	background: url(/img/sp/common/mypage_ic05.png) no-repeat;
	background-size: 20px 21px;
}
.linkList01.typeMypage li.btn06 a:before,
.btnLink01.typeMypage li.btn06 a:before,
.linkList01.typeMypage li.btn06 > span:before,
.btnLink01.typeMypage li.btn06 > span:before {
	height: 20px;
	margin-top: -10px;
	background: url(/img/sp/common/mypage_ic06.png) no-repeat;
	background-size: 20px;
}
.linkList01.typeMypage li.btn07 a:before,
.btnLink01.typeMypage li.btn07 a:before,
.linkList01.typeMypage li.btn07 > span:before,
.btnLink01.typeMypage li.btn07 > span:before {
	height: 20px;
	margin-top: -10px;
	background: url(/img/sp/common/mypage_ic07.png) no-repeat;
	background-size: 20px;
}
/* 追加 P18028_2019GWキャッシュレスキャンペーン対応 2019.04.26 START*/
.linkList01.typeMypage li.btn12 a:before,
.btnLink01.typeMypage li.btn12 a:before,
.linkList01.typeMypage li.btn12 > span:before,
.btnLink01.typeMypage li.btn12 > span:before {
	height: 17px;
	margin-top: -8px;
	background: url(/img/sp/common/mypage_ic12.png) no-repeat;
	background-size: 20px 17px;
}
/* 追加 P18028_2019GWキャッシュレスキャンペーン対応 2019.04.26 END */

/* other
--------------------------------------*/
/* tabArea */
.tabArea {
	margin-top: 20px;
}

/* pageList */
.pageListWrap {
	width: 100%;
	margin-top: 20px;
}
.pageList li {
	display: inline-block;
	margin-left: 10px;
	color: #09529f;
}
.pageList li:first-child {
	margin-left: 0;
}
.pageList li a {
	display: block;
	min-width: 30px;
	min-height: 30px;
	padding: 4px 10px;
	border: 1px solid #4085c9;
	border-radius: 2px;
	background: #ffffff;
	color: #09529f;
	box-sizing: border-box;
}
.pageList li.on a {
	background: #4085c9;
	color: #ffffff;
}

/* mypage */
.memberBnrArea {
	padding: 0 3%;
}

/* welcome */
.welcomeArea {
	padding: 10px 0;
	background: #f7f7f7;
	color: #5c5c5c;
	text-align: center;
}

/* reservation */
.reservationTabInner .selectWrap,
.favoriteTabInner .selectWrap {
	position: relative;
}
.reservationTabInner .selectWrap:before,
.favoriteTabInner .selectWrap:before {
	content: "";
	height: 6px;
	width: 6px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.reservationTabInner .selectWrap > select,
.favoriteTabInner .selectWrap > select {
	width: 100%;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.reservationBox {
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #cccccc;
	position: relative;
}
.reservationBox p + p {
	margin-top: 0.3em;
}
.reservationBox .txtCatch {
	font-size: 1.8rem;
}
.reservationBox .number {
	display: inline-block;
	position: relative;
	font-weight: bold;
}
.reservationBox .number.online:before {
	content: "オンライン決済";
	display: inline-block;
	margin-top: -12px;
	padding: 2px 6px 2px 5px;
	border-radius: 2px;
	background: #d82c2c;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: -110px;
}
.reservationBox .number input {
	display: inline-block;
	width: 170px;
	height: 16px;
	opacity: 0;
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 1;
	cursor: pointer;
}
.reservationBox .number label {
	position: relative;
	display: inline-block;
	padding: 0 3px 0 22px;
	font-size: 1.4rem;
	cursor: pointer;
}
.reservationBox .number label:before {
	content: "";
	width: 14px;
	height: 14px;
	margin-top: -8px;
	border: 1px solid #aaaaaa;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
}
.reservationBox .number input:checked + label:after {
	content: "";
	width: 8px;
	height: 4px;
	border-left: 2px solid #005282;
	border-bottom: 2px solid #005282;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 6px;
	left: 3px;
}
.reservationBox .tableWrap01 {
	margin-top: 5px;
}
.reservationBox > .btnLink01 {
	margin-top: 0;
}
.reservationBox > [class*=btnLink] + [class*=btnLink] {
	margin-top: 10px;
}
.reservationBox > .btnLink01 > li span {
	padding-left: 10px;
	padding-right: 22px;
}
.reservationBox > .btnLink01 > li span.nolink {
	padding: 11px 10px 9px;
}

.reservationBox .date {
	display: inline-block;
	padding: 2px 8px 2px 7px;
	border-radius: 2px;
	background: #eeeeee;
	position: relative;
}
.reservationBox .date.usual:before {
	content: "いつもの予約";
	display: inline-block;
	margin-top: -12px;
	padding: 2px 8px 2px 7px;
	border-radius: 2px;
	background: #d82c2c;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 50%;
	right: -110px;
}
.reservationBox .closeBtn {
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #09529f;
	border-radius: 2px;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.reservationBox .closeBtn:before,
.reservationBox .closeBtn:after {
	content: "";
	width: 1px;
	height: 16px;
	background: #005282;
	margin-top: -8px;
	margin-left: -1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.reservationBox .closeBtn:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.reservationBox .closeBtn input[type="button"] {
	display: block;
	width: 24px;
	height: 24px;
	border: none;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

/*-------- balloonBox ---------*/
.balloonWrap {
	position: relative;
}
.balloonBox {
	display: none;
	position: absolute;
	top: 130%;
	left: 0;
	z-index: 99;
}
.balloonBox > .inner {
	position: relative;
	width: auto;
	padding: 15px;
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	white-space: nowrap;
}
/* goodValueBaloomBox */
.goodValueBalloonBox {
	left: 20%;
}
.part4pr {
	padding-right: 20px;
}
.part4pl{
	padding-left: 30px;
}
.goodValueBalloonBox > .inner {
	background: rgba(90, 92, 94, 0.94) !important;
	border-radius: 0px !important;
	left: -100px;
}
.goodValueBalloonBox > .inner:after {
	border-bottom-color: rgba(90, 92, 94, 0.94) !important;
	left: 50% !important;
}
.goodValueBalloonBox > .inner:before {
	content: "×" !important;
	color: #fff !important;
	border-radius: 20px !important;
	background: rgba(90, 92, 94, 0.94) !important;
	border: 2px solid #fff !important;
	width: 26px !important;
	height: 26px !important;
	top: -10px !important;
	left: 98% !important;
	position:absolute !important;
	text-align: center;
}
.goodValueBalloonBoxSmall {
	position: relative;
	display : block;
	margin-left: 20px !important;
	margin-right: 20px !important;
	margin-top: 20px;
	color: black;
	font-weight: normal;
	border-radius: 0px !important;
	left: 0;
}
.goodValueBalloonBoxSmall> .inner {
	padding: 5px;
	background: #fffde9 !important;
	border-radius: 0px !important;
	border: #fffde9 !important;
}
.goodValueBalloonBoxSmall> .inner:after {
	border-bottom-color: #fffde9 !important;
	left: 80% !important;
}
.goodValueBalloonBoxSmall> .inner:before {
	left: 80% !important;
}
.goodBalloonBold{
	font-weight: bold;
}
.borderBottomLine{
	border-bottom: 1px solid #fff;
	margin-left: 100px !important;
}
.balloonBox > .inner:after,
.balloonBox > .inner:before {
	bottom: 100%;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloonBox > .inner.right:after,
.balloonBox > .inner.right:before {
	left: inherit;
	right: 50px;
}
.balloonBox > .inner.central:after,
.balloonBox > .inner.central:before {
	left: inherit;
	right: 50%;
}
.balloonBox > .inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
.balloonBox > .inner:before {
	border-color: rgba(215, 215, 215, 0);
	border-bottom-color: #d7d7d7;
	border-width: 13px;
	margin-left: -13px;
}
/*.balloonWrap .balloonBox,
.genreArea01 .questionIcon {
	float: left;
	margin-left: 20px;
}*/
.balloonWrap .questionIcon {
	float: none;
	margin-left: 0;
	text-align: right;
}
.balloonWrap .questionIcon a {
	display: inline-block;
	padding-left: 20px;
	background: url(/img/common/com_ic25.png) no-repeat 0 50%;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 28px;
}
.favoriteTabInner .txtCount {
	margin-top: 20px;
}
.favoriteTabInner .txtCount + * {
	margin-top: 10px;
}

/* receipt */
.receipt {
	margin-top: 30px;
}
.receipt > table {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #000000;
}
.receipt > table table {
	width: 100%;
}
.receipt > table td,
.receipt > table th {
}
.receipt > table .title {
	font-size: 1.6rem;
	border-bottom: 1px solid #000000;
}
.receipt > table .txtLarge {
	font-size: 1.4rem;
}
.receipt > table .noteList01 {
	color: #888888;
}
.receipt > table .innerTable td,
.receipt > table .innerTable th {
	padding: 5px;
	border: 1px dotted #000000;
}

/*boxSearchArea*/
.boxSearchArea {
	background-color: #ededed;
	margin: 10px -10px;
	padding: 15px 10px;
}
.tabArea + .boxSearchArea {
	margin: 0;
}
.boxConditionsArea.ctsSearch .btnArea {
	margin-top: 20px;
	padding-top: 0;
	border-top: none;
}
.boxConditionsArea.ctsSearch .btnArea a {
	background-image: url(/img/sp/common/com_ic10.png);
}

/*dateBlock*/
.dateBlock .date {
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
	color: #85561d;
}
[class*="iconType"] {
	display: inline-block;
	min-width: 76px;
	border-style: solid;
	border-width: 1px;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
}
.dateBlock .iconType01 {
	border-color: #eea093;
	background-color: #ffe8e4;
	color: #d15042;
}
.dateBlock .iconType02 {
	border-color: #eea093;
	background-color: #ffffff;
	color: #d15042;
}
.dateBlock .iconType03 {
	border-color: #bbad91;
	background-color: #f1f0da;
	color: #784f1e;
}
.dateBlock .iconType04 {
	border-color: #7b5534;
	background-color: #efe3d6;
	color: #7b5534;
}
.dateBlock .iconType05 {
	border-color: #9dc1e4;
	background-color: #c9e8f6;
	color: #2359a0;
}
.dateBlock + .iconList01 {
	margin-top: 10px;
}
.innerBox {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eae2d6;
}
.innerBox .colLayout-img {
	margin-top: 0;
}
.innerBox .colLayout-img .colDetail {
	margin-top: 0;
}
.innerBox .btnLink01.colLayout-two {
	margin-top: 10px;
}
.innerBox .btnLink01.colLayout-two li {
	margin-top: 0;
}
.innerBox + .btnLink04 {
	margin-top: 15px;
}
.btnLink04.typeMore {
	margin-top: 15px;
	text-align: center;
}
.btnLink04.typeMore a {
	padding-left: 45px;
  padding-right: 45px;
}
.btnLink04.typeMore a span {
	position: relative;
	padding-left: 18px;
  padding-right: 0;
}
.btnLink04.typeMore a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 11.5px;
	height: 11.5px;
	margin-top: -6px;
	background: url(/img/sp/common/com_ic12.png) no-repeat;
	background-size: 11.5px auto;
}
.btnLink04.typeMore a span:after,
.btnLink04.typeMore > span:after {
	display: none;
}
.tabArea.oFlow {
	overflow: inherit;
}
.boxAreasearchArea {
	margin: 0 -10px;
}
.hierarchyBlock1 > .heading {
	padding: 14px 20px 12px 20px;
	border-bottom: 1px solid #b1b1b1;
	background: #ebf5ff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
.hierarchyBlock2 > .heading,
.hierarchyBlock3 > .heading,
.hierarchyBlock4 > li {
	position: relative;
	padding: 12px 20px 10px 40px;
	border-bottom: 1px solid #b1b1b1;
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}
.hierarchyBlock5 > li {
	position: relative;
	padding: 12px 20px 10px 20px;
	border-bottom: 1px solid #b1b1b1;
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}
.hierarchyBlock2 > .heading {
	padding: 12px 20px 10px 20px;
}
.hierarchyBlock4 > li {
	padding: 12px 20px 10px 40px;
	border-bottom: 1px solid #b1b1b1;
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}
.heading + .hierarchyBlock4 > li {
	padding: 12px 20px 10px 60px;
}
.hierarchyBlock3 > .heading:before {
	left: 40px;
}
.hierarchyBlock4 > li:before {
	left: 60px;
}
.boxAreasearchArea .mod_ocmenu:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}
.boxAreasearchArea .mod_ocmenu.active:after {
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.ctsTab.bdWrap {
	padding: 15px;
	border: 2px solid #b7cee0;
}
.ctsTab.bdWrap .ctsSearch .listTerms {
	margin-top: 15px;
}
.ctsTab.bdWrap .ctsSearch .listTerms:first-child{
	margin-top: 0;
}
.ctsTab.bdWrap .ctsSearch .listTerms li {
	margin-top: 0;
}

/* serviceListBlock */
.serviceListBlock {
	margin-top: 15px;
	margin-left: -2%;
}
.serviceListBlock li {
	float: left;
	width: 18%;
	display: table;
	margin: 2% 0 0 2%;
	padding: 4px 10px 2px 10px;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #d3d3d3;
	font-size: 9px;
	font-size: 0.9rem;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.serviceListBlock li:nth-child(-n+5) {
	margin-top: 0;
}
.serviceListBlock li.on {
	border: 1px solid #6689bb;
	background: #f7fafd;
	color: #333333;
}
.serviceListBlock li span {
	display: table-cell;
	vertical-align: middle;
}
.serviceListBlock + .addInfo {
	margin-top: 15px;
}

.addInfo {
	margin-top: 10px;
}

.infoBtnBlock {
	margin-top: 15px;
}
.infoBtnBlock li {
	float: left;
	width: 32%;
	display: table;
	margin: 0 0 0 2%;
	border: 1px solid #cecece;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	font-size: 11px;
	font-size: 1.1rem;
	color: #09529f;
	text-align: center;
	vertical-align: middle;
}
.infoBtnBlock li:first-child {
	margin-left: 0;
}
.infoBtnBlock li.alreadyType {
	background: #ededed;
}

.infoBtnBlock li a,
.infoBtnBlock li span {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 6px 5px 4px 20px;
	vertical-align: middle;
}
.infoBtnBlock li.gMapType a:before,
.infoBtnBlock li.gMapType span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 15px;
	height: 14.5px;
	margin-top: -7px;
	background: url(/img/sp/common/com_ic16.png) no-repeat;
	background-size: 15px auto;
}
.infoBtnBlock li.mailToType a:before,
.infoBtnBlock li.mailToType span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 13px;
	height: 10px;
	margin-top: -5px;
	background: url(/img/sp/common/com_ic17.png) no-repeat;
	background-size: 13px auto;
}
.infoBtnBlock li.favoriteType a:before,
.infoBtnBlock li.favoriteType span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 14px;
	height: 11.5px;
	margin-top: -5.8px;
	background: url(/img/sp/common/com_ic18.png) no-repeat;
	background-size: 14px auto;
}
/* #15815 オリンピック特集ページ制作の件 2019.12.04 START AXAS */
.infoBtnBlock li.telType a:before,
.infoBtnBlock li.telType span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/img/sp/common/com_ic97.png) no-repeat;
	background-size: 16px auto;
}
/* #15815 オリンピック特集ページ制作の件 2019.12.04 END AXAS */
.infoBtnBlock + .btnLink03 {
	margin-top: 15px;
}
.serviceListArea .heading02:first-child {
	border-top: 2px solid #09529f;
}
.serviceListArea .heading02 {
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #09529f;
}
.serviceListArea .heading02 em {
	padding-left: 10px;
	border-left: 10px;
}
.serviceListArea .heading02 + * {
	margin-top: 0;
}
.serviceListArea .heading02 + .colLayout-two {
	margin-top: 20px;
}
.serviceListArea .heading02 + .colLayout-two .colLayout-one {
	margin-top: 15px;
}
.type-zoom {
	margin-top: 10px;
}
.type-zoom a {
	padding: 10px 10px 8px 5px;
	border: 1px solid #cecece;
	color: #333333;
}
.type-zoom a span {
	display: inline-block;
	padding: 0 0 0 20px;
}
.type-zoom a span:after {
	display: none;
}
.type-zoom a span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background: url(/img/sp/common/com_ic19.png) no-repeat;
	background-size: 14px auto;
}

/* searchResultsArea */
.searchResultsArea .innerBox {
	margin-top: 0;
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 10px;
	border-top: 1px solid #b7cee0;
	border-bottom: none;
}
.searchDetailsArea {
	margin-top: 20px;
}
.searchResultsArea .innerBox:last-child {
	border-bottom: 1px solid #b7cee0;
}
.searchResultsArea .innerBox .upper .heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #09529f;
}
.searchDetailsArea .upper .heading {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.searchDetailsArea .upper .heading a {
	color: #333333;
}
.searchResultsArea .innerBox .upper .genreBlockArea,
.searchDetailsArea .upper .genreBlockArea {
	margin-top: 10px;
}
.searchResultsArea .innerBox .upper .genreBlockArea dt {
	font-size: 11px;
	font-size: 1.1rem;
}
.searchDetailsArea .upper .genreBlockArea dt {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
.searchResultsArea .innerBox .upper .genreBlockArea .genreBlock,
.searchDetailsArea .upper .genreBlockArea .genreBlock {
	margin-top: 3px;
	font-size: 10px;
	font-size: 1.0rem;
}
.searchResultsArea .innerBox .upper .genreBlockArea .genreBlock span,
.searchDetailsArea .upper .genreBlockArea .genreBlock span {
	position: relative;
	padding-left: 20px;
}
.searchResultsArea .innerBox .upper .genreBlockArea .genreBlock .lunch,
.searchDetailsArea .upper .genreBlockArea .genreBlock .lunch {
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #000;
}
.searchResultsArea .innerBox .upper .genreBlockArea .genreBlock .lunch:before,
.searchDetailsArea .upper .genreBlockArea .genreBlock .lunch:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 17.5px;
	height: 17.5px;
	margin-top: -9px;
	background: url(/img/sp/common/com_ic20.png) no-repeat;
	background-size: 17.5px auto;
}
.searchResultsArea .innerBox .upper .genreBlockArea .genreBlock .dinner:before,
.searchDetailsArea .upper .genreBlockArea .genreBlock .dinner:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	background: url(/img/sp/common/com_ic21.png) no-repeat;
	background-size: 13px auto;
}
.searchResultsArea .innerBox .upper .access {
	margin-top: 10px;
}
.searchResultsArea .innerBox .upper .access dt {
	position: relative;
	display: inline-block;
	padding-left: 15px;
}
.searchResultsArea .innerBox .upper .access dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 15.5px;
	margin-top: -9px;
	background: url(/img/sp/common/com_ic22.png) no-repeat;
	background-size: 10px auto;
}
.searchResultsArea .innerBox .upper .access dd {
	display: inline-block;
}
.searchResultsArea .innerBox .colLayout-one {
	margin-top: 10px;
}
.searchDetailsArea .colLayout-one {
	margin-top: 20px;
}

.socialBtn {
	margin-top: 10px;
}
.socialBtn .facebook,
.socialBtn .twitter,
.socialBtn .eatBtn {
	display: inline-block;
}
.socialBtn .facebook,
.socialBtn .twitter {
	height: 15px;
	padding-top: 3px;
	vertical-align: top;
}
.eatBtn {
	display: inline-block;
	position: relative;
	margin-top: 0;
}
.eatBtn a {
	position: relative;
	padding: 2px 10px 2px 10px;
	border: 1px solid #cecece;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	color: #333333;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.eatBtn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	width: 8px;
	height: 12px;
	margin-top: -6px;
	background: url(/img/sp/common/com_ic23.png) no-repeat;
	background-size: 8px auto;
}
.eatBtn > .count {
	display: inline-block;
	position: relative;
	height: 23px;
	margin-left: 12px;
	padding: 3px 7px;
	background: #ed7a28;
	font-size: 12px;
	font-size: 1.2rem;
	color: #ffffff;
}
.eatBtn > .count:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -2px;
	border: solid transparent;
	border-right-color: #ed7a28;
	border-right-width: 10px;
	pointer-events: none;
}
.eatBtn a span {
	padding-left: 20px;
}
.searchResultsArea .innerBox .lower .eatBtn {
	display: block;
	text-align: right;
}
.searchResultsArea .innerBox .lower {
	margin-top: 10px;
}
.searchDetailsArea .lower {
	margin-top: 20px;
}
.searchResultsArea .innerBox .lower .heading,
.searchDetailsArea .lower .heading {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.searchResultsArea .innerBox .lower .btnLink01,
.searchDetailsArea .lower .btnLink01 {
	margin-top: 15px;
}
.searchDetailsArea .genreIconList {
	margin-top: 10px;
}
.searchDetailsArea .genreIconList li {
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
	padding: 3px 5px 1px 5px;
	background: #4085c9;
	font-size: 9px;
	font-size: 0.9rem;
	color: #fff;
}

/* pagerList */
.pagerArea {
	margin-top: 20px;
	text-align: center;
}
.pagerArea .pagerList {
	display: inline-block;
}
.pagerArea .pagerList li {
	float: left;
	margin-left: 10px;
}
.pagerArea .pagerList li:first-child {
	margin-left: 0;
}
.pagerArea .pagerList li a {
	display: block;
	padding: 4px 10px 4px 10px;
	border: 1px solid #4085c9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	color: #09529f;
}
.pagerArea .pagerList li.current a {
	background: #4085c9;
	color: #fff;
}

.roomListArea .roomBox {
	margin-top: 10px;
	padding: 15px 15px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.roomListArea .roomBox:first-child {
	margin-top: 0;
}
.roomListArea .roomBox.clubCard {
	background: #fffde9;
}
.roomListArea .roomBox .heading {
}
.roomListArea .roomBox .heading p.icon span {
	display: inline-block;
	padding: 4px 10px 2px 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
.roomListArea .roomBox.clubCard .heading p.icon span {
	background: #f9f2a8;
}
.roomListArea .roomBox .heading p.icon span {
	background: #ddecfb;
}
.roomListArea .roomBox .heading span[class^="smoke"] {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	padding: 6px 15px 4px 30px;
	border: 1px solid #aaaaaa;
	background: #fff;
}
.roomListArea .roomBox .heading .smokeNo:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/img/sp/common/com_ic24.png) no-repeat;
	background-size: 16px auto;
}
.roomListArea .roomBox .heading .smokeOk:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/img/sp/common/com_ic25.png) no-repeat;
	background-size: 16px auto;
}
.roomListArea .roomBox .heading .head {
	display: inline-block;
	margin-left: 15px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.txtLineThrough {
	text-decoration: line-through;
}
.priceWeb span {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #d82c2c;
}
.priceWebbtn {
	text-align: center;
}
.priceWebbtn .btnLink03 {
	margin-top: 0;
}
.roomListArea + .noteList01 {
	margin-top: 10px;
}
.txtHints a {
	margin-top: 10px;
	padding-left: 20px;
	background-image: url(/img/sp/common/com_ic07.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px auto;
	font-size: 1.2rem;
	color: #09529f;
}

.icRequired {
	font-size: 1.4rem;
	line-height: 1.1;
	color: #FFF;
	background-color: #d82c2c;
	display: block;
	padding: 5px;
	width: 3em;
	text-align: center;
}
p > .icRequired {
	display: inline-block;
	margin-right: 5px;
}

/* formInputArea */
.serviceListArea {
	margin-top: 20px;
}
.formInputArea {
	margin-top: 30px;
}
.serviceListArea > .heading:first-child,
.formInputArea > .heading:first-child  {
	border-top: 2px solid #09529f;
}
.serviceListArea > .heading.active + * + .heading,
.formInputArea > .heading.active + * + .heading {
	border-top: 2px solid #09529f;
}
.serviceListArea > .heading,
.formInputArea > .heading {
	margin-top: 0;
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #09529f;
}
.serviceListArea > .heading em,
.formInputArea > .heading em {
	padding-left: 10px;
	border-left: 10px;
	font-size: 17px;
	font-size: 1.7rem;
}
.modBlock {
	padding-bottom: 20px;
}
.modBlock .colLayout-one {
	margin-top: 10px;
}
.formInputArea .btnLabel01.bdrNone label {
	padding-left: 0;
}
.formInputArea .btnLabel01.bdrNone label input {
	margin-left: 0;
}
.noIcon a span:after {
	display: none;
}
.noIcon a span {
	padding-left: 25px;
	padding-right: 25px;
}

.addOptionArea {
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 10px;
	background: #eee;
}
.addOptionArea > .heading {
}
.addOptionArea > .heading em {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
.addOptionArea > .heading .txtHints {
	float: right;
}
.addOptionArea > .colLayout-one {
	text-align: left;
}
.addOptionArea > .colLayout-one .col {
	width: 100%;
	margin-top: 7px;
	padding: 20px 15px;
	background: #fff;
}
.addOptionArea > .colLayout-one .col > .heading a {
	position: relative;
	padding-left: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #0b58bb;
}
.addOptionArea > .colLayout-one .col > .heading a:before  {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 6px;
	left: 0px;
}
.addOptionArea > .colLayout-one .col > .bold {
	margin-top: 0;
}
.addOptionArea > .colLayout-one .col .colLayout-one,
.addOptionArea > .colLayout-one .col .colLayout-two {
	margin-top: 15px;
	text-align: left;
}
.addOptionArea > .colLayout-one .col .colLayout-one li {
	margin-top: 10px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-right: 20px;
}
.addOptionArea > .colLayout-one .col .selectWrap {
	margin-top: 15px;
	width: 45%;
}

.totalArea .block {
	margin-top: 30px;
	padding: 15px 10px 15px 10px;
	background: #ebf5ff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: right;
}
.totalArea .block .txtPoint {
	font-size: 18px;
	font-size: 1.8rem;
}
.totalArea .noteList01 {
	margin-top: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	/*text-align: right;*/
	text-align: left !important;
}
.totalArea .submitBtn {
	margin-top: 20px;
}

.searchArea02 {
	margin-top: 10px;
}
.searchArea02 .heading {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.searchArea02 .bgBox01 {
	margin-top: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
.searchArea02 .bgBox01 dl {
	margin-top: -10px;
}
.searchArea02 .bgBox01 dl dt {
	float: left;
	position: relative;
	width: 30%;
	margin-top: 10px;
}
.searchArea02 .bgBox01 dl dt span {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
.searchArea02 .bgBox01 dl dt:after {
	content: ":";
	position: absolute;
	right: 0;
	font-weight: bold;
}
.searchArea02 .bgBox01 dl dd {
	float: left;
	width: 67%;
	margin-top: 10px;
	margin-left: 3%;
}

/* importantBox */
.importantBox {
	margin-top: 15px;
	padding: 15px 10px;
	border: 1px solid #d82c2c;
}
.importantBox dd {
	margin-top: 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
.importantBox dt {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #d82c2c;
}
.importantBox dd .iconList01 {
	margin-top: 0;
}

.detailBoxBlock .tableCaption03 {
	margin-top: 15px;
	border-left: 3px solid #09529f;
	padding: 1px 0 1px 10px;
	text-align: left;
	font-weight: bold;
}
.detailBoxBlock .tableWrap01.wSPFull {
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 10px;
	background: #eee;
}
.detailBoxBlock .calendarTitle {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.detailBoxBlock .tableLayout03 {
	background: #fff;
}
.detailBoxBlock .tableLayout03 th,
.detailBoxBlock .tableLayout03 td {
	height: 62px;
	padding: 0px;
}
.detailBoxBlock .tableLayout03 th {
	position: inherit;
}
.detailBoxBlock .tableLayout03 .cellLv1 {
	background: #fff !important;
}
.detailBoxBlock .tableLayout03 .cellLv1.satDcell {
	background: #dde7f2 !important;
}
.detailBoxBlock .tableLayout03 .cellLv1.sunDcell {
	background: #fff3f3 !important;
}

/* guideArea */
.guideArea {
	margin-top: 20px;
	text-align: center;
}
.guideArea .btnLink01 {
	margin-top: 15px;
}

.nearbysHotelList {
	margin-top: 25px;
}
.nearbysHotelList .heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.nearbysHotelList .iconList01 {
	margin-top: 15px;
	margin-left: -3%;
	margin-right: -3%;
}
.nearbysHotelList .iconList01 li {
	padding: 10px 3%;
	border-bottom: 1px solid #cccccc;
}
.nearbysHotelList .iconList01 li:first-child {
	border-top: 1px solid #cccccc;
}

.detailBoxBlock .bgBox01 .heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.detailBoxBlock .bgBox01 .colLayout-img {
	margin-top: 15px;
}
.cardBrandIcon img {
	width: 27px;
	height: auto;
}
.serviceListBtn {
	width: 60%;
	margin: 15px auto 0;
}

.accesstrain,
.accessTerminal,
.accessCar,
.accessShip,
.accessEtc {
	margin-top: 20px;
}
.accesstrain dt,
.accessTerminal dt,
.accessCar dt,
.accessShip dt,
.accessEtc dt {
	position: relative;
	padding-left: 1.7em;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
.accesstrain dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 20px;
	margin-top: -10px;
	background: url(/img/sp/common/com_ic31.png) no-repeat;
	background-size: 12px auto;
}
.accessTerminal dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 12px;
	margin-top: -6px;
	background: url(/img/sp/common/com_ic32.png) no-repeat;
	background-size: 20px auto;
}
.accessCar dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 9px;
	margin-top: -4.5px;
	background: url(/img/sp/common/com_ic33.png) no-repeat;
	background-size: 18px auto;
}
.accessShip dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 9px;
	margin-top: -4.5px;
	background: url(/img/sp/common/com_ic60.png) no-repeat;
	background-size: 18px auto;
}
.accessEtc dt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 9px;
	margin-top: -4.5px;
	background: url(/img/sp/common/com_ic74.png) no-repeat;
	background-size: 18px auto;
}
.accesstrain dd,
.accessTerminal dd,
.accessCar dd,
.accessShip dd,
.accessEtc dd {
	margin-top: 5px;
}
/* .hotelTopicsList */
.hotelTopicsList {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #cccccc;
}
.hotelTopicsList .colDetail {
	margin-top: 0;
}
.hotelTopicsList .iconList01 {
	margin-top: 0;
}
.hotelTopicsList .colLayout-one {
	margin-top: 15px;
	text-align: left;
}
.hotelTopicsList .colLayout-one .col {
	width: 80.5px;
	height: auto;
}

.modalMenuList {
	margin-top: 0;
	margin-left: -3%;
	margin-right: -3%;
}
.modalMenuList li {
	position: relative;
	border-bottom: 1px solid #cccccc;
}
.modalMenuList li:after {
	content: "";
	position: absolute;
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	right: 13px;
}
.modalMenuList li > a,
.modalMenuList li > span {
	display: block;
	padding: 12px 3%;
	color: #333333;
}
.modalMenuList li > a span.color01,
.modalMenuList li > span span.color01 {
	color: #f40606;
}
.modalMenuList li > a:hover {
	text-decoration: none;
}

.modalCheckList {
	margin-top: 20px;
}
.modalCheckList .heading {
	padding-bottom: 15px;
	border-bottom: 1px solid #dddddd;
}
.modalCheckList .heading label,
.modalCheckList .heading span {
	font-size: 14px;
	font-size: 1.4rem;
}
.modalCheckList .btnLabel01 label {
	border-radius: 0;
}
.modalCheckList .colLayout-one {
	text-align: left;
}
.modalCheckList .colLayout-one > * {
	display: block;
	margin-top: 0;
}
.modalCheckList .colLayout-two > * {
	width: 50%;
	margin-top: 0;
	margin-left: 0;
}
.modalCheckList .colLayout-one > li:nth-child(n+2) label {
	border-top: 0;
}
.modalCheckList .colLayout-two > li:nth-child(2n) label {
	border-left: 0;
}
.modalCheckList .colLayout-two > li:nth-child(n+3) label {
	border-top: 0;
}

.btnAddBox02 .txtnone:after {
	content: "";
}
.dateBlockArea {
	margin-top: 10px;
	margin-bottom: 4px;
	padding-left: 3%;
	padding-right: 3%;
}

.ctsSearch .listTerms.colLayout-two .opParking input {
	width: auto;
}

.ddTrigger {
	width: 200px;
	padding: 0 25px 0 6px;
	border: solid 1px #aaaaaa;
	line-height: 39px;
	cursor: pointer;
}
.detailDropDown {
	background-color: #ffffff;
	z-index: 10;
}
.detailDropDown > .title:first-child {
	margin-top: 0;
}
.detailDropDown .title {
	margin-top: 20px;
	padding-left: 10px;
	border-left: solid 3px #85b3e7;
	font-size: 1.4rem;
}
.detailDropDown .selectWrap {
	width: 100%;
	margin-top: 10px;
	background-color: #ffffff;
	z-index: 10;
}
.detailDropDown .selectText {
	margin-top: 10px;
}
.detailDropDown .selectListWrap {
	margin-top: 10px;
}
.detailDropDown .selectListWrap ul {
	display: none;
	border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
}
.detailDropDown .selectListWrap ul li {
	float: left;
	width: 50%;
}
.detailDropDown .selectListWrap ul li label {
	display: block;
	padding: 10px 5px;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
}
.detailDropDown .moreDetail {
	margin-top: 15px;
}
.detailDropDown .moreDetail li {
	text-align: center;
}
.detailDropDown .moreDetail li a {
	width: 100%;
	padding: 5px 0;
}
.detailDropDown .moreDetail li a span {
	padding: 0 10px;
}
.detailDropDown .moreDetail li a span:before {
	content: "";
	display: inline-block;
	background: url(/img/common/com_ic26.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	font-weight: bold;
}
.detailDropDown .moreDetail li a.open span:before {
	background: url(/img/common/com_ic27.png) no-repeat 0 0;
}
.detailDropDown .moreDetail li a span:after {
	display: none;
}
.detailDropDown .addList {
	display: none;
}
.detailDropDown .addList dl:first-child {
	margin-top: 15px;
	padding-top: 0;
}
.detailDropDown .addList dl > dt {
	padding: 10px 0 5px;
	vertical-align: top;
	font-weight: bold;
}
.detailDropDown .addList dl > dd {
	border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	vertical-align: top;
}
.detailDropDown .addList ul li label {
	position: relative;
	display: block;
	padding: 10px 5px;
	padding-left: 1.5em;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
}
.detailDropDown .addList ul li input {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
}

.weekList01 {
	margin-top: 10px;
}
.weekList01 li {
	float: left;
	margin-top: 0;
}
.weekList01 li:last-child {
	float: right;
}
.weekList01 [class*="btnLink"] a,
.weekList01 [class*="btnLink"] input {
	text-decoration: none;
	display: inline-block;
	position: relative;
	border: 1px solid #cecece;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	color: #333333;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 8px;
	cursor: pointer;
	padding: 0;
}
.weekList01 [class*="btnLink"] a span,
.weekList01 [class*="btnLink"] input span {
	padding: 10px 30px;
}
.weekList01 [class*="btnLink"] a span:after,
.weekList01 [class*="btnLink"] input span:after {
	content: "";
	display: inline-block;
	margin-top: -5px;
	height: 6px;
	width: 6px;
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}
.weekList01 [class*="btnLink"]:first-child a span:after,
.weekList01 [class*="btnLink"]:first-child input span:after {
	right: auto;
	left: 13px;
	border-right: none;
	border-bottom: none;
	border-left: 2px solid #09529f;
	border-top: 2px solid #09529f;
}

.searchArea02 .bgBox01 {
	padding-bottom: 10px;
}
.searchArea02 .bgBox01.resultBox dl dt,
.searchArea02 .bgBox01.resultBox dl dd {
	width: auto;
	margin-top: 0;
	padding-top: 8px;
}
.searchArea02 .bgBox01.resultBox dl dd {
	overflow: hidden;
	margin-left: 0;
	float: none;
}
.searchArea02 .bgBox01.resultBox dl dt {
	clear: both;
	margin-right: 10px;
	padding-right: 10px;
}
.searchArea02 .bgBox01.resultBox dl dt span {
	display: inline-block;
	margin-left: 10px;
}
.searchArea02 .bgBox01.resultBox .dtlOption {
	clear: both;
	display: block;
	margin-top: 10px;
}
.searchArea02 .bgBox01.resultBox .dtlOption span {
	background-color: #4085c9;
	border-radius: 2px;
	color: #fff;
	padding-bottom: 8px;
	padding-top: 10px;
	position: relative;
	text-align: center;
	display: block;
}
.searchArea02 .bgBox01.resultBox .dtlOption span:after {
	content: "＋";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.7em;
	font-size: 18px;
	font-size: 1.8rem;
}
.searchArea02 .bgBox01.resultBox .dtlOption span.open:after {
	content: "－";
}
.searchArea02 .resultBox + .ctsTab {
	display: none;
}
.specialFrame01 {
	padding: 10px 50px 10px 60px;
	background: #fffde9 url(/img/sp/common/com_ic59.png) no-repeat 20px 50%;
	border: solid 1px #09529f;
}
.specialFrame01 .title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}


.specialFrame02{
	border-style: solid;
	border-width: 14px;
	-webkit-border-image: url(/img/sp/common/com_bg01.png) 14 repeat;
		 -moz-border-image: url(/img/sp/common/com_bg01.png) 14 repeat;
			 -o-border-image: url(/img/sp/common/com_bg01.png) 14 repeat;
					border-image: url(/img/sp/common/com_bg01.png) 14 fill repeat;
}
.specialFrame02 .specialFrame02Wrap {
	padding: 15px 50px 10px 80px;
	background: url(/img/sp/common/com_ic91.png) no-repeat 20px 50%;
}
.specialFrame02 .title {
	font-weight: bold;
}
.fontColorWhite {
	color: #fff !important;
	font-weight: normal;
}
/*goodValue*/
.goodValue {
	width: 90%;
	padding-left: 30px;
	margin-left: 5%;
}
.goodValue td {
	padding: 0px 0px !important;
}

/* map_canvas */
#map_canvas {
	width: 100%;
	height: 400px;
}
.resultType #map_canvas {
	width: 100%;
	height: 300px;
}
#walking-map {
	position: relative;
}
#walking-map + .tabArea {
	margin-top: 0;
}
#walking-map #lyt_header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}
#walking-map #lyt_main {
	overflow: hidden;
	position: relative !important;
	top: 0 !important;
	padding-top: 30px;
}
#walking-map #lyt_main #map_canvas {
	width: 100%;
	height: 400px !important;
}
#walking-map #lyt_main #lyt_drawer_menu {
	position: absolute !important;
	line-height: 1;
}
#walking-map #carouselPrev,
#walking-map #carouselNext {
	top: -24px !important;
	margin-top: 0 !important;
}


/* smoke */
.smoleSelect option{
	position: relative;
}
.smoleSelect .icon01:before{
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	background: url(/img/common/com_ic29.png) no-repeat 0 0;
	background-size: 14px;
}
.smoleSelect .icon02:before{
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	background: url(/img/common/com_ic28.png) no-repeat 0 0;
	background-size: 14px;
}

.smoke {
	display: inline-block;
	padding-left: 20px;
	background: url(/img/common/com_ic17.png) no-repeat no-repeat 0 0.1em;
	background-size: 16px auto;
}
.no-smoke {
	display: inline-block;
	padding-left: 20px;
	background: url(/img/common/com_ic16.png) no-repeat no-repeat 0 0.1em;
	background-size: 16px auto;
}

/* /search/reserve/confirm */
.agreementBox {
	display: table;
	border: 3px solid #b7cee0;
	padding: 7px 20px 7px 40px;
	margin: 0 auto;
}
.agreementBox div{
	display: table-cell;
	vertical-align: middle;
}
.agreementBox label{
	margin-left: 2em;
}
.agreementBox input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

/* /search/reserve/plan_notes */
.agreementBox2 {
	display: table;
	border: 3px solid #b7cee0;
	padding: 10px 5px 10px 5px;
	margin: 0 auto;
}
.agreementBox2 div{
	display: table-cell;
	vertical-align: middle;
}
.agreementBox2 label{
	margin-left: 5px;
}
.agreementBox2 input[type=checkbox] {
	-ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
}

.notesBox {
	padding: 10px 12px;
	border: 2px solid #cccccc;
}

@-moz-document url-prefix(){
	.agreementBox2 {
		display: table;
		border: 3px solid #b7cee0;
		padding: 15px 5px 0 5px;
		margin: 0 auto;
	}
	.agreementBox2 div{
		display: table-cell;
		vertical-align: baseline;
	}
	.agreementBox2 .icRequired{
		vertical-align: middle;
	}
	.agreementBox2 label{
		margin-left: 5px;
		vertical-align: middle;
	}
	.agreementBox2 input[type=checkbox] {
		-ms-transform: scale(1.5, 1.5);
	    -webkit-transform: scale(1.5, 1.5);
	    transform: scale(1.5, 1.5);
	}
}

/* Clearfix
------------------------------------------------------ */
[class*="float"]:after,
.hasShoulder .shoulderList01:after,
.numberList03 > li > dl > .title:after,
[class*="colLayout-"]:after,
.btnLink01.pagerType:after,
.indexArea02 .textBlock:after,
.rows:after,
[class*="anchorList"]:after,
.appointmentBox .appointmentSelect:after,
.tableWrap01.hasSPLayout .tableLayout01 tr:after,
.boxChart:after,
.listHead .pullArea:after,
.pageList:after,
.pointBox01 .innerBox:after,
.serviceListBlock:after,
.infoBtnBlock:after,
.searchResultsArea .innerBox .colLayout-one:after,
.pagerArea .pagerList:after,
.addOptionArea > .heading:after,
.searchArea02 .bgBox01 dl:after,
.detailDropDown .selectListWrap ul:after,
.detailDropDown .addList ul:after,
.weekList01:after {
	content: "";
	display: table;
	clear: both;
}

/* ローディング定義 */
#modalloading {
	padding: 0px !important;
}
#loading {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color:rgba(0,0,0,0.30);
    z-index:10000;
}
#innerLoading {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 200px;
    height: 250px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
    border-radius: 20px;
    z-index: 10001;
    text-align: center;
}
.date-sunday .ui-state-default {
	color: #df4d4d;
}
.date-sunday .ui-state-active {
	color: #000000;
}

.date-holiday .ui-state-default {
	color: #df4d4d;
}
.date-holiday .ui-state-active {
	color: #000000;
}

/* カレンダーのサイズを変更（SP版のみ） */
.ui-datepicker {
    font-size: 130%;
    z-index:	100 !important;
}

/* 以下、SNSボタン */
.g_btn_sns_wrap {
	margin:			0px;
	padding:		0px;
	height:			40px;
	position:		relative;
}

.g_btn_sns {
	position:		absolute;
	height:			20px;
	right:			0px;
	margin:			0px;
	padding:		10px 0px;
	list-style:	none; 							/* liの●をなくす */
}

.g_btn_sns li {
	margin:      0px;
	padding:     0px;
	float:      left;
}

.g_btn_sns div {
	margin:				0px;
	float:				left;
	overflow-x:		visible;
}

.g_btn_sns div.g_twitter  { padding:	0px 0px 0px 15px; width:	87px; }
.g_btn_sns div.g_gplusone { padding:	0px 0px 0px 15px; width:	61px; }
.g_btn_sns div.g_hatena   { padding:	0px 0px 0px 15px; width:	52px; }
.g_btn_sns div.g_facebook { padding:	0px 0px 0px 15px; width:	100px; }
/* 以上、SNSボタン */

.moreMap li a {
	display: inline-block;
	width: 100%;
}

.moreMap li a span:before {
	content: "";
	display: inline-block;
	background: url(/img/common/com_ic26.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	font-weight: bold;
}

.moreMap li a span:after {
	display: none;
}

.moreMap li a.open span:before {
	background: url(/img/common/com_ic27.png) no-repeat 0 0;
}

/* 入力欄にフォーカスしたときのスタイル */
input[type="text"]:focus,
textarea:focus {
	border: 1px solid #579de5;
 	outline: 0;
}
/* 入力フォームの大きさが変わってしまうためフォーカスしていないときの設定も必要 */
textarea{
	border: 1px solid #aaaaaa;
}

/* -------------------------------------- */
/* Ver1.01 今夜のすいうしチェックイン対応 */
/* -------------------------------------- */
.infoTonight {
	position: relative;
	padding: 5px 5px 5px 5px;
}
.infoTonight .date {
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	color: #85561d;
}
.infoTonight .iconList01 {
	margin-top: 10px;
	padding: 20px 5px 5px 5px;
}
.infoTonight .iconList02 {
	margin-top: 10px;
	text-align: center;
}
.infoTonight .addInfo {
	margin-top: 5px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}
.infoTonight .addInfo > *:first-child {
	margin-top: 0;
}
.infoTonight .reserveBtn {
	position: absolute;
	bottom: 5px;
	right: 1px;
	margin-top: 0;
}
.infoTonight .reserveBtn li a {
	display: inline-block;
	width: 100%;
	min-width: 0;
	padding: 0;
	font-size: 15px;
	font-size: 1.5rem;
}
.infoTonight .reserveBtn li a span {
	display: block;
	padding: 2px 20px 2px 10px;
	text-align: center;
}
.infoTonight .reserveBtn li a span:after {
	right: 8px;
}

td .smokeNo {

	display: inline-block;
	position: relative;
	min-width: 90px;
	margin-top: 2px;
	margin-right: 10px;
	padding: 8px 30px 6px 30px;
	border: 1px solid #aaaaaa;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}
td .smokeOk {
	display: inline-block;
	position: relative;
	min-width: 90px;
	margin-top: 2px;
	margin-right: 10px;
	padding: 8px 30px 6px 30px;
	border: 1px solid #aaaaaa;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}
/* 追加 #4756 オンライン決済割対応 START 2019.03.31 */
.buttonListPriceDetail {
	border-top: none !important;
}
.mod_ocmenu_brkdwn_lnk + * {
	display: none;
}
.mod_ocmenu_brkdwn_lnk.active + * {
	display: block;
}
.mod_ocmenu_brkdwn_lnk {
	position: relative;
	color: #5793ce;
	background-color: #fff;
	width: 97%;
}
/* afterとbeforeに同じ図形を描画し、margin-topでずらして表示している*/
.mod_ocmenu_brkdwn_lnk :after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -10px;
}
.mod_ocmenu_brkdwn_lnk :before {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -10px;

	margin-top: 6px;
}
.mod_ocmenu_brkdwn_lnk.active :after {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	right: -10px;
	margin-top: 4px;
}
.mod_ocmenu_brkdwn_lnk.active :before {
	content: "";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	right: -10px;
	margin-top: 10px;
}
/* 料金内訳表示テーブル  */
ul.listPriceDetail li + li {
	border: none;
}

ul.listPriceDetail li {
	padding: 0;
}
.listPriceDetail .cellTitle{
	text-align: center;
	background: #dde7f2;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

.listPriceDetail .cellHeader {
	text-align: right;
	display: inline-block;
	width: 71%;
	padding: 0;
}
.listPriceDetail .cellData {
	text-align: right;
	display: inline-block;
	width: 27%;
	padding: 0;
	padding-right: 2px;
}
.listPriceDetail .rowTotal {
	border-top: 1px solid #CCC;
	padding: 0;
}

/* 料金内訳表示カルーセル */
.sliderPriceDetailWrap {
	border-top: none !important;
	padding-top: 0 !important;
	width: 94%;
	margin-left: 3%;
}
.sliderPriceDetailWrap .bx-wrapper {
	margin-bottom: 10px;
}
.sliderPriceDetailWrap .bx-viewport {
	border: 1px solid #cccccc;
}
.sliderPriceDetailWrap .bx-wrapper .bx-pager {
	/* position: absolute; */
	/* bottom: -15px; */
	left: 0;
	width: 100%;
	height: 7px;
	margin: 0;
	margin-top:5px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	z-index: 100;
}
.sliderPriceDetailWrap .bx-wrapper .bx-pager .bx-pager-item,
.sliderPriceDetailWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.sliderPriceDetailWrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #b8dafc;
	text-indent: -9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sliderPriceDetailWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #09529f;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.sliderPriceDetailWrap .bx-wrapper .bx-prev {
	margin-left: -4%;
	background: url(/img/sp/index_ic05.png) no-repeat 0 0;
}
.sliderPriceDetailWrap .bx-wrapper .bx-next {
	right: 15px;
	background: url(/img/sp/index_ic04.png) no-repeat 0 0;
}
.sliderPriceDetailWrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	/* top: 30%; */
	outline: 0;
	width: 11px;
	height: 20px;
	margin-top: -130px;
	text-indent: -9999px;
	z-index: 99;
	-webkit-background-size: 11px 20px;
	background-size: 11px 20px;
}
.sliderPriceDetailWrap .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* 追加 #4756 オンライン決済割対応 END */

/* 追加 P20019 Webクーポン改善対応 START 2020.09.30 */
/* クーポンGETボタン */
a.btnCuponGet {
	font-size:				1.4rem !important;
	color:					#FFF !important;
/*	background-color:		#ed652e;*/
	text-align:				center !important;
	vertical-align:			middle !important;
    /*display:				inline-block !important;*/
	display:				table-cell;
	padding:				5px !important;
	width:					185px !important;
    height:					45px !important;
/*	margin-left:			10px !important;*/
	border-style:			none !important;
	-moz-border-radius:		2px !important;
	-webkit-border-radius:	2px!important;
	border-radius:			2px !important;
	cursor:					pointer;
	text-decoration:		none;
	background-color:		#fefefe;
}
/* 追加 P20019 Webクーポン改善対応 END */

/* 追加 #24181 START 2020.08.19 藤野勝矢 */
/***** スマホ版 *****/
div.btnJumpToPlanWrap {
	text-align: center;
}
div.btnJumpToPlan,
a.btnJumpToPlan {
	display: inline-block;
	border: 1px solid #09529f;
	background-color: #ffffff;
	color: #09529f;
	margin-top: 10px;
	padding: 10px 20px;
	text-decoration: none;
	cursor: pointer;
}
.hover-btnJumpToPlan {
	background-color: #F0F7FC !important;
}
/* 追加 #24181 END 2020.08.19 */

/* 追加 START 2023.12.25 藤野勝矢 韓国プライバシーポリシー */
.uline {
	text-decoration: underline;
}
br.br_tb6 {
	display: block;
	content: "";
	margin: 6px 0;
}
br.br_tb8 {
	display: block;
	content: "";
	margin: 8px 0;
}
ul.circle_num {
	list-style: none !important;
}
ul.circle_num li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	word-break: break-word;
}
ul.circle_num li:nth-of-type(1)::before {
	content: '\02460';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(2)::before {
	content: '\02461';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(3)::before {
	content: '\02462';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(4)::before {
	content: '\02463';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(5)::before {
	content: '\02464';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(6)::before {
	content: '\02465';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(7)::before {
	content: '\02466';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(8)::before {
	content: '\02467';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(9)::before {
	content: '\02468';
	padding-right: 10px;
}
ul.circle_num li:nth-of-type(10)::before {
	content: '\02469';
	padding-right: 10px;
}
a.disp_contents {
	display: contents;
}
ul.big_dot {
	list-style: none !important;
}

ul.big_dot li::before {
	content: '\025cf';
	padding-right: 10px;
}
ul.small_dot {
	list-style: none !important;
}
ul.small_dot li {
	padding-left: 2.2em;
}
ul.small_dot li::before {
	content: '\02022';
	padding-right: 10px;
}
.no-spam {
	display: none;
}
table.wbreak th, td {
	word-break: break-word;
}
.kplcy_showsp {
	display: none;
}
.kplcy_none_inlineblock_sp {
	display: inline-block;
}
.kplcy_none_colg_sp {
	display: table-column-group;
}
.kplcy_tit_anc {
	font-size: 14px !important;
	font-size: 1.4rem !important;
	font-size: 1.3rem !important;
    margin-left: 25px !important;
}
@media screen and (max-width: 1023px) {

  .kplcy_tit_anc {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    font-size: 1.3rem !important;
    margin-left: 0px !important;
    display: inline-block;
  }
  .kplcy_showsp {
    display: inline-block;
  }
  .kplcy_none_inlineblock_sp {
    display: none;
  }
  .kplcy_none_colg_sp {
    display: none;
  }
  .kplcy_tbl02 {
    width: 100% !important;
  }
  .kplcy_tbl02 .thead {
    display: none;
  }
  .kplcy_tbl02 tr {
    width: 100%;
  }
  .kplcy_tbl02 td {
    display: block;
    width: 100%;
  }
  .kplcy_tbl02 td:first-child {
    background: #f4efe8;
    font-weight: bold;
    text-align: center;
  }
  .kplcy_tbl02 td:before {
    content: attr(data-label)": ";
    font-weight: bold;
    margin-right: 10px;
  }

  .kplcy_tbl04 {
    width: 100% !important;
  }
  .kplcy_tbl04 .thead {
    display: none;
  }
  .kplcy_tbl04 tr {
    width: 100%;
  }
  .kplcy_tbl04 td {
    display: block;
    width: 100%;
  }
  .kplcy_tbl04 td:first-child {
    background: #f4efe8;
    font-weight: bold;
    text-align: center;
  }
  .kplcy_tbl04 td:before {
    content: attr(data-label)": ";
    font-weight: bold;
    margin-right: 10px;
  }

  .kplcy_tbl05 {
    width: 100% !important;
  }
  .kplcy_tbl05 .thead {
    display: none;
  }
  .kplcy_tbl05 tr {
    width: 100%;
  }
  .kplcy_tbl05 td {
    display: block;
    width: 100%;
  }
  .kplcy_tbl05 td:first-child {
    background: #f4efe8;
    font-weight: bold;
    text-align: center;
  }
  .kplcy_tbl05 td:before {
    content: attr(data-label)": ";
    font-weight: bold;
    margin-right: 10px;
  }

  .kplcy_tbl12 {
    width: 100% !important;
  }
  .kplcy_tbl12 .thead {
    display: none;
  }
  .kplcy_tbl12 tr {
    width: 100%;
  }
  .kplcy_tbl12 td {
    display: block;
    width: 100%;
  }
  .kplcy_tbl12 td:first-child {
    background: #f4efe8;
    font-weight: bold;
    text-align: center;
  }
  .kplcy_tbl12 td:before {
    content: attr(data-label)": ";
    font-weight: bold;
    margin-right: 10px;
  }
}

/* 追加 END 2023.12.25 藤野勝矢 韓国プライバシーポリシー */

/* 追加 C24001 START ひとりプラン表示 2024.06.30 中尾友彦 */
.selRoomClssId > * {
	width: 48.18%;
	margin-left: 2.64%;
	margin-bottom: 5px;
}
.singlePlan {
	background-color: #00489D;
	border: 10px #00489D solid;
	margin-top: 80px;
	color: #FFFFFF;
}
.singlePlan span {
	padding-bottom: 2px;
}
/* 追加 C24001 END */
