/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
/* ★Media Query */
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	
	/* ----------------------------------------------------------------------- */
	/* ▼ body */
	/* ----------------------------------------------------------------------- */
	body {
		overflow-y : scroll;
	}
	
	
	/* ----------------------------------------------------------------------- */
	/* ▼ #lightbox */
	/* ----------------------------------------------------------------------- */
	#overlay {
		width  : 100%  !important;
		margin : 0px auto 0px auto;
	}
	
	
	
	/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	/* ◆media only screen and (max-width: 1360px) */
	/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	@media only screen and (max-width: 1360px) {
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #mainImgInner */
		/* ----------------------------------------------------------------------- */
		#mainImgInner {
			width      : auto !important;
			overflow   : hidden;
			text-align : center;
			padding    : 0px  0px 0px  0px;
			margin     : 0px auto 0px auto;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ BreakPoint */
		/* ----------------------------------------------------------------------- */
		.MainBreakPoint {
			width : 100% !important;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #header */
		/* ----------------------------------------------------------------------- */
		#header {
			width : 100%;
		}
		
		#header div.SiteNameInnerContainer {
			width : 100%;
		}
		
		
		#header div.TextSiteName {
			width : 100%;
		}
		
		#header div.SiteNameContainer {
			width : 100% !important;
		}
				
				#header div.SiteNameContainer div.SiteName h2 img {
					width      : 100% !important;
					height     : auto;
					max-width  : 440px;
				}
				
				
		
	}/* END @media only screen and (max-width: 1360px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 960px + 17px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 977px) {
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼#header */
		/* ----------------------------------------------------------------------- */
		#header div.TextSiteNameInner,
		#header div.btnLinkContainer {
			width : 100% !important;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ menu */
		/* ----------------------------------------------------------------------- */
		
		#mainNav a.menu {
			background : #333333 url(../../images/menuOpen.png) no-repeat 98% 13px;
		}
		
		#mainNav a.menuOpen {
			background : #333333 url(../../images/menuOpen.png) no-repeat 98% -28px
		}
		
		
		#mainNav a#menu span {
			height  : auto;
			display : block;
			padding : 0px  0px 0px 16px !important;
			margin  : 0px auto 0px auto !important;
		}
		
		#mainNav {
			background-image : none              !important;
			padding          : 0px  0px 0px  0px !important;
			margin           : 0px auto 0px auto !important;
		}
		
		#mainNav ul {
			width        : auto;
			height       : auto;
			border-left  : 0px;
			border-right : 0px;
			background   : #000000;
		}
		
		#mainNav ul li {
			width            : 100%;
			height           : auto !important;
			text-align       : center;
			display          : block;
			border-left      : 0px !important;
			border-right     : 0px;
			border-top       : 1px solid #555555;
			border-bottom    : 1px solid #333333;
			
			list-style-type  : none !important;
			list-style-image : none !important;
			
			padding          : 0px 0px 0px 0px;
			margin           : 0px 0px 0px 0px;
		}
		
				#mainNav ul li a,
				#mainNav ul li div.head {
					width      : auto;
					height     : auto;
					font-size  : 120%;
					text-align : left;
					border     : 0px;
					display    : block;
					padding    : 0px 0px 0px  0px;
					margin     : 0px auto 0px auto;
				}
				
				#mainNav ul li div.head span.link {
					width           : 100% !important;
					height          : auto !important;
					background-size : auto 100% !important;
					display         : block !important;
					padding         : 0px  0px 0px  0px !important;
					margin          : 0px auto 0px auto !important;
				}
				
				#mainNav ul li.current_page_item div.head span.link span.table strong,
				#mainNav ul li.current-menu-item div.head span.link span.table strong,
				#mainNav ul li div.head span.link span.table:hover strong {
					width          : 100%              !important;
					display        : block !important;
				}
				
				#mainNav ul li div.head span.link span.table {
					width          : 100%              !important;
					height         : auto              !important;
					display        : block             !important;
					padding        : 0px  0px 0px  0px !important;
					margin         : 0px auto 0px auto !important;
				}
				
						#mainNav ul li div.head span.link span.table strong {
							width      : 100% !important;
							font-size  : 100% !important;
							text-align : left;
							display    : inline-block;
							padding    : 14px 30px 14px 60px !important;
							margin     : 0px auto 0px auto;
						}
						
								#mainNav ul li div.head span.link span.table strong span {
									display    : inline-block;
								}
							
							#mainNav ul li div.head span.menu1 span.table strong,
							#mainNav ul li div.head span.menu2 span.table strong,
							#mainNav ul li div.head span.menu3 span.table strong,
							#mainNav ul li div.head span.menu4 span.table strong,
							#mainNav ul li div.head span.menu5 span.table strong,
							#mainNav ul li div.head span.menu6 span.table strong,
							#mainNav ul li div.head span.menu7 span.table strong,
							#mainNav ul li div.head span.menu8 span.table strong {
								background  : transparent;
							}
							
							#mainNav ul li div.head span.menu1,
							#mainNav ul li div.head span.menu2,
							#mainNav ul li div.head span.menu3,
							#mainNav ul li div.head span.menu4,
							#mainNav ul li div.head span.menu5,
							#mainNav ul li div.head span.menu6,
							#mainNav ul li div.head span.menu7,
							#mainNav ul li div.head span.menu8 {
								background-color    : #333333;
								background-position : 4px center !important;
								background-repeat   : no-repeat !important;
								background-size     : auto 100% !important;
								
								-webkit-transition:all 0.5s ease;
								-moz-transition:all 0.5s ease;
								-ms-transition:all 0.5s ease;
								-o-transition:all 0.5s ease;
								transition:all 0.5s ease;
							}
							
							
							/*▼ キャンプ */
							#mainNav ul li div.head span.menu1 {
								background-image    : url(../../custom/img/ico/ico-head-camping.png) !important;
							}
							
							/*▼ バンガロー・コテージ */
							#mainNav ul li div.head span.menu2 {
								background-image    : url(../../custom/img/ico/ico-head-bungalowcottage.png) !important;
							}
							
							/*▼ 貸別荘 */
							#mainNav ul li div.head span.menu3 {
								background-image    : url(../../custom/img/ico/ico-head-rentalvilla.png) !important;
							}
							
							/*▼ ミニグラウンド */
							#mainNav ul li div.head span.menu4 {
								background-image    : url(../../custom/img/ico/ico-head-miniground.png) !important;
							}
							
							/*▼ オプションレジャー */
							#mainNav ul li div.head span.menu5 {
								background-image    : url(../../custom/img/ico/ico-head-leisure.png) !important;
							}
							
							/*▼ 料金一覧 */
							#mainNav ul li div.head span.menu6 {
								background-image    : url(../../custom/img/ico/ico-head-pricelist.png) !important;
							}
							
							/*▼ 施設内マップ */
							#mainNav ul li div.head span.menu7 {
								background-image    : url(../../custom/img/ico/ico-head-facilitymap.png) !important;
							}
							
							/*▼ アクセス */
							#mainNav ul li div.head span.menu8 {
								background-image    : url(../../custom/img/ico/ico-head-access.png) !important;
							}
							
							
							
							#mainNav ul li.current_page_item div.head span.menu1,
							#mainNav ul li.current-menu-item div.head span.menu1,
							#mainNav ul li div.AccordionHead span.menu1,
							#mainNav ul li div.head span.menu1:hover {
								background-color : #ff9b02 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu2,
							#mainNav ul li.current-menu-item div.head span.menu2,
							#mainNav ul li div.AccordionHead span.menu2,
							#mainNav ul li div.head span.menu2:hover {
								background-color : #d0c624 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu3,
							#mainNav ul li.current-menu-item div.head span.menu3,
							#mainNav ul li div.AccordionHead span.menu3,
							#mainNav ul li div.head span.menu3:hover {
								background-color : #bfa157 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu4,
							#mainNav ul li.current-menu-item div.head span.menu4,
							#mainNav ul li div.AccordionHead span.menu4,
							#mainNav ul li div.head span.menu4:hover {
								background-color : #90d419 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu5,
							#mainNav ul li.current-menu-item div.head span.menu5,
							#mainNav ul li div.AccordionHead span.menu5,
							#mainNav ul li div.head span.menu5:hover {
								background-color : #ff7f6e !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu6,
							#mainNav ul li.current-menu-item div.head span.menu6,
							#mainNav ul li div.AccordionHead span.menu6,
							#mainNav ul li div.head span.menu6:hover {
								background-color : #ffbb00 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu7,
							#mainNav ul li.current-menu-item div.head span.menu7,
							#mainNav ul li div.AccordionHead span.menu7,
							#mainNav ul li div.head span.menu7:hover {
								background-color : #a57ac0 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu8,
							#mainNav ul li.current-menu-item div.head span.menu8,
							#mainNav ul li div.AccordionHead span.menu8,
							#mainNav ul li div.head span.menu8:hover {
								background-color : #5f8c9c !important;
							}
							
							
							#mainNav ul li div.head span.menu1 span.table strong,
							#mainNav ul li div.head span.menu2 span.table strong,
							#mainNav ul li div.head span.menu3 span.table strong,
							#mainNav ul li div.head span.menu4 span.table strong,
							#mainNav ul li div.head span.menu5 span.table strong,
							#mainNav ul li div.head span.menu6 span.table strong,
							#mainNav ul li div.head span.menu7 span.table strong,
							#mainNav ul li div.head span.menu8 span.table strong {
								text-shadow :none;
							}
							
							
							#mainNav ul li.current_page_item div.head span.menu1 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu1 span.table strong,
							#mainNav ul li div.head span.menu1:hover span.table strong {
								text-shadow : 0px 0px 5px #8f4102, 0px 0px 5px #8f4102 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu2 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu2 span.table strong,
							#mainNav ul li div.head span.menu2:hover span.table strong {
								text-shadow : 0px 0px 5px #9c871d, 0px 0px 5px #9c871d !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu3 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu3 span.table strong,
							#mainNav ul li div.head span.menu3:hover span.table strong {
								text-shadow : 0px 0px 5px #836722, 0px 0px 5px #836722 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu4 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu4 span.table strong,
							#mainNav ul li div.head span.menu4:hover span.table strong {
								text-shadow : 0px 0px 5px #5c8f03, 0px 0px 5px #5c8f03 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu5 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu5 span.table strong,
							#mainNav ul li div.head span.menu5:hover span.table strong {
								text-shadow : 0px 0px 5px #994631, 0px 0px 5px #994631 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu6 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu6 span.table strong,
							#mainNav ul li div.head span.menu6:hover span.table strong {
								text-shadow : 0px 0px 5px #8c670a, 0px 0px 5px #8c670a !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu7 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu7 span.table strong,
							#mainNav ul li div.head span.menu7:hover span.table strong {
								text-shadow : 0px 0px 5px #5a3577, 0px 0px 5px #5a3577 !important;
							}
							
							#mainNav ul li.current_page_item div.head span.menu8 span.table strong,
							#mainNav ul li.current-menu-item div.head span.menu8 span.table strong,
							#mainNav ul li div.head span.menu8:hover span.table strong {
								text-shadow : 0px 0px 5px #386374, 0px 0px 5px #386374 !important;
							}
							
							
							#mainNav ul li div.head span.menu1 span.table,
							#mainNav ul li div.head span.menu2 span.table,
							#mainNav ul li div.head span.menu3 span.table,
							#mainNav ul li div.head span.menu4 span.table,
							#mainNav ul li div.head span.menu5 span.table,
							#mainNav ul li div.head span.menu6 span.table,
							#mainNav ul li div.head span.menu7 span.table,
							#mainNav ul li div.head span.menu8 span.table {
								background : transparent url(../../custom/img/ico/ico-arrow1.png) 98% center no-repeat;
							}
							
							
							#mainNav ul li div.head span.menu1 span.table strong,
							#mainNav ul li div.head span.menu2 span.table strong,
							#mainNav ul li div.head span.menu3 span.table strong,
							#mainNav ul li div.head span.menu4 span.table strong,
							#mainNav ul li div.head span.menu5 span.table strong,
							#mainNav ul li div.head span.menu6 span.table strong,
							#mainNav ul li div.head span.menu7 span.table strong,
							#mainNav ul li div.head span.menu8 span.table strong {
								background  : transparent         !important;
								padding     : 12px 30px 12px 56px !important;
							}
				
				
				
				#mainNav ul li.current_page_item a,
				#mainNav ul li.current-menu-item a {
					color      : #ffffff;
					background : transparent;
				}
				
				#mainNav ul li.menu-item a,
				#mainNav ul li.page_item a {
					padding    : 0px 0px 0px 0px;
				}
				
				
				
				/* ▼ #mainNav ul li ul.sub-menu  */
				/* ----------------------------------------------------- */
				#mainNav ul li ul,
				#mainNav ul li ul.sub-menu,
				#mainNav ul li ul.sub-menu ul.children {
					position : relative ;
					top      : 0px;
					left     : 0px !important;
					border   : 0px;
					margin   : 0px;
				}
				
				#mainNav ul li * {
					border-radius : 0px !important;
				}
				
				#mainNav ul li.AccordionHeadTitle ul.sub-menu {
					display : none;
				}
				
				#mainNav ul li.menu-item-has-children > div.head span.table,
				#mainNav ul li.menu-item-has-children > div.head:hover span.table {
					color               : #ffffff;
					background-color    : transparent;
					background-image    : url(../../custom/img/ico/ico-updown.png) !important;
					background-position : 98% 13px !important;
					background-repeat   : no-repeat;
					padding             : 0px 0px 0px 0px !important;
				}
				
				#mainNav ul li.menu-item-has-children div.AccordionHead span.table,
				#mainNav ul li.menu-item-has-children div.AccordionHead:hover span.table {
					background-color    : transparent;
					background-image    : url(../../custom/img/ico/ico-updown.png) !important;
					background-position : 98% -28px !important;
					background-repeat   : no-repeat;
					padding             : 0px 0px 0px 0px !important;
				}
				
				
				/* ▼サブメニュー アコーディオン用設定 */
				/* ************************************************************** */
				#mainNav li.menu-item-has-children ul.children {
					display : block;
				}
				div.panel {
					width   : 100% !important;
				}
				div.panel > ul,
				div.panel > ul li {
					width    : 100%    !important;
					float    : none    !important;
					clear    : both    !important;
					display  : block   !important;
				}
				/* ************************************************************** */
				
				
				
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #breadcrumbs */
		/* ----------------------------------------------------------------------- */
		#breadcrumbs {
			display : none;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #pageTitleContainerInner */
		/* ----------------------------------------------------------------------- */
		#pageTitleContainerInner {
			width      : auto;
			text-align : center;
			padding    : 0px  0px 0px  0px;
			margin     : 0px auto 0px auto;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼#footer */
		/* ----------------------------------------------------------------------- */
		#footer {
			width     : auto;
			min-width : 100%;
			max-width : 100%;
		}
		
		
				/* ▼ #FooterContentInner */
				/* ----------------------------------------------------- */
				#FooterContentInner {
					width : auto;
				}
				
				
				
				/* ▼ #FooterMenu */
				/* ----------------------------------------------------- */
				#FooterMenu ul {
					width     : auto;
					min-width : 100%;
					max-width : 100%;
					height    : auto;
					overflow  : hidden;
					display   : block;
					padding   : 0px  0px 0px  0px;
					margin    : 0px auto 0px auto;
				}
				
				
				#FooterMenu ul.tr {
					width     : auto;
					min-width : 100%;
					max-width : 100%;
					height    : auto;
					overflow  : hidden;
					display   : block             !important;
					padding   : 0px  0px 0px  0px !important;
					margin    : 0px auto 0px auto !important;
				}
				
						#FooterMenu ul li.menu-item {
							position        : relative;
							top             : 0px;
							width           :  25% !important;
							height          : auto;
							border          : 1px solid #0852a4;
							float           : left;
							display         : table           !important;
							border-collapse : collapse        !important;
							padding         : 0px 0px 0px 0px !important;
							margin          : 0px 0px 0px 0px !important;
						}
								
								
								#FooterMenu ul li.menu-item {
									background : #0895fc !important;
								}
								
								#FooterMenu ul li.menu-item:hover {
									background : #55a2e9 !important;
								}
								
										#FooterMenu ul li.menu-item a {
											position        : relative;
											top             : 0px;
											width           : 100%;
											height          : 100%;
											font-size       : 9pt;
											text-align      : center;
											vertical-align  : middle;
											text-decoration : none;
											color           : #ffffff;
											float           : none;
											clear           : both;
											border          : 0px;
											display         : table-cell !important;
											padding         : 15px 6px 15px 6px;
											margin          :  0px 0px  0px 0px;
										}
										
										
				
				
				/* ▼ #CopyrightInner */
				/* ----------------------------------------------------- */
				#CopyrightInner {
					width      : auto !important;
					padding    : 0px  0px 0px  0px;
					margin     : 0px auto 0px auto;
				}
				
				
		
		/* ▼ div.CommonBaseContainer */
		/* ----------------------------------------------------- */
		div.CommonBaseContainer {
			padding :  4px 4px 4px 4px !important;
		}
		
		div.siteStyle {
			width         : auto;
			font-size     : 100%;
			border-top    : 0px;
			border-radius : 4px  4px 4px  4px;
			padding       : 4px  8px 4px  8px !important;
			margin        : 0px auto 0px auto !important;
		}	
	
		
	}/* END @media only screen and (max-width: 960px + 17px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 960px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 960px) {
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ BreakPoint */
		/* ----------------------------------------------------------------------- */
		.SubBreakPoint {
			width : 100% !important;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ LAY OUT */
		/* ----------------------------------------------------------------------- */
		#breadcrumbs div.breadcrumbsContainer {
			float    : none;
			clear    : both;
			padding  : 0px  0px 0px  0px;
			margin   : 0px auto 0px auto;
		}
		
		#content {
			float    : none;
			clear    : both;
			padding  : 5px  0px 5px  0px;
			margin   : 0px auto 0px auto;
		}
		
		#FooterContentInner {
			text-align : center;
			padding    : 0px  0px 0px  0px;
			margin     : 0px auto 0px auto;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.LeisureBannerContainer ul */
		/* ----------------------------------------------------------------------- */
		div.LeisureBannerContainer ul {
			top : -20%;
		}
		
		
	}/* END @media only screen and (max-width: 960px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 800px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 800px) {
		
		
		#header p {
			text-align : left;
			float      : none;
			clear      : both;
			padding    : 4px  4px 4px  4px;
			margin     : 0px auto 0px auto;
		}
		
		/* ▼ #header  */
		/* ----------------------------------------------------------------------- */
		#header div.SiteNameContainer div.SiteName {
			top        : 0px;
		}
		
		#header div.btnLinkContainer {
			border-top : 1px dotted #ffff00;
			background : url(../../custom/img/design/bg-btn-base-green.png) center top repeat-x;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.right:hover {
			background-image : none;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.left,
		#header div.btnLinkContainer ul.btnLinkSet li.right {
			position   : relative !important;
			top        : 0px      !important;
			height     : auto;
			display    : inline-block !important;
			padding    : 0px 0px 0px 0px;
			margin     : 0px 0px 0px 0px;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.right a {
			position   : relative !important;
			top        : -2px      !important;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.left {
			left       :   0px;
			max-width  : 105px;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.right {
			right      : 0px;
			max-width  : 160px;
			max-height :  45px;
			background : url(../../custom/img/design/bg-btn-sns-green.png) center top no-repeat;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.ico1 a,
		#header div.btnLinkContainer ul.btnLinkSet li.ico2 a,
		#header div.btnLinkContainer ul.btnLinkSet li.ico3 a,
		#header div.btnLinkContainer ul.btnLinkSet li.ico4 a {
			text-shadow : 0px 0px 6px #4b6814, 0px 0px 6px #4b6814;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.ico1 {
			width : 24%;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.ico2 {
			width : 25% !important;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.ico3 {
			width : 25% !important;
		}
		
		#header div.btnLinkContainer ul.btnLinkSet li.ico4 {
			width : 25% !important;
		}
				
				#header div.btnLinkContainer ul.btnLinkSet li.right a {
					color : #ffffff;
				}
				
				#header div.btnLinkContainer ul.btnLinkSet li.right a:hover {
					color : #ffff00;
				}
				
				
		
		
		/* ▼ div.IntroductionContainer */
		/* ----------------------------------------------------------------------- */
		div.IntroductionContainer {
			margin : 25px auto 25px auto;
		}
				
				div.IntroductionContainer h2 {
					margin : 0px auto 0px auto;
				}
				
				div.IntroductionInnerContainer p {
					width   : 96%;
					padding : 8px  8px 8px  8px;
					margin  : 5px auto 5px auto;
				}
				
				div.IntroductionInnerContainer p span {
					margin : 5px 5px 5px 20px;
				}
				
				
		* {
			text-align   : left;
			text-justify : normal !important;
		}
		
	}/* END @media only screen and (max-width: 800px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 760px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 760px) {
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #AsideContainer */
		/* ----------------------------------------------------------------------- */
		#AsideContainer {
			width   : 100%;
			display : block;
			padding : 0px 0px 0px 0px;
		}
		
				#AsideInnerContainer {
					width   : 100%;
					display : block;
				}
						#AsideContainer div.InquiryContainer,
						#AsideContainer div.LinkContainer {
							width   : 100%;
							display : block;
						}
						
						#AsideContainer div.InquiryContainer address {
							line-height : 1.4;
							font-size   : 100%;
						}
						
		/* ----------------------------------------------------------------------- */
		/* ▼ #GoogleMapContainer */
		/* ----------------------------------------------------------------------- */
		#GoogleMapContainer {
			width      : 98%;
			background : #ffffff;
			border     : 1px solid #d3d1c1;
			padding    :  4px 4px   4px 4px;
			margin     : 25px auto 25px 5px;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.FourColumnContainer ul.ColumnSet li */
		/* ----------------------------------------------------------------------- */
		div.FourColumnContainer ul.ColumnSet li {
			width            : 49%;
			float            : left;
			display          : inline-block;
			margin           : 3px 0.5% 3px 0.5% !important;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.ColumnContainerSet */
		/* ----------------------------------------------------------------------- */
		div.ColumnContainerSet h2 {
			font-size  : 130% !important;
			text-align : left !important;
		}
		
		div.ColumnContainerSet div.imgCenter h2 {
			font-size  : 100% !important;
			text-align : left !important;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.SiteStyleContainer div.siteStyle table.SPstyle */
		/* ----------------------------------------------------------------------- */
		div.SiteStyleContainer div.siteStyle dl.SPstyle div {
			width   : 100%;
			display : block;
			padding : 0px  0px  0px  0px;
			margin  : 0px auto -1px auto;
		}
		
				div.SiteStyleContainer div.siteStyle dl.SPstyle dt {
					width          : 100%;
					min-width      : 100%;
					white-space    : normal;
					text-align     : center;
					vertical-align : middle;
					display        : block;
					margin         : 0px auto 0px auto;
				}
				
				div.SiteStyleContainer div.siteStyle dl.SPstyle dd {
					width          : 100%;
					min-width      : 100%;
					white-space    : normal;
					text-align     : center;
					vertical-align : middle;
					display        : block;
					margin         : 0px auto 0px auto;
				}
				
		
	}/* END @media only screen and (max-width: 760px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 640px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 640px) {
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #WatsnewContainer */
		/* ----------------------------------------------------------------------- */
		#WatsnewContainer {
			display : block;
		}
		
		div.WatsnewContainerLeft,
		div.WatsnewContainerRight {
			width          : 98%;
			background     : #ffffff;
			vertical-align : top;
			display        : block;
			padding        : 6px  0px 6px  0px;
			margin         : 5px auto 5px auto;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.LeisureBannerContainer ul */
		/* ----------------------------------------------------------------------- */
		div.LeisureBannerContainer ul li {
			width : 50%;
		}
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ #lightbox */
		/* ----------------------------------------------------------------------- */
		#lightbox {
			width  : 96%           !important;
			margin : 5px 2% 5px 2% !important;
		}
		
		#lightbox img#lightboxImage {
			width  : 98%  !important;
			height : auto !important;
			margin : 0px auto 0px auto;
		}
		
		#outerImageContainer,
		#imageDataContainer {
			width  : 98%  !important;
			height : auto !important;
			margin : 0px auto 0px auto;
		}
		
		#prevLink,
		#nextLink {
			height : 100% !important;
			margin : 0px auto 0px auto;
		}
		
		/* ▼ #WhatsnewInnerContainer */
		/* ----------------------------------------------------------------------- */
		#WhatsnewInnerContainer {
			display : block;
		}
		
				div.WhatsnewContainerLeft,
				div.WhatsnewContainerRight {
					width   : 100%;
					display : block;
					padding : 0px  0px 0px  0px;
					margin  : 5px auto 5px auto;
				}
				
				
		
		
		/* ▼ div.NoticeContainer */
		/* ----------------------------------------------------------------------- */
		div.NoticeInnerContainer {
			padding : 4px 16px 4px 4px !important;
		}
		
		div.NoticeInnerContainer ul {
			padding : 4px 4px 4px 4px !important;
		}
		
		
		/* ▼ div.FiveColumnContainer */
		/* ----------------------------------------------------------------------- */
		div.FiveColumnContainer ul.ColumnSet {
			width   : 100%;
			display : block;
		}
		
				div.FiveColumnContainer ul.ColumnSet li {
					width   : 48.5%;
					display : inline-block;
					margin  : 5px auto 5px auto !important;
				}
				
				div.ColumnContainerSet ul.ColumnSet li ul.features li {
					background-position : 0px 2px   !important;
				}
		
		
		/* ▼ div.CharaContainer */
		/* ----------------------------------------------------------------------- */
		div.CharaContainer {
			width      : 98%;
			text-align : center;
			display    : block;
		}
		
				div.CharaContainer div.CharaLeft {
					width   : 60%;
					display : block;
					padding : 0px  0px 0px  0px !important;
					margin  : 5px auto 5px auto !important;
				}
				
				div.CharaContainer div.CharaRight {
					width   : 100%;
					display : block;
					padding : 0px  0px 0px  0px !important;
					margin  : 5px auto 5px auto !important;
				}
				
				div.CharaContainer div.CharaRight ul {
					width   : 100%;
					display : block;
					padding : 0px  0px 0px  0px !important;
					margin  : 5px auto 5px auto !important;
				}
		
		
		/* ▼ div.DocumentBtnSet */
		/* ----------------------------------------------------------------------- */
		ul.DocumentBtnSet {
			width   : 100%;
			display : block !important;
			padding : 0px  0px 0px  0px;
			margin  : 0px auto 5px auto;
		}
		
				div.ColumnContainerSet ul.DocumentBtnSet li,
				div.ColumnContainerSet ul.DocumentBtnSet li:hover,
				div.ColumnContainerSet ul.DocumentBtnSet li.TwoBtnCell,
				div.ColumnContainerSet ul.DocumentBtnSet li.TwoBtnCell:hover {
					width   : 100%  !important;
					float   : none  !important;
					clear   : both  !important;
					display : block !important;
					margin  : 20px auto 20px auto !important;
				}
		
	}/* END @media only screen and (max-width: 640px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 496px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 496px) {
		
		
		* {
			font-size : 100%;
		}
		
		h2, h3, h4, h5, h6 {
			font-size   : 100% !important;
		}
		
		
		#FooterContentInner,
		#FooterContentLeft,
		#FooterContentRight {
			width   : 100%;
			display : block;
			padding : 0px  0px 0px  0px;
			margin  : 5px auto 5px auto;
		}
		
		#FooterContentLeft address {
			width        : 96%;
			text-align   : left;
			text-justify : normal !important;
			padding      : 8px  8px 8px  8px;
			margin       : 0px auto 0px auto;
		}
		
		#FooterContentRight div.btnAnchor {
			width   : 96%;
			display : block;
			padding : 2px  2px 2px  2px;
			margin  : 5px auto 5px auto;
		}
		
				#footer div.btnAnchor a {
					width   : 100%;
					height  : auto;
					display : block;
					padding : 20px  8px 20px  8px;
					margin  :  0px auto  0px auto;
				}
				
		small,
		small strong {
			text-align : center;
			display    : block;
			margin     :  0px auto  0px auto;
		}
		
		
		/* ▼ div.SiteStyleContainer div.siteStyle table.SPstyle */
		/* ----------------------------------------------------------------------- */
		div.SiteStyleContainer div.siteStyle table.SPstyle {
			width   : 100%;
			display : block;
			padding : 0px  0px 0px  0px !important;
			margin  : 5px auto 5px auto !important;
		}
		
				div.SiteStyleContainer div.siteStyle table.SPstyle tbody tr th {
					width   : 100%;
					display : block;
				}
				
				div.SiteStyleContainer div.siteStyle table.SPstyle tbody tr td {
					width   : 100%;
					display : block;
				}
				
				div.SiteStyleContainer div.siteStyle table td img {
					width   : 100% !important;
					height  : auto;
					display : block;
				}
				
		div.SiteStyleContainer div.siteStyle table {
			padding : 0px  0px 0px  0px !important;
			margin  : 5px auto 5px auto !important;
		}
				
				div.SiteStyleContainer div.siteStyle table thead tr th,
				div.SiteStyleContainer div.siteStyle table tbody tr th,
				div.SiteStyleContainer div.siteStyle table tbody tr td {
					white-space : normal;
				}
				
		
	}/* END @media only screen and (max-width: 496px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 480px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 480px) {
		
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ ol and ul */
		/* ----------------------------------------------------------------------- */
		ol {
			margin : 5px 5px 15px 24px;
		}
		
		ul {
			margin : 5px 5px 15px 5px;
		}
		
		ol li ul,
		ul li ul {
			margin : 5px 5px 15px 3px;
		}
		
		ol li ol,
		ul li ol {
			margin : 5px 5px 15px 18px;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.SaleBannerContainer and div.SubBannerContainer */
		/* ----------------------------------------------------------------------- */
		div.SaleBannerContainer ul,
		div.SubBannerContainer ul,
		div.SubLeisureBannerContainer ul {
			width   : 100%;
			display : block;
			padding : 0px  0px 0px  0px;
			margin  : 0px auto 0px auto;
		}
				div.SaleBannerContainer ul li,
				div.SubBannerContainer ul li,
				div.SubLeisureBannerContainer ul li {
					width   : 100%;
					display : block;
					float   : none;
					clear   : both;
					padding : 0px  0px 0px  0px;
					margin  : 5px auto 5px auto;
				}
				
				
		
		
		/* ▼ div.IntroductionContainer */
		/* ----------------------------------------------------------------------- */
		div.IntroductionInnerContainer img.FloatLeft,
		div.IntroductionInnerContainer img.FloatRight {
			float   : none !important;
			clear   : both !important;
			padding : 0px  0px 0px  0px;
			margin  : 5px auto 5px auto;
		}
		div.IntroductionInnerContainer img {
			width      : 100%;
			max-width  : 480px;
			height     : auto;
			box-shadow : 0px 0px 6px #e2dec9;
			display    : block;
			padding    : 4px  4px  4px  4px !important;
			margin     : 0px auto 10px auto !important;
		}
		
		
		/* ▼ div.PointContainer */
		/* --------------------------------------------------- */
		div.PointContainer {
			width      : 100%;
			background : url(../../custom/img/ico/ico-point.png) center top no-repeat;
			padding    : 100px 4px  4px  4px;
			margin     : 10px auto 10px auto;
		}
		
		/* ▼ div.NoticeContainer */
		/* ----------------------------------------------------------------------- */
		div.NoticeInnerContainer {
			padding : 8px 8px 8px 8px !important;
		}
		
		div.NoticeContainerLeft,
		div.NoticeContainerRight {
			width          : 100%;
			vertical-align : top;
			float          : none;
			clear          : both;
			padding        : 0px  0px 0px  0px;
			margin         : 5px auto 5px auto;
		}
		
		div.NoticeContainer h2,
		div.NoticeContainerLeft p,
		div.NoticeContainerRight {
			text-align : center !important;
		}
		
		
		/* ▼ div.FiveColumnContainer */
		/* ----------------------------------------------------------------------- */
		div.FiveColumnContainer ul.ColumnSet li {
			width   : 96%;
			display : block;
			margin  : 5px auto 5px auto !important;
		}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.AccessContainer  */
		/* ----------------------------------------------------------------------- */
		div.AccessContainer {
			display : block;
		}
		
				
				div.AccessLeft,
				div.AccessRight {
					width   : 98%;
					display : block;
					padding : 0px  0px 0px  0px;
					margin  : 5px auto 5px auto;
				}
				
						div.AccessLeft img,
						div.AccessRight img {
							width          : 100%;
							height         : auto;
							text-align     : center;
							vertical-align : top;
							display        : block;
							border         : 1px solid #bfb7b1;
							padding        : 0px  0px 0px  0px;
							margin         : 0px auto 0px auto;
						}
		
		
		/* ----------------------------------------------------------------------- */
		/* ▼ div.ImagePhotoDescContainer  */
		/* ----------------------------------------------------------------------- */
		div.ImagePhotoDescContainer {
			width      : 96% !important;
			display    : block;
			padding    : 0px  0px 0px  0px !important;
			margin     : 0px auto 0px auto !important;
		}
				
				div.ImagePhotoDescContainer div.ImagePhotoDescLeft,
				div.ImagePhotoDescContainer div.ImagePhotoDescRight {
					width   : 100%;
					display : block;
					padding : 4px  4px 4px  4px !important;
					margin  : 0px auto 0px auto !important;
				}
				
				
	}/* END @media only screen and (max-width: 480px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 470px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 470px) {
		
		div.PostContainer div.PostContainer {
			width   : 100%              !important;
			display : block             !important;
			padding : 4px  4px 4px  4px !important;
			margin  : 0px auto 0px auto !important;
		}
		
				div.PostContainer div.PostContainerLeft,
				div.PostContainer div.PostContainerRight {
					width         : 100%              !important;
					display       : block             !important;
					border-bottom : 1px solid #eeeee;
					padding       : 4px  4px 4px  4px !important;
					margin        : 5px auto 5px auto !important;
				}
		
	}/* END @media only screen and (max-width: 470px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 440px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 440px) {
		
		#header div.SiteNameContainer div.SiteName {
			width   : 100%;
			padding : 0px  0px 0px  0px;
			margin  : 0px auto 0px auto;
		}
		
	}/* END @media only screen and (max-width: 440px) */
	
	
	
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	/* ★media only screen and (max-width: 320px) */
	/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */
	@media only screen and (max-width: 320px) {
		
		
		
	}/* END @media only screen and (max-width: 320px) */