/*@ latest 2019.07.24 ssj */

/* main visual + right widget */
.mainvalBox {max-width:1300px; margin:0 auto; padding:0px; box-sizing:border-box;}
.mainvalBox .mainVisual {width:100%; float:left;}
.mainvalBox .mainVisual #templateFix {float:left; width:100%;}
.mainvalBox .mainVisual #templateFix .layout_02_36 {width:100%;}

	@media (min-width:900px){
		.mainvalBox .inner_layer {width:66.3333%;float:left;}
		.mainVisual .swiper-container.mainSlider_001 {width:32.666%;margin-right:1%;}
	}
	@media (min-width:600px){
		.mainvalBox .mainVisual #templateFix .layout_03 {width:49.5%;}
		.mainvalBox .mainVisual #templateFix .layout_03:last-child {margin-right:0;}
		.mainvalBox .mainVisual #templateFix .layout_02_36.layout_height_L {height:150px !important;}
	}

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {width:100%; height:auto; vertical-align:top;}

/*copy*/
.copy {position:absolute; z-index:9; width:100%;word-break:keep-all; bottom:0;}
.copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.copy .inner div {width:100%;padding:0 130px 0 15px; box-sizing:border-box; text-align:left; background:rgba(0,0,0,0.7);opacity:1;-webkit-transition:background 1s; transition:background 1s;}
.copy h3 {letter-spacing:-0.5px; font-size:15px; line-height:40px; color:#fff; font-weight:600; width:100%;box-sizing:border-box; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}



	@media (min-width:900px){
		.mainVisual .swiper-container.mainSlider_001 {max-height:410px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:410px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {max-height:410px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {min-height:410px;}

		#sub_visual {max-width:1300px; margin:40px 0 0 50%; transform:translateX(-50%); }
		.sub_div_wrap .subMenu {max-width:1300px;}
		.subCon {border-top:none !important;}
	}
	@media (max-width:899px){
		.mainvalBox .inner_layer {width:100%; position:relative; z-index:0; padding:10px 10px 0;}
		.mainVisual .swiper-container.mainSlider_001 {width:100%; margin-bottom:15px;}
	}

	@media (min-width:800px) and (max-width:899px){
		.copy h3 {/* font-size:25px; */}
	}
	@media (min-width:600px) and (max-width:899px){
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {height:0; padding-bottom:50%;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3 {/* font-size:24px; */}
	}
	@media (max-width:599px){
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {height:0; padding-bottom:65%;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
									   width:auto; min-width:100%; height:100%; /*transform:scale(1.1); transform-origin:center;*/}

		.copy {/* background:rgba(255,255,255,0.4); *//* top:unset !important; *//* bottom:0 !important; *//* padding:10px 0 45px; */}
		.copy h3 {/* font-size:18px; *//* line-height:22px; *//* color:#333; */}
		.copy p.smallp {font-size:13px; color:#333; line-height:18px;}

		.mainvalBox .mainVisual #templateFix .div_wrap.borderbox > div {border-width:1px; margin-bottom:0 !important;}
	}







/*slide btn*/
.mainSlider_001 .swiper-pagination {display:none;}

.mainSlider_001 .swiper-button-next,
.mainSlider_001 .swiper-button-prev {position:absolute; top:auto; bottom:0; background-image:none; margin-top:-40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.mainSlider_001 .swiper-button-next:before {content:">"; font-family:serif; font-size:20px; line-height:normal; display:inline-block; vertical-align:middle;}
.mainSlider_001 .swiper-button-prev:before {content:"<"; font-family:serif; font-size:20px; line-height:normal; display:inline-block; vertical-align:middle;}
.mainSlider_001 .swiper-button-next.swiper-button-disabled, 
.mainSlider_001 .swiper-button-prev.swiper-button-disabled {opacity:1;}


.mainSlider_001 div.indecator_number {float:left; color:#fff; letter-spacing:-0.5px; font-size:12px; box-sizing:border-box; 
								  position:absolute; bottom:0; right:85px; z-index:2; opacity:0.7;}
.mainSlider_001 div.indecator_number span {}
.mainSlider_001 div.indecator_number span:first-child {font-weight:600;}


.mainSlider_001 div.indicator {z-index:10; display:inline-block; position:absolute; right:30px; bottom:0; width:30px; height:40px;}
.mainSlider_001 div.indicator button {border:0; outline:none; cursor:pointer;}
.mainSlider_001 div.indicator button.play {position:absolute;  right:0;  bottom:0; width:20px;  height:40px;
										 	  font-size:0; color:#fff; line-height:45px;  text-align:center;}
.mainSlider_001 div.indicator button.stop {position:absolute; right:0; bottom:0; width:25px; height:40px;
											  font-size:0; color:#fff; line-height:45px; text-align:center;}
.mainSlider_001 div.indicator button.play:before {content:"\f04b"; font-family:FontAwesome; font-size:12px; line-height:35px;}
.mainSlider_001 div.indicator button.stop:before {content:"||"; font-size:13px; font-weight:400; line-height:35px; letter-spacing:1px;}





	@media (min-width:600px){
		.mainSlider_001 div.indecator_number {width:auto; height:40px; line-height:40px;}
	}

	@media (min-width:900px){
		.mainvalBox {margin-top:40px;}
	}	

	@media (min-width:800px){
		.mainSlider_001 {height:auto;}

		.layout_height_H .mainSlider_001 {height:350px;}
		.layout_height_M .mainSlider_001 {height:250px;}
		.layout_height_L .mainSlider_001 {height:150px;}

		.mainSlider_001 .swiper-button-next,
		.mainSlider_001 .swiper-button-prev {width:20px; height:40px; line-height:40px; color:#fff;}
		.mainSlider_001 .swiper-button-next {right:10px;}
		.mainSlider_001 .swiper-button-prev {left:auto !important; right:55px;}
	}


	@media (max-width:799px){
		.mainSlider_001 {height:auto;}
		.mainSlider_001 .swiper-container {width:100%; overflow:hidden; position:initial;}
		.mainSlider_001 .swiper-container .swiper-wrapper .swiper-slide {box-shadow:none;}

		.mainSlider_001 .txtbox .tit {font-size:16px;}
		.mainSlider_001 .swiper-button-next,
		.mainSlider_001 .swiper-button-prev {width:20px; height:40px; line-height:40px; color:#fff; margin-top:0;}
		.mainSlider_001 .swiper-button-next {right:10px;}
		.mainSlider_001 .swiper-button-prev {left:auto !important; right:55px;}
		.mainSlider_001 div.indicator {width:20px; right:30px;}
	}

	@media (min-width:600px) and (max-width:799px){
	}

	@media (max-width:599px){
		.mainSlider_001 div.indecator_number {width:30px; height:40px; line-height:40px;}
	}




.mainvalBox .mainVisual .inner_layer .layout_03:first-child .contentsSortHandler {display:none;}
.mainvalBox .mainVisual #templateFix .layout_03 .horizontalMoveHandler {display:inline-block !important;}