@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,800');
@import url('https://fonts.googleapis.com/css?family=Ledger');

body {
	background-color: #000;
	color: #ccc;
	font-size: 26px;
    font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
.body {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

* {padding:0; margin:0}

strong {
	font-weight:900;
}

/* ===========================================================================================================================================================
   ===== HEADINGS ============================================================================================================================================ 
   =========================================================================================================================================================== */

h2 {
	font-size: 150%;
	text-transform: uppercase;
	font-weight: normal;
}

h3 {font-size:130%}
h4 {font-size:120%}
h5 {font-size:110%}
h6 {font-size:90%}

h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 2%;
}

li {list-style-type: none;}

/* ===========================================================================================================================================================
   ===== ANCHOR STYLE ======================================================================================================================================== 
   =========================================================================================================================================================== */

a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
}

/* ===========================================================================================================================================================
   ===== NAVIGATION ========================================================================================================================================== 
   =========================================================================================================================================================== */

.navi{
	display: none;
}
.nav {
	position: fixed;
	top: 0%;
	left: 0%;
	margin: 0% auto;
	width: 100%;
	height: 70px;
	padding: 0px 0px;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.9);
	text-align: center;
	display: block;
	-webkit-z-index: 9;
	z-index: 9;
	display: inline-block;
}

.buttonpopup {
	position: fixed;
	top: 0%;
	left: 5%;
	width: 70px;
	height: 70px;
	-webkit-z-index: 11;
	z-index: 11;
}
.buttonpopup:hover {
	cursor: pointer !important;
}
#buttonpopup img {
	position: relative;;
	margin: auto;
	width: 70px;
	height: auto;
	-webkit-z-index: 10;
	z-index: 10;
}

#buttonpopupclose {
	position: fixed;
	top: 0%;
	left: 5%;
	width: 70px;
	height: 70px;
	-webkit-z-index: 11;
	z-index: 11;
}
#buttonpopupclose:hover {
	cursor: pointer !important;
}
#buttonpopupclose img {
	position: relative;;
	margin: auto;
	width: 70px;
	height: auto;
	-webkit-z-index: 10;
	z-index: 10;
}

.logo {
	position: absolute;
	margin: auto;
	width: auto;
	height: 100px;
	left: 10%;
	top: 0px;
}
.logo2 {
	position: absolute;
	margin: auto;
	width: auto;
	height: 16px;
	right: 10%;
	top: 39px;
}
.address {
	position: absolute;
	margin: auto;
	right: 18%;
	width: auto;
	height: auto;
	top: 20px;
	font-size: 50%;
	display: inline-block;
}

.print {
	position: absolute;
	right: 5%;
	top: 50%;
	padding: 0.5% 2%;
	color: rgba(255,255,255,0.9);
	background-color: rgba(0,0,0,0);
	font-size: 50%;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border:2px solid rgba(255,255,255,0.9);
	transition: 0.5s;
}
.print:hover {
	background-color: #3366cc;
	color: #FFFFFF;
	border:2px solid #3366cc;
}

.windowpopup {
	position: fixed;
	top: 0%;
	left: 0%;
	margin: 0% auto 0% auto;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,1.0);
	text-align: center;
	-webkit-z-index: 10;
	z-index: 10;
	display: none;
}
.windowpopup table {
	position: absolute;
	margin: auto auto auto auto;
	width: 70%;
	height: auto;
	text-align: left;
	border: 0px solid #3366cc;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.windowpopup table th, .windowpopup table td {
	position: relative;
	margin: auto;
	width: 25%;
	height: auto;
}

.windowpopup table tr th h2 a {
	position: relative;
	margin: auto;
	padding: 0% 0% 0% 0%;
	display: block;
	line-height: 40px;
	font-size: 70%;
	color: #80c3ff;
	font-weight: 700;
	transition: 0.5s;
	font-family: 'Ledger', serif;
}
.windowpopup table tr th h2 a:hover {
	color: #3366cc;
}

.windowpopup table tr td a{
	position: relative;
	margin: auto;
	width: 100%;
	height: auto;
	padding: 0% 0% 1% 0%;
	display: inline-block;
	font-size: 70%;
	color: rgba(255,255,255,0.85);
	transition: 0.5s;
}
.windowpopup table tr td a:hover {
	color: #3366cc;
}


/* ===========================================================================================================================================================
   ====== SHOW =============================================================================================================================================== 
   =========================================================================================================================================================== */
img {width: 100%;}

.cycle-slideshow {
	position: relative;
	margin: 0% 0%;
	padding: 0%;
	width: 100%;
	height: auto;
	display: inline-block;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/hikc_loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: inline-block;
}

.cycle-prev {
	position: absolute;
	margin: auto auto auto auto;
	padding: 1% 1% 1% 1%;
	width: 50px;
	height: 100px;
	display: block;
	top: 35%;
	left: 0px;
	border-bottom-right-radius: 100px;
  	border-top-right-radius: 100px;
	/*background-image:url(../images/prev.png);
	background-repeat: no-repeat;
	background-position: 25px center;*/
	z-index: 9999;
	cursor: pointer;
	transition: 0.3s;
	opacity: 0.4;
}
.cycle-prev:hover {
	background-color: rgba(0,0,0,0.4);
	opacity: 1;
}
.cycle-next {
	position: absolute;
	margin: auto auto auto auto;
	padding: 1% 1% 1% 1%;
	width: 50px;
	height: 100px;
	display: block;
	top: 35%;
	right: 0px;
	border-bottom-left-radius: 100px;
  	border-top-left-radius: 100px;
	/*background-image:url(../images/next.png);
	background-repeat: no-repeat;
	background-position: -15px center;*/
	z-index: 9999;
	cursor: pointer;
	transition: 0.3s;
	opacity: 0.4;
}
.cycle-next:hover {
	background-color: rgba(0,0,0,0.4);
	opacity: 1;
}


/* ===========================================================================================================================================================
   ===== INDEX =============================================================================================================================================== 
   =========================================================================================================================================================== */

a.back-to-top {
	position: fixed;
	margin: auto;
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	z-index: 1000;
	right: 0%;
	bottom: 0%;
	background: rgba(0,21,38,1) url(http://weathersbyink.com/images/cw_up-arrow.png) no-repeat top left;
	transition: 0.5s;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-left: 1px solid rgba(255,255,255,0.4);
}
a:hover.back-to-top {
	background-color: rgba(0,105,191,1);
	border-top: 1px solid rgba(255,255,255,0);
	border-left: 1px solid rgba(255,255,255,0);
}	

.index01 {
	position: fixed;
	top: 70px;
	left: 0%;
	float: left;
	margin: auto auto;
	padding: 0% 0%;
	width: 100%;
	height: auto;
	background-color: #000000;
	display: inline-block;
	
}
.index01 h1 {
	position: relative;
	margin: auto auto 1% auto;
	width: auto;
	height: auto;
	font-size: 150%;
	color: rgba(0,21,38,1);
	text-transform: uppercase;
}
.index01 p a {
	position: relative;
	margin: auto auto auto auto;
	padding: 0.35% 3%;
	width: auto;
	height: auto;
	font-size: 140%;
	font-weight: 400;
	color: rgba(255,255,255,1);
	border: 0px solid rgba(255,255,255,0.1);
	border-radius: 3px;
	transition: 1.0s;
	background-color: rgba(0,0,0,0);
	text-decoration: underline;
}
.index01 p a:hover {
	background-color: rgba(0,7,13,1);
	border: 0px solid rgba(255,255,255,0);
}

/* ===== INDEX02 =============================================================================================================================================== */
		

.index02 {
	position: relative;
	margin: 50% auto auto auto;
	padding: 10% 0% 10% 0%;
	width: 100%;
	height: auto;
	background-color: #FFF;
	background-image: url(../images/hikc_wing1BB.png);
	background-position: top center;
	background-repeat: repeat-x;
}
.index02 h1 {
	position: relative;
	margin: auto auto 2% auto;
	font-size: 165%;
	text-transform: none;
	color: #000;
	letter-spacing: -2px;
	font-family: 'Ledger', serif;
}
.index02 ul {
	position: relative;
	margin: auto auto auto auto;
	width: 90%;
	height: auto;
}
.index02 ul li {
	position: relative;
	margin: 0% 1%;
	width: 17%;
	height: auto;
	display: inline-block;
}
.index02 ul li img {
	position: relative;
	margin: 0% 0% 2% 0%;
	width: 100%;
	height: auto;
}
.index02_btn {
	position: relative;
	margin: 5% auto;
	width: auto;
	height: auto;
	padding: 2% 5%;
	font-size: 45%;
	display: inline-block;
	color: #000;
	background-color: rgba(169,199,223,0.25);
	text-transform: uppercase;
	transition: 0.3s;
}
.index02_btn:hover {
	color: #FFF;
	background-color: #3366cc;
}
.index02 h2 {
	position: relative;
	margin: auto auto 3% auto;
	font-size: 70%;
	text-transform: uppercase;
	color: #000;
	font-family: 'Ledger',serif;
}
.index02 p {
	position: relative;
	margin: auto auto auto auto;
	padding: 0% 0%;
	width: auto;
	height: auto;
	font-size: 55%;
	font-weight: 400;
	color: rgba(0,0,0,0.4);
}
.wing {
	 position: absolute;
	 top: 0%;
	 left: 0%;
	 width: 100%;
	 height: auto;
	 float: left;
	 z-index: 8;
}

/* ===== INDEX03 =============================================================================================================================================== */

.index03A {
	display: none;
}
.index03 {
	position: relative;
	margin: auto auto;
	padding: 30% 0% 30% 0%;
	width: 100%;
	height: auto;
	background-color: rgba(51,102,204,1);
	display: inline-block;
}
.index03 h3 {
	position: relative;
	width: 60%;
	margin: auto auto 1% auto;
	font-size: 165%;
	letter-spacing: -2px;
	text-transform: none;
	color: #fff;
	font-family: 'Ledger', serif;
}
.index03 p {
	position: relative;
	margin: auto auto 5% auto;
	padding: 0%;
	width: 60%;
	height: auto;
	font-size: 60%;
	font-weight: 300;
	color: rgba(255,255,255,1);
}
.slider {
	width: 90%;
	margin: 0% auto;
	padding: 0% 0%;
}
.slick-slide {
  margin: 0% 0px;
}
.slick-slide img {
  width: 90%;
  height: auto;
  margin: 0% 5%;
}
.btn03 {
	position: relative;
	margin: auto auto;
	padding: 2% 5% 2% 5%;
	font-size: 65%;
	background-color: rgba(255,255,255,0.15);
	color: #FFF;
	transition: 0.3s;
	display: inline-block;
}
.btn03:hover {
	background-color: rgba(255,255,255,1.0);
	color: rgba(51,102,204,1);
	cursor: pointer;
}

/* ===== INDEX04 & 5 =========================================================================================================================================== */

.index04 {
	position: relative;
	margin: auto auto;
	padding: 0% 0%;
	width: 100%;
	height: auto;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.0);
	background-color: #e6e6e6;
}
.index05 {
	position: absolute;
	margin: auto;
	width: 65%;
	height: auto;
	float: left;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.index05 h4 {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto auto 1% auto;
	font-size: 150%;
	letter-spacing: -2px;
	color: #4c423d;
	font-family: 'Ledger', serif;
}
.index05 p {
	position: relative;
	margin: auto auto 3% auto;
	padding: 0%;
	width: 100%;
	height: auto;
	font-size: 65%;
	font-weight: 300;
	color: #4c423d;
}
.index05 a {
	position: relative;
	margin: auto auto auto auto;
	padding: 0.5% 10%;
	width: auto;
	height: auto;
	font-size: 90%;
	font-weight: 700;
	color: #4c423d;
	transition: 0.3s;
	background-color: rgba(0,0,0,0.0);
	border: 4px solid #4c423d;
}
.index05 a:hover {
	color: #ebebeb;
	background-color: rgba(76,66,61,1.0);
}

.top_btn {
	position: fixed;
	bottom: 1%;
	right: 1%;
	width: 70px;
	height: 70px;
	opacity: 1;
	z-index: 1;
	transition: 0.3s;
}
.top_btn:hover {
	opacity: 0.5;
	-webkit-animation-name: topp;
    -webkit-animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
    animation-name: topp;
    animation-duration: 0.75s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes topp {
	0%    {bottom: 1%;}
	80%   {bottom: 2%;}
	100%  {bottom: 1%;}
}
@keyframes topp {
	0%    {bottom: 1%;}
	80%   {bottom: 2%;}
	100%  {bottom: 1%;}
}


/* ===========================================================================================================================================================
   ===== FOOTER ============================================================================================================================================== 
   =========================================================================================================================================================== */

#footer {
	position: relative;
	margin: auto;
	width: 100%;
	height: auto;
	padding: 3% 0%;
	background-color: #000000;
	color: rgba(255,255,255,0.85);
}
#footer img {
	position: relative;
	margin: auto auto 2% auto;
	width: 15%;
	height: auto;
}
#footer p {
	font-size: 50%;
}
#footer p a {
	color: rgba(255,255,255,0.75);
	transition: 0.5s;
}
#footer p a:hover {
	color: rgba(255,255,255,1.0);
	text-decoration-line: underline;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}


	@media only screen and (min-width : 414px) and (max-width : 868px) {
			


		/* ===========================================================================================================================================================
		   ===== NAVIGATION ========================================================================================================================================== 
		   =========================================================================================================================================================== */

		.buttonpopup {
			position: fixed;
			top: 15px;
			left: 15px;
			width: 40px;
			height: 40px;
			-webkit-z-index: 11;
			z-index: 11;
		}
		.buttonpopup:hover {
			cursor: pointer !important;
		}
		#buttonpopup img {
			position: relative;;
			margin: auto;
			width: 100%;
			height: auto;
			-webkit-z-index: 10;
			z-index: 10;
		}

		#buttonpopupclose {
			position: fixed;
			top: 15px;
			left: 15px;
			width: 40px;
			height: 40px;
			-webkit-z-index: 11;
			z-index: 11;
		}
		#buttonpopupclose:hover {
			cursor: pointer !important;
		}
		#buttonpopupclose img {
			position: relative;;
			margin: auto;
			width: 100%;
			height: auto;
			-webkit-z-index: 10;
			z-index: 10;
		}

		.logo {
			position: absolute;
			margin: auto;
			width: auto;
			height: 80px;
			left: 70px;
			top: 0px;
		}
		.logo2 {
			position: absolute;
			margin: auto;
			width: auto;
			height: 16px;
			right: 10%;
			top: 39px;
		}
		.address {
			display: none;
		}

		.print {
			position: absolute;
			right: 5%;
			top: 50%;
			padding: 0.5% 2%;
			color: rgba(255,255,255,0.9);
			background-color: rgba(0,0,0,0);
			font-size: 50%;
			font-weight: 700;
			text-transform: uppercase;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			border:2px solid rgba(255,255,255,0.9);
			transition: 0.5s;
		}
		.print:hover {
			background-color: #3366cc;
			color: #FFFFFF;
			border:2px solid #3366cc;
		}

		.windowpopup table {
			display: none;
		}
		.navi {
			position: absolute;
			margin: auto auto auto auto;
			width: 100%;
			height: auto;
			text-align: left;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
			display: inline-block;
		}

		.navi_btn2 {
			position: relative;
			margin: auto;
			width: auto;
			height: auto;
			padding: 1% 0%;
			text-align: left;
			text-indent: 10%;
			font-size: 100%;
			color: #80c3ff;
			text-transform: uppercase;
			font-weight: 700;
			border-bottom: 1px solid rgba(255,255,255,0.1);
			transition: 0.5s;
		}
		.navi_btn2:hover {
			color: #3366cc;
			background-color: rgba(57,147,244,0.1);
		}
		.content2 {
			position: relative;
			margin: auto auto;
			width: 100%;
			height: auto;
			padding: 0% 0%;
			background-color: #000;
		}
		
		.content2 ol {
			position: relative;
			margin: auto;
			width: 100%;
			height: auto;
		}
		.content2 ol li a {
			position: relative;
			margin: auto;
			width: 100%;
			height: auto;
			background-color: rgba(57,147,244,0.2);
			color: #FFF;
			padding: 1% 0%;
			border-bottom: 1px solid rgba(255,255,255,0.1);
			font-size: 80%;
			transition: 0.3s;
			text-indent: 15%;
			text-align: left;
			display: inline-block;
		}
		.content2 ol li a:hover {
			background-color: #FFF;
			color: #45a5e6;
		}

		/* ===========================================================================================================================================================
		   ====== SHOW =============================================================================================================================================== 
		   =========================================================================================================================================================== */

		.cycle-prev {display: none;}
		
		.cycle-next {display: none;}


		/* ===========================================================================================================================================================
		   ===== INDEX =============================================================================================================================================== 
		   =========================================================================================================================================================== */


		.index01 {
			margin: auto auto;
			top: 0px;
		}
		
		.index01 p a {
			font-size: 85%;
			margin: auto auto auto auto;
			padding: 1% 3%;
		}
	

		/* ===== INDEX02 =============================================================================================================================================== */
		

		.index02 p a {font-size: 85%;}

		.index02 {
			position: relative;
			margin: 52% auto auto auto;
			padding: 20% 0%;
			width: 100%;
			height: auto;
			background-color: rgba(255,255,255,1.0);
		}
		.index02 h1 {
			position: relative;
			margin: auto auto 2% auto;
			width: 90%;
			font-size: 150%;
			letter-spacing: -2px;
			text-transform: none;
			font-family: 'Ledger', serif;
		}
		.index02 ul {
			position: relative;
			margin: auto auto auto auto;
			width: 90%;
			height: auto;
		}
		.index02 ul li {
			position: relative;
			margin: 3% 5%;
			width: 90%;
			height: auto;
			display: inline-block;
		}
		.index02 ul li img {
			position: relative;
			margin: 0% 0% 4% 0%;
			width: 100%;
			height: auto;
			opacity: 1.0;
		}
		.index02 h2 {
			position: relative;
			margin: auto auto 4% auto;
			font-size: 90%;
			text-transform: uppercase;
			color: #000;
			font-family: 'Ledger', serif;
		}
		.index02 p {
			font-size: 65%;
			margin: auto auto 4% auto;
		}
		.wing {
			 position: absolute;
			 top: -2.25%;
			 left: 0%;
			 width: 100%;
			 height: auto;
			 float: left;
		}

		/* ===== INDEX03 =============================================================================================================================================== */
		
		.index03 {
			display: none;
		}

		.index03A {
			position: relative;
			margin: auto auto;
			padding: 40% 10%;
			width: 80%;
			height: auto;
			background-color: rgba(51,102,204,1);
			display: inline-block;
		}
		.index03A h3 {
			position: relative;
			width: 100%;
			margin: auto auto 5% auto;
			font-size: 150%;
			letter-spacing: -1px;
			text-transform: none;
			color: #fff;
			font-family: 'Ledger', serif;
		}
		.index03A p {
			position: relative;
			margin: auto auto 3% auto;
			padding: 0%;
			width: 100%;
			height: auto;
			font-size: 70%;
			font-weight: 300;
			color: rgba(255,255,255,1);
		}
		.slider {
			width: 90%;
			height: auto;
			padding: auto;
		}
		.slick-slide {
			width: 90%;
		  	margin: 0% 0px;
		}
		.slick-slide img {
		  width: 100%;
		  height: auto;
		  margin: 0% 9%;
		}
		.btn03 {
			position: relative;
			margin: 0% auto;
			padding: 2% 5%;
			font-size: 65%;
			background-color: rgba(255,255,255,0.15);
			border-radius: 4px;
			color: #FFF;
			transition: 0.3s;
		}
		.btn03:hover {
			background-color: rgba(255,255,255,1.0);
			color: #3366cc;
			cursor: pointer;
		}

		/* ===== INDEX04 & 5 =========================================================================================================================================== */

		.index04 {
			position: relative;
			margin: auto auto;
			padding: 50% 0% 100% 0%;
			width: 100%;
			height: auto;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.0);
			background-color: #e6e6e6;
		}
		.index04_img {
			position: absolute;
			left: 0%;
			bottom: 0%;
			width: 100%;
			height: auto;
		}
		.index05 {
			position: absolute;
			margin: auto;
			width: 80%;
			height: auto;
			float: left;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-70%) translateX(-50%);
			transform: translateY(-70%) translateX(-50%);
		}
		.index05 h4 {
			position: relative;
			width: 100%;
			height: auto;
			margin: auto auto 1% auto;
			font-size: 150%;
			letter-spacing: -2px;
			color: #4c423d;
			font-family: 'Ledger', serif;
		}
		.index05 p {
			position: relative;
			margin: auto auto 6% auto;
			padding: 0%;
			width: 100%;
			height: auto;
			font-size: 65%;
			font-weight: 300;
			color: #4c423d;
		}
		.index05 a {
			position: relative;
			margin: auto auto auto auto;
			padding: 0.5% 10%;
			width: auto;
			height: auto;
			font-size: 90%;
			font-weight: 700;
			color: #4c423d;
			transition: 0.3s;
			background-color: rgba(0,0,0,0.0);
			border: 4px solid #4c423d;
		}
		.index05 a:hover {
			color: #ebebeb;
			background-color: rgba(76,66,61,1.0);
		}
				


		/* ===========================================================================================================================================================
		   ====== SHOW =============================================================================================================================================== 
		   =========================================================================================================================================================== */
			img {width: 100%;}

			.cycle-slideshow {
				position: relative;
				margin: auto auto 3% auto;
				padding: 0;
				width: 100%;
				height: auto;
				display: inline-block;
				top: 0;
				left: 0;
				background-color: rgba(0,0,0,0);
			}
			.cycle-slideshow img {
				border-radius: 0px;
				margin: 68px auto auto auto;
				width: 100%;
				
				box-shadow: 0px 0px 0px rgba(0,0,0,0);
			}

		/* ===========================================================================================================================================================
		   ===== FOOTER ============================================================================================================================================== 
		   =========================================================================================================================================================== */

			#footer {
				position: relative;
				margin: auto;
				width: 90%;
				height: auto;
				padding: 10% 5%;
				background-color: #000000;
				color: rgba(255,255,255,0.85);
			}
			#footer img {
				position: relative;
				margin: auto auto 10% auto;
				width: 30%;
				height: auto;
			}
			#footer p {
				font-size: 70%;
				margin-bottom: 5%;
			}
			#footer p a {
				color: rgba(255,255,255,0.75);
			}

		
	}/*--end media query--*/
	
	
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

	
	@media only screen and (min-width : 1px) and (max-width : 414px) {
			


		/* ===========================================================================================================================================================
		   ===== NAVIGATION ========================================================================================================================================== 
		   =========================================================================================================================================================== */

		.buttonpopup {
			position: fixed;
			top: 15px;
			left: 15px;
			width: 40px;
			height: 40px;
			-webkit-z-index: 11;
			z-index: 11;
		}
		.buttonpopup:hover {
			cursor: pointer !important;
		}
		#buttonpopup img {
			position: relative;;
			margin: auto;
			width: 100%;
			height: auto;
			-webkit-z-index: 10;
			z-index: 10;
		}

		#buttonpopupclose {
			position: fixed;
			top: 15px;
			left: 15px;
			width: 40px;
			height: 40px;
			-webkit-z-index: 11;
			z-index: 11;
		}
		#buttonpopupclose:hover {
			cursor: pointer !important;
		}
		#buttonpopupclose img {
			position: relative;;
			margin: auto;
			width: 100%;
			height: auto;
			-webkit-z-index: 10;
			z-index: 10;
		}

		.logo {
			position: absolute;
			margin: auto;
			width: auto;
			height: 50px;
			left: 50%;
			top: 0px;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
		}
		.logo2 {
			position: absolute;
			margin: auto;
			width: auto;
			height: 10px;
			right: 5%;
			top: 30px;
		}
		.address {
			display: none;
		}
		.print {
			position: absolute;
			right: 5%;
			top: 50%;
			padding: 0.5% 2%;
			color: rgba(255,255,255,0.9);
			background-color: rgba(0,0,0,0);
			font-size: 50%;
			font-weight: 700;
			text-transform: uppercase;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			border:2px solid rgba(255,255,255,0.9);
			transition: 0.5s;
		}
		.print:hover {
			background-color: #3366cc;
			color: #FFFFFF;
			border:2px solid #3366cc;
		}

		.windowpopup table {
			display: none;
		}
		.navi {
			position: absolute;
			margin: auto auto auto auto;
			width: 100%;
			height: auto;
			text-align: left;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
			display: inline-block;
		}

		.navi_btn2 {
			position: relative;
			margin: auto;
			width: auto;
			height: auto;
			padding: 1% 0%;
			text-align: left;
			text-indent: 10%;
			font-size: 100%;
			color: #80c3ff;
			text-transform: uppercase;
			font-weight: 700;
			border-bottom: 1px solid rgba(255,255,255,0.1);
			transition: 0.5s;
		}
		.navi_btn2:hover {
			color: #3366cc;
			background-color: rgba(57,147,244,0.1);
		}
		.content2 {
			position: relative;
			margin: auto auto;
			width: 100%;
			height: auto;
			padding: 0% 0%;
			background-color: #000;
		}
		
		.content2 ol {
			position: relative;
			margin: auto;
			width: 100%;
			height: auto;
		}
		.content2 ol li a {
			position: relative;
			margin: auto;
			width: 100%;
			height: auto;
			background-color: rgba(57,147,244,0.2);
			color: #FFF;
			padding: 1% 0%;
			border-bottom: 1px solid rgba(255,255,255,0.1);
			font-size: 80%;
			transition: 0.3s;
			text-indent: 15%;
			text-align: left;
			display: inline-block;
		}
		.content2 ol li a:hover {
			background-color: #FFF;
			color: #45a5e6;
		}

		/* ===========================================================================================================================================================
		   ====== SHOW =============================================================================================================================================== 
		   =========================================================================================================================================================== */

		.cycle-prev {display: none;}
		
		.cycle-next {display: none;}


		/* ===========================================================================================================================================================
		   ===== INDEX =============================================================================================================================================== 
		   =========================================================================================================================================================== */


		.index01 {
			margin: auto auto;
			top: 0px;
		}
		
		.index01 p a {
			font-size: 85%;
			margin: auto auto auto auto;
			padding: 1% 3%;
		}
	

		/* ===== INDEX02 =============================================================================================================================================== */
		

		.index02 p a {font-size: 85%;}

		.index02 {
			position: relative;
			margin: 63% auto auto auto;
			padding: 20% 0%;
			width: 100%;
			height: auto;
			background-color: rgba(255,255,255,1.0);
		}
		.index02 h1 {
			position: relative;
			margin: auto auto 2% auto;
			width: 90%;
			font-size: 120%;
			letter-spacing: -2px;
			text-transform: none;
			font-family: 'Ledger', serif;
		}
		.index02 ul {
			position: relative;
			margin: auto auto auto auto;
			width: 90%;
			height: auto;
		}
		.index02 ul li {
			position: relative;
			margin: 3% 5%;
			width: 90%;
			height: auto;
			display: inline-block;
		}
		.index02 ul li img {
			position: relative;
			margin: 0% 0% 4% 0%;
			width: 100%;
			height: auto;
			opacity: 1.0;
		}
		.index02 h2 {
			position: relative;
			margin: auto auto 4% auto;
			font-size: 90%;
			text-transform: uppercase;
			color: #000;
			font-family: 'Ledger', serif;
		}
		.index02 p {
			font-size: 65%;
			margin: auto auto 4% auto;
		}
		.wing {
			 position: absolute;
			 top: -2.25%;
			 left: 0%;
			 width: 100%;
			 height: auto;
			 float: left;
		}

		/* ===== INDEX03 =============================================================================================================================================== */
		
		.index03 {
			display: none;
		}

		.index03A {
			position: relative;
			margin: auto auto;
			padding: 70% 10%;
			width: 80%;
			height: auto;
			background-color: rgba(51,102,204,1);
			display: inline-block;
		}
		.index03A h3 {
			position: relative;
			width: 90%;
			margin: auto auto 5% auto;
			font-size: 125%;
			letter-spacing: -1px;
			text-transform: none;
			color: #fff;
			font-family: 'Ledger', serif;
		}
		.index03A p {
			position: relative;
			margin: auto auto 5% auto;
			padding: 0%;
			width: 100%;
			height: auto;
			font-size: 70%;
			font-weight: 300;
			color: rgba(255,255,255,1);
		}
		.slider {
			width: 90%;
			height: auto;
			padding: auto;
		}
		.slick-slide {
			width: 90%;
		  	margin: 0% 0px;
		}
		.slick-slide img {
		  width: 100%;
		  height: auto;
		  margin: 0% 9%;
		}
		.btn03 {
			position: relative;
			margin: 0% auto;
			padding: 2% 5%;
			font-size: 65%;
			background-color: rgba(255,255,255,0.15);
			border-radius: 4px;
			color: #FFF;
			transition: 0.3s;
		}
		.btn03:hover {
			background-color: rgba(255,255,255,1.0);
			color: #3366cc;
			cursor: pointer;
		}

		/* ===== INDEX04 & 5 =========================================================================================================================================== */

		.index04 {
			position: relative;
			margin: auto auto;
			padding: 50% 0% 100% 0%;
			width: 100%;
			height: auto;
			box-shadow: 0px 0px 20px rgba(0,0,0,0.0);
			background-color: #e6e6e6;
		}
		.index04_img {
			position: absolute;
			left: 0%;
			bottom: 0%;
			width: 100%;
			height: auto;
		}
		.index05 {
			position: absolute;
			margin: auto;
			width: 80%;
			height: auto;
			float: left;
			top: 50%;
			left: 50%;
			-webkit-transform: translateY(-70%) translateX(-50%);
			transform: translateY(-70%) translateX(-50%);
		}
		.index05 h4 {
			position: relative;
			width: 90%;
			height: auto;
			margin: auto auto 1% auto;
			font-size: 125%;
			letter-spacing: -2px;
			color: #4c423d;
			font-family: 'Ledger', serif;
		}
		.index05 p {
			position: relative;
			margin: auto auto 6% auto;
			padding: 0%;
			width: 100%;
			height: auto;
			font-size: 65%;
			font-weight: 300;
			color: #4c423d;
		}
		.index05 a {
			position: relative;
			margin: auto auto auto auto;
			padding: 0.5% 10%;
			width: auto;
			height: auto;
			font-size: 90%;
			font-weight: 700;
			color: #4c423d;
			transition: 0.3s;
			background-color: rgba(0,0,0,0.0);
			border: 4px solid #4c423d;
		}
		.index05 a:hover {
			color: #ebebeb;
			background-color: rgba(76,66,61,1.0);
		}
				


		/* ===========================================================================================================================================================
		   ====== SHOW =============================================================================================================================================== 
		   =========================================================================================================================================================== */
			img {width: 100%;}

			.cycle-slideshow {
				position: relative;
				margin: auto auto 3% auto;
				padding: 0;
				width: 100%;
				height: auto;
				display: inline-block;
				top: 0;
				left: 0;
				background-color: rgba(0,0,0,0);
			}
			.cycle-slideshow img {
				border-radius: 0px;
				margin: 68px auto auto auto;
				width: 100%;
				
				box-shadow: 0px 0px 0px rgba(0,0,0,0);
			}

		/* ===========================================================================================================================================================
		   ===== FOOTER ============================================================================================================================================== 
		   =========================================================================================================================================================== */

			#footer {
				position: relative;
				margin: auto;
				width: 90%;
				height: auto;
				padding: 10% 5%;
				background-color: #000000;
				color: rgba(255,255,255,0.85);
			}
			#footer img {
				position: relative;
				margin: auto auto 10% auto;
				width: 30%;
				height: auto;
			}
			#footer p {
				font-size: 70%;
				margin-bottom: 5%;
			}
			#footer p a {
				color: rgba(255,255,255,0.75);
			}
		
	}/*--end media query--*/



	}/*--end mobile--*/