@charset "utf-8";

/* =================================================

	page style
	 
----------------------------------------------------
*

	topMain
	topIndex

*
================================================= */







/* =================================================

	topMain

================================================= */

#topMain {
	background: url(../img/main_bg.png) left top no-repeat;
	background-size: 100% auto;
  overflow: hidden;
}
#topMainInr {
	position: relative;
}

#topMain .mainHero01 {
	position: absolute;
	top: 0;
	left: 147px;
	left: 19.6vw;
	width: 847px;
	width: 112.93vw;
}
#topMain .mainHero02 {
	position: absolute;
	top: 143px;
	top: 19.07vw;
	left: -105px;
	left: -14vw;
	width: 1202px;
	width: 160.27vw;
}
#topMain .mainTxt {
	position: absolute;
	top: 28px;
	top: 3.73vw;
	left: 305px;
	left: 40.67vw;
	width: 140px;
	width: 18.67vw;
}


/* ----------------------------------------------
	mainBnr
---------------------------------------------- */

#topMain #mainBnr {
	position: relative;
	/* left: 0px; */
	/* top: 624px; */
	/* top: 67.82608695652174%; */
	/* top: 614px; */
	/* top: 66.73913043478261%; */
	/* width: 100%; */
	/* overflow: hidden; */
	padding-top: 584px;
	padding-top: 77.87vw;
}
#topMain #mainBnr a {
	display: block;
}

#topMain #mainBnrInr {
	/* padding: 10px 0px; */
}

#topMain #mainBnr ul {
	/*position: relative;
	width: 100%;
	height: 205px;
	height: 0%;
	padding-top: 205px;
	padding-top: 32.03125%;*/
}

#topMain #mainBnr ul:before,
#topMain #mainBnr ul:after { content: ""; display: table;}
#topMain #mainBnr ul:after { clear: both;}


#topMain #mainBnr ul li {
  position: relative;
	float: left;
	width: 330px;
	width: 44vw;
	margin-left: 30px;
	margin-left: 4vw;
	-webkit-box-shadow: 0px 0px 0.27vw 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 0.27vw 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 0.27vw 0px rgba(0, 0, 0, 0.5);

	transform-origin: center;
}
#topMain #mainBnr ul li:nth-child(n+3) {
  margin-top: 30px;
  margin-top: 4vw;
}

#topMain #mainBnr ul li .newsTxt {
	position: absolute;
	left: -20px;
	left: -2.67vw;
	top: -20px;
	top: -2.67vw;
  width: 118px;
  width: 15.73vw;
  z-index: 10;
}


#topMain #mainBnr ul li a {
	display: block;
	position: relative;
}



/* ----------------------------------------------
	mainNews
---------------------------------------------- */

#topMain #mainNews {
	position: relative;
	/* left: 0px; */
	/* bottom: 0px; */
	width: 100%;
	margin-top: 60px;
	margin-top: 8vw;
  padding: 2vw;
	background-image: url(../img/news_bg_repeat.png);
  background-position: left top;
	background-repeat: repeat-y;
	background-size: 100% auto;
}
#topMain #mainNewsInr {
	display: table;
	table-layout: fixed;
	width: 96vw;
	background: rgba(0,0,0,.8);
	padding: 2.13vw;
	box-sizing: border-box;
}
#topMain #mainNews h2 {
	display: table-cell;
	width: 135px;
	width: 16.93vw;
	vertical-align: middle;
}

#topMain #mainNews .newsTxt {
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	padding-left: 2vw;
}
#topMain #mainNews .newsTxt p {
	font-size: 24px;
	font-size: 3.2vw;
	line-height: 1.2;
  font-style: italic;
	color: #fff;
}

#topMain #mainNews .newsTxt p a {
	color: #ffe329;
}
#topMain #mainNews .newsTxt p a:hover {
	color: #f60000;
}



/* =================================================

	footer

================================================= */

#footer {
	background-image: url(../img/index_fotter_bg.jpg);
  background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#footerInr {
	padding: 60px 30px 0;
	padding: 8vw 4vw 0;
}

#footer .indexBanner li{
  margin-top: 2vw;
	-webkit-box-shadow: 0px 0px 1.33vw 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 1.33vw 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 1.33vw 0px rgba(0, 0, 0, 0.5);
}
#footer .indexBanner li:first-child{
  margin-top: 0;
}

/*storeBlk*/
#footer .indexBanner .storeBlk {
	position: relative;
}

#footer .indexBanner .storeBlk .ttl {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

#footer .indexBanner .storeBlk select {
	position: absolute;
	top: 58px;
	top: 7.73vw;
	left: 285px;
	left: 38vw;
	width: 208px;
	width: 27.73vw;
	height: 59px;
	height: 7.87vw;
	padding: 0 0 0 2vw;
	margin: 0;
	border-radius: 2px;
	border: none;
	outline: none;
	outline-offset: 0;
	font-size: 33px;
	font-size: 4.4vw;
	font-weight: normal;
  line-height: 1.7;
	color: #000;
	background-color: #fff;
	background-image: url(../img/store_arw.png);
	background-position: 178px center;
	background-position: 23.73vw center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-size: 1.87vw auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
}

#footer .indexBanner .storeBlk input {
	display: block;
	position: absolute;
	top: 54px;
	top: 7.2vw;
	left: 497px;
	left: 66.27vw;
	width: 158px;
	width: 21.07vw;
	height: 67px;
	height: 0;
	padding-top: 8.93vw;
	margin: 0;
	border: 0;
	border: none;
	outline: none;
	outline-offset: 0;
	overflow: hidden;
	/*vertical-align: top;*/
	background-color: transparent;
	background-image: url(../img/store_btn.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}