/*------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
1.0.0.0 INITIALIZE STYLE
	1.1.0.0 FLEXIBLE BOX
2.0.0.0 COMMON
3.0.0.0 HEADER
	3.1.0.0 MAIN HEADLINE
		3.1.1.0 LOGO
		3.1.2.0 SEARCH BOX
		3.1.3.0 USER MENU
	3.2.0.0 SUB HEADLINE
	3.3.0.0 CATEGORY NAVIGATION
4.0.0.0 FOOTER
	4.1.0.0 APPEAL POINTS
	4.2.0.0 ABOUT PAYMENT
	4.3.0.0 ABOUT POSTAGE & COMMISION
	4.4.0.0 SSL
	4.5.0.0 GUIDE
	4.6.0.0 COPYRIGHT
5.0.0.0 PC WIDTH 769px
	5.1.0.0 INITIALIZE STYLE
		5.1.1.0 FLEXIBLE BOX
	5.3.0.0 FOOTER
		5.3.1.0 APPEAL POINTS
		5.3.2.0 ABOUT PAYMENT
		5.3.3.0 ABOUT POSTAGE & COMMISION
		5.3.4.0 SSL
		5.3.5.0 GUIDE
		5.3.6.0 COPYRIGHT
6.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 1.0.0.0 INITIALIZE STYLE
------------------------------------------------------------------------------*/
:root{
	--back     : #fff;
	--main     : #ee0e51;
	--sub_main : #ff6893;
	--text     : #363540;
	--accent   : #0081C6;
	--gray     : #ddd;

	--surface  : #f9f9f9;
	--sub_text : #565656;
	--accent2  : #ffb7b3;
	--accent3  : #ffeae8;
	--error    : #b00020;
	--star     : #ffda04;
	--gold     : #dbb400;
	--silver   : #9fa0a0;
	--copper   : #c08d5e;

	/* FONT */
	--px24 : calc(100vw * .075);
	--px20 : calc(100vw * .0625);
	--px18 : calc(100vw * .05625);
	--px17 : calc(100vw * .053125);
	--px16 : calc(100vw * .05);
	--px14 : calc(100vw * .04375);
	--px13 : calc(100vw * .040625);
	--px12 : calc(100vw * .0375);
	--px11 : calc(100vw * .034375);
	--px10 : calc(100vw * .03125);
}

*{
	margin:0;
	padding:0;
	outline:0;
	line-height:1;
	font-size:var(--px16);
	font-size:14px;
	color:var(--text);
	list-style-type:none;
	text-decoration:none;
	box-sizing:border-box;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-margin-start:0;
	-webkit-margin-end:0;
	-webkit-padding-start:0;
}

/* [class^="icon-"]:before,
[class*="icon-"]:before{
	font-family:'fontello';
	font-style:normal;
	font-weight:normal;
	speak:none;
	display:inline-block;
	text-decoration:inherit;
	width:1em;
	margin-right:.2em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	line-height:1em;
	margin-left:.2em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
 */
/* html{
	height:100%;
} */

body{
	position:relative;
	width:100%;
	/* height:100vh; */
	font-family:'メイリオ',Meiryo,'Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	color:#363540;
	background:var(--back);
	/* overflow-x:hidden; */
}

main{
	width:1000px;
	margin:148px auto 48px;
	/* margin:178px auto 48px; */

}

main#neo{
	width:auto;
}

main#neo section{
	margin-top:72px;
}

a{
	display:block;
	color:var(--accent);
}

main:not(#neo) article a{
	display:inline;
}

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



.error{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	margin:25px 0;
}

/*------- ボタン系 -------*/
.link_button a{
	display:block;
	width:300px;
	border:1px solid #ddd;
	background:#f9f9f9;
	font-size:12px;
	padding:10px 0;
	margin:10px auto;
	border-radius:2px;
	text-align:center;
}
/*-------*/

/* FORM BASE -----------------------------------------------------------------*/
input,
textarea,
select,
button,
input[type="range"]::-webkit-slider-thumb{
	display:block;
	/* height:calc(100vw * .125); */
	font-size:14px;
	background:none;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	resize:none;
}


/*--------------------------------------1.1.0.0 -----------------FLEXIBLE BOX */
header .headline-main,
header .search-form,
header .user-menu,
header .headline-sub li a,
header .headline-sub li span,
header nav>ul,
.navigation>li>a,
footer .footer-guide,
footer .footer-guide a,
footer .ssl-area{
	display:flex;
}

/* WRAP MODE -----------------------------------------------------------------*/
footer .footer-guide{
	flex-wrap:wrap;
}

/* INLINE FLEX ---------------------------------------------------------------*/
header .headline-sub ul{
	display:inline-flex;
}

/* ALIGN JUSTIFY -------------------------------------------------------------*/
header .headline-main{
	justify-content:space-between;
}

/* ALIGN CENTER --------------------------------------------------------------*/
/* .navigation, */
.navigation>li>a{
	justify-content:center;
}

/* VALIGN CENTER -------------------------------------------------------------*/
header .headline-sub li a,
header .headline-sub li span,
.navigation>li>a{
	align-items:center;
}

/* FLEXIBLE ------------------------------------------------------------------*/
header .search-form,
header .search-form input[name='word'],
.appeal-points>div>div:last-child,
.appeal-points>*:last-child,

.appeal-text,
footer .ssl-area p{
	flex:1;
}


/*--------------------------------------1.2.0.0 ---------------------HEADLINE */
h2{
	margin-bottom:5px;
	padding:5px 0;
	font-size:20px;
	counter-reset:ranking;
}

h3,
h4{
	font-size:16px;
	padding:5px 0;
	margin-bottom:5px;
}

article h2{
	margin:0;
	padding:0;
	font-size:32px;
}

/*------------------------------------------------------------------------------
// 2.0.0.0 COMMON
------------------------------------------------------------------------------*/

/*--------------------------------------1.3.0.0 -----------------------BUTTON */
.button-text{
	margin-top:16px;
	width:100%;
	text-align:right;
}

.button-text::after,
.button-border::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;
}

.button-border{
	padding:8px;
	border:1px solid var(--accent);
	border-radius:8px;
}


/* 旧パンくず */
.breadcrumb ul,
.breadcrumb ol{
	display:flex;
}

.breadcrumb ul li,
.breadcrumb ol li,
.breadcrumb ul li a,
.breadcrumb ol li a,
.breadcrumb ul li span,
.breadcrumb ol li span{
	font-size:12px;
}

.breadcrumb ul li,
.breadcrumb ol li{
	padding:5px 0;
	width:auto !important;
}

.breadcrumb ul li a,
.breadcrumb ol li a{
	display:inline;
}



.breadcrumb ul li a span{
	color:#0081C6;
	text-decoration:underline;
}

.breadcrumb ul li:not(:last-child)::after,
.breadcrumb ol li:not(:last-child)::after{
	content:">";
	color:#999;
	margin-left:10px;
}



/*-------------------- ページャー --------------------*/
.pager ul{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	margin:10px 20px;
}

.pager ul li{
	font-size:15px;
}

.pager ul li a,.pager ul li span{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:35px;
	color:#363540;
	background:#ddd;
	text-align:center;
}

.pager ul li span{
	background:#f9f9f9;
	color:#ddd;
}

.pager ul li.on span{
	background:#EE0E51;
	color:#fff;
}


/*------------------------------------------------------------------------------
// 3.0.0.0 HEADER
------------------------------------------------------------------------------*/
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:var(--back);
	box-shadow:0px 3px 1px -2px rgba(0,0,0,.2), 0px 2px 2px 0px rgba(0,0,0,.14), 0px 1px 5px 0px rgba(0,0,0,.12);
	z-index:999;
}

header h1,
header>p:first-child{
	padding:8px 16px;
	font-size:var(--px12);
	font-size:12px;
	font-weight:normal;
}


/*--------------------------------------3.1.0.0 ----------------MAIN HEADLINE */
header .headline-main{
	position:relative;
	padding:0 16px;
	z-index:4;
}


/*----------------------------------------3.1.1.0 -----------------------LOGO */
header .logo{
	margin-right:16px;
}

header .logo img{
	width:160px;
	height:35px;
}


/*----------------------------------------3.1.2.0 -----------------SEARCH BOX */
header .main-form{
	position:relative;
	display:flex;
	margin-right:16px;
	flex:1;

	#filter-btn{
		display:flex;
		/* display:none; */
		padding:10px;
		font-size:12px;
		color:#363540;
		border:1px solid #ddd;
		border-radius:4px;
		background:#f9f9f9;
		align-items:center;
		cursor:pointer;

		img{
			width:auto;
			height:18px;
		}
	}
}

header .search-form{
	position:relative;
	margin-right:16px;
	border:1px solid var(--gray);
	border-radius:8px;
	flex-wrap:wrap;
	overflow:hidden;
}

header .search-form select{
	padding:8px;
	min-width:62px;
	width:62px;
	font-size:12px;
	background:var(--gray);
	appearance:auto;
}

header .search-form input[name='word']{
	padding-left:16px;
	height:38px;
}

header .search-form button{
	width:40px;
	height:38px;
	font-size:11px;
	color:var(--back);
	background:var(--accent);
	text-align:center;
}

header .search-form button i{
	display:block;
	margin-bottom:4px;
	color:var(--back);
}

header .search-form #seek_word_view:empty{
	display:none;
}

header .search-form #seek_word_view{
	width:100%;
	background:var(--back);
}

header .search-form #seek_word_view li a{
	padding:8px;
}

header .search-form #seek_word_view li:nth-child(even) a{
	background:var(--surface);
}

header .search-form #seek_word_view li.boom a{
	padding:6px 8px;
}

header .search-form #seek_word_view li.boom a::before{
    content:'';
	display:inline-block;
	margin-right:8px;
	width:14px;
	height:14px;
	background:url('/img/pc/trending_up.svg') no-repeat;
	background-size:contain;
}


/*----------------------------------------3.1.3.0 ------------------USER MENU */
header .user-menu li{
	position:relative;
	margin-left:8px;
	width:40px;
	height:40px;
	border:1px solid var(--gray);
	border-radius:50%;
	text-align:center;
}

header .user-menu i{
	display:block;
	line-height:40px;
	font-size:var(--25px);
	font-size:25px;
}

header .user-menu span{
	position:absolute;
	top:-5px;
	right:-5px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:var(--back);
	background:var(--main);
	border-radius:50%;
}

header .user-menu li::after{
	display:block;
	position:absolute;
	bottom:-5px;
	left:-5px;
	width:50px;
	font-size:10px;
	text-shadow:0 0 3px var(--back),0 0 3px var(--back),0 0 3px var(--back);
	transform:scale(.8);
}

header .user-menu li:nth-child(1)::after{
	content:'お知らせ';
}

header .user-menu li:nth-child(2)::after{
	content:'ログイン';
}

header .user-menu li.mypage::after{
	content:'マイページ';
}

header .user-menu li:nth-child(3)::after{
	content:'クーポン';
}

header .user-menu li:nth-child(4)::after{
	content:'欲しいもの';
}

header .user-menu li:nth-child(5)::after{
	content:'カート';
}


/*--------------------------------------3.2.0.0 -----------------SUB HEADLINE */
header .headline-sub{
	overflow-x:auto;
}

header .headline-sub ul{
	position:relative;
	padding:0 16px;
	z-index:2;
}

header .headline-sub li{
	margin-right:16px;
	vertical-align:middle;
	white-space:nowrap;
}

header .headline-sub li:last-child{
	margin:0;
}

header .headline-sub li span{
	height:44px;
}

header .headline-sub li a{
	padding:8px 0;
	font-size:12px;
	white-space:nowrap;
}

header .headline-sub li img{
	margin-right:4px;
	width:28px;
	height:28px;
}

header .headline-sub li:nth-child(n+2):nth-child(-n+4) img{
	margin:0;
	width:auto;
}

header .headline-sub li>img{
	margin:8px 0 !important;
}

header .headline-sub #open-menu{
	cursor:pointer;
}

/* CATEGORY MENU OPEN BUTTON -------------------------------------------------*/
header .headline-sub #open-menu span::after{
	content:url('/img/pc/drop_down.svg');
	display:inline-block;
	margin-left:4px;
	width:24px;
	height:24px;
	border-radius:50%;
	transition:.1s linear all;
	transform:rotate(0);
	vertical-align:middle;
}

header .headline-sub #open-menu.active span::after{
	transform:rotate(180deg);
}

header .headline-sub #open-menu.active span{
	padding-bottom:4px;
	border-bottom:4px solid var(--surface);
	border-radius:8px 8px 0 0;
	background:var(--surface);
}


/*--------------------------------------3.3.0.0 ----------CATEGORY NAVIGATION */
header nav{
	height:44px;
	transition:.1s linear all;
}

.navigation{
	position:relative;
	min-height:44px;
	background:var(--surface);
	/* flex-wrap:wrap; */
	overflow-x:auto;
}

.navigation>li{
	position:relative;
	width:80px;
	min-width:77px;
	background:var(--surface);
	border-right:1px solid var(--gray);
}

.navigation>li:last-child{
	border:none;
}

.navigation>li>a{
	padding:8px 0;
	height:44px;
	/* line-height:44px; */
	font-size:12px;
	color:var(--text);
	text-align:center;
}

.navigation>li a:hover{
	color:var(--back);
	background:var(--accent);
	text-decoration:underline;
}

.navigation>li ul{
	position:absolute;
	top:66px;
	width:200px;
	background:var(--surface);
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}

.navigation>li ul{
	border:1px solid var(--gray);
	opacity:0;
	visibility:hidden;
	z-index:100;
}

.navigation>li:hover ul{
	top:44px;
	visibility:visible;
	opacity:1;
}

.navigation>li li a{
	padding:10px;
	text-align:left;
}

.navigation>li:hover{
	-webkit-transition:all .5s;
	transition:all .5s;
}

nav ul>li a+ul li:not(:last-child){
	border-bottom:1px solid #ddd;
}

nav.close-menu{
	height:0;
	overflow:hidden;
}

header .notice{
    margin:8px auto;
}

header .notice a{
    padding:8px 0;
    text-align:center;
}

/* SEARCH FILTER -------------------------------------------------------*/
.search_box_filter{
	display:flex;
	align-items:center;
	justify-content:space-between;

	.search_block{
		margin-right:5%;
		flex:1;

		form{
			margin:0;

			input[type="submit"]{
				top:10%;
				right:5px;
				font-size:18px;
				color:#fff;
				border-radius:70px;
				background:#e00f4e;
				width:30px;
				height:30px;
				font-weight:normal;
			}
		}
	}

	/* MODAL --------------------------------------------*/
	#filter-panel{
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#fff;
		flex-direction:column;
		z-index:10000;

		&.view{
			display:flex;
		}

		/* HEADER ---------------------------------------*/
		.filter-header{
		  display:flex;
		  margin:0 auto;
		  padding:24px calc((100% - 672px) / 2);
		  width:100%;
		  border-bottom:1px solid #ddd;
		  align-items:center;
		  justify-content:space-between;

		  h2{
			  margin:0;
			  padding:0;
			  font-size:28px;
			  font-weight:bold;
			  border:none;
		  }

		  /* CLOSE BUTTON */
		  .close-btn-filter{
			  font-size:38px;
			  border:none;
			  background:none;
			  cursor:pointer;
		  }
		}

	
		/* .filter-panel{
		  background:white;
		  max-width:480px;
		  margin:auto;
		  box-shadow:0 4px 12px rgba(0,0,0,0.1);
		} */

		form{
			margin:0 auto;
			padding:36px 48px 64px;
			width:720px;
			flex:1;
			overflow-y:auto;
	
			.section{
				margin-bottom:36px;
	
				.section-title{
					margin-bottom:16px;
					font-size:20px;
					font-weight:bold;
					text-align:center;
				}

				.type-container{
					display:flex;
					flex-wrap:wrap;
					justify-content:center;

					label{
						margin-right:16px;
						width:100px;
						border:1px solid #b81f62;
						border-radius:50%;
						overflow:hidden;

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

					input:checked+label{
						border:2px solid #b81f62;
					}
				}

				.tags{
					display:flex;
					flex-wrap:wrap;
					gap:8px;
					justify-content:center;

					.more-btn,
					.close-btn,
					label{
						display:block;
						font-size:16px;
						padding:8px 16px;
						border-radius:4px;
						border:1px solid #f0f0f0;
						background:#f0f0f0;
						cursor:pointer;
						user-select:none;
					}

					input:checked+label{
						color:#b81f62;
						background:#ffe1ec;
						border:1px solid #b81f62;

						i{
							color:#b81f62;
						}
					}

					.more-btn{
						border:1px solid #999;
					}

					.close-btn{
						color:#333;
					}
				}

				.price-checkboxes{
					display:flex;
					margin-bottom:16px;
					flex-wrap:wrap;
					gap:8px;
					justify-content:center;

					label{
						display:flex;
						width:200px;
						font-size:18px;
						align-items:center;

						input{
							display:block;
							margin-right:8px;
							width:20px;
							height:24px;
							appearance:auto;
						}
					}
				}
			}

			.price-range{
				display:flex;
				margin-bottom:10px;
				font-size:12px;
				gap:8px;
				align-items:center;
				justify-content:center;

				input[type="number"]{
					width:80px;
					padding:8px;
					font-size:16px;
					border:1px solid #ccc;
					border-radius:6px;
				}
			}

			.slider-container{
				/* display:flex; */
				position:relative;
				margin:auto;
				width:360px;
				height:36px;
				gap:0;
				align-items:center;
	
				input[type="range"]{
					/* position:absolute; */
					width:100%;
					height:8px;
					border-radius:5px;
					/* pointer-events:none; */
					-webkit-appearance:none;
					background:transparent;
				}
	
				input[type="range"]::-webkit-slider-thumb{
					-webkit-appearance:none;
					height: 16px;
					width: 16px;
					border-radius: 50%;
					background: #333;
					cursor: pointer;
					margin-top: 0px;
					z-index: 10;
					position: relative;
				}
				input[type="range"]::-moz-range-thumb{
					height: 16px;
					width: 16px;
					border-radius: 50%;
					background: #333;
					cursor: pointer;
				}
				#slider-min {
					background: linear-gradient(to right, #ccc 0%, #ccc 100%);
					z-index: 2;
				}
				#slider-max {
					position:relative;
					top:-7px;
					z-index: 3;
				}
			}
	
			.actions{
				padding:10px 0;
				width:calc(100% - 30px);
				/* position:fixed;
				bottom: 0;
				z-index: 1000; */
				background:#fff;
	
				button{
					/* line-height:1; */
					font-size:15px;
					font-weight:bold;
				}
	
				.apply{
					background:#e00f4e;
					color:white;
					border:none;
					width:100%;
					padding:10px 16px;
					border-radius:6px;
					cursor:pointer;
					i{
						color:#fff;
					}
				}
			}

	
	.rating-container label{
	  background: #f9f9f9;
	  border: 1px solid #ddd;
	  padding: 10px;
	  font-size:12px;
	  line-height: 1;
	  border-radius: 5px;
	  color: #363540;
	}
	
	.rating-container label span{
	  color:#f9bf3b;
	  display: inline-block;
	  margin-right: 5px;
	}
		}
	}
}




/*------------------------------------------------------------------------------
// 4.0.0.0 FOOTER
------------------------------------------------------------------------------*/
footer{
	width:100%;
	background:var(--surface);
	/* overflow:hidden; */
}

.footer-wrap{
	display:flex;
	margin:auto;
	padding:32px 16px;
	width:1024px;
	flex-wrap:wrap;
	justify-content:space-between;
}

footer h2{
	padding:0 0 8px;
	font-size:16px;
	border-bottom:1px solid var(--text);
}

footer p{
	line-height:1.8;
	font-size:13px;
}

footer section{
	margin:0;
	width:360px;
	width:100%;
}

.appeal-wrap{
	width:666px;
}

.appeal-wrap>div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.footer-inner-wrap{
	margin-top:16px;
	width:310px;
}

.footer-inner-wrap section{
	width:310px;
}

.footer-inner-wrap section:nth-child(n+2){
	margin-top:32px;	
}


/*--------------------------------------4.1.0.0 ----------------APPEAL POINTS */
.appeal-points{
	margin-top:16px;
	padding:8px;
	border:2px solid var(--gray);
	border-radius:8px;
}

.appeal-wrap div>.appeal-points{
	width:calc(50% - 8px);
}

.appeal-points>div{
	display:flex;
	flex:1;
}


.appeal-points>div:nth-child(1)>div:first-child{
	margin-right:16px;
}

.appeal-area{
	flex:1;
}

/* ICON ----------------------------------------------------------------------*/
.appeal-points .icon-image{
	margin-right:16px;
	width:50px;
}

.appeal-points h2{
	margin:0 0 8px;
	padding:0;
	width:100%;
	color:var(--sub_main);
	border:none;
}

.appeal-points .sub-image{
	width:239px;
}


/*--------------------------------------4.2.0.0 ----------------ABOUT PAYMENT */
footer .payment{
	margin-left:16px;
}

footer .payment h2{
	margin-top:20px;
}

.payment-image{
	margin:16px 0;
}

footer .payment .button-text{
	margin-top:30px;
}


/*--------------------------------------4.3.0.0 ----ABOUT POSTAGE & COMMISION */
footer table{
	margin-top:16px;
	border:1px solid var(--gray);
	border-collapse:collapse;
	border-spacing:0;
	background:var(--back);
}

footer th{
	padding:8px;
	width:120px;
	width:77.025px;
	height:auto;
	font-size:14px;
	color:var(--back);
	background:var(--sub_main);
	border:1px solid var(--gray);
}

footer td{
	padding:8px;
	width:auto;
	height:auto;
	line-height:1.8;
	font-size:12px;
	border:none;
	text-align:center;
}

footer tr:nth-child(3) td{
	padding-top:0;
}

footer tr:nth-child(2) td:nth-child(2),
footer tr:nth-child(3) td:nth-child(3){
	border-left:1px solid var(--gray);
}

footer tr:nth-child(2) td:nth-child(2),
footer tr:nth-child(3) td:nth-child(4){
	border-right:1px solid var(--gray);
}

footer td span{
	font-size:18px;
}

footer td span.free{
	font-weight:bold;
	color:var(--sub_main);
	}

footer table+p{
	font-size:12px;
	text-align:right;
}


/*--------------------------------------4.4.0.0 --------------------------SSL */
footer .ssl{
	position:relative;
	margin:0 16px 0 0;
	width:130px;
	height:50px;
	/* border:1px solid var(--gray); */
	border-radius:2px;
	overflow:hidden;
}

footer .ssl img{
	width:100% !important;
	height:auto;
}

footer .ssl span{
	display:block;
	position:absolute;
	bottom:3px;
	left:0;
	width:100%;
	font-size:10px;
	color:#555;
	text-align:center;
}


/*--------------------------------------4.5.0.0 ------------------------GUIDE */
footer .footer-inner-wrap section:last-child{
	width:100%;
}

footer .footer-guide{
	/* margin-bottom:16px; */
}

footer .footer-guide li{
	padding:8px;
	width:180px;
	width:calc((100vw - 32px) / 4);
}

footer .footer-guide li:last-child{
	width:360px;
	width:calc((100vw - 32px) / 2);
}

footer .footer-guide a span{
	font-size:12px;
	color:var(--accent);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


footer .footer-guide a::after{
	content:'>';
	display:block;
	margin-left:4px;
	width:12px;
	height:12px;
	line-height:12px;
	font-size:10px;
	color:var(--back);
	background:var(--accent);
	border-radius:50%;
	text-align:center;
}

/*--------------------------------------4.6.0.0 --------------------COPYRIGHT */
footer .copyright{
	padding:16px 0;
	width:100%;
	background:var(--text);
}

footer .copyright p{
	font-size:12px;
	color:var(--back);
	text-align:center;
}


/*404*/
.error_404{
	margin:10px;
	text-align:center;
}

.error_404 img{
	display:block;
	width:400px;
	margin:15px auto 30px;
}

.error_404 p{
	font-size:14px;
	line-height:1.8;
}

@media screen and (min-width:1500px){
	/*----------------------------------------------------------------------------
	// 6.1.0.0 INITIALIZE STYLE
	----------------------------------------------------------------------------*/
	/* main#neo{
		width:1500px;
	} */
	
	main .wrap{
		margin:0 auto;
		width:1500px;
	}
}