/* 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_03 {width:100%;}

	@media (min-width:900px){
		.mainvalBox .inner_layer {width:32.666%; float:left;}
		.mainVisual .swiper-container.mainSlider_001 {width:66.333%; margin-right:1%;}
	}
	@media (min-width:600px){
		.mainvalBox .mainVisual #templateFix .layout_03 {height:350px !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;}
.copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.copy .inner div {padding:0 15px;}
.copy h3 {font-size:30px; font-weight:400; line-height:normal; letter-spacing:-0.5px;}
.copy h3 strong {font-weight:400;}
.copy p.smallp {font-size:14px; line-height:20px; padding-top:20px;}




	@media (min-width:900px){
		.mainVisual .swiper-container.mainSlider_001 {max-height:350px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:350px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {max-height:350px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img { min-height:350px;}
	}
	@media (max-width:899px){
		.mainvalBox .inner_layer {width:100%; position:relative; z-index:0;}
		.mainVisual .swiper-container.mainSlider_001 {width:100%;}
	}

	@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;}
	}




/* slide btn */
div.swiper-pagination-center {position:absolute; bottom:8px; left:15px;z-index:10; text-align:center; background:rgba(0,0,0,0.2); padding:5px 10px; border-radius:3px;}
div.swiper-pagination-center div.swiper-pagination{display:inline-block;text-align:center;position:relative;}
div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet{margin-left:5px; border-radius:0 !important;}
div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.mainVisual .swiper-container.mainSlider_001 .swiper-pagination-bullet-active {background:#ff8a00; border-color:rgba(255,255,255,0.8);}

div.indicator {z-index:10; display:inline-block;margin-left: 5px;}
div.indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
div.indicator button.play{background:url("/sample/template/compound/compound005/img/play.png")no-repeat; text-indent:-9999px;}
div.indicator button.stop{background:url("/sample/template/compound/compound005/img/stop.png")no-repeat; text-indent:-9999px;}

											
div.swiper-pagination-center {display:none;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next,
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {top:auto !important; bottom:15px; margin-top:0 !important; background:rgba(0,0,0,0.1) !important; text-align:center; 
								 left:55px !important; right:auto !important; opacity:1 !important;
								 width:30px !important; height:30px !important; line-height:27px; border-radius:100%; border:1px solid rgba(255,255,255,0.8); box-sizing:border-box; 
								 font-size:20px; display:inline !important; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next {margin-right:0px;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {margin-left:-40px;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev:before {content:"\27F5"; color:#fff; opacity:0.8; font-size:19px; margin-right:-15px; -webkit-transition:margin-right 0.5s; transition:margin-right 0.5s;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next:before {content:"\27F6"; color:#fff; opacity:0.8; font-size:19px; margin-left:-15px; -webkit-transition:margin-left 0.5s; transition:margin-left 0.5s;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev:hover:before {margin-right:-7px;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next:hover:before {margin-left:-7px;}


	@media (max-width:599px){
		.mainVisual .swiper-container.mainSlider_001 .swiper-button-next, 
		.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {bottom:10px;}
	}




/* template special style */

@media (min-width:991px){
	.contents {padding-top:40px;}
}