@charset "SHIFT-JIS";
#contents-area img {
	vertical-align: bottom;
}

/* contents-header ------------------------------------ */
#contents-area {
	padding-bottom: 70px;
}

#contents-area #contents-header {
	padding: 57px 0 44px;
	text-align: center;
}

#contents-area #contents-header p {
	height: 100%;
	margin: 38px 0 28px;
	font-size: 16px;
	line-height: 1.9;
	color: #000;
}

#contents-area #contents-header ul {
	display: table;
	width: 750px;
	padding: 20px 0;
	margin: 0 auto;
	background-color: #fdebf5;
}

#contents-area #contents-header ul li {
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

#contents-area #contents-header ul li span {
	color: #e4007f;
	padding-right: 12.5px;
}

#contents-area #contents-header ul li:last-child {
	text-align: left;
	padding-left: 12.5px;
}

/* contents-main ------------------------------------ */
#contents-area #contents-main {
	width: 200%;
	margin-left: -50%;
	margin-right: -50%;
	margin-bottom: 40px;
	padding: 35px 0 50px;
	background-color: #f8f8f8;
}

#contents-area #contents-main .inner-box {
	width: 980px;
	margin: 0 auto;
}

#contents-area #contents-main .inner-box p.title-txt {
	height: 100%;
	text-align: center;
	margin-bottom: 25px;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
}

#contents-area #contents-main .inner-box .contents-main-box {
	margin-left: 10px;
	margin-right: 10px;
	padding: 40px 66px;
	background-color: #fff;
}

#contents-area #contents-main .inner-box .contents-main-box .title-image
	{
	margin-bottom: 30px;
	text-align: center;
}

#contents-area #contents-main .inner-box .contents-main-box .main-text {
	height: 100%;
	color: #000;
	font-size: 16px;
	line-height: 1.9;
}

/* button ------------------------------------ */
#contents-area .button-p a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #f589c6),
		color-stop(139%, #dc4873) );
	background: linear-gradient(to bottom, #f589c6 53%, #dc4873 139%);
	border: none;
	border-radius: 10px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	padding: 15px 40px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#contents-area .button-p a:hover {
	opacity: .8;
}

#contents-area .button-p a.button-anchor { /* ページ内リンク */
	background: url(/images/MailMag/pc_icon_anchor.png),
		linear-gradient(to bottom, #f589c6 53%, #dc4873 139%);
	background-repeat: no-repeat, repeat;
	background-position: right 30px center, left bottom;
	padding-right: 55px;
}

/* form area ------------------------------------ */
#contents-area #register {
	padding: 10px 60px 70px;
}

#contents-area #register h2 {
	width: 860px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.2;
	color: #333;
	border-bottom: 1px solid #ddd;
	border-top: none;
}

#contents-area #register h3 {
	margin: 0;
	padding: 2px 0;
	margin-bottom: 20px;
	padding-left: 18px;
	font-size: 18px;
	line-height: 1.1;
	color: #333;
	border-left: 3px solid #f17fbd;
	border-bottom: none;
}

#contents-area #register p.form-text {
	height: 100%;
	font-size: 16px;
	color: #333;
}

.annotation {
	height: 100%;
	font-size: 14px;
	color: #333;
	text-indent: -14px;
	padding-left: 14px;
	overflow-wrap: break-word;
}

#contents-area #register #e-mail-magazine-section {
	margin-bottom: 95px;
}

#contents-area #register #e-mail-magazine-section table td p.mail-name {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

#contents-area #register #e-mail-magazine-section table td p.mail-text {
	font-size: 15px;
	margin-bottom: 0;
}

#contents-area #register #e-mail-magazine-section table td p.mail-text b
	{
	color: #e4007f;
}

#contents-area #register #e-mail-magazine-section table {
	margin-bottom: 20px;
}

#contents-area #register #e-mail-magazine-section .annotation {
	text-align: center;
}

#contents-area #register #privacy p {
	height: 100%;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	color: #000;
}

#contents-area #register #privacy iframe {
	width: 800px;
	height: 150px;
	margin-left: 30px;
	margin-right: 30px;
	border: 1px solid #ddd;
}

/* form input text */
#contents-area #register .textbox-group input[type='email'] {
	display: inline-block;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
	border: 0;
	border: solid 1px #a0a0a0;
	margin: 0;
	border-radius: 5px;
	line-height: 38px;
	height: 40px;
	width: 600px;
	margin: 0 0 5px 0;
}

#contents-area #register .textbox-group input::placeholder {
	color: #959595;
}

#contents-area #register .textbox-group input:-ms-input-placeholder {
	color: #959595;
}

#contents-area #register .textbox-group input::-ms-input-placeholder {
	color: #959595;
}

/* form checkbox table */
#contents-area #register table td {
	border-top: 1px solid #ddd;
	padding: 30px;
}

#contents-area #register table tr:last-child td {
	border-bottom: 1px solid #ddd;
}

#contents-area #register .checkbox-cell {
	background-color: #f4f4f4;
	padding-left: 50px;
	padding-right: 50px;
}

#contents-area #register .checkbox-cell.checked { /* checkbox 選択時の背景 */
	background-color: #fdecf6;
	font-weight: bold;
}

#contents-area #register .check-group {
	display: inline-block;
	position: relative;
	width: 100%;
}

#contents-area #register .check-group .checkbox-icon {
	/* checkbox 表示（未選択） */
	background-image:
		url("/com/images/common/common-img-sprite.png");
	background-position: 0px -2031px;
	width: 25px;
	height: 25px;
	display: inline-block;
}

#contents-area #register .check-group .checkbox-icon {
	margin: 0;
}

#contents-area #register .check-group .checkbox-icon.checked {
	/* checkbox 表示（選択時） */
	background-position: 0px -1997px;
}

#contents-area #register .check-group input[type='checkbox'] {
	position: absolute;
	left: -3000px;
}

/* form confirm */
#contents-area #register .confirm {
	text-align: center;
	padding-top: 50px;
}

#contents-area #register .confirm input { /* submit button */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(53%, #f589c6),
		color-stop(139%, #dc4873) );
	background: linear-gradient(to bottom, #f589c6 53%, #dc4873 139%);
	border: none;
	border-radius: 10px;
	display: inline-block;
	min-width: 300px;
	color: #fff;
	font-size: 18px;
	padding: 15px 40px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#contents-area #register .confirm input:hover {
	cursor: pointer;
	filter: alpha(opacity =                       80);
	-ms-filter: alpha(opacity =
	                50);
	opacity: .8;
	-ms-filter: alpha(opacity =                       50);
}

/* unsubscribe ------------------------------------ */
#contents-area #unsubscribe {
	padding: 0 60px 70px;
}

#contents-area #unsubscribe h2 {
	width: 860px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.2;
	color: #333;
	border-bottom: 1px solid #ddd;
	border-top: none;
}

#contents-area #unsubscribe p {
	height: 100%;
	font-size: 16px;
	color: #333;
	line-height: 1.9;
	margin-bottom: 30px;
}

#contents-area #unsubscribe a {
	font-size: 16px;
}

/* other-mail-service ------------------------------------ */
#contents-area #other-mail-service {
	margin: 0 30px;
	padding: 35px 25px;
	background-color: #fef5fa;
}

#contents-area #other-mail-service .title-text {
	margin-bottom: 30px;
	padding-bottom: 17px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f17fbf;
}

#contents-area #other-mail-service ul#mail-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

#contents-area #other-mail-service ul#mail-list li {
	width: 30%;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
}

#contents-area #other-mail-service ul#mail-list li:before {
	content: "・";
}

#contents-area #other-mail-service ul#mail-list li.ord01 {
	order: 1;
} /* 見た目の表示並び替え用 */
#contents-area #other-mail-service ul#mail-list li.ord02 {
	order: 2;
}

#contents-area #other-mail-service ul#mail-list li.ord03 {
	order: 3;
}

#contents-area #other-mail-service ul#mail-list li.ord04 {
	order: 4;
}

#contents-area #other-mail-service ul#mail-list li.ord05 {
	order: 5;
}

#contents-area #other-mail-service ul#mail-list li.ord06 {
	order: 6;
}

#contents-area #other-mail-service a {
	text-decoration: underline;
}

#contents-area #other-mail-service a:hover {
	text-decoration: none;
}

/* common ------------------------------------ */
#contents-area .mt20 {
	margin-top: 20px;
}

#contents-area .mb35 {
	margin-bottom: 35px;
}

#contents-area .mb40 {
	margin-bottom: 40px;
}

#contents-area .mb60 {
	margin-bottom: 60px;
}

#contents-area .fl-right {
	float: right;
}

a.ic {
	display: inline-block;
	padding: 0 25px;
	text-decoration: none;
	color: #333;
	background-image:
		url("/com/images/common/common-img-sprite.png");
	background-repeat: no-repeat;
	background-position: 0 -3318px;
}

/* pagetop（ページ内ナビゲーション、PCページ共通） ------------------------------------ */
.pagetop {
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 20;
}

.pagetop a {
	overflow: hidden;
	display: inline-block;
	text-indent: 200%;
	white-space: nowrap;
	vertical-align: middle;

	line-height: 1;
	background-image:
		url("/com/images/common/common-img-sprite.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	background-position: 0 -1277px;
}

.notice-text {
	font-weight: bold;
	color: #e4007f;
	font-size: 16px;
	padding: 10px 0 20px;
}