/* Minification failed. Returning unminified contents.
(520,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */

	
	
@media screen and (min-width: 960px) {
	
	body.sis-pata{
		overflow-x: hidden;
	}
	

	
	/*---------------------------------------
	 * Menu
	---------------------------------------*/ 
	
	.sis-pata header{
		position: fixed;
		top:0;
		left:0;
		z-index: 1000;
	}
	.sis-pata main{
		margin-top: 59px;
		margin-bottom: 50px;
		width: 100%;
		height: 100%;
	}	



	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/

    .sis-pata .mainvisual {
        width: 100%;
        height: 619px;
        background: url(/images/sis/patagonia/pickup/foottractorwadingboots/main_img_pc.jpg) 50% no-repeat;
        background-size: cover;
        position: relative;
    }
	.sis-pata .mainvisual .title{
		width: 442px;
		height: 224px;
		margin: auto;
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	

	
	
	
	/*---------------------------------------
	 * Contentsmenu
	---------------------------------------*/ 
	
	.sis-pata .contents-menu{
		position: fixed;
		right:36px;
		top: 50%;
		margin-top: -195px;
		z-index: 10;
	}
	
	.sis-pata .contents-menu ul li{
		margin: 0px 0;
		height: 130px;
		transform-origin:  center;
		transform: rotate(90deg);
	}
	.sis-pata .contents-menu ul li a.select{
		text-decoration: underline;
	}
	.sis-pata .contents-menu ul li a{
		display: inline-block;
		font-size: 12px;
		font-weight: 600;
		
	} 
	
	
	
	/*---------------------------------------
	 * Story of Making
	---------------------------------------*/

    .sis-pata .making {
        width: 100%;
        padding: 112px 0 100px;
        background: url(/images/sis/patagonia/pickup/foottractorwadingboots/bg.jpg) 50% repeat;
    }
	.sis-pata .making .section-title{
		width: 259px;
		height: 48px;
		margin: 0 auto 85px;
	}
	.sis-pata .making .box{
		width: calc(100% - 36px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.sis-pata .making .box .text .midashi{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.sis-pata .making .box .text .read{
		line-height: 2;
		margin-bottom: 75px;
	}
	.sis-pata .making .box .photo img{
		display: block;
	}
	
	
	
	/* box1
	---------------------------------------*/ 
	
	.sis-pata .making .box1{
		margin-bottom: 145px;
	}
	.sis-pata .making .box1 .photo{
		float: right;
		width: 58.6%;
		box-shadow: 30px 30px 0 #222222;
	}
	.sis-pata .making .box1 .text{
		float: left;
		width: 41.4%;
		padding-right: 6%;
	}
	
	
	
	/* box2
	---------------------------------------*/ 
	
	.sis-pata .making .box2{
		margin-bottom: 100px;
	}
    .sis-pata .making .box2 .movie {
        float: left;
        width: 50%;
        position: relative;
    }
    .sis-pata .making .box2 .movie .video {
        width: 500px;
        height: 282px;
    }
    /*
    .sis-pata .making .box2 .movie span{
	    position: absolute;
	    bottom: -16px;
	    right: -11px;
	    width: 149px;
	    height: 66px;
    }
    */
	.sis-pata .making .box2 .text{
		float: right;
		width: 50%;
		padding-left: 6%;
	}
	
	
	/* Image Insert
	---------------------------------------*/ 
	
	.sis-pata .making .img-insert{
		width: calc(100% - 36px);
		max-width: 1200px;
		margin: 0 auto;
	}
	.sis-pata .making .img-insert img{
		display: block;
		margin-bottom: 70px;
	}
	.sis-pata .making .img-insert .catch{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
	}
	
	
	/* Video
	---------------------------------------*/ 
	
	.sis-pata #video_content{	
		width: 100%;
	}
	
	.sis-pata #video_content video{
		width: 100%;	
	}
	
	
	
	/*---------------------------------------
	 * Product Features
	---------------------------------------*/ 
	
	.sis-pata .features{
		width: 100%;
		padding:100px 0 100px;
	}
	.sis-pata .features .section-title{
		width: 326px;
		margin: 0 auto 20px;
	}
	.sis-pata .features .introduction{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 60px;
	}
	
	
	
	/* Item
	---------------------------------------*/ 
	
	.sis-pata .features .item:nth-of-type(n + 2){
		margin-top: 150px;
	}
	
	.sis-pata .features .box{
		width: calc(100% - 36px);
		max-width: 1200px;
		margin: 0 auto 70px;
	}
	.sis-pata .features .box .photo{
		width: 50%;
	}
	.sis-pata .features .box .text{
		width: 50%;
	}
	.sis-pata .features .box .text .name-ja{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.sis-pata .features .box .text .name-en{
		font-size: 32px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	.sis-pata .features .box .text .read{
		line-height: 2;
		margin-bottom: 40px;
	}
	
	
	/* item1 */
	
	.sis-pata .features .item1 .photo{
		float: right;
		padding-left: 60px;
	}
	.sis-pata .features .item1 .text{
		float: left;
		padding-left: 8%;
		padding-right: 1%;
	}
	
	
	/* item2 */
	
	.sis-pata .features .item2 .photo{
		float: left;
		padding-right: 60px;
	}
	.sis-pata .features .item2 .text{
		float: right;
		padding-right: 8%;
		padding-left: 1%;
	}
	
	
	/* Feature Slider
	---------------------------------------*/ 
	
	.sis-pata .slide-content{
		width: 100%;
		margin-left: calc(50% - 500px);
		margin-bottom: 160px;
	}
	.sis-pata .point{
		background: #f8f8f8;
		padding: 56px 40px 45px;
		width: 480px;
		position: relative;
		margin: 18px 42px 0 0;
	}
	.sis-pata .point .num{
		position: absolute;
		top:-20px;
		left:20px;
		font-weight: 700;
		font-size: 42px;
	}
	.sis-pata .point .komidashi{
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 10px;
		line-height: 1.8;
	}
	.sis-pata .point .read{
		line-height: 1.8;
	}
	.sis-pata .slide-content .slick-dots{
		width: 1000px;
		margin: 0 auto;
		text-align: right;
	}
	.sis-pata .slide-content .slick-prev{
		top: auto;
		bottom: -50px;
		margin: 0;
		left: 0;
		width: 20px;
		height: 20px;
		background-size: 100% !important;	
	}
	.sis-pata .slide-content .slick-next::after{
		content:"";
		height: 26px;
		width: 1px;
		background: #222222;
		display: block;
		position: absolute;
		top:-3px;
		left: -12px;
	}
	.sis-pata .slide-content .slick-next{
		top: auto;
		bottom: -50px;
		margin: 0;
		left: 40px;
		width: 20px;
		height: 20px;
		background-size: 100% !important;
	}
	
	
	
	/* Sole
	---------------------------------------*/ 
	
	.sis-pata .sole{
		width: calc(100% - 36px);
		max-width: 1200px;
		margin: 0 auto;
	}
	.sis-pata .sole .midashi{
		text-align: center;
		margin-bottom: 100px;
		font-size: 18px;
		font-weight: 700;
	}
	.sis-pata .sole ul{
		font-size: 0;
		text-align: center;
	}
	.sis-pata .sole ul li{
		display: inline-block;
		font-size: 13px;
		width: 26%;
		margin:0 1.5%;
		vertical-align: top;
		
	}
	.sis-pata .sole ul li:nth-child(3n){
		margin-right: 0;
	}
	.sis-pata .sole ul li .photo{
		margin:0 0 20px;
		padding: 0 !important;
	}
	.sis-pata .sole ul li .text{
		line-height: 1.8;
		text-align: left;
	}
	.sis-pata .sole ul li .text .name{
		font-weight: 700;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.sis-pata .sole ul li .text .read{
		
		margin-bottom: 15px;	
	}
	.sis-pata .sole .howto-select{
		width: calc(100% - 36px);
		max-width: 1000px;
		border-top: 1px solid #222222;
		padding-top: 20px;
		margin: 40px auto 0;
		font-size: 12px;
		text-align: center;
		
	}
	.sis-pata .sole .howto-select .komidashi{
		line-height:1.5;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.sis-pata .sole .howto-select .read{
		line-height: 1.8;
	}
	
	
	
	/*---------------------------------------
	 * Lineup
	---------------------------------------*/

    .sis-pata .lineup {
        width: 100%;
        padding: 112px 0 100px;
        background: url(/images/sis/patagonia/pickup/foottractorwadingboots/bg.jpg) 50% repeat;
    }
	.sis-pata .lineup .inner{
		width: calc(100% - 36px);
		max-width: 1000px;
		margin: 0 auto;
	}
	.sis-pata .lineup .inner .section-title{
		width: 250px;
		margin: 0 auto 20px;
	}
	.sis-pata .lineup .inner .introduction{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 60px;
	}
	
	
	/* Item
	---------------------------------------*/ 
	
	.sis-pata .lineup .inner ul{
		font-size: 0;
		text-align: center;
		
	}
	.sis-pata .lineup .inner ul li{
		font-size: 13px;
		display: inline-block;
		width: 23.5%;
		margin-right: 1.5%;
		margin-bottom: 30px;
		vertical-align: top;
		
	}
	.sis-pata .lineup .inner ul li:nth-child(4n){
		margin-right: 0;
	}
	.sis-pata .lineup .inner ul li .photo img{
		display: block;
	}
	.sis-pata .lineup .inner ul li .text .name{
		width: 100%;
		min-height: 89px;
		background: #FFFFFF;
		font-size: 18px;
		text-align: center;
		line-height: 1.6;
		padding-bottom: 25px;
	}
	.sis-pata .lineup .inner ul li .text .name-ja{
		margin: 30px 0 10px;
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}
	.sis-pata .lineup .inner ul li .text .price{
		font-size: 22px;
		text-align: left;
	}
	.sis-pata .lineup .inner ul li .text .price .tax{
		font-size: 16px;
	}
	
	
	/* Linkarea
	---------------------------------------*/ 
	
	.sis-pata .lineup .inner .link-area{
		margin-top: 30px;
		text-align: right;
	}
	
	
	
	/*---------------------------------------
	 * Use Image
	---------------------------------------*/ 
	
	.sis-pata .use-image{
		width: 100%;
		font-size: 0;
		
	}
	.ie.sis-pata .use-image{
		margin-bottom: 50px;
	}
	.sis-pata .use-image img{
		font-size: 13px;
		display: inline-block;
		width: 50%;
		vertical-align: top:
	}
	.sis-pata .use-image .img1{
		width:59.7364%;
	}
	.sis-pata .use-image .img2{
		width: 40.2636%;
	}
	.sis-pata .use-image .img3{
		width:40.2636%;
	}
	.sis-pata .use-image .img4{
		width: 59.7364%;
	}
	
	
}


@media screen and (max-width: 959px) {
	
	/*---------------------------------------
	 * Contentsmenu
	---------------------------------------*/ 
	
	.sis-pata .contents-menu{
		display: none;
	}
	
	
	
	/*---------------------------------------
	 * Mainvisual
	---------------------------------------*/ 

	.sis-pata .mainvisual{
		width: 100%;
		background-size: cover;
		position: relative;
	}
	.sis-pata .mainvisual .title{
		width: 60%;
		height: 18%;
		margin: auto;
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	
	
	/*---------------------------------------
	 * Story of Making
	---------------------------------------*/

    .sis-pata .making {
        width: 100%;
        padding: 60px 0 60px;
        background: url(/images/sis/patagonia/pickup/foottractorwadingboots/bg.jpg) 50% repeat;
    }
	.sis-pata .making .section-title{
		width: 56%;
		max-width: 259px;
		margin: 0 auto 20px;
	}
	.sis-pata .making .box{
		width: calc(100% - 36px);
		max-width: 500px;
		margin: 0 auto;
	}
	.sis-pata .making .box .text .midashi{
		font-size: 16px;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	.sis-pata .making .box .text .read{
		line-height: 2;
		margin-bottom: 35px;
	}
	.sis-pata .making .box .photo img{
		display: block;
	}
	.sis-pata .making .box .text .link-area{
		text-align: right;
	}
	
	
	/* box1
	---------------------------------------*/ 
	
	.sis-pata .making .box1{
		margin-bottom: 45px;
	}
	.sis-pata .making .box1 .photo{
		width: calc(100% - 16px);
		margin: 0 16px 40px 0;
		box-shadow: 16px 16px 0 #222222;
	}
	.sis-pata .making .box1 .text{
		width: 100%;
		padding:0 10px;
	}
	
	
	
	/* box2
	---------------------------------------*/ 
	
	.sis-pata .making .box2{
		margin-bottom: 45px;
	}
    .sis-pata .making .box2 .movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin-bottom: 25px;
    }
    .sis-pata .making .box2 .movie .video {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
     /*
	.sis-pata .making .box2 .movie span{
		position: absolute;
		bottom: -12px;
		right: -11px;
		width: 120px;
		height: 54px;
	}
	*/
	.sis-pata .making .box2 .text{
		width: 100%;
		padding: 0 10px;
	}
	
	
	/* Image Insert
	---------------------------------------*/ 
	
	.sis-pata .making .img-insert{
		width: 100%;
		margin: 0 auto;
	}
	.sis-pata .making .img-insert img{
		display: block;
		margin-bottom: 20px;
	}
	.sis-pata .making .img-insert .catch{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
	}
	
	
	
	/* Video
	---------------------------------------*/ 
	
	.sis-pata #video_content{
		/*
		position: fixed;
		width: 90%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
		*/
	}
	.sis-pata #video_content video{
		/*
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		margin-top: -35%;
		*/
		width: 100%;
		
	}
	
	
	
	/*---------------------------------------
	 * Product Features
	---------------------------------------*/ 
	
	.sis-pata .features{
		width: 100%;
		padding:60px 0 60px;
	}
	.sis-pata .features .section-title{
		width: 70%;
		max-width: 326px;
		margin: 0 auto 20px;
	}
	.sis-pata .features .introduction{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 40px;
	}
	
	
	
	/* Item
	---------------------------------------*/ 
	
	.sis-pata .features .item:nth-of-type(n+2){
		margin-top: 80px;
	}
	
	.sis-pata .features .box{
		width: 100%;
		padding: 0 18px;
		margin: 0 auto 35px;
	}
	.sis-pata .features .box .photo{
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px;
	}
	.sis-pata .features .box .text{
		width: 100%;
		padding: 0 10px;
	}
	.sis-pata .features .box .text .name-ja{
		font-size: 13px;
		margin-bottom: 10px;
	}
	.sis-pata .features .box .text .name-en{
		font-size: 26px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	.sis-pata .features .box .text .read{
		line-height: 2;
		margin-bottom: 40px;
	}
	.sis-pata .features .box .link-area{
		text-align: right;
		padding-right: 10px;
	}
	
	
	/* item1 */
	
	.sis-pata .features .item1 .photo{
		
	}
	.sis-pata .features .item1 .text{
		
	}
	
	
	/* item2 */
	
	.sis-pata .features .item2 .photo{
		
	}
	.sis-pata .features .item2 .text{
		
	}
	
	
	/* Feature Slider
	---------------------------------------*/ 
	
	.sis-pata .slide-content{
		width: 100%;
		padding: 0 0 0 18px;
		margin-bottom: 95px;
	}
	.sis-pata .point{
		background: #f8f8f8;
		padding: 36px 20px 25px;
		width: 230px;
		min-height: 350px;
		position: relative;
		margin: 18px 24px 0 0;
	}
	.sis-pata .point .num{
		position: absolute;
		top:-20px;
		left:20px;
		font-weight: 700;
		font-size: 42px;
	}
	.sis-pata .point .komidashi{
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 10px;
		line-height: 1.8;
	}
	.sis-pata .point .read{
		line-height: 1.8;
	}
	.sis-pata .slide-content .slick-dots{
		width: 100%;
		padding: 0 28px;
		margin: 0px auto;
		text-align: center;
		bottom:-40px;
	}
	.sis-pata .slide-content .slick-prev{
		top: auto;
		bottom: -50px;
		margin: 0;
		left: 0;
		width: 20px;
		height: 20px;
		background-size: 100% !important;	
	}
	.sis-pata .slide-content .slick-next::after{
		content:"";
		height: 26px;
		width: 1px;
		background: #222222;
		display: block;
		position: absolute;
		top:-3px;
		left: -12px;
	}
	.sis-pata .slide-content .slick-next{
		top: auto;
		bottom: -50px;
		margin: 0;
		left: 40px;
		width: 20px;
		height: 20px;
		background-size: 100% !important;
	}
	
	
	
	/* Sole
	---------------------------------------*/ 
	
	.sis-pata .sole{
		width: calc(100% - 36px);
		max-width: 1200px;
		margin: 0 auto;
	}
	.sis-pata .sole .midashi{
		font-size: 14px;
		text-align: center;
		font-weight: 700;
		line-height: 1.8;
	}
	.sis-pata .sole ul{
		font-size: 0;
		text-align: center;
	}
	.sis-pata .sole ul li{
		font-size: 13px;
		width: 100%;
		padding: 0 10px;
		margin-top: 40px;
	}
	.sis-pata .sole ul li:nth-child(3n){
		margin-right: 0;
	}
	.sis-pata .sole ul li .photo{
		width: 80%;
		max-width: 400px;
		margin:0 auto 20px;
		padding: 0 !important;
	}
	.sis-pata .sole ul li .text{
		line-height: 1.8;
		text-align: left;
	}
	.sis-pata .sole ul li .text .name{
		font-weight: 700;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.sis-pata .sole ul li .text .read{
		margin-bottom: 15px;	
	}
	.sis-pata .sole .howto-select{
		border-top: 1px solid #222222;
		padding-top: 20px;
		margin-top: 30px;
		font-size: 12px;
		text-align: center;
	}
	.sis-pata .sole .howto-select .komidashi{
		line-height:1.5;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.sis-pata .sole .howto-select .read{
		line-height: 1.8;
	}
	
	
	
	
	/*---------------------------------------
	 * Lineup
	---------------------------------------*/

    .sis-pata .lineup {
        width: 100%;
        padding: 60px 0 60px;
        background: url(/images/sis/patagonia/pickup/foottractorwadingboots/bg.jpg) 50% repeat;
    }
	.sis-pata .lineup .inner{
		width: 100%;
		padding: 0 18px;
		margin: 0 auto;
	}
	.sis-pata .lineup .inner .section-title{
		width: 60%;
		max-width: 250px;
		margin: 0 auto 20px;
	}
	.sis-pata .lineup .inner .introduction{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 60px;
	}
	
	
	/* Item
	---------------------------------------*/ 
	
	.sis-pata .lineup .inner ul{
		font-size: 0;
	}
	.sis-pata .lineup .inner ul li{
		font-size: 13px;
		width: 100%;
		max-width: 450px;
		margin: 0 auto 40px;
		vertical-align: top;
	}
	.sis-pata .lineup .inner ul li .photo img{
		display: block;
	}
	.sis-pata .lineup .inner ul li .text .name{
		width: 100%;
		min-height: 89px;
		background: #FFFFFF;
		font-size: 20px;
		text-align: center;
		line-height: 1.6;
		padding-bottom: 25px;
		
	}
	.sis-pata .lineup .inner ul li .text .name-ja{
		margin: 20px 0 10px;
		padding: 0 10px;
		font-size: 13px;
		line-height: 1.6;
	}
	.sis-pata .lineup .inner ul li .text .price{
		font-size: 16px;
		padding: 0 10px;
	}
	.sis-pata .lineup .inner ul li .text .price .tax{
		font-size: 13px;
	}
	
	
	/* Linkarea
	---------------------------------------*/ 
	
	.sis-pata .lineup .inner .link-area{
		margin-top: 60px;
		text-align: right;
	}
	
	
	
	/*---------------------------------------
	 * Use Image
	---------------------------------------*/ 
	
	.sis-pata .use-image{
		width: 100%;
		font-size: 0;
		margin-bottom: 40px;
	}
	.sis-pata .use-image img{
		font-size: 13px;
		width: 100%;
		vertical-align: top;
	}
		
		
		
}