@charset "UTF-8";
/* ======================================================
* sp layout.css
====================================================== */

/* SPLayout
------------------------------------------------------ */

/*body {
	font-size: 1.2rem;
	line-height: 1.5;
}
.siteInner {
	padding-right: 3%;
	padding-left: 3%;
}*/
img,
input[type="image"] {
	max-width: 100%;
	height: auto;
}

/* Header
------------------------------------------------------ */
#header {
	position: relative;
}
#header .logoArea {
	padding-top: 8px;
	padding-left: 3%;
	height: 49px;
	border-bottom: 2px solid #09529f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .logoArea p img {
	height: 30px;
	width: auto;
}
#nav > dl {
	position: relative;
}
#nav > dl > dt {
	background-image: url(/img/sp/common/com_nv03.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 31px;
	height: 48px;
	width: 48px;
	position: absolute;
	top: -49px;
	right: 0px;
}
#nav > dl > dt.active {
	background-image: url(/img/sp/common/com_nv03_on.png);
	background-color: #09529f;
}
#nav > dl > dt.btnLogin {
	background-image: url(/img/sp/common/com_nv02.png);
	width: 52px;
	right: 48px;
}
#nav > dl > dt.btnSearch {
	background-image: url(/img/sp/common/com_nv01.png);
	right: 100px;
}
#nav > dl > dt.active.btnSearch {
	background-image: url(/img/sp/common/com_nv01_on.png);
}
#nav > dl > dt span {
	display: none;
}
#nav > dl > dd {
	display: none;
	overflow: hidden;
}

#header {
	/*overflow: hidden;*/
	z-index: 100;
}
#header.menuActive,
#header.hotelActive {
	position: static;
}
#header.menuActive:after,
#header.hotelActive:after {
	content: "";
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,0.5);
	z-index: 10;
}
#nav .navWrapArea {
	display: none;
	position: absolute;
	top: 49px;
	left: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 101;
}
#nav dl.navWrap {
	width: 200%;
	-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;
	overflow: hidden;
}
#nav dl.navWrap.js-next {
	moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#nav dl.navWrap .ctsMenu {
	float: left;
	width: 50%;
}
#nav dl.navWrap.js-next .ctsMenu.navMymenu {

}
#nav .ctsMenu {
	background-color: #f6f6f6;
	padding-bottom: 25px;
}
#nav .ctsMenu .globalNav li {
	border-top: 1px solid #FFF;
}
#nav .ctsMenu .globalNav li:first-child {
	border-top: none;
}
#nav .ctsMenu .globalNav li.widthHalf {
	display: inline-block;
	width: 50%;
}
#nav .ctsMenu .globalNav li.widthHalf + li.widthHalf {
	margin-right: -1px;
	border-left: 1px solid #FFF;
}
#nav .ctsMenu .globalNav li a {
	font-size: 1.4rem;
	color: #FFF;
	background-color: #4085c9;
	display: block;
	padding: 20px 20px 20px 13px;
	position: relative;
}
#nav .ctsMenu .globalNav li a:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 13px;
}
#nav .ctsMenu .globalNav li:nth-child(7) {
	clear: left;
}
#nav .ctsMenu .globalNav li:nth-child(7) ~ li,
#nav .ctsMenu.navMymenu .globalNav li {
	border-top: 1px solid #09529f;
}
#nav .ctsMenu .globalNav li:nth-child(7) ~ li a,
#nav .ctsMenu.navMymenu .globalNav li a {
	color: #292929;
	background-color: #fff;
}
#nav .ctsMenu.navMymenu .globalNav li a {
	padding-left: 25px;
}
#nav .ctsMenu .globalNav li:nth-child(7) ~ li a:after {
	border-right: 2px solid #09529f;
	border-bottom: 2px solid #09529f;
}
#nav .ctsMenu.navMymenu .globalNav li a:after {
	border-right: 2px solid #7c7c7c;
	border-bottom: 2px solid #7c7c7c;
}
#nav .ctsMenu .globalNav li:last-child {
	border-bottom: 2px solid #09529f;
}
#nav .ctsMenu.navMymenu .globalNav li:last-child {
	border-bottom: none;
}
#nav .ctsMenu.navMymenu .globalNav.clubMenu li:last-child {
	border-bottom: 1px solid #09529f;
}
#nav .ctsMenu.navMymenu .globalNav.clubMenu li a {
	background-color: #ebf5ff;
}
#nav .pointerEventNone {
	pointer-events: none;
	background-color: #cecece !important;
}
#nav .color_gray {
	color: #888888;
}
#nav .ctsMenu.navMymenu .globalNav.clubMenu li a.nolink{
	background-color: #d3d3d3;
	text-decoration: none;
}
#nav .ctsMenu.navMymenu .globalNav.clubMenu li a:after {
	content: "クラブ";
	font-size: 1.2rem;
	color: #FFF;
	background-color: #09529f;
	text-align: center;
	width: 4em;
	height: auto;
	margin-top: -1.2em;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	top: 50%;
	right: 13px;
	border: none;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#nav .ctsMenu.navMymenu .ttlNav {
	font-size: 1.6rem;
	font-weight: bold;
	color: #09529f;
	text-align: center;
	background-color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
#nav .ctsMenu.navMymenu .linkBack {
	margin-top: 0px;
}
#nav .ctsMenu.navMymenu .linkBack a {
	display: block;
	padding: 8px 0px 8px 30px;
	position: relative;
	color: #333;
}
#nav .ctsMenu.navMymenu .linkBack a:before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -5px;
	border-right: 2px solid #7c7c7c;
	border-bottom: 2px solid #7c7c7c;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	left: 13px;
}
#nav .ctsMenu.navMymenu .bnrMymenu {
	margin-top: 13px;
	padding-right: 3%;
	padding-left: 3%;
}

#nav .ctsMenu .subNav {
	padding: 12px 3% 0px;
}
#nav .ctsMenu .subNav li {
	float: left;
	width: 50%;
}
#nav .ctsMenu .subNav li:nth-child(7),
#nav .ctsMenu .subNav li:nth-child(8) {
	height: 3.5em;
}
#nav .ctsMenu .subNav li a {
	display: block;
	padding: 7px 10px 7px 12px;
	position: relative;
}
#nav .ctsMenu .subNav li a:before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 5px;
	width: 5px;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 13px;
	left: 0px;
}
#nav .ctsMenu .subNav li.icon a:before {
	top: 14px;
}
#nav .ctsMenu .functionArea {
	padding: 30px 3% 0px;
}
.boxSearch .boxInput {
	background-color: #FFF;
	width: 77%;
	display: inline-block;
	border: 1px solid #aaaaaa;
}
.boxSearch .boxInput > span {
	width: 100% !important;
}
.boxSearch .boxInput input {
	background-color: #FFF;
	height: 42px;
	width: 100% !important;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.boxSearch button {
	font-size: 1.5rem;
	color: #FFF;
	background-color: #eb7324;
	width: 20%;
	height: 42px;
	margin-left: 0;
	border-style: none;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(207,99,31,1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(207,99,31,1);
	box-shadow: 1px 1px 0px 0px rgba(207,99,31,1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
}
.ctsSearch .boxSearch .boxInput input
.ctsSearch .boxSearch button {
	height: 35px;
}
#nav .ctsMenu .functionArea .selectLang {
	background-color: #FFF;
	margin-top: 15px;
	position: relative;
}
#nav .ctsMenu .functionArea .selectLang select {
	font-size: 1.3rem;
	color: #09529f;
	background-color: #FFF;
	background-image: url(/img/common/com_ic02.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 22px auto;
	vertical-align: middle;
	height: 42px;
	width: 100%;
	/*padding-top: 10px;*/
	padding-left: 42px;
	border: 1px solid #98afc8;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#nav .ctsMenu .functionArea .selectLang:after {
	content: "";
	height: 6px;
	width: 6px;
	border-right: 1px solid #0b58bb;
	border-bottom: 1px solid #0b58bb;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav .ctsSearch {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	background-color: #f6f6f6;
	padding-bottom: 20px;
	z-index: 100;
}
.ctsSearch > dl > dt {
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	background-color: #0a58a6;
	background-image: url(/img/sp/common/com_ic04.png);
	background-repeat: no-repeat;
	background-position: 3% center;
	background-size: 26px auto;
	padding: 18px 3% 18px 50px;
}
.ctsSearch > dl > dt.ttlTerms {
	background-image: url(/img/sp/common/com_ic05.png);
	background-size: 25px auto;
	margin-top: 25px;
}
.ctsSearch > dl > dd {
	padding: 0px 3% 20px;
}
.ctsSearch > dl > dt.ttlKeyword + dd {
	background-color: #ededed;
	padding-top: 15px;
	padding-bottom: 15px;
}
.ctsSearch .listTerms .txtTerms {
	font-weight: bold;
	margin-bottom: 5px;
}
.ctsSearch .listTerms li {
	margin-top: 15px;
}
.ctsSearch .listTerms.colLayout-two > * {
	width: 46.77%;
	margin-left: 6.46%;
}
.ctsSearch .listTerms.colLayout-two > *:nth-child(2n+1) {
	margin-left: 0%;
}
.ctsSearch .listTerms .boxTbl {
	background-color: #FFF;
	display: table;
	height: 60px;
	width: 100%;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ctsSearch .listTerms .boxTbl .tblCell {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding-right: 10px;
	position: relative;
}
.ctsSearch .listTerms.colLayout-two input {
	border: none;
	width: 3em;
	text-align: right;
	margin-right: -5px;
	vertical-align: middle;
}
.ctsSearch .listTerms.colLayout-two .checkinn {
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
}
.ctsSearch .listTerms.colLayout-two .checkinn input {
	width: 80%;
	text-align: left;
}
.ctsSearch .ui-datepicker-trigger {
	width: 20px;
	height: auto;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	right: 10px;
}
/* 追加 P20007_公式HPプラン化 2020.08.25 START AXAS */
.ctsSearch .listTerms.colLayout-two .term.dayUse:after {
	content: "";
	vertical-align: middle;
}
/* 追加 P20007_公式HPプラン化 2020.08.25 END AXAS */
/* 追加 C20001_Webシステム改善対応2020年度 #9851 2021.02.16 START AXAS */
.ctsSearch .listTerms.colLayout-two .term.dayMore:after {
	content: "泊以上";
	vertical-align: middle;
}
/* 追加 C20001_Webシステム改善対応2020年度 #9851 2021.02.16 END AXAS */
.ctsSearch .listTerms.colLayout-two .term:after {
	content: "泊";
	vertical-align: middle;
}
.ctsSearch .listTerms.colLayout-two .room:after {
	content: "部屋";
	vertical-align: middle;
}
.ctsSearch .listTerms.colLayout-two .section:after {
	content: "部";
	vertical-align: middle;
}
.ctsSearch .listTerms.colLayout-two .peopleNum:after {
	content: "人";
	vertical-align: middle;
}
.ctsSearch .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: 60px !important;
	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;
}
.ctsSearch .up-down-buttons button.up {
	left: auto;
	right: -1px;
	border: none;
	border-left: 1px solid #aaaaaa;
}
.ctsSearch [class^="selectType"] {
	background-color: #FFF;
	position: relative;
}
.ctsSearch [class^="selectType"]:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-right: 1px solid #818181;
	border-bottom: 1px solid #818181;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}
.ctsSearch [class^="selectType"] select {
	background-color: #FFF;
	vertical-align: middle;
	height: 34px;
	width: 100%;
	padding-left: 10px;
	border: 1px solid #aaaaaa;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.ctsSearch .type03{
	border: solid 1px #aaaaaa;
}
.ctsSearch .selectType02:after {
	margin-top: -5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 5px;
}
.ctsSearch .selectSmoke input[type=radio] {
	display: none;
}
.ctsSearch .selectSmoke li {
	margin-top: 0px;
}
.ctsSearch .selectSmoke label {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 20% center;
	background-size: 19px auto;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	display: block;
	height: 35px;
	/* 削除 C24001 START ひとりプラン表示 2024.06.30 中尾友彦 */
	/*
	padding-left: 12px;
	*/
	/* 削除 C24001 END */
	padding-top: 8px;
	border: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* 削除 C24001 START ひとりプラン表示 2024.06.30 中尾友彦 */
/*
.ctsSearch .selectSmoke label.free {
	padding-left: 0px;
}
.ctsSearch .selectSmoke label.noneSmoke {
	background-image: url(/img/common/com_ic16.png);
}
.ctsSearch .selectSmoke label.okSmoke {
	background-image: url(/img/common/com_ic17.png);
}
*/
/* 削除 C24001 END */

.ctsSearch .selectSmoke input[type="radio"]:checked + label {
	/* 変更 C24001 START ひとりプラン表示 2024.06.30 中尾友彦 */
	/*
	background-color: #d3e7fd;
	*/
	background-color: #00489D;
	color: #FFFFFF;
	/* 変更 C24001 END */
}

/* 追加 C24001 START ひとりプラン表示 2024.06.30 中尾友彦 */
.ctsSearch .selRoomClssId input[type=radio] {
	display: none;
}
.ctsSearch .selRoomClssId li {
	margin-top: 0px;
}
.ctsSearch .selRoomClssId label {
	text-align: center;
	display: table-cell;
	display: block;
	height: 35px;
	padding-top: 6px;
	border: 1px solid #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ctsSearch .selRoomClssId input[type="radio"]:checked + label {
	background-color: #00489D;
	color: #FFFFFF;
}
/* 追加 C24001 END */

.ctsSearch .dtlTerms,
.ctsSearch .dtlTerms .opParking,
.ctsSearch .dtlTerms .opHeartfull {
	display:none;
}
.ctsSearch .dtlTerms label {
	display: block;
	margin-top: 10px;
}
.ctsSearch .dtlTerms label input {
	margin-right: 5px !important;
}
.ctsSearch .dtlOption {
	color: #FFF;
	background-color: #4085c9;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 8px;
	position:relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.ctsSearch .dtlOption.active:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -3px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	right: 13px;
}
.ctsSearch .dtlOption span:before {
	content: "＋";
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 5px;
	vertical-align: middle;
}
.ctsSearch .dtlOption.active:after {
	display: none;
}
.ctsSearch .dtlOption.active span:before {
	content: "－";
	font-size: 1.5rem;
	font-weight: bold;
	margin-right: 5px;
	vertical-align: middle;
}
.ctsSearch .boxHistory {
	font-size: 1.2rem;
	background-color: #d3e7fd;
	padding: 10px 15px;
	margin-top: 18px;
}
.ctsSearch .boxHistory p {
}
.ctsSearch .boxHistory ul li {
	color: #09529f;
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
}

.ctsSearch .termsSeach {
	margin-top: 25px;
}
.ctsSearch .termsSeach button {
	font-size: 1.5rem;
	width: 100%;
	height: 50px;
	position: relative;
}
.ctsSearch .termsSeach button:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}

.ctsSearch .btnArea {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}
.ctsSearch .btnArea a {
	font-size: 1.5rem;
	color: #333;
	background-color: #fff;
	background-image: url(/img/sp/common/com_ic10.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 27px auto;
	text-align: center;
	display: block;
	height: 45px;
	padding-top: 10px;
	border: 1px solid #cecece;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.ctsSearch .btnArea a:after {
	content: "";
	display: inline-block;
	margin-right: 7px;
	height: 6px;
	width: 6px;
	margin-top: -4px;
	border-right: 2px solid #0a539f;
	border-bottom: 2px solid #0a539f;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 5px;
}
#nav .ctsSearch [class*="btnLink"] {
	margin-top: 0;
}


/* Contents
------------------------------------------------------ */
#topicPath {
	margin-top: 10px;
	padding-right: 3%;
	padding-left: 3%;
}
#topicPath li {
	font-size: 1.1rem;
	display: inline-block;
	margin-right: 2px;
}
#topicPath li + li:before {
	content: ">";
	margin-right: 5px;
}
#contents {
	/*margin-top: 10px;*/
}
.boxChart + #contents {
	margin-top: 10px;
}
#contents {
	padding-left: 3%;
	padding-right: 3%;
}
.iframe #contents {
	padding-bottom: 20px;
}
#contents .fullSize {
	width: auto;
	margin-left: -3%;
	margin-right: -3%;
}

/* Footer
------------------------------------------------------ */
#footer {
	margin-top: 65px;
}
#footer .footBnr {
	font-size: 1.4rem;
	text-align: center;
	background-color: #f5f4eb;
	padding-top: 18px;
	padding-bottom: 20px;
}
#footer .footBnr li {
	display: inline-block;
	margin: 15px 7px 0px;
}
#footer .footCopy {
	background-image: url(/img/common/com_bg01.png);
	background-repeat: repeat-x;
	background-position: center center;
	background-size: cover;
	padding: 24px 3%;
	font-size: 1.2rem;
	color: #c0a585;
}
#pageTopBtn {
	position: fixed;
	right: 12px;
	bottom: 70px;
}


/* 02 colorbox
------------------------------------------------------ */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:0;background:#fff; height:100vh !important;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(/img/common/cbLoading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/img/common/cbControls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/img/common/cbControls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/img/common/cbControls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* colorbox overwrite */
#cboxOverlay {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
#cboxLoadedContent {
	padding: 15px;
	border: none;
}
.imgModal #cboxLoadedContent {
	padding: 45px 15px 15px 15px;
}
#cboxClose {
	text-indent: -9999px;
	background: url();
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #09529f;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#cboxClose:before {
	content: "×";
	color: #09529f;
	line-height: 1;
	font-size: 2.4rem;
	text-indent: 0px;
	position: absolute;
	top: -2px;
	left: 4px;
}
.modalWrap {
	display: none;
}




/* 03 Clearfix
------------------------------------------------------ */
#header:after,
#nav .ctsMenu .subNav:after {
	content: "";
	display: block;
	clear: both;
}

.searchIcon01_nav {
    margin: 25px -3.2% 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    background-color: #09529f;
    background-image: url(/img/sp/common/com_ic04.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 26px auto;
    padding: 18px 3% 18px 50px;
}

.searchIcon02_nav {
    margin: 0 -3.2% 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    background-color: #09529f;
    background-image: url(/img/sp/common/com_ic05.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 26px auto;
    padding: 18px 3% 18px 50px;
}