body{
		color : #48576a;
	}
	.img-polaroid{
		border : solid #aaa 1px;
	}
	.el-card,
	.el-table { margin: 10px 0; }
	.el-card__header { background: #f1f3f5; }

	.iframe-content {
		position: relative;
		width: 100%;
		padding: 40% 0 0 0;
		max-height:200px;
	}
	.number-form{
		max-width:200px;
	}
	.number-form .el-input__inner{
		text-align:right;
	}
	input:read-only, textarea:read-only {
		background-color: #eee;
	}
	.iframe-content iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%!important;
		height: 100%!important;
	}
	/*---------------------------------------------------------------------
	common
	----------------------------------------------------------------------*/
	body{
		margin: 0;
		background: #fafafa;
	}

	h1,
	h2.title { font-size: 1.8em; }
	h2 { margin: 0; font-size: 1.2em; }

	hr { margin: 20px 0; }

	.center { text-align: center; }
	.right { text-align: right; }


	/* Steps Bar
	------------------------------------------------------------*/
	[data-am-stepbar] {
		counter-reset: step;
		overflow-x: auto;
	}

	[data-am-stepbar] .stepbar-container {
		display: table;
		overflow: hidden;
		table-layout: fixed;
		margin: 0;
		padding: 0;
		width: 100%;
		min-width: 700px;
		border-radius: 3px;
	}
	.stepbar-container a { color: #fff; text-decoration: none; }
	[data-am-stepbar] .stepbar-item {
		position: relative;
		display: table-cell;
		background-color: #f94d2f;
		width: 100%;
		-webkit-transition: width 200ms ease;
		transition: width 200ms ease;
	}
	[data-am-stepbar] .stepbar-item:before,
	[data-am-stepbar] .stepbar-item:after {
		content: "";
		position: absolute;
		pointer-events: none;
		z-index: 1;
	}
	[data-am-stepbar] .stepbar-item:before {
		right: -70px;
		top: -10px;
		border: 35px solid rgba(255, 255, 255, 0);
		border-left-color: #fff;
	}
	[data-am-stepbar] .stepbar-item:after {
		right: -50px;
		top: 0;
		border: 25px solid rgba(255, 255, 255, 0);
		border-left-color: #f94d2f;
	}
	[data-am-stepbar] .stepbar-item:first-child .stepbar-link { padding-left: 0; }
	[data-am-stepbar] .stepbar-item:last-child:before,
	[data-am-stepbar] .stepbar-item:last-child:after { content: none; }
	[data-am-stepbar] .stepbar-item:hover { width: 115%; }
	[data-am-stepbar] .stepbar-item.current { background-color: #fc9988; }
	[data-am-stepbar] .stepbar-item.current:after { border-left-color: #fc9988; }
	[data-am-stepbar] .stepbar-item.current ~ .stepbar-item { background-color: #ccc; }
	[data-am-stepbar] .stepbar-item.current ~ .stepbar-item:after { border-left-color: #ccc; }
	[data-am-stepbar] .stepbar-link {
		display: block;
		height: 50px;
		line-height: 50px;
		padding-left: 25px;
		text-align: center;
		font-size: 1.125em;
		counter-increment: step 1;
		font-weight: 500;
	}
	[data-am-stepbar] .stepbar-link:before {
		content: counter(step) ".";
		margin-right: 10px;
	}



	.Invitation {
			width: 130px;
			height: 40px;
			float:left;
		}
	.planBox{
		max-width:220px;
		min-height:300px;
		margin:10px 10px;
		padding:20px;
		border: 1px solid #ccc;
		float:left;
	}
	.description{
		font-weight:normal;
	}
	.lpLink{
		margin: 10px auto;
		text-align: center;
	}
	.lpImg{
		margin: 10px auto;
		text-align: center;
	}
	.lpImg img{ max-width:300px; }

	.planCheck{
		margin: 10px auto;
		text-align: center;
	}
	.planCheck > .btn{ width:80%; }

	.scr {
		overflow: scroll;   /* スクロール表示 */
		overflow-x: hidden;
		width : 70%;
		height: 200px;
		font-size:12px;
		margin: 0 auto;
		padding : 10px;
		border: solid 1px #888;
	}
	.el-row{ padding : 10px 10px; }
	.step{
		min-height:300px;
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom: solid 1px #eee;
	}
	.planDiscription{
		text-align : left;
		padding : 0 8px 0 8px;
	}
	.chui{ color:#f00; }
	.mws-error{
		background-color: #ffd8d9;
		padding:5px;
		margin:5px;
	}

	table.optimaze th,
	table.optimaze td { text-align: center; padding : 5px; }
	table.optimaze tr(odd) {background: #eee;}

	table.step01 th,
	table.step01 td { text-align: center; padding : 5px; }
	table.step01 tr(odd) {background: #eee;}

	table td h3 {
		margin: 0 10px;
		padding: 10px 0;
		background: #158ce0;
	}
	table td h3,
	tr th.cappy,
	tr th.sales,
	tr th.cc { color: #fff; }
	tr th.cappy { background: #f9694f; }
	tr th.sales { background: #158ce0; }
	tr th.cc { background: #4eaee9; }

dl dt:before{
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 10px;
}
dl dt { font-size: 85%; }
dl dd {
	margin: 0 0 10px 0;
	padding: 5px 15px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}

	/*---------------------------------------------------------------------
	 Mobile Setting
	----------------------------------------------------------------------*/
	@media screen and (max-width: 768px) {
		.el-table td, .el-table th { height: 100%; }

		[data-am-stepbar] .stepbar-link { font-size: 14px; }

		table.step01 thead { display: none; }
		table.step01 th,
		table.step01 td { display: block; padding: 10px 20px; }
		table.step01 th { font-size: 18px; }
		table td h3 { padding: 5px 0; font-size: 14px; }

		[data-am-stepbar] .stepbar-container {
			min-width: 300px;
		}
		[data-am-stepbar] .stepbar-link {
		    font-size: 12px;
		    height: 30px;
		    line-height: 40px;
		}
		[data-am-stepbar] .stepbar-link:before {
		    content: counter(step) ".";
		    margin-right: 1px;
		}
	}
	@media screen and (max-width: 479px) {
		.el-form-item .el-form-item__label { width: 100%; float: none; }
		.el-form-item .el-form-item__content { margin-left: 0 !important; }
		.scr { width: 90%; }
	}

	span.member {
		display: block;
		margin: 20px 10px;
		font-size: 22px;
		text-align: center;
	}

	span.member a {
		text-decoration: none;
		color: #fff;
		margin-right: 10px;
		float: right;
		font-size: 60%;
		line-height: 46px;
	}
	span.member a:hover { text-decoration: underline; }


	h1.logo {
		float: left;
		margin: 0;
		padding: 8px 20px;
		color: #fff;
		display: inline;
	}
	.well{
  		min-height: 20px;
		padding: 8px;
		margin-bottom: 8px;
		border: 1px solid #e3e3e3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.well span{
		font-weight:normal;
		font-size:12px;
		line-height: 14px;
	}

	hr {
		margin: 20px 0;
		border: 0;
		border-top: 1px solid #eeeeee;
		border-bottom: 1px solid #ffffff;
	}
	.planTable td, .planTable th{
		padding : 4px 8px;
	}
	.is-hidden {
		display: none;
	}
	.entry-app {
		margin-top: -20px;
	}
	.entry-logo {
		max-height: 38px;
	}
.entry-left {
	text-align: left;
	float: left;
}
.entry-plan-col {
	width: 30%;
	font-size: 14px;
}
.entry-copy {
	line-height: 20px;
}
.entry-table {
	line-height: 12px;
}
.entry-wide {
	width: 80%;
}