*{padding:0px; margin:0px;}
div{margin:0px;}

@charset "utf-8";

#main_img_wrap2 {float:left; position: relative;width:640px;height:325px;border-bottom:0px solid #7b7253;margin:0 auto; margin-top:10px;  margin-bottom:10px;}

#main_img_wrap {float:left; position: relative;width:640px;height:301px;border-bottom:0px solid #7b7253;margin:0 auto; margin-top:10px; }
@media screen and (max-width: 640px) { 
	#main_img_wrap { height:301px;} 
}
#main_roll_cont2 {position: absolute;width: 640px;height: 100%;}

#main_img2_wrap {width:100%;height:144px;border-bottom:1px solid #61563c;background:url("../img/main/mv_bg2.png") center center no-repeat #ac9364;}

#main_roll_wrap {position: relative;width:640px;height:244px;margin:0 auto;}
@media screen and (max-width: 640px) { 
	#main_roll_wrap { height:244px;} 
}
#main_roll_cont {position: absolute;width: 640px;height: 100%;}


.iosSlider2 {
	width: 100%;
	height: 100%;
	background: #fff;
}

.iosSlider2 .slider {
	width: 100%;
	height: 100%;
}

.iosSlider2 .slider .item {
	position: relative;
	top: 0;
	left: 0;
	
	max-width: 640px;
	width: 100%;
	height: 100%;
}

.iosSlider2 .slider .item img {
	position: relative;
	top: 0;
	left: 0;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}

.iosSlider {
	width: 100%;
	height: 100%;
	background: #fff;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	position: relative;
	top: 0;
	left: 0;
	
	max-width: 640px;
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item img {
	position: relative;
	top: 0;
	left: 0;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}

#main_menu_wrap {width:100%;text-align:center;display:inline-block;}
#main_menu_box {width:640px; margin:auto;}
#main_menu_box li {}



body {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

ul {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.swiper-slide {
	float: left;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.swiper-container {
	
}
.swiper-slide {
	
}
.swiper-slide-active {
	
}
.swiper-slide-visible {
	
}
.swiper-pagination-switch {
	
}
.swiper-active-switch {
	
}
.swiper-visible-switch {
	
}
.swiper-container {
	width: 100%; height: 405px; text-align: center; color: rgb(255, 255, 255);
}
.swiper-slide .title {
	width: 100%; height: 461px; background-size: auto 461px !important;
}
.pagination {
	left: 0px; width: 640px; bottom: 30px; position: absolute; z-index: 20;
}
.swiper-pagination-switch {
	background: url("m_images/main_roll_bt_off.png") no-repeat; width: 15px; height: 15px; margin-right: 5px; display: inline-block; cursor: pointer; background-size: 15px;
}
.swiper-visible-switch {
	background: url("m_images/main_roll_bt_on.png") no-repeat; background-size: 15px;
}
.swiper-active-switch {
	background: url("m_images/main_roll_bt_on.png") no-repeat; background-size: 15px;
}



ul.m_ico {
	width: 100%; overflow: hidden; clear: left; display: table; table-layout: fixed;
}
ul.m_ico li {
	width: 16.66%; border-left-color: rgb(99, 97, 98); display: table-cell; box-sizing:border-box;
}
ul.m_ico li:first-child {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
ul.m_ico li a {
	height: 56.5px; text-indent: -9999px; padding-top: 0px; display: block; opacity: 0.8; background-color: rgb(49, 50, 55);
}
ul.m_ico li a p {
	margin: 0px auto; width: 56.5px; height: 56.5px;
}
ul.m_ico li:nth-child(1) {
	
}
ul.m_ico li:nth-child(1) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
ul.m_ico li:nth-child(2) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
ul.m_ico li:nth-child(3) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
ul.m_ico li:nth-child(4) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
ul.m_ico li:nth-child(5) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
ul.m_ico li:nth-child(6) a p {
	background-repeat: no-repeat; background-size: 56.5px 56.5px; -webkit-background-size: 56.5px 56.5px; -moz-background-size: 56.5px 56.5px;
}
.temp1_1 .title {
	background: url("../main/m_images/sl_2.jpg") no-repeat top #ea95ba;
}
.temp1_2 .title {
	background: url("../main/m_images/sl_3.jpg") no-repeat top #f4b3a8;
}
.temp1_3 .title {
	background: url("../main/m_images/sl_4.jpg") no-repeat top #aed98b;
}
.temp1_4 .title {
	background: url("../main/m_images/sl_1.jpg") no-repeat top #fdeb86;
}

.m_ico li:nth-child(1).on a {
	background: rgba(214,44,117,1);
}
.m_ico li:nth-child(2).on a {
	background: rgba(234,104,82,1);
}
.m_ico li:nth-child(3).on a {
	background: rgba(94,179,24,1);
}
.m_ico li:nth-child(4).on a {
	background: rgba(253,215,13,1);
}
.m_ico li:nth-child(5).on a {
	background: rgba(33,144,164,1);
}
.m_ico li:nth-child(6).on a {
	background: rgba(121,87,138,1);
}


