@charset "UTF-8";
@media screen and (min-width:768px) {
    .contents {
        margin-bottom: 35px;
    }
}

/* contentsArea */
	body #contentsArea {
	    max-width: 960px;
		margin: 0 auto 20px;
	}
	body #contentsArea .boxStage {
		position: relative;
		float: left;
		padding: 0;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
	}
	body #contentsArea .boxStage .cap {
		display: none;
		padding-bottom: 3px;
		text-align: right;
	}
	body #contentsArea .boxStage {
        overflow: hidden;
    }
	body #contentsArea .boxStage img {
		height: auto;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
	}
	body #contentsArea .boxStage.hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }


	body #contentsArea .boxStage .frameIcon { position: absolute; z-index:999;}
	body #contentsArea .boxStage .frameIcon.lt { left: 0px; top: 0px;}
	body #contentsArea .boxStage .frameIcon.lb { left: 0px; bottom: 0px;}
	body #contentsArea .boxStage .frameIcon.rt { right: 0px; top: 0px;}
	body #contentsArea .boxStage .frameIcon.rb { right: 0px; bottom: 0px;}
	body #contentsArea .boxStage .lens {
		position: absolute;  right: 10px;  bottom: 10px;  z-index: 999;  width: 20;  height: 30px;
	}
	body #contentsArea .boxStage .lens img {
		max-width: 100%;
		height: auto;
	}
	body #contentsArea .boxStage a span {
		display: block; position: absolute; bottom: -100px; left: 0; padding: 15px 0; width: 100%; z-index: 888; color: #000; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; background: rgba(0, 0, 0, 0.5);;
	}
	body #contentsArea .boxStage a span {
		font-size: 11px;
	}
	body #contentsArea .boxStage a span strong {
		font-size: 17px;
	}

	body #contentBottomInner {
		padding-top: 40px; padding-bottom: 103px;
	}
	body #contentsArea .boxStage.col3 {
        /*float: none;*/
    }
	body #contentsArea .boxStage.col1 ,
	body #contentsArea .boxStage.col5 {
        width: 66.489361702%;
    }
	body #contentsArea .boxStage.col2 {
        width: 49.375%;
    }
	body #contentsArea .boxStage.col3 {
        width: 32.127659574%;
    }
	body #contentsArea .boxStage.col4 {
        width: 32.127659574%;
    }
	body #contentsArea .boxStage img.thumb {
        width: 100%;
    }
	body #contentsArea .boxStage.col2.first {
        margin-right: 1.25%;
    }
	body #contentsArea .boxStage.col3 ,
	body #contentsArea .boxStage.col5 {
        float: right;
    }
	body #contentsArea .boxStage.col4 {
        float: left;
    }
	body #contentsArea .boxStage.col4:last-child {
        float: none;
    }

@media only screen and (max-width:970px) {
	body #contentsArea .boxStage .frameIcon { display: none;}
	.section.wrapper {
		max-width: 640px;
	}
	body #contentsArea .boxStage img.thumb{width: 100%;}
	body #contentsArea .boxStage.col1 ,
	body #contentsArea .boxStage.col5 {width: 100%;}
	body #contentsArea .boxStage.col2 ,
	body #contentsArea .boxStage.col3 ,
	body #contentsArea .boxStage.col4 {width: 49.375%;}
	body #contentsArea .boxStage.col3.first ,
	body #contentsArea .boxStage.col4.first {
        margin-right: 1.25%;
    }
}
@media only screen and (max-width:960px) {
	.section.wrapper {
		max-width: 670px;
	}
}


/* @media 599 START */
@media only screen and (max-width:599px) {
	body #contentsArea .boxStage ,body #contentsArea .boxStage.col3, body #contentsArea .boxStage.col5 , body #contentsArea .boxStage.col4 {
		float: none;
		width: 100%;
		/*max-width: 330px;*/
		margin: 5px auto;
	}
    body #contentsArea .boxStage.col3.first, body #contentsArea .boxStage.col4.first ,body #contentsArea .boxStage.col2.first {
        margin-right: auto;
    }
	body #contentsArea .boxStage .cap {
		display: block;
	}
	body #contentsArea .boxStage.col2,
	body #contentsArea .boxStage.col4 {
		width: 100%;
	}
	body #contentsArea .boxStage a img{ border: none; width: 100%;}
	body #contentsArea .boxStage.col1 img.thumb,
	body #contentsArea .boxStage.col2 img.thumb
	body #contentsArea .boxStage.col3 img.thumb,
	body #contentsArea .boxStage.col4 img.thumb { width: 100%;}
	body #contentsArea .boxStage a { cursor: default;}
	body #contentsArea .boxStage a img{ opacity: 1;}
	body #contentsArea .boxStage a:hover img{ opacity: 1;
		/* transition */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
	}
	body #contentsArea .boxStage a span { display: none;}
	body #contentsArea .boxStage .lens { display: none;}
}
/* @media 599 END */

.col2,.col3,.col4 {
	width: auto ;
}

img.lens {
    display: none!important;
}