@charset "UTF-8";

/***************************************************
	index.css
***************************************************/

/* index.html
------------------------------------------------------------ */

#content {
    position: relative;
}
p{    text-align: center;}
.section {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 40px;
    min-height: 1100px;
    width: 600px;
    border: 1px solid #c0c0c0;
    margin: 30px auto;
    right: 0;
    bottom: 0;
}
.sectionin {
position: absolute;
    background: #f5f2ed;;
    padding: 6px;
    margin: 6px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sectionin li{
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}

.column {
	padding: 0;
}
.column:last-child {}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 497px;
	height: 100px;
	margin: 0 0 0 35px;
	padding: 0;
}
figure {
	width: 497px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media print{ .slide01{ display:none !important;}}

@media only screen and (max-width: 767px) {
.section {
    width: 92%;
    height: 100%;
    min-height: 600px;
}
.column div {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
figure {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

}