/*
#colors

@main-color #33b668
@text-color #333333
@base-color #fff
@body-color #eee
@form-color #f5f5f5
@notice-color #d9534f
@attention-color #b20000



*/
@media print, screen and (min-width: 768px) {
	.user-report {
		position: relative;
		margin-bottom: 60px !important;
		padding-bottom: 80px;
	}

	.user-report h2 {
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}

	.user-report h2 strong {
		color: #333;
	}

	.user-report .photo {
		margin-top: 10px;
	}

	.user-report .photo img {
		width: 100%;
	}

	.user-report .product-name {
		position: relative;
		padding: 15px;
		background-color: #33b668;
		color: #fff;
	}

	.user-report .product-name h3 {
		font-size: 2.0rem;
	}

	.user-report .product-name small {
		display: inline-block;
		margin-right: 10px;
		font-size: 1.6rem;
		font-weight: normal;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	.user-report .product-name small {
		display: block;
	}
}

@media print, screen and (min-width: 768px) {
	.user-report .product-name span {
		display: block;
		position: absolute;
		right: 20px;
		bottom: -158%;
		width: 32%;
		margin: auto;
	}
}

@media print, screen and (min-width: 768px) and (max-width: 1000px) {
	.user-report .product-name span {
		bottom: -100%;
	}
}

@media print, screen and (min-width: 768px) {
	.user-report .use {
		width: 58.2%;
		margin-top: 5%;
		padding: 15px 0;
		background-color: #f1f1f1;
		font-size: 2.0rem;
		text-align: center;
	}

	.user-report .use strong {
		font-weight: normal;
	}

	.user-report .caption {
		margin-top: 5%;
	}

	.user-report .caption h4 {
		font-size: 2.0rem;
		line-height: 1.6;
	}

	.user-report .caption p {
		margin-top: 25px;
		font-size: 1.6rem;
	}

	.user-report .link {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: right;
	}

	.user-report .btn {
		padding: 15px 100px 15px 25px;
	}
}

@media print, screen and (max-width: 767px) {
	.user-report {
		margin-bottom: 30px !important;
	}

	.user-report h2 {
		font-size: 1.4rem;
		text-align: left;
	}

	.user-report h2 strong {
		color: #333;
		font-weight: normal;
	}

	.user-report .photo img {
		width: 100%;
	}

	.user-report .product-name {
		position: relative;
		padding: 15px;
		background-color: #33b668;
		color: #fff;
	}

	.user-report .product-name h3 {
		font-size: 1.8rem;
	}

	.user-report .product-name small {
		display: inline-block;
		margin-right: 10px;
		font-size: 1.5rem;
		font-weight: normal;
	}

	.user-report .product-name span {
		display: block;
		position: absolute;
		right: 20px;
		bottom: -125%;
		width: 27%;
		margin: auto;
	}

	.user-report .product-name span img {
		width: 100%;
	}

	.user-report .use {
		width: 57%;
		margin-top: 15px;
		padding: 15px;
		background-color: #f1f1f1;
		font-size: 1.8rem;
		text-align: center;
	}

	.user-report .use strong {
		font-weight: normal;
	}

	.user-report .caption {
		margin-top: 15px;
	}

	.user-report .caption h4 {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.user-report .caption p {
		margin-top: 13px;
		font-size: 1.3rem;
	}

	.user-report .link {
		margin-top: 20px;
	}

	.user-report .btn {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 15px 100px 15px 25px;
	}
}