@charset "utf-8";

/* mailmagazine.css */

/*

	1. メルマガ
	2. 動画
*/



/* *************************************************
   1. メルマガ
************************************************* */

.btn-register,
.btn-cancel {
	text-align: center;
}
.btn-register a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 8px 20px;
	background: #E60012;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.btn-cancel a {
	text-decoration: underline;
	font-size: 89%;
}

/* *************************************************
   2. 動画
************************************************* */
.h1-tit-base.label-movie {
	background: url(/sp/assets/images/common/bg_brand.gif) 0 0 repeat;
	background-size: 3px 3px;
	padding: 14px 0 4px !important;
}

.movie-wrapper { margin: 10px; }
	.movie-wrapper .text { margin-bottom: 30px; }
	.movie-box {
		position: relative;
		overflow: hidden;
	}

	.movie-box.youtube {
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
	}
	.movie-box iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.movie-box { margin-bottom: 20px; }
		.movie-box img{ width: 100%; }

		.movie-box a {
			display: block;
			position: relative;
		}
			.movie-box .btn_movie {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 30%;
			}

	.movie-title h3 {
		margin: 10px 0 5px;
		color: #e50112;
		padding-left: 20px;
		font-size: 100%;
		background: url(../images/uniq/meatstudio/icon-movie-arrow.gif) no-repeat 0 2px;
		font-weight: bold;
	}

	.movie-title p{
		margin-bottom: 10px;
		font-size: 86%;
	}