@charset "utf-8";

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

body { 
	background:#ffe0f3;
}

.inner { padding:20px; }

	.wrapper {
		max-width:800px;
		background:#fff;
		margin:0 auto 20px auto;
		box-shadow:0 0 5px #ccc;
	}
		.wrapper h1 {
			width:200px;
			height:106px;
			margin:0 auto 20px auto;
		}
		
		.title {
			font-weight:bold;
			font-size:150%;
			line-height:160%;
			text-align:center;
			color:#e5177e;
			margin:0 0 20px 0;
		}

		.wrapper h2 {
			font-size:125%;
			line-height:140%;
			background:#e5177e;
			font-weight:bold;
			position:relative;
			padding:10px 8px 10px 22px;
			color:#fff;
			margin:0 0 20px -25px;
		}
		.wrapper h2:before {
			content:"";
			border-left:5px solid transparent;
			border-top:3px solid #a7115c; /* 背景色を指定 */
			position:absolute;
			left:0;
			top:100%;

		}
		.wrapper h2:after {
			content:"";
			border:24px solid transparent;
			border-right:20px solid #fff; /* 背景色を指定 */
			position:absolute;
			right:0;
			top:20%;
			margin-top: -11px;
		}

		.detail {
			line-height:140%;
			margin:0 0 30px 0;
		}
			.detail dl {
				border-bottom:1px dotted #ccc;
				padding:12px 0;
			}
				.detail dt {
					font-weight:bold;
					float:left;
					width:180px;
				}
				.detail dd {
					margin-left:180px;
				}

		.entry {
			line-height:140%;
			margin:0 0 15px 0;
		}
			.entry dl {
				border-bottom:1px dotted #ccc;
				padding:12px 0;
			}
				.entry dt {
					font-weight:bold;
					float:left;
					width:180px;
				}
					.entry dt span {
						padding:0 0 0 5px;
						color:#F00;
						font-weight:normal;
					}
				.entry dd {
					margin-left:180px;
				}
				.entryInput { width:100%; }

			.entryBtn {
				text-align:center;
			}
				.entryBtn input, .entryBtn p {
					border:0;
					padding:12px 30px;
					color:#fff;
					background:#e5177e;
				}
				.entryBtn p {
					display:inline-block;
				}
				.entryBtn p a {
					color:#fff;
					text-decoration:none;
				}

		.checkName, .checkRuby, .checkTel, .checkMail, .check { color:#F00; padding:5px 0 0 0; }

	.copy {
		font-size:86%;
		text-align:center;
	}


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

.inner { padding:10px; }

		.title {
			font-weight:bold;
			font-size:113%;
			line-height:160%;
			text-align:center;
			color:#e5177e;
			margin:0 0 15px 0;
		}

		.wrapper h2 {
			font-size:113%;
			line-height:140%;
			background:#e5177e;
			font-weight:bold;
			position:relative;
			padding:8px 8px 8px 12px;
			color:#fff;
			margin:0 0 20px -15px;
		}
		.wrapper h2:before {
			content:"";
			border-left:5px solid transparent;
			border-top:3px solid #a7115c; /* 背景色を指定 */
			position:absolute;
			left:0;
			top:100%;

		}
		.wrapper h2:after {
			content:"";
			border:24px solid transparent;
			border-right:20px solid #fff; /* 背景色を指定 */
			position:absolute;
			right:0;
			top:20%;
			margin-top: -11px;
		}

				.detail dt, .entry dt {
					width:100%;
					float:left;
					margin:0 0 5px 0;
				}
				.detail dd, .entry dd {
					width:100%;
					float:left;
					margin-left:0;
				}

}