@charset "UTF-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
}

#gradient{ 
    background: #FBF1EA;
}

#wrapper a:link { 
	text-decoration: none; 
}

#wrapper {
    width: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.inner {
	max-width: 650px;
    margin: 0 auto;
    padding: 2% 0 0;
}

.st_wrap {
    text-align: center;
}

.st_wrap img {
	width: 100%;
	vertical-align: bottom;
}

.title{
	margin: 5% 0 8%;
}

.credit img{
	width: 70%;
}
.item{
	margin: 15% auto 0;
}

.fn{
	font-size: 12px;
	text-align: right;
	letter-spacing: .5px;
	color: #505050;
	font-weight: 500;
}

.btn_all{
	text-align: center;
}

.btn_all a{
	font-family: "DM Serif Display", serif;
    background: #c5a087;
    color: #ffffff;
	text-align: center;
    font-weight: 500;
    width: 90%;
    letter-spacing: 1.5px;
    margin: 0 auto 10%;
    display: inline-block;
    padding: 4.5% 0;
}


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

    #wrapper {
        width: 100%;
        padding: 5% 0 0;
    }
	.credit img{
		width: 80%;
	}
    .fn{
        font-size: 10px;
		margin-right: 10px;
    }
}