@charset  "utf-8";

#collection {
    width: 90%;
    margin: 0 auto;
}

section {
    position: relative;
    margin-bottom: 60px;
    max-width: none;
	
    background-repeat: no-repeat;
    background-size: 100%;
}

section a {
    display: block;
}

section img{
	width:100%;
	height:auto;
}

section .contents_title {
    color: #fff;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 3;
}

.contents_title_new {
    color: #fff;
    position: absolute;
    bottom: 20%;
    width: 100%;
    text-align: center;
    z-index: 3;
}

.contents_button {
    text-shadow: 0 0 0 #fff !important;
}

section .contents_title a{
    color: #fff;
}

section.contents_shadow .contents_title p {
    /*text-shadow: 0 0 50px #999;
	text-shadow: 0 0 20px rgba(153, 153, 153, 0.5);*/
    text-shadow: 0 0 10px #999;
    /*text-shadow: 0 0 20px #000;*/
}

section.contents_gray .contents_title p,
section.contents_gray .contents_title a {
	color: #999;
}

section.contents_black .contents_title p,
section.contents_black .contents_title a {
	color: #000;
}

section.contents_left {
    width: 47.5%;
    float: left;
    /* padding-right: 30px; */
    margin-right: 2.5%;
}

section.contents_right  {
    width: 47.5%;
    float: left;
    /* padding-right: 30px; */
    margin-left: 2.5%;
}

.contents_title1 {
	font-size: 50px;
    margin-bottom: 1em;
    font-family: "Times New Roman", Times, serif;
}

.contents_title2 {
    font-size: 80px;
    margin-bottom: 10px;
}

.contents_title3 {
    font-size: 20px;
    margin-bottom: 2em;
}

.contents_button a {
    font-family: sans-serif;	
    font-size: 15px;
    padding: 10px 50px;
    background: #fff;
    display: inline-block;
    color: #000 !important;
}

section.contents_left .contents_title1,
section.contents_right .contents_title1 {
	font-size: 25px;
    margin-bottom: 10px;
}

section.contents_left .contents_title2,
section.contents_right .contents_title2 {
    font-size: 30px;
    margin-bottom: 5px;
}

section.contents_left .contents_title3,
section.contents_right .contents_title3 {
    font-size: 20px;
    margin-bottom: 1em;
}

@media screen and (max-width: 768px) {

	.contents_title1,
	section.contents_left .contents_title1,
	section.contents_right .contents_title1 {
		font-size: 15px;
		margin-bottom: 0.5em;
	}
	
	.contents_title2,
	section.contents_left .contents_title2,
	section.contents_right .contents_title2 {
		font-size: 40px;
	}
	
	.contents_title3,
	section.contents_left .contents_title3,
	section.contents_right .contents_title3 {
		font-size: 15px;
		margin-bottom: 1em;
	}
	
	.contents_button a {
		font-size: 10px;
		padding: 5px 25px;
	}
	
}


@media screen and (max-width: 480px) {
	
	section,
	section.contents_left,
	section.contents_right {
		margin: 0 auto 30px;
		float:none;
		width:100%;
	}

	.contents_title2,
	section.contents_left .contents_title2,
	section.contents_right .contents_title2 {
		font-size: 20px;
	}

}