/*
Tutorial Name: 入会方法
*/

/* Entry-Agreement
================================================== */
.single-inner {
	width: 800px;
	color: #ffffff;
	display: inline-block;
	margin: 0 auto;
	padding: 50px 0;
	text-align: left;
}

.single-inner p {
	text-align: left;
	font-size: 120%;
}

.title01 {
	font-size: 125%;
	margin: 50px 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ffffff;
}

.mt0 {
	margin-top: 0 !important;
}

.center{
	text-align:center;
}

.list1 li {
	display: block;
}

.list2 {
	display: inline-block;
}

.list2 li {
	display: table-cell;
	width: 50%;
	float: left;
	padding: 0;
}

.list2 li span {
	vertical-align: top;
	display: inline-block;
	padding: 10px 0 0 20px;
}

.step {
	width: 650px;
	margin: 32px auto 80px;
}

.step table {
	width: 100%;
	border-collapse: collapse;
}

.step th {
	width: 18%;
	font-size: 22px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #707070;
	border-right: none;
	background-color: #EEE;
	color: #000000;
}

.step td {
	padding: 12px 30px 12px 57px;
	width: 82%;
	font-size: 16px;
	line-height: 1.6;
	border: 2px solid #707070;
	border-left: none;
}

.step .arrow {
	padding: 13px 0 10px;
	height: 13px;
	border: none;
	background: url("/wp-content/themes/diamondticket/images/arrow.png") no-repeat center center;
}

.fee {
	width: 390px;
	float: left;
}

.fee dt {
	margin-bottom: 6px;
	font-size: 25px;
	line-height: 145%;
}

.fee dt span {
	font-weight: 700;
}

.fee dd {
	padding-bottom: 22px;
	font-size: 14px;
	line-height: 25px;
	margin-left: 0;
}

.fee dd .note {
	margin-top: 15px;
	display: block;
}

.expiration {
	width: 400px;
	float: right;
}

.expiration .dis_ib {
	display: inline-block;
	width: 400px;
}

.expiration .title {
	margin: 0 0 32px;
	line-height: 1.5;
}

.expiration .dateLine {
	height: 30px;
	position: relative;
	background-color: #CCC;
	margin: 80px 0 0;
}

.expiration .dateLine .join {
	width: 15%;
	height: 30px;
	float: left;
	background-color: #CCC;
}

.single-inner .title02 {
	background-color: #d80000;
	color: #fff;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 30px;
	padding: 3px 0 2px;
	text-align: center;
	width: 108px;
}

.expiration .dateLine .exp {
	padding-top: 5px;
	width: 85%;
	height: 25px;
	float: right;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	background-color: #d90000;
}

.expiration .dateLine .joinP {
	padding-bottom: 18px;
	font-size: 14px;
	line-height: 2.1;
	position: absolute;
	left: 0;
	top: -88px;
	background: url("/wp-content/themes/diamondticket/images/arrow2.png") no-repeat 52px bottom;
}

.expiration .dateLine .joinP span,
.expiration .dateLine .expP span {
	display: block;
	font-weight: 700;
}

.expiration .dateLine .expP {
	padding-bottom: 18px;
	color: #D80000;
	font-size: 14px;
	line-height: 2.1;
	position: absolute;
	right: 0;
	top: -88px;
	text-align: right;
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow3.png") no-repeat right bottom;
}

.textInner .red {
	color: #d90000;
}

.textInner .scroll {
	border: 2px solid #ccc;
	height: 250px;
	overflow-y: scroll;
	padding: 6px 13px;
}

.mini_font {
	font-size: 80%;
}

/* bt */
.entry-agreement-bt {
	margin: 20px 0;
}

.entry-agreement-bt .comBtn01 {
	width: 350px;
	margin: 0 auto;
}

.comBtn01 {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	position: relative;

	border-radius: 4px;
	behavior: url("/js/pie.htc");

	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg01.jpg");
}

.comBtn01 span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;

	behavior: url("/js/pie.htc");
	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg01_over.jpg");
}

.comBtn01:hover span,
.comBtn02:hover span {
	opacity: 1.0;
	-webkit-transition: all .3s;
	transition: all .3s;

}


.comBtn01 a,
.comBtn01 input,
.comBtn02 a,
.comBtn02 input {
	padding: 14px 0 13px;
	width: 100%;
	display: block;
	color: #FFF;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	border: none;
	position: relative;
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 21px center;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.comBtn01 input,
.comBtn02 input {
	font-size: 15px;
}

.comBtn01 a:hover,
.comBtn01 input:hover,
.comBtn02 a:hover,
.comBtn02 input:hover{
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 35px center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.comBtn02  input:disabled {
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 20px center;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 12px 0px 12px;
}

.comBtn02 {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	position: relative;

	border-radius: 4px;
	behavior: url("/js/pie.htc");

	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg02.jpg");
}

.comBtn02 span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;

	behavior: url("/js/pie.htc");
	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg02_over.jpg");
}

.comBtn02 input {
	font-size: 15px;
	padding: 12px 0px 11px;
}

.comBtn03 {
	margin: 0 auto;
	width: 202px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	position: relative;

	border-radius: 4px;
	behavior: url("/js/pie.htc");

	background-color: #3399FF;
}

.comBtn03 a,
.comBtn03 input {
	padding: 12px 0 11px;
	width: 100%;
	display: block;
	font-size: 16px;
	color: #FFF;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	border: none;
	position: relative;
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 21px center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.comBtn03 a:hover,
.comBtn03 input:hover {
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 35px center;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 4px;
	behavior: url("/js/pie.htc");
	background-color: #194C7F;
}


.comBtn04 {
	margin: 0 auto;
	width: 202px;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #3399FF;
	border-radius: 4px;
	behavior: url("/js/pie.htc");
}

.comBtn04 a {
	padding: 11px 0 8px;
	position: relative;
	display: block;
	color: #FFF;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	behavior: url("/js/pie.htc");
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/arrow4.png") no-repeat 15px center;
}

.comBtn04:hover {
	background: #06F;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.comBtn04:hover a {
	background-position: 25px center;
	-webkit-transition: all .3s;
	transition: all .3s;
}



/* 会員登録フォーム */
#member-table {
	width: 100%;
	border: 1px solid #777;
	margin-top: 20px;
}

#td135 { width: 35%; }
#td402 { width: 65%; }

#member-table td {
	border: 1px solid #777;
	padding: 0.5em;
}

#member-table td#no-border,#member-table td.no-border {
	border: 0;
	padding: 0.1em;
}

div#to-memberconf {
	margin-top: 20px;
	text-align: center;
 }
.lorange {
	background-color: #000;
	font-weight: bold;
}

.red,.s-red {
	color: #ff0000;
}

#member-table input,#member-table select {
	color: #000000;
}

#member-table .box6 {
	width: 20%;
}

#member-table .box15 {
	width: 30%;
}

#member-table .box40,#member-table .box33 {
	width: 80%;
}

.tel {
	width: 25%;
}

.ques {
	width: 13%;
}

#member-table .small {
	font-size: 90%;
}

#member-table ul {
	padding: 0;
}

#member-table li {
	width: 100%;
}

#creditcard il {
	width: 100%;
}

.single-section-title {
	background-attachment: scroll;
	background-position: center center;
	background-repeat: repeat-x;
	color: #f1c40f;
	font-family: "Raleway",sans-serif;
	font-size: 32px;
	margin-bottom: 22px;
	padding: 20px 35px;
	text-align: center;
	line-height: 110%;
}

.cstitle {
    padding: 100px 0 20px;
}

.comingsoon {
    color: #ffffff;
    padding: 50px 0 100px;
}

#submitbutton {
	width: 150px;
	height: 30px;
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/b_confirm2.gif") no-repeat;
	border: none;
}

#submitbutton_update{
	width: 150px;
	height: 30px;
	background: url("/wp-content/themes/diamondticket/images/entry-agreement/b_confirm3.gif") no-repeat;
	border: none;
}

.war_receipt_money {
	background: #ffffff;
	border-radius: 25px;
	border: 4px dotted #797979;
	color: #ff0000;
	padding: 25px 15px 15px 15px;
}

.single-inner p.war_receipt_money_title {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin-bottom: 0px;
}

ul.war_receipt_money_list {
	line-height: 160%;
	list-style-type: disc !important;
	margin-top: 0;
	display: block;
	padding-left: 15px;
}

ul.war_receipt_money_list li {
	list-style-type: disc !important;
	display: list-item;
}

.war_receipt_money span {
	font-weight: bold;
	text-decoration: underline;
}

/* 会員継続フォーム */

.form_erea{
	width:100%;
	text-align:center;
	margin-top:50px;
}

.list3 {
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

.list3 li {
	width: 30%;
	padding-left: 20px;
}


.comBtn_keizoku {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	position: relative;
	border-radius: 4px;
	behavior: url("/js/pie.htc");
	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg01.jpg");
	padding:12px;
}

.comBtn_keizoku:hover{
	opacity:0.7;
}


.comBtn_keizoku_no {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	position: relative;
	border-radius: 4px;
	behavior: url("/js/pie.htc");
	background-color:#000;
	padding:12px;
}

.comBtn_keizoku span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 4px;
	-webkit-transition: all .3s;
	transition: all .3s;

	behavior: url("/js/pie.htc");
	background-image: url("/wp-content/themes/diamondticket/images/entry-agreement/btn_bg01_over.jpg");
}





/* SP css
================================================== */
@media screen and (max-width: 1025px) {
	/* entry-agreement */
	.single-inner {
		width: 100%;
		color: #ffffff;
		display: inline-block;
		margin: 0 auto;
		padding: 50px 0 10px;
		text-align: left;
	}
	.t_center {
		text-align: center;
	}
	.wdmx300 {
		max-width: 300px;
	 }
	.sp100 {
		width: 100%;
	}
	.list2 {
		display: inline-block;
	}

	.list2 li {
		display: table-cell;
		width: 100%;
		padding: 0;
	}

	.list2 li span {
		vertical-align: top;
		display: inline-block;
		padding: 10px 0 0 20px;
	}
	.step {
		width: 100%;
		margin: 32px auto 80px;
	}
	.step td {
		padding: 12px 20px 12px 20px
	}
	.fee,.expiration {
		width: 100%;
	}
	.dis_no {
		display: none
	}
	.expiration .dateLine .exp {
		height: 30px;
	}
	.expiration .dis_ib {
		width: 100%;
	}
	.expiration .dateLine .joinP {
		background: url("/wp-content/themes/diamondticket/images/arrow2.png") no-repeat 48px bottom;
	}
	.entry-agreement-bt .comBtn01 {
		width: 280px;
	}
	div#to-memberconf {
		width: 100%;
	}
	#member-table {
		border: none;
	}
	#member-table tr {
		display: block;
		margin-bottom: 10px;
	}
	#member-table td {
		width: 100%;
		display: block;
		text-align: left;
	}
	#member-table .member-table-title,#member-table .lorange {
		background: #525252;
	}
	#member-table td:before {
		float: left;
	}
	#member-table .small {
		font-size: 80%;
	}
	#member-table .box15 {
		width: 40%;
	}
	#member-table .box16 {
		width: 30%;
	}
	#member-table .box40 {
		width: 100%;
	}
	#member-table .tel {
		width: 30%;
	}
	.cstitle{
		padding: 20px 35px;
	}




	/* 会員継続フォーム */



	.list3 {
		width:100%;
		padding:0!important;
	}

	.list3 li {
		width: 100%
	}


	.comBtn_keizoku {



}