@charset "utf-8";
/**
 * style.css
 */

@media only screen and (max-width:1179px) {}
@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}
@media only screen and (max-width:340px) {}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/**************************************************

 追加table

**************************************************/

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl01 {
	border-collapse: collapse;
	width: 100%;
	margin: 1em auto;
}
.tbl01 th,.tbl01 td {
	padding: 30px;
	/*border: 1px solid #aaa;*/
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #BCB18B;	
}
.tbl01 th {
	background: #EFE7D2;
	width: 30%;
}
.tbl01 td {
	background: #fff;
}
@media only screen and (max-width:760px) {
.tbl01 th,.tbl01 td {
	display: block;
	width: auto;
	border-bottom: none;
}
.tbl01 tr:last-child {
	border-bottom: 1px solid #aaa;
}
}
/**************************************************

 TOPから引継ぎ

**************************************************/
.car3 {
	margin: 50px auto 10px 10px;
	font-weight: 700;
	display: block;
	font-size: 16px;
}
.errorbg {
	background: #FFD7D7;
}
.errorbg dt {
	background: #FFD7D7;
}
.errorbg dd {
	background: #FFD7D7;
}
/* icoTitle
---------------------------------*/
.myPageMain .mainTitle {
	position: relative;
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.3;
	text-align: center
}
.myPageMain .comptitle {
	display: block;
	background: #FFBE00;
	margin: 30px auto;
	padding: 8px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #000000;
	text-align: center;
}
.myPageMain .icoTitle {
	position: relative;
	margin-bottom: 30px;
	padding-left: 50px;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
}
.myPageMain .icoTitle a {
	color: #3b3b3b;
	text-decoration: none;
}
.myPageMain .icoTitle:before {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	content: '';
	width: 32px;
	height: 32px;
	background: no-repeat center center;
	background-size: contain;
}
.myPageMain .icoTitle.speaker:before {
	background-image: url(/entry/images/common/ico_speaker.png);
}
.myPageMain .icoTitle.index:before {
	background-image: url(/entry/images/common/ico_index.png);
}
.myPageMain .icoTitle.tent:before {
	background-image: url(/entry/images/common/ico_tent.png);
}
.myPageMain .icoTitle.post:before {
	background-image: url(/entry/images/common/ico_post.png);
}
.myPageMain .icoTitle small {
	display: block;
	color: #03a864;
	font-size: 14px;
}
.myPageMain .rightArea .icoTitle {
	padding-left: 40px;
	font-size: 26px;
}
@media only screen and (min-width:768px) {
	.myPageMain .icoTitle a:hover span {
		text-decoration: underline;
	}
}
@media only screen and (max-width:767px) {
	.myPageMain .icoTitle,
	.myPageMain .rightArea .icoTitle {
		margin-bottom: 20px;
		padding-left: 28px;
		font-size: 22px;
	}
	.myPageMain .icoTitle:before {
		width: 20px;
		height: 20px;
	}
	.myPageMain .icoTitle small {
		font-size: 12px;
	}
}

/**************************************************

 mypage original

**************************************************/

/* general
---------------------------------*/
* {
	box-sizing: border-box;
}
a {
	color: #03a864;
	text-decoration: none;
	font-weight: bold;
}
.indented {
	margin-left: 30px;
	padding-bottom: 20px;
	display: block;
}

.indentedcenter {
	margin: 50px auto;
	text-align: center;
}
.spOnly {
	display: none;
}
.pcOnly {
	display: block;
}
/* breadcrumb
---------------------------------*/
#bread {
	left: 0;
	width: 100%;
	background-color: #3c2d23;
}
.breadcrumb {
	max-width: 1050px;
	margin: 10px auto;
	display: flex;
	font-size: 12px;
	width: 100%;
	background-color: #3c2d23;
	padding: 10px;
	list-style-type: none;
}
.breadcrumb li:not(:last-child)::after {
	content: ">";
	margin: 0 5px;
	color: #fff;
}
.breadcrumb li a {
	color: inherit;
	text-decoration: none;
	color: #fff;
}

/**************************************************

 mypage top

**************************************************/

.myPageMain section {
	max-width: 1050px;
	margin: 10px auto 50px;;
	box-sizing: border-box;
}
.iconButton {
	display: block;
	text-align: center;
	background-color: #3c2d23;
	border: 2px solid #3c2d23;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	padding: 10px;
	border-radius: 5px;
}
.iconButton:hover {
	color: #3c2d23;
	background-color: #fff;
}
.iconButton .fas {
	margin-right: 10px;
}
.inputTitle dt {
	width: 20%;
	font-size: 14px;
	color: #8e7945;
	text-align: right;
	font-weight: bold;
}
.inputTitle dl dd {
	padding: 5px;
}
.inputTitle dl dd.carshopbg {
	background: #FFE9D1;
	padding: 8px;
	border-radius: 5px;
}
.inputTitle2 dl dt {
	width: 20%;
	font-size: 14px;
	color: #8e7945;
	text-align: right;
	font-weight: bold;
}
.inputTitle2 dl dd {
	padding: 10px;
	width: 60%;
}
.myPageApplication dl dd.inputTitle2 dl:not(:last-of-type) {
	margin-bottom: 10px;
}
.myPageApplication dl dd.inputTitle dl:not(:last-of-type) {
	margin-bottom: 10px;
}
.arrowLink {
	border: 1px solid;
	padding: 10px;
	display: block;
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
.arrowLink:hover {
	opacity: 0.7;	
}
.arrowLink:not(:first-child) {
	margin-top: 20px;
}
.arrowLink .fas {
	margin-right: 10px;
}

@media only screen and (max-width:767px) {
	
main {
	padding: 20px;
}
}
/**************************************************

 mypage report

**************************************************/
.form {
	margin-top: 50px;
}
.myPageApplication p {
	margin-top: 5px;
}
.myPageApplication dl{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #BCB18B;
	border-width: 1px 0 0 0;
	border-collapse: collapse;
	margin-bottom: -15px;
}
.myPageApplication .masterStatus {
	border-bottom: 1px solid #BCB18B;
}
.myPageApplication > dl > dt {
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-between;
	width: 30%;
	padding: 30px;
	font-weight: bold;
	background-color: #EFE7D2;
}
.myPageApplication > dl > dt i {
	font-size: 14px;
	font-style: normal;
	}
.myPageApplication > dl > dt span.atten {
	font-size: 12px;
	font-style: normal;
	color: #D42D26;
	line-height: 1.3;
	margin-top: 15px;
	display: block;
	}
.myPageApplication dl dd {
	flex: 1;
	/*align-self: center;*/
	padding: 30px ;
	/*background-color: #FBF5E8;*/
	margin-left: 0px;
}
.myPageApplication dl dd input {
	padding: 3px;
	border: 1px solid #ccc;
	/*-webkit-appearance: none; */
}
.short {
	max-width: 200px;
}

.myPageApplication dl dd dl {
	border: none;
}
.myPageApplication dl dd dt {
	margin-right: 15px;
	padding: 0;	
	background-color: #fff;
}
.myPageApplication dl dd dl:not(:last-of-type) {
	margin-bottom: 15px;
}
.myPageApplication dl dd dl dd {
	padding: 0;
}
.myPageApplication .zipCode {
	display: flex;
}
.myPageApplication .zipCode input {
	width: 10em;
	margin-right: 1em;
}
.myPageApplication .selectWrap {
	position: relative;
	width: 90%;
	/*height: 100%;*/
	letter-spacing: 2px;
}

/*.myPageApplication .selectWrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 25%;
	right: 5px;
	border-top: 7px solid #333;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	pointer-events: none;
}*/
.myPageApplication .selectWrap select {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	width: 100%;
	padding: 5px;
}
.myPageApplication select::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
	border: 1px solid #333;
	border-width: 0 0 1px 1px;
}
.myPageApplication textarea {
	width: 100%;
	padding:10px;
	border: 1px solid #ccc;
}
.myPageApplication .spotImg {
	list-style: disc;
	margin-bottom: 15px;
}
.myPageApplication input[type="file"] {
	border: none;
}
.radioWrap {
	display: flex;
}
.myPageApplication input[type="radio"] {
	width: auto;
	height: auto;
	margin-right: 5px;
	-webkit-appearance: radio;
}
.myPageApplication input[type="text"] {
		height: 3em;
		width: 100%;
	}
.myPageApplication dl.zipbox input[type="text"] {
		height: 3em;
		width: 50%;
	}
.myPageApplication dl.name dd input[type="text"] {
		height: 4em;
		width: 70%;
	}
.membershipagreement textarea {
	width: 90%;
	padding:10px;
	border: 1px solid #ccc;
}
.mailatten {
	font-weight: 700;
	display: block;
	padding-top: 30px;
}
.errormessage  {
	text-align: center;
	width: 80%;
	margin: 10px auto;
	display: block;
	background: #FDD7D8;
}
.errormessage a:link {
	font-weight: 700;
	text-align: center;
	width: 80%;
	color: #FF0004;
}
.errormessage a :hover {
	background: #FCECC9;
}
.send {
	-webkit-appearance: none;
	display: block;
	width: 380px;
	margin: 50px auto 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 10px;
	background-color: #FF6900;
	text-align: center;
}
.send span  {
	font-size: 12px;
}
.send p  {
	margin: 0px
}
.send a  {
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
}
.send:hover  {
	background-color: #FFAC71;
}
.sendpay  {
	-webkit-appearance: none;
	display: block;
	width: 350px;
	margin: 30px auto 0;
	color: #fff;
	border: none;
	border-radius: 10px;
	background-color: #FF6900;
	text-align: center;
	line-height: 18px;
}
.sendpay p  {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.sendpay span  {
	font-size: 13px;
	font-weight: normal;
}
.sendpay a  {
	text-align: center;
	color: #fff;
	display: block;
	padding: 15px 10px;
}
.sendpay:hover  {
	background-color: #FFAC71;
}


.sendback {
	-webkit-appearance: none;
	display: block;
	width: 200px;
	margin: 30px auto 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 30px;
	background-color: #745D4D;
	text-align: center;
}
.sendback a  {
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px;
}
.sendback:hover  {
	background-color: #8E8E8E;
}
.sendmail {
	-webkit-appearance: none;
	display: block;
	width: 200px;
	margin: 30px auto 0;
	padding: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	border: none;
	border-radius: 10px;
	background-color: #745D4D;
	text-align: center;
}
.sendmail a  {
	text-align: center;
	color: #fff;
	display: block;
}
.sendmail:hover  {
	background-color: #8E8E8E;
}
.confbtn {
	display : flex;
	flex-direction: row-reverse;
	width: 90%;
	margin: 5px auto;
}
.confsend {
	-webkit-appearance: none;
	display: block;
	width: 380px;
	margin: 30px auto 0;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: none;
	border-radius: 10px;
	background-color: #FF6900;
	text-align: center;
}
.confsend span  {
	display: block;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	font-weight: 300;
	line-height: 1.2;
}
.confsend p  {
	margin: 0px
}
.confsend a  {
	text-align: center;
	color: #fff;
	display: block;
}
.confsend:hover  {
	background-color: #FFAC71;
}
.confback {
	-webkit-appearance: none;
	display: block;
	width: 200px;
	margin: 30px auto 0;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	background-color: #2B76A7;
	text-align: center;
}
.confback span  {
	display: block;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	font-weight: 300;
	line-height: 1.2;
}
.confback p  {
	margin: 0px
}
.confback a  {
	text-align: center;
	color: #fff;
	display: block;
}
.confback:hover  {
	background-color: #6C9FC0;
}
@media only screen and (max-width:767px) {
	.send {
	display : block;
	width: 90%;
	margin: 10px auto;
}
	.confbtn {
	display : block;
	width: 100%;
	margin: 10px auto;
}
	.confsend {
		width: 90%;
		margin: 15px auto;
}
	.confback {
		width: 90%;
		margin: 15px auto;
}
}
/**************************************************

 mypage 確認/変更

**************************************************/

.change.myPageApplication {
	font-size: 16px;
}
.changeText p:first-child {
	margin-bottom: 15px;
}
.changeText p {
	margin-bottom: 15px;
}
.changeText p:last-child {
	margin-bottom: 30px;
}

.changeText2 p {
	margin: 15px auto 15px auto;
	text-align: center;
}
.changeText2 p:last-child {
	margin-bottom: 30px;
}
.changeText3 {
	margin: 15px auto 50px auto;
	text-align: center;
	font-weight: 700;
}
.changeText3 h4 {
	margin: 15px auto 15px auto;
	font-size: 27px;
	color: #FF0000;
}
.changeText3 p {
	margin: 15px auto 15px auto;
}
.changeText3 p:last-child {
	margin-bottom: 30px;
}
.changeText4 {
	margin: 50px auto 15px auto;
	border: 3px solid #BFBFBF;
	padding: 20px;
	text-align: center;
	width: 90%;
}
.changeText4 h4 {
	margin: 15px auto 15px auto;
	font-weight: 700;
}
.changeText4 p {
	margin: 15px auto 15px auto;
}
.changeText4 p:last-child {
	margin-bottom: 30px;
}
.myPageApplication .status dl {
	border: none;
}
.mandatoryFields{
	align-self: baseline;
	margin-left: 5px;
	padding: 3px 8px;
	color: #fff;
	line-height: 16px;
	font-size: 12px;
	font-weight: 500;
	background-color: #D42D26;
	border-radius: 5px;
	white-space: nowrap;
}
.myPageApplication .status dl:not(:last-of-type) {
	margin-bottom: 15px;
}
.myPageApplication .status dt {
	width: 30%;
	height: 2em;
	padding: 3px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	line-height: 1.5;
	background-color: #414C6B;
	border-radius: 5px;
}
.myPageApplication .cartStatus dl dt {
	color: #866f32;
	text-align: right;
}
.myPageApplication .status dl dd label {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	white-space: nowrap;
}
.myPageApplication .status dl dd label:not(:last-child) {
	margin-right: 0;
}
.myPageApplication .status dl dd label input {
	width: 65%;
}
.myPageApplication .status dl dd span {
	display: block;
	margin-bottom: 5px;
}
.myPageApplication .name dd {
	display: flex;
}
.myPageApplication .name dd label {
	display: flex;
	align-items: center;
}
.myPageApplication .name dd label b {
	width: 3em;
	text-align: right;
	font-weight: normal;
} 
.myPageApplication .name dd label input {
	margin-left: 5px;
	margin-right: 5px;
}
.myPageApplication .gender dd label {
	display: inline-block;
}
.myPageApplication .birthday dd {
	/*display: inline-flex;
  flex-direction: row;*/
}
.myPageApplication .birthday dd .selectWrap {
	/*width: calc(33.3% - (30px / 3));*/
	width: 100%;/*12em*/
	/*margin-bottom: 2px;*/
	/*max-width: 12em;*/
}
.myPageApplication dd select {
	width: 100%;
	margin-bottom: 5px;
	height: 3em;
}
/*.myPageApplication .birthday dd .selectWrap:not(:last-child) {
	margin-right: 20px;

}*/
.town, .car {
	max-width: 10em;
}
.carNumber label {
	display: block;
}
.carNumber label:first-child {
	margin-top: 20px;
}
.carNumber label:not(:last-child) {
	margin-bottom: 10px;
}
.carNumber label b {
	display: inline-block;
	width: 14em;
	font-size: 90%;
}
.myPageApplication .labelWrap label {
	display: flex;
	align-items: center;
}
.myPageApplication dl dd label:not(:last-child) {
	margin-right: 15px;
}
.myPageApplication dl .pet label:nth-child(2) {
	margin: 0 0 1em 2.25em;
}
.red {
	color: #D42D26;
}
.myPageApplication .family {
	display: flex;
	flex-wrap: wrap;
}
.myPageApplication .family label {
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.myPageApplication .family label input {
	width: auto;
	margin: 0 5px 0 0;
	-webkit-appearance: checkbox;
}
.myPageApplication dl dd input.checkBox {
	-webkit-appearance: checkbox;
}
.myPageApplication .pet label {
	display: block;
}
.myPageApplication .pet input {
	width: auto;
	margin-left: 15px;
}
.myPageApplication .mailMagazine label {
	display: inline-block;
}



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

}
@media only screen and (max-width:767px) {
/**************************************************

 common

**************************************************/
	/* main {
		padding: 0;
	} */
	.breadcrumb {
		font-size: 10px;
		display: block;
	}
	.breadcrumb li {
		display: inline;
	}
	.spOnly {
		display: block;
	}
	.pcOnly {
		display: none;
	}
	/* .myPageMain section {
		padding: 0 15px;
	} */
	.indented {
		margin: auto auto 100px auto;
	}


/**************************************************

 report

**************************************************/

	.iconButton {
		font-size: 14px;
		max-width: 345px;
		width: 100%;
		margin: 30px auto;
	}
	.myPageApplication > dl,
	.myPageApplication .masterStatus {
		border: none;
		margin-bottom: 30px;
	}
	.myPageApplication > dl > dt {
		width: 100%;
		padding: 10px 15px;
		text-align: center;
	}
	.myPageApplication > dl > dt i {
		font-size: 11px;
	}
	.myPageApplication dl dd {
		padding: 15px 15px 0;
	}
	.myPageApplication dl dd dl:not(:last-of-type) {
		margin-bottom: 10px;
	}
	.myPageApplication dl dd dt {
		font-size: 12px;
		margin-right: 10px;
	}
	.myPageApplication dl dd input[type="text"] {
		height: 3em;
		width: 100%;
	}
	.myPageApplication dl.name dd input[type="text"] {
		height: 4em;
		width: 70%;
	}
	.myPageApplication dl dd input[type="tel"],
	.myPageApplication dl dd input[type="email"],
	.myPageApplication dl dd input[type="password"],
	.myPageApplication dl dd input[type="url"],
	.myPageApplication dl dd input[type="number"] {
		height: 3em;
	}
	.radioWrap {
		justify-content: center;
	}
.myPageApplication .name dd label {
	display: block;
	align-items: center;
}
.myPageApplication .name dd label b {
	width: 2em;
	text-align: right;
	font-weight: normal;
} 
.myPageApplication .name dd label input {
	margin-left: 5px;
}

/**************************************************

 change

**************************************************/

	.myPageApplication.change  {
		border: 1px solid #EFE7D2;
		padding: 10px;
	}
	.myPageApplication.change > dl > dt i {
		width: 100%;
		text-align: left;
	}
	
	.myPageApplication .status dl:not(:last-of-type) {
		margin-bottom: 10px;
	}
	.myPageApplication .status dl dt,
	 .myPageApplication .status dl dd {
		font-size: 13px;
	}
	.myPageApplication .status dl dt {
		width: 10em;
	}
	.inputTitle dl {
		flex-direction: column;
	}
	.myPageApplication .inputTitle dl dt {
		width: auto;
		margin: 0 0 5px 0;
		text-align: left;
	}
		.myPageApplication .inputTitle dl dd {
			width: 100%;
			padding: 10px;
		}
	.inputTitle2 dl {
		flex-direction: column;
	}
	.myPageApplication .inputTitle2 dl dt {
		width: auto;
		margin: 0 0 5px 0;
		text-align: left;
	}
		.myPageApplication .inputTitle2 dl dd {
			width: 100%;
			padding: 10px;
		}
}
@media only screen and (max-width:425px) {
	.breadcrumb li a {
		font-size: 2.352941176470588vw;
	}
	.breadcrumb li:not(:last-child)::after {
	margin: 0 5px;
	}
	.short {
	max-width: 100px;
}
	.myPageApplication .status dl dt,
	 .myPageApplication .status dl dd {
		font-size: 18px;
	}



}
/**************************************************

 uram

**************************************************/
.text_red {
	color: #FF0000;
}
.text_redb {
	color: #FF0000;
	font-weight: bold;
}
.text80 {
	font-size: 80%;
	line-height: 120%;
}
.text90 {
	font-size: 90%;
	line-height: 115%;
}
.text90_type2 {
	font-size: 90%;
	line-height: 115%;
}
.text90red {
	font-size: 90%;
	line-height: 115%;
	color: #F00;
}
.text110 {
	font-size: 110%;
	line-height: 140%;
}
.text110b {
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
}
.text110redb {
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
	color: #F00;
}
.text130redb {
	font-size: 130%;
	font-weight: bold;
	color: #F00;
}
.bold_goldred{
	font-weight: bold;
	color: #F00;
}
.bold_goldred80{
	font-weight: bold;
	color: #F00;
	font-size: 80%;
}
.text120 {
	font-size: 120%;
	line-height: 150%;
}
.text130 {
	font-size: 130%;
	line-height: 140%;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
div.agreeframe {
	border: 1px solid #999;
	width: 98%;
	padding: 10px 20px;
	overflow: auto;
	margin: 5px auto;
	text-align: left;
	height: 200px;
}
div.clubagree {
	width: 98%;
	padding: 10px 20px;
	margin: 5px auto;
	text-align: left;
}
div.agreeframe p, div.clubagree p {
	margin: 0px;
	padding: 10px 10px 0px;
}
div.agreeframe h2, div.clubagree h2 {
	font-size: 110%;
	background: #FFECDD;
	padding-left: 5px;
	border-left: 5px solid #FC6B01;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.agreeframe h3, div.clubagree h3 {
}
div.agreeframe ol, div.clubagree ol {
	counter-reset: my-counter;
  list-style: none;
	margin: 0px;
	display: block;
	padding: 10px 10px 5px 20px;
}
div.agreeframe ol li, div.clubagree ol li {
	font-size: 15px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
	padding-bottom: 10px;
}
div.agreeframe ol li:before, div.clubagree  ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #FF7600;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1.5;
  position: absolute;
  top: 0;
  left: 0;
}
.errorread {
	margin: 20px;
	text-align: left;
	background: #FFC;
	padding: 10px;
	color: #C90003;
}
.need_b {
	background: #FFC8C8;
	font-weight: bold;
	color: #FF0000;
}
.need {
	background: #FFC8C8;
}
.formbtn_cent {
	background: #F60;
	font-size: 100%;
	color: #FFF;
	width: 90%;
	margin: 10px auto;
	font-weight: bold;
	border-radius: 5px; /* CSS3 */
	-web-kit-border-radius:8px; /* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
	behavior: url(../js/PIE.htc);
	display: block;
	border: 2px solid #CCC;
	text-align: center;
}
.formbtn_cent a:link, .formbtn_cent a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 8px;
	display: block;
}
.formbtn_cent a:hover {
	background: #999;
	text-decoration: none;
	padding: 8px;
		border-radius: 4px; /* CSS3 */
	　　-webkit-border-radius:4px; /* Safari,Google Chrome用 */
	　　-moz-border-radius: 4px; /* Firefox用 */
	　　behavior: url(../js/PIE.htc);
	display: block;
}
ol.ollist1 {
	counter-reset: my-counter;
  list-style: none;
	margin: 0px;
	display: block;
	padding: 10px 10px 5px 20px;
}
ol.ollist1 li {
	font-size: 15px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
	padding-bottom: 10px;
}
ol.ollist1 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #FF7600;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 85%;
  line-height: 1.5;
  position: absolute;
  top: 0;
  left: 0;
}
.payatten {
	background-color: #DCDCDC;
	color: #000000;
	font-weight: 500;
	padding: 10px;
	margin: 50px auto 0px auto;
	width: 80%;
	font-size: 80%;
	display: block;
}

ul.carbuyshop {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.7;
	margin: 10px auto 10px 10px;
	width: 100%;
}
ul.carbuyshop li {
	box-sizing: border-box;
	width: 7em;
	font-size: 14px;
	background: #FF7E00;
	display: block;
	color: #fff;
	border-radius: 3px;
	padding: 1px 5px;
	text-align: center;
	margin: 3px 2px;
}

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

ul.carbuyshop li {
		font-size: 14px;
	}
}
div.carshop {
display: -webkit-flex;
display: flex;
width: 98%;
flex-wrap: wrap;
margin-bottom: 1em;
}
div.carshop button {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
display:inline-block;
background:#352314;
padding:5px;
border-radius: 3px;
text-align:center;
color:#FFF;
margin:5px;
border: 0;
cursor:pointer;
font-weight: 700;
}
div.carshop button:hover {
background:#7C7C7C;
}
div.carshop button:focus {
background:#E35D5F;
}
div.carshop button:active {
background:#E35D5F;
}
h3.carshoptitle {
margin: 0px auto 5px;
font-size: 16px;
color: #352314;
}
.caution1 {
color: #22A264;
font-weight: 700;
font-size: 80%;
margin-top: 0;
line-height: 1.3;
}
.caution2 {
color: #22A264;
font-weight: 700;
font-size: 90%;
margin-top: -5px;
line-height: 1.3;
}
.caution3 {
color: #22A264;
font-weight: 700;
margin-top: 0;
line-height: 1.3;
}
.caution4 {
font-weight: 700;
line-height: 1.3;
}
.caution5 {
color: #22A264;
font-weight: 700;
font-size: 90%;
margin-top: 5px;
line-height: 1.3;
}
@media only screen and (max-width:480px) {

div.carshop button {
font-size: 110%;

}
}