/*------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
1.0.0.0 CONTENTS
	1.1.0.0 BEGINNER PAGE
	1.2.0.0 -------------------USED GUIDE
	1.3.0.0 --------------------------FAQ
	1.4.0.0 ---------------PRIVACY POLICY
	1.5.0.0 -------------GENERAL DELIVERY
	1.6.0.0 ----------------PACKING GUIDE
	1.7.0.0 ---------------E ASSIST GUIDE
	1.8.0.0 -----------SPECIAL COMMERCIAL
2.0.0.0 CONTENTS
3.0.0.0 TABLET WIDTH 960px
4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 1.0.0.0 CONTENTS
------------------------------------------------------------------------------*/
#neo .wrap{
	margin:auto;
	width:1024px;
}

/*--------------------------------------1.1.0.0 ----------------BEGINNER PAGE */
#beginner h1{
	display:flex;
	height:340px;
	background:url(/img/sp/guide/first/header_001.jpg) center/cover no-repeat;
	align-items:center;
}

#beginner h1 img{
	padding:16px;
	height:100px;
	background:#fffc;
}

#beginner p{
	margin:32px auto 0;
	width:768px;
	line-height:1.8;
	font-size:18px;
}

#beginner h2{
	margin:64px auto 0;
	width:768px;
}

#beginner .wrap>div{
	display:flex;
	margin:32px auto 0;
	width:768px;
}

#beginner .wrap>div img{
	margin-right:24px;
	width:300px;
	height:300px;
	border-radius:50%;
}

#beginner .wrap>div p{
	margin-top:0;
	flex:1;
}

#beginner .wrap>div .button-border{
	margin:24px 0 0 auto;
	width:260px;
	text-align:right;
}

#beginner .wrap>.button-border{
	margin:24px 128px 0 auto;
	width:260px;
	text-align:right;
}


/*--------------------------------------1.2.0.0 -------------------USED GUIDE */
#used-guide .wrap{
	width:768px;
}

#used-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#used-guide h1+p{
	line-height:1.7;
	font-size:18px;
}

#used-guide h1+p span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#used-guide h2{
	margin:64px auto 0;
}

/* #used-guide .list-guide{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
} */

#used-guide .list-guide li{
	margin-top:24px;
	/* width:calc(50% - 12px); */
	border:1px solid var(--accent);
	border-radius:8px;
}

#used-guide .list-guide li a{
	position:relative;
	padding:16px;
	height:100%;
	border-radius:8px;
}

#used-guide .list-guide li a::after{
	content:url('/img/pc/arrow_next.svg');
	position:absolute;
	right:16px;
	top:calc(50% - 8px);
  display:inline-block;
  padding:4px;
  width:12px;
  height:12px;
  background:var(--accent);
  border-radius:50%;
  vertical-align:middle;
}

#used-guide .list-guide li a h3{
	margin:0;
	padding:0;
	width:calc(100% - 44px);
	font-size:20px;
}

#used-guide .list-guide li a p{
	margin-top:8px;
	width:calc(100% - 44px);
	line-height:1.5;
}

#used-guide .wrap>h3{
	margin-top:36px;
	font-size:20px;
}

#used-guide .wrap>p{
	line-height:1.7;
	font-size:18px;
}

#used-guide .wrap>p span{
	font-size:18px;
	color:#d00;
}


/*--------------------------------------1.3.0.0 --------------------------FAQ */
#faq{
	.wrap{
		width:768px !important;

		h1{
			margin-bottom:16px;
			font-size:40px;

			&+p{
				margin-top:16px;
			}
		}

		h2{
			margin-top:64px;
			padding:8px;
			font-size:28px;
			border-bottom:2px solid #c06;
		}

		#qaMenu{
			/* position:relative; */
			display:flex;
			margin-top:16px;
			border:1px solid var(--gray);
			transition:transform .3s ease;
			justify-content:space-between;
	
			&.fixed{
				position:fixed;
				top:113px;
				margin-top:0;
			}

			li{
				width:calc(100% / 6);
				border-right:1px solid var(--gray);
				text-align:center;

				&:last-child{
					border-right:none;
				}

				a{
					display:block;
					padding:16px;
				}
			}
		}
	}


	.search-area{
		label{
			display:flex;
			margin-top:16px;
			border:1px solid var(--gray);
			border-radius:8px;

			input{
				padding:16px;
				/* width:100%; */
				flex:1;
			}

			button{
				display:flex;
				width:48px;
				height:48px;
				border-radius:0 8px 8px 0;
				background:var(--accent);
				align-items:center;
				justify-content:center;

				i{
					display:block;
					margin:0;
					&::before{
						font-size:18px;
						color:var(--back);
					}
				}
			}
		}

		p{
			margin:16px;
			font-size:16px;
			text-align:center;
		}

		ul{
			display:flex;
			justify-content:center;

			li{
				margin-right:8px;

				label{
					margin-top:0;
					display:flex;
					padding:8px 16px;
					color:var(--accent);
					border:1px solid var(--gray);
					border-radius:16px;
					align-items:center;
					justify-content:center;
					cursor:pointer;

					input{
						display:none;
					}
				}

				&::last-child{
					margin-right:0;
				}
			}
		}

		#output{
			margin-top:16px;

			&>h3{
				position:relative;
				margin-bottom:16px;
				padding:0 0 8px;
				text-align:center;
				border-bottom:2px solid var(--gray);
			}
		}

	}

	details{
		padding:16px;
		border-bottom:1px solid var(--gray);

		summary{
			display:flex;
			position:relative;
			justify-content:space-between;
			align-items:center;
			cursor:pointer;

			p{
				display:flex;
				line-height:1;
				font-size:20px;
				align-items:center;

				&::before{
					content:'Q';
					display:flex;
					margin-right:8px;
					width:30px;
					height:30px;
					color:#fff;
					border-radius:50%;
					background:#9ccfcf;
					align-items:center;
					justify-content:center;
				}
			}

	
			&::after{
				content:url('/img/pc/drop_down.svg');
				display:block;
				width:24px;
				height:24px;
			}
		}

		&[open] summary::after{
			transform:rotate(180deg);
		}

		&>div{
			position:relative;
			display:block;
			margin-top:16px;
			padding:16px 16px 16px 52px;
			border:1px solid var(--gray);
			border-radius:8px;
			background:var(--surface);

			&::before{
				content:'A';
				position:absolute;
				top:16px;
				left:16px;
				display:flex;
				background:#d79fae;
				width:30px;
				height:30px;
				font-size:20px;
				color:#fff;
				border-radius:50%;
				background:#9ccfcf;
				justify-content:center;
				align-items:center;
			}

			p{
				padding-top:16px;
				line-height:1.7;
				font-size:16px;

				&:first-child{
					padding:0;
				}

				span{
					font-size:16px;
					color:#c06;
				}

				a{
					display:inline;
					font-size:16px;
					text-decoration:underline;
				}

				img{
					display:inline-block;
					margin-right:8px;
					width:24px;
					height:24px;
					vertical-align:-8px;
				}
			}

			.solve{
				display:flex;
				margin-top:16px;
				padding:16px;
				border-radius:8px;
				background:var(--back);
				flex-wrap:wrap;
				justify-content:center;

				p{
					width:100%;
					text-align:center;
				}

				button{
					margin-top:16px;
					width:200px;
					height:48px;
					color:var(--accent);
					border:2px solid var(--accent);
					border-radius:24px;
					cursor:pointer;

					&+button{
						margin-left:16px;
					}

					i{
						color:var(--accent);
					}
				}
			}

			#redirectBlock_yes{
				display:flex;
				margin-top:16px;
				padding:16px;
				border-radius:8px;
				background:var(--back);
				flex-wrap:wrap;
				justify-content:center;

				p{
					width:100%;
					text-align:center;
				}
			}

			#redirectBlock{
				display:flex;
				margin-top:16px;
				padding:16px;
				border-radius:8px;
				background:var(--back);
				flex-wrap:wrap;
				justify-content:center;

				p{
					width:100%;
					text-align:center;
				}

				a{
					display:flex;
					margin-top:16px;
					width:200px;
					height:48px;
					color:var(--accent);
					border:2px solid var(--accent);
					border-radius:24px;
					align-items:center;
					justify-content:center;
				}
			}

			div[class^='follow__']{
				display:flex;
				margin-top:16px;
				padding:16px;
				border-radius:8px;
				background:var(--back);
				flex-wrap:wrap;
				justify-content:center;

				b{
					display:block;
					width:100%;
					text-align:center;
				}

				li{
					display:flex;
					margin-top:16px;
					padding:0 16px;
					min-width:200px;
					width:auto;
					height:48px;
					color:var(--accent);
					border:2px solid var(--accent);
					border-radius:24px;
					align-items:center;
					justify-content:center;
					cursor:pointer;
				}
			}
		}
	}
}


/*--------------------------------------1.4.0.0 ---------------PRIVACY POLICY */
#privacy-policy .wrap{
	width:768px !important;
}

#privacy-policy h1{
	margin-bottom:16px;
	font-size:40px;
}

#privacy-policy h1 span{
	margin-left:8px;
	font-size:28px;
}

#privacy-policy h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#privacy-policy h3{
	margin-top:16px;
	padding:0 16px;
	font-size:22px;
}

#privacy-policy p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#privacy-policy p span{
	font-size:14px;
}

#privacy-policy p a{
	display:inline;
	font-size:18px;
}

#privacy-policy ul{
	margin-left:40px;
}

#privacy-policy li{
	margin-top:16px;
	line-height:1.5;
	font-size:18px;
	font-weight:bold;
	list-style:disc;
}

#privacy-policy li span{
	font-size:14px;
}

#privacy-policy table{
	margin:16px auto;
	border:1px solid #595959;
	border-collapse:collapse;
	width:600px;
}

#privacy-policy th{
	padding:8px;
	width:270px;
	font-size:16px;
	border:1px solid #595959;
	background:var(--surface);
}

#privacy-policy th:nth-child(1){
	width:60px;
}

#privacy-policy td{
	padding:8px;
	font-size:16px;
	border:1px solid #595959;
	text-align:center;
}

#privacy-policy .wrap>p:last-child{
	font-size:14px;
	text-align:right;
}


#privacy-policy .personal-data{
    margin:8px;
    padding:16px;
    background:var(--gray);
    border-radius:4px;
}

#privacy-policy .personal-data>p{
	padding:0;
    line-height:1.5;
    font-size:12px;
}

#privacy-policy .personal-data>p:first-child{
    margin-top:0;
    font-size:14px;
}

#privacy-policy .personal-data>ul>li{
    margin-top:8px;
    font-size:12px;
}

#privacy-policy .personal-data-detail{
	margin-top:16px;
	padding:16px;
	background:var(--back);
	border-radius:4px;
}

#privacy-policy .personal-data-detail h3{
	/* display:flex; */
    margin:0;
    padding:0;
    font-size:18px;
	/* justify-content:space-between; */
}

#privacy-policy .personal-data-detail .detail-button{
	position:relative;
	cursor:pointer;
}

#privacy-policy .personal-data-detail .detail-button::after{
	content:'';
	position:absolute;
	bottom:-4px;
	right:0;
	display:block;
	width:20px;
	height:20px;
	background:url(/img/pc/expand_more.svg);
	background-size:20px;
}

#privacy-policy .personal-data-detail .open-detail::after{
	transform:rotate(180deg);
}

#privacy-policy .personal-data-detail p{
	padding:0;
    line-height:1.7;
    font-size:12px;
	font-weight:normal;
}

#privacy-policy .personal-data-detail>ul{
	margin-left:0;
}

#privacy-policy .personal-data-detail>ul>li{
	padding:8px;
    list-style:none;
    border:1px solid var(--gray);
    border-radius:4px;
}

#privacy-policy .personal-data-detail .close-detail{
	display:none;
}

#privacy-policy .personal-data-detail a{
	font-size:12px;
}

#privacy-policy .personal-data-detail a::after{
	content:'';
	display:inline-block;
	margin-left:4px;
	width:14px;
	height:14px;
	background:url('/img/pc/target_new.svg');
	background-size:14px 14px;
	vertical-align:-2px;
}

#privacy-policy .personal-data-detail h4{
	display:flex;
	margin-bottom:16px;
	padding:0;
	font-size:16px;
	justify-content:space-between;
}

#privacy-policy .personal-data-detail h5{
	margin-bottom:-8px;
	padding-bottom:4px;
	font-size:12px;
	border-bottom:1px solid var(--gray);
}

#privacy-policy .personal-data-detail .personal-data-link{
	display:flex;
	margin:0 0 16px 0;
}

#privacy-policy .personal-data-detail .personal-data-link li{
	margin-right:16px;
	font-weight:normal;
	list-style:none;
}

#privacy-policy .personal-data-detail .cookie-data{
	margin-left:20px;
}

#privacy-policy .personal-data-detail .cookie-data li{
	margin-top:8px;
	font-size:12px;
	font-weight:normal;
}


/*--------------------------------------1.5.0.0 -------------GENERAL DELIVERY */
#delivery .wrap{
	width:768px !important;
}

#delivery h1{
	margin-bottom:16px;
	line-height:1.3;
	font-size:40px;
}

#delivery h1:first-line{
	font-size:24px;
}

#delivery h2{
 margin-top:64px;
 padding:0 16px 8px;
 font-size:28px;
 border-bottom:2px solid #c06;
}

#delivery h3{
	margin-top:32px;
	padding:0 16px;
	font-size:22px;
}

#delivery p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#delivery p span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#delivery p a{
	display:inline;
	font-size:18px;
}

#delivery h1+p{
	font-size:26px;
}

#delivery img{
	margin:auto;
	width:450px;
	height:450px;
}

#delivery .delivery-nav{
	display:flex;
	margin:24px auto;
	width:600px;
	justify-content:space-between;
}

#delivery .delivery-nav a{
	padding:16px;
	width:280px;
	font-size:20px;
	color:var(--back);
	border-radius:8px;
	background:var(--accent);
	text-align:center;
}

#delivery .button-border{
	margin:24px 16px 0 auto;
	width:250px;
	text-align:right;
}

#delivery #conv_delv p:last-of-type{
	margin:24px 0 -16px 0;
	font-size:15px;
	text-align:right;
}


/*--------------------------------------1.6.0.0 ----------------PACKING GUIDE */
#packing .wrap{
	width:768px !important;
}

#packing p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#packing .head{
	display:flex;
	position:relative;
	height:320px;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

#packing .head::after{
	content:'';
	background:url(/img/single_page/packing004.jpg) center / cover no-repeat;
	display:block;
	width:110%;
	height:110%;
	filter:blur(2px) sepia(30%);
}

#packing .head>div{
	position:absolute;
	width:500px;
	z-index:2;
}

#packing .head h1{
	font-family:serif;
	font-size:40px;
	color:var(--back);
	text-shadow:0 0 4px #000;
	text-align: center;
}

#packing .head h1+p{
	color:var(--back);
	text-shadow:0 0 4px #000;
}

#packing section{
	margin:56px auto 0;
	width:640px;
}

#packing section h2 span{
	display:block;
	padding-bottom:8px;
	font-size:30px;
	border-bottom:2px solid #c06;
}

#packing section p{
	margin-top:24px;
	padding:16px;
	border-radius:8px;
	background:var(--surface);
}

#packing section p img{
	margin:0 16px 16px 0;
	width:340px;
	float:left;
}

#packing section p::after{
	content:'';
	display:block;
	clear:both;
}

#packing section p a{
	display:inline;
	font-size:18px;
}

#packing section .button-border{
	margin:24px 0 0 auto;
	width:330px;
}


/*--------------------------------------1.7.0.0 ---------------E ASSIST GUIDE */
#e-assist .wrap{
	width:768px !important;
}

#e-assist .attention{
	margin:16px auto;
	padding:16px;
	width:684px;
	line-height:1.7;
	font-size:18px;
	color:var(--back);
	border-radius:8px;
	background:#d00;
}

#e-assist .button-border{
	margin:24px 42px 40px auto;
	width:300px;
	text-align:center;
}


/*--------------------------------------1.8.0.0 -----------SPECIAL COMMERCIAL */
#sctl .wrap{
	width:768px !important;
}

#sctl h1{
	margin-bottom:16px;
	font-size:40px;
}

#sctl h1 span{
	margin-left:8px;
	font-size:28px;
}

#sctl h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#sctl h3{
	margin-top:32px;
	padding:0 16px;
	font-size:22px;
}

#sctl p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#sctl p span{
	font-size:18px;
	font-weight:bold;
	color:#00a0c6;
}

#sctl p span.attention{
	color:#d00;
}

#sctl p a{
	display:inline;
	font-size:18px;
}

#sctl .button-text::after{
	width:14px;
	height:14px;
}


/*--------------------------------------1.4.0.0 -----------------RULES ON USE */
#rules-on-use .wrap{
	width:768px !important;
}

#rules-on-use h1{
	margin-bottom:16px;
	line-height:1.3;
	font-size:40px;
}

#rules-on-use p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#rules-on-use h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#rules-on-use ul{
	margin:24px 0 0 40px
}

#rules-on-use li{
	margin-bottom:16px;
	line-height:1.7;
	list-style:disc;
}

#rules-on-use li span{
	padding:0 8px 0 0;
	line-height:1.7;
	font-size:16px;
	border-bottom:1px solid #ddd;
}


/*--------------------------------------1.4.0.0 -----------------RETURN ITEMS */
#return .wrap{
	width:768px !important;
}

#return h1{
	margin-bottom:16px;
	font-size:40px;
}

#return h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#return h3{
	margin:32px 16px 0;
	padding:8px;
	font-size:22px;
	border:2px solid #c06;
	border-left-width:8px;
	border-right-width:8px;
	text-align:center;
}

#return h4{
	margin:40px 16px 0;
	padding:8px;
	font-size:18px;
	border-bottom:1px solid var(--text);
}

#return p{
 margin-top:16px;
 padding:0 16px;
 line-height:1.7;
 font-size:18px;
}

#return p a{
	display:inline;
	font-size:18px;
}

#return p a.button-border{
	display:block;
	margin:8px auto;
	width:230px;
	text-align:center;
}

#return .twin-button{
	display:flex;
	margin:16px 16px 0;
	justify-content:space-between;
}

#return .twin-button .button-border{
	width:calc(50% - 8px);
	text-align:right;
}

#return p span{
	font-size:18px;
	font-weight:bold;
}

#return .not-move li{
	position:relative;
	margin-top:32px;
	padding:16px;
	background:#efcccd;
}

#return .not-move li::after{
	content:'';
	position:absolute;
	bottom:-64px;
	left:368px;
	width:0;
	height:0;
	border:32px solid transparent;
	border-top-color:#efcccd;
}

#return .not-move h3{
	margin:0;
	border:none;
	text-align:left;
}

#return .not-move p{
	margin-top:8px;
	padding:16px;
	background:var(--back);
}

#return .attention{
	margin:16px;
	padding:8px;
	background:#c72c41;
	border-radius:8px;
}

#return .attention h3{
	margin:0;
	padding:8px;
	color:var(--back);
	border:none;
	text-align:left;
}

#return .attention p{
	margin:0;
	padding:8px;
	font-size:16px;
	background:var(--back);
}

#return ul{
	margin:32px 32px 0;
}

#return ul li{
	margin:16px 0 0 16px;
	line-height:1.5;
	font-size:16px;
	list-style:disc;
}

#return ul li span{
	font-size:16px;
	font-weight:bold;
}

#return ul li p{
	margin-top:8px;
	padding:8px 16px;
	font-size:14px;
	color:#d00;
	border:1px solid var(--gray);
	border-radius:4px;
	background:var(--surface);
}


/*--------------------------------------1.4.0.0 --------------------------SSL */
#ssl-guide .wrap{
	width:768px !important;
}

#ssl-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#ssl-guide h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#ssl-guide p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#ssl-guide .ssl-desc{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

#ssl-guide .ssl-desc img{
	width:460px;
}

#ssl-guide .ssl-love{
	display:flex;
	margin:32px 16px 0;
	justify-content:space-between;
	align-items:flex-start;
}

#ssl-guide .ssl-love .ssl-info{
	position:relative;
	margin-right:16px;
	padding:4px;
	width:200px;
	border:1px solid var(--gray);
}

#ssl-guide .ssl-love .ssl-info span{
	display:block;
	position:absolute;
	bottom:4px;
	width:100%;
	font-size:11px;
	text-align:center;
}

#ssl-guide .ssl-love ul{
	margin-left:16px;
	flex:1;
}

#ssl-guide .ssl-love li{
	margin-left:15px;
	line-height:1.5;
	font-size:15px;
	list-style:disc;
}

#ssl-guide .ssl-love li:not(:first-child){
	margin-top:8px;
}


/*--------------------------------------1.4.0.0 ----------------MEMBER REGIST */
#member-regist .wrap{
	width:768px !important;
}

#member-regist h1{
	margin-bottom:16px;
	font-size:40px;
}

#member-regist h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#member-regist h3{
	margin:32px 16px 0;
	padding:8px;
	font-size:22px;
	border-left:8px solid #c06;
}

#member-regist h4{
	margin:32px 24px 0;
	padding:8px;
	font-size:20px;
	border-bottom:2px solid var(--gray);
}

#member-regist p{
	margin-top:16px;
	padding:0 32px;
	line-height:1.7;
	font-size:18px;
}

#member-regist p span{
	font-size:18px;
	font-weight:bold;
}

#member-regist p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}

#member-regist h1+p{
	padding:0 16px;
}

#member-regist .link-button{
	display:flex;
	justify-content:flex-end;
}

#member-regist .link-button2{
	display:flex;
	justify-content:center;
}

#member-regist .link-button a,
#member-regist .link-button2 a{
	display:inline-block;
	margin-top:16px;
	padding:8px;
	border:1px solid var(--accent);
	border-radius:8px;
  text-align:right;
}

#member-regist .link-button a{
	margin:16px auto;
}

#member-regist .link-button2 a:first-child{
	margin-right:64px;
}

#member-regist .link-button a::after,
#member-regist .link-button2 a::after{
	content:url('/img/pc/arrow_next.svg');
	display:inline-block;
	margin-left:8px;
	padding:4px;
	width:12px;
	height:12px;
	background:var(--accent);
	border-radius:50%;
	vertical-align:middle;
}


/*--------------------------------------1.4.0.0 ----------------PAYMENT GUIDE */
#payment-guide .wrap{
	width:768px !important;
}

#payment-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#payment-guide h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#payment-guide p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#payment-guide p span{
	font-size:18px;
	font-weight:bold;
}

#payment-guide p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}

#payment-guide table{
	margin:32px 16px 0;
	width:calc(100% - 32px);
	border-collapse:collapse;
}

#payment-guide th{
	padding:8px;
	width:35%;
	font-size:18px;
	border:1px solid var(--gray);
}

#payment-guide td{
	padding:8px 16px;
	width:65%;
	line-height:1.5;
	font-size:16px;
	border:1px solid var(--gray);
}

#payment-guide td span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#payment-guide ul{
	margin:24px 0 0 40px
}

#payment-guide .list-circle{
	margin-top:16px;
}

#payment-guide li{
	margin-bottom:16px;
	line-height:1.7;
	font-size:16px;
	list-style:disc;
}

#payment-guide li a{
	display:inline;
	font-size:16px;
}

#payment-guide .list-circle li{
	position:relative;
	list-style:none;
}

#payment-guide .list-circle li::before{
	content:'●';
	position:absolute;
	top:0;
	left:-16px;
	font-size:16px;
}


/*--------------------------------------1.4.0.0 ---------------CARRIAGE GUIDE */
#carriage-guide .wrap{
	width:768px !important;
}

#carriage-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#carriage-guide h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#carriage-guide h3{
 margin:32px 16px 0;
 padding:8px;
 font-size:22px;
 border-left:8px solid #c06;
}

#carriage-guide p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#carriage-guide p span{
	font-size:18px;
	font-weight:bold;
}

#carriage-guide p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}

#carriage-guide table{
	margin:32px 16px 0;
	width:calc(100% - 32px);
	border-collapse:collapse;
}

#carriage-guide th{
	padding:8px;
	width:50%;
	font-size:18px;
	border:1px solid var(--gray);
}

#carriage-guide td{
	padding:8px 16px;
	width:50%;
	line-height:1.5;
	font-size:16px;
	border:1px solid var(--gray);
	text-align:center;
}

#carriage-guide td span{
	font-size:20px;
	font-weight:bold;
	color:#d00;
}

#carriage-guide .triple th,
#carriage-guide .triple td{
	width:calc(100% / 3);
}

#carriage-guide ol{
	margin:24px 0 0 40px;
}

#carriage-guide li{
	margin-bottom:16px;
	line-height:1.7;
	font-size:16px;
	list-style:auto;
}

#carriage-guide li span{
	font-size:16px;
	font-weight:bold;
	color:#d00;
}

#carriage-guide .button-border{
	margin:32px 0 0 auto;
	width:230px;
	text-align:right;
}


/*--------------------------------------1.4.0.0 ---------------DELIVERY GUIDE */
#delivery-guide .wrap{
	width:768px !important;
}

#delivery-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#delivery-guide h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#delivery-guide h3{
 margin:32px 16px 0;
 padding:8px;
 font-size:22px;
 border-left:8px solid #c06;
}

#delivery-guide p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#delivery-guide p span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#delivery-guide .point-attention{
	display:block;
	margin-top:8px;
	line-height:1.5;
	font-size:13px;
	color:#900;
}

#delivery-guide p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}


/*--------------------------------------1.4.0.0 -----------------NORMAL GUIDE */
#normal-guide .wrap{
	width:768px !important;
}

#normal-guide h1{
	margin-bottom:16px;
	font-size:40px;
}

#normal-guide h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#normal-guide h3{
 margin:32px 16px 0;
 padding:8px;
 font-size:22px;
 border-left:8px solid #c06;
}

#normal-guide p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#normal-guide p span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#normal-guide .point-attention{
	display:block;
	margin-top:8px;
	line-height:1.5;
	font-size:13px;
	color:#900;
}

#normal-guide p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}

/* APPEAL AREA ---------------------------------------------------------------*/
#normal-guide .appeal-block{
	margin:32px 32px 0;
	padding:16px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--surface);
}

#normal-guide .appeal-block h3{
	margin:0;
	border:none;
	border-bottom:1px solid var(--text);
}

#normal-guide .appeal-block .button-border{
	margin-top:16px;
	text-align:center;
}

#normal-guide .appeal-block .tel-num,
#normal-guide .appeal-block .tel-num i{
	font-size:32px;
	font-weight:bold;
	text-align:center;
}

#normal-guide .appeal-block .tel-num span{
	display:block;
	font-size:14px;
	font-weight:normal;
	color:var(--text);
}

#normal-guide .wish-image{
	margin:16px;
}


#normal-guide .shopping-image li{
	margin-top:48px;
}

#normal-guide .shopping-image li img{
	border:2px solid var(--gray);
	box-shadow:0 0 4px rgba(0,0,0,.3);
}

#normal-guide .shopping-image li i{
	font-size:18px;
}

#normal-guide .shopping-image li i:before{
	margin:10;
}


/*--------------------------------------1.4.0.0 -----------------NORMAL GUIDE */
#buyer-support .wrap{
	width:768px !important;
}

#buyer-support h1{
	margin-bottom:16px;
	line-height:1.3;
	font-size:36px;
}

#buyer-support h2{
	margin-top:64px;
	padding:0 16px 8px;
	font-size:28px;
	border-bottom:2px solid #c06;
}

#buyer-support h3{
 margin:32px 16px 0;
 padding:8px;
 font-size:22px;
 border-left:8px solid #c06;
}

#buyer-support p{
	margin-top:16px;
	padding:0 16px;
	line-height:1.7;
	font-size:18px;
}

#buyer-support p span{
	font-size:18px;
	font-weight:bold;
	color:#d00;
}

#buyer-support p em{
	font-style:normal;
	font-size:18px;
    background:linear-gradient(transparent 60%, #ffd3ae 60%, #ffd3ae 100%);
}

#buyer-support p a{
	display:inline;
	margin:0 4px;
	font-size:18px;
	text-decoration:underline;
}

#buyer-support .button-border{
	margin:16px 0 0 auto;
	width:260px;
	text-align:right;
}

#buyer-support .breadcrumb{
	display:flex;
	margin:0 0 16px;
	overflow:hidden;
}

#buyer-support .breadcrumb li{
	margin-right:16px;
}

#buyer-support .breadcrumb li span{
	display:block;
	position:relative;
	padding:2px 4px;
}

#buyer-support .breadcrumb li span span{
	display:inline-block;
	padding:0 0 0 4px;
	font-size:10px;
}

#buyer-support .breadcrumb li a span{
	color:var(--accent);
	text-decoration:underline;
}

#buyer-support .breadcrumb li:first-child a span{
	color:var(--back);
	background:var(--accent);
	text-decoration:none;
}

#buyer-support .breadcrumb li a span:before,
#buyer-support .breadcrumb li a span:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:0;
	height:0;
	z-index:1;
}

#buyer-support .breadcrumb li a span:before{
	right:-18px;
	border:9px solid transparent;
	border-left:9px solid var(--back);
	z-index:2;
}

#buyer-support .breadcrumb li:nth-child(1) a span:before{
	border-left:9px solid var(--accent);
}

#buyer-support .breadcrumb li:nth-child(n+2) a span:after{
	top:-1px;
	right:-20px;
	border:10px solid transparent;
	border-left:10px solid var(--gray);
}

#buyer-support .breadcrumb li:last-child a span::before,
#buyer-support .breadcrumb li:last-child a span::after{
	content:none;
}

#buyer-support .buyer-support-sub{
	display:flex;
	margin-top:16px;
}

#buyer-support .buyer-support-sub img{
	width:200px;
	height:200px;
	border-radius:50%;
	overflow:hidden;
}

#buyer-support .buyer-support-sub p{
	margin-left:16px;
	width:552px;
}

#buyer-support .aff-link{
	margin:16px auto;
	width:576px;
}

#buyer-support .aff-link>div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#buyer-support .aff-link>div:last-child{
	margin-top:24px;
}

#buyer-support .aff-link>div>div{
	width:100%;
}

#buyer-support .aff-link>div img{
	margin:0 auto;
	width:auto;
	height:32px;
}

#buyer-support .aff-link>div:first-child img{
	height:46px;
}

#buyer-support .aff-appeal{
	margin:0 0 8px;
	padding:4px 0;
	width:100%;
	font-size:15px;
	color:var(--back);
	background:#ff3864;
	text-align:center;
}

#buyer-support .aff-link>div>.aff-link-in{
	width:272px;
}	

#buyer-support .aff-link>div b{
	display:block;
	margin:16px 0 8px;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}

#buyer-support .aff-link>div a.button-border{
	margin:0;
	width:100%;
}


/*--------------------------------------1.4.0.0 -----------------MENTENACE GUIDE */
#maintenance-guide{
	margin:15px auto;
	max-width:750px;
}

#maintenance-guide h1{
	margin-bottom:16px;
    font-size:40px;
	text-align:center;
}

#maintenance-guide p{
    margin-top:16px;
    padding:0 16px;
    line-height:1.7;
    font-size:18px;
}

#maintenance-guide h2,
#maintenance-guide h3{
	position:sticky;
	/* position:-webkit-sticky; */
	margin:0;
	padding:16px;
	top:113px;
	background:#fff;
	z-index:3;
}

#maintenance-guide h3{
	margin-top:24px;
	font-size:20px;
}

.proof_level,
.check_point{
	position:relative;
	margin:48px auto;
	padding:16px;
	max-width:500px;
	background:#f9f9f9;
	border:1px solid #1079af;
	border-radius:0px 5px 5px 5px;
}

.proof_level:before,
.check_point:before{
	content:'メンテナンス目次';
	position:absolute;
	top:-24px;
	left:0;
	display:block;
	padding:5px 10px;
	width:fit-content;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:#1079af;
	border-radius:5px 5px 0 0;
}

.proof_level>li{
	font-size:18px;
	font-weight:bold;
	color:#363540;
	list-style:disc inside;
}

.proof_level ul{
	margin:0 24px;
}

.proof_level ul>li{
	list-style:circle inside;
}

.proof_level a{
	display:inline-block;
	margin-top:8px;
	font-size:16px;
	font-weight:normal;
	color:#1079af;
	text-decoration:underline;
}

.check_point{
	background:#f9f9f9;
	border:1px solid #e17972;
	border-radius:0px 5px 5px 5px;
}

.check_point li{
	margin:8px 0 0 16px;
	line-height:1.3;
	font-size:18px;
	color:#363540;
	list-style:disc;
}

.check_point:before{
	content:"ポイント";
	background:#e17972;
}

.caution-point{
	margin:16px;
	padding:16px;
	background:#f9f9f9;
	border:1px solid #eee;
	/* border-radius:0px 5px 5px 5px; */
}

.caution-point li{
	margin:8px 0 0 16px;
	line-height:1.5;
	font-size:16px;
	list-style:disc;
}

.check_point li:first-child,
.caution-point li:first-child{
	margin-top:0;
}

.steps_movie video{
	width:100%;
}

.steps_movie ol{
	margin:16px 24px;
	counter-reset:ranking;
}

.steps_movie ol li{
	display:flex;
	font-size:16px;
	line-height:1.6;
	padding:8px;
	align-items:center;
}

.steps_movie ol li:before{
	counter-increment:ranking;
	content:counter(ranking) "";
	display:block;
	margin-right:8px;
	width:25px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#363540;
	background:#f4e6dd;
	border-radius:25px;
	text-align: center;
}

/* PICKUP GOODS */
#cleanset>div{
	margin:16px;
}

#cleanset>div a{
	display:flex;
	padding:16px;
	background:var(--surface);
	border-radius:8px;
}

#cleanset>div .thumb{
	width:280px;
	margin:0 auto;
}

#cleanset>div .texts{
	display:flex;
	flex-direction:column;
	padding-left:16px;
	flex:1;
	justify-content:flex-end;
}

#cleanset>div .texts p{
	margin:5px;
	color:#363540;
	padding:0;
}

#cleanset>div .texts p.title{
	font-size:16px;
	font-weight:bold;
}

#cleanset>div .texts p.price{
	font-size:18px;
	color:#dd0000;
	text-align:right;
}

#cleanset>div .button-border{
	text-align:right;
	color:var(--accent);
}

.remind-link{
	padding: 16px;
	width: 100%;
	border: 1px solid var(--gray);
	border-radius: 8px;
	background: var(--surface);
	h2{
		margin:16px auto;
		i{
			font-size:32px;
		}
	}
	p{
		margin-left:32px;
	}
	.button-fill{
		display:flex !important;
		margin:16px auto 0;
		width:320px;
		height:40px;
		color:var(--back);
		/* border: 1px solid var(--gray); */
		border-radius:8px;
		background:var(--accent);
		align-items:center;
		justify-content:center;
	}
}


/*------------------------------------------------------------------------------
// 4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/
@media screen and (min-width:1500px){
	#neo .wrap{
		width:1024px;
	}

	#used-guide .wrap{
		width:768px;
	}

}



/*------------------------------------------------------------------------------
よくある質問　チャット風
------------------------------------------------------------------------------*/

  .faq-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
  }

  .faq-message {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 600px;
  }

  .avatar {
    width: 50px;
    min-width: 50px;
    margin-right: 8px;
  }
  .avatar img {
    width: 100%;
    border-radius: 50%;
    border: 2px solid #f2cdd7;
  }

  .balloon {
    background: #fffcea;
    border-radius: 10px;
    padding: 10px;
    position: relative;
    flex: 1;
    word-break: break-word;
    margin-left:10px;
    p{
      font-size:12px;
      line-height:1.8;
      padding:0;
      margin:0;
      color:#363540;
	  a{
		display:inline;
		color:#bd3e78;
		font-weight:bold;
		text-decoration: underline;
	  }
    }
  }
  .balloon::before {
    content: "";
    position: absolute;
    top: 16px;
    left: -20px;
    border: 8px solid transparent;
    border-right: 12px solid #fffcea;
  }

  .choices {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .choices button {
    flex: 1 1 auto;
    padding: 7px 0;
    min-width: 80px;
    border:0;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    font-size: 13px;
    color:#363540;
  }
  .choices button:hover {
    background: #fcebef;
  }

  .answer {
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
  }

  .reset {
    margin-top: 10px;
    text-align: center;
  }
  .reset button {
    padding: 10px;
    border-radius: 5px;
    border:0;
    background: #fafafa;
    font-size: 12px;
    cursor: pointer;
  }
  .reset button:hover {
    background: #eee;
  }

  .search_block{
	margin:16px !important;
	form{
		border:1px solid var(--gray);
		border-radius:8px;
		overflow:hidden;
		label{
			display:flex;
			input{
				padding:8px;
				height:38px;
				background:#fff;
				flex:1;
			}
			button{
				width:40px;
				height:38px;
				font-size:11px;
				color:var(--back);
				background:var(--accent);
				text-align:center;
				i{
					color:var(--back);
				}
			}
		}
	}
  }
.tag{
	ul{
		display:flex;
		align-items:center;
		justify-content:center;
		li{
			padding-bottom:5px;
			font-size:12px;
			label{
				display:block;
				margin:8px 8px 0 0;
				padding:5px 10px;
				color:#08c;
				border:1px solid #ddd;
				border-radius:20px;
				background: #fff;
			}
			&:last-child label{
				margin-right:0;
			}
		}
	}
}