/*--------------------------------------------------------------
# Define
--------------------------------------------------------------*/

/*
/*for xs -575px smartphone
@media(max-width: 575px) {

}

/*for sm 576px-767px smartphone
@media(min-width: 576px) and (max-width: 767px) {

}

/*for md 768px-991px tablet
@media(min-width: 768px) and (max-width: 991px) {

}

/*for lg 992px-1199px pc
@media(min-width: 992px) and (max-width: 1199px) {

}

/*for xl 1200px-1399px pc
@media(min-width: 1200px) and (max-width: 1399px) {

}

/*for xxl 1400px- pc
@media(min-width: 1400px) {

}
*/


:root {
	/* Fonts */
	--font-default:"Montserrat", sans-serif;
	--font-default-size:18px;

	/* Colors */
	--color-default-font:#000000;

	--color-black:#000000;
	--color-gray1:#707070;
	--color-gray2:#5C5C5C;
	--color-gray3:#F7F7F7;
	--color-gray4:#EEEEEE;
	--color-gray5:#CCCCCC;

/*
	--color-red1:#F9003B;
*/
	--color-red1:#E6003B;

	--color-red2:#A41033;
	--color-blue:#3598ED;
	--color-orange:#FFA620;
	--color-white:#FFFFFF;

	--color-hover-a:#FF8CA7;

	--color-hover-btn-red:#FF8CA7;
	--color-hover-btn-blue:#78C1FF;
	--color-hover-btn-gray1:#C5C5C5;
	--color-hover-btn-gray2:#DADADA;
}



/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	font-family: var(--font-default);
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:var(--font-default-size);
	color: var(--color-default-font);

	background-color:var(--color-black);
	scroll-behavior: smooth;

	position:relative;
}

main {
	background-color:var(--color-white);
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

main {
	margin-top:65px;
}

}


a {
	color: var(--color-red1);
	text-decoration: none;
}

a:hover {
	color: var(--color-hover-a);
	text-decoration: none;
}

h1 {
	font-weight:600;
	font-size:26px;
}
h2 {
	font-weight:600;
	font-size:20px;
}
h3 {
	font-weight:700;
	font-size:24px;
}
h4 {
	font-weight:600;
	font-size:18px;
}
h5 {
	font-size:14px;
}

p {

}

i {
	font-size:20px;
}

table {
	width:100%;
	border-collapse: collapse;
	border:none;
}

table th {
	width:25%;
	font-weight:600;
	padding:2rem;
	vertical-align:top;
}

table td {
	padding:2rem;
	vertical-align:top;
}

.extable {
	background-color:#EEEEEE;
	border-radius:10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

table th,table td {
	width:100%;
	padding:1rem;
	display:block;
}

}


select {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
}

input[type=text],input[type=password],input[type=date] {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
}




/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/

.errorMsg{
	color:var(--color-red1);
}

.spacer {
	padding-bottom:4rem;
}

.tbform th {
	font-weight:400;
}

.btn {
	width:100%;
	height:50px;

	color:var(--color-white);
	font-size:23px;
	font-weight:600;

	border:none;

	display:block;
}
.btn:hover,.btn:active {
	color:var(--color-white) !important;
}

.btn-red {
	background-color: var(--color-red1);
}
.btn-red:hover,.btn-red:active {
	background-color: var(--color-hover-btn-red) !important;
}

.btn-blue {
	background-color: var(--color-blue);
}
.btn-blue:hover,.btn-blue:active {
	background-color: var(--color-hover-btn-blue) !important;
}

.btn-gray {
	background-color: var(--color-gray2);
}
.btn-gray:hover,.btn-gray:active {
	background-color: var(--color-hover-btn-gray1) !important;
}

.btn-gray2 {
	background-color: var(--color-gray4);
}
.btn-gray2:hover,.btn-gray2:active {
	background-color: var(--color-hover-btn-gray2) !important;
}

.btn-ng {
	width:100%;
	height:50px;

	color:var(--color-red1);
	font-size:23px;
	font-weight:600;

	text-align:center;
	line-height:50px;

	border:none;
	border-radius:5px;
	background-color: var(--color-gray4);

	cursor:default;

	display:block;
}
.btn-ng:hover,.btn:active {
	color:var(--color-red1);
	background-color: var(--color-gray4);
}



.list1 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: repeat(1,1fr);


}

.list1 li {
	padding: 10px;
	margin: 10px;

	background-color:var(--color-gray4);
	border-radius:10px;

	cursor: pointer;
}

.list1 li:hover {
	background-color:var(--color-hover-btn-red);
}

.list1 .list1sec {
	background-color:var(--color-hover-btn-red);
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list1 {
	display: block;
}

.list1 li {
	margin: 15px 0 15px 0;
}

}

.list2 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 3fr;


}

.list2 li {
	padding: 10px;
	margin: 10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list2 {
	display: block;
}

.list2 li {
	margin: 15px 0 15px 0;
}

}

.viewmore{
	color:var(--color-gray1);
}
.viewmore a{
	color:var(--color-gray1);
}
.viewmore a:hover{
	color:var(--color-red1);
}
.viewmore i{
	font-size:16px;
	font-weight:500;
}

.item{
	padding:0 5px;
	cursor: pointer;
}
.item div{
	border-radius:10px;
	overflow:hidden;
	position:relative;
}

.item div img{
	width:100%;
	height:auto;
}

.item div img:hover{
	animation:imgzoom 0.5s ease-in-out forwards;
}

@keyframes imgzoom {
	100% {
		transform:scale(1.05)
	}
}


.item_mark{
	width:100%;
	padding:0;
	left:0;
	top:0;

	font-size:12px;
	color:var(--color-white);
	font-weight:800;
	text-align:center;

	position:absolute;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.item_mark li{
	height:32px;
	padding:3px 0;
	line-height:25px;
}
.item_mark .cnew{
	background-color:var(--color-red1);
}
.item_mark .cpre{
	background-color:var(--color-blue);
}
.item_mark .cpick{
	background-color:var(--color-orange);
}
.item span{
	height:32px;
	padding:3px 12px;
	left:0;
	bottom:0;
	font-size:14px;
	color:var(--color-white);
	font-weight:800;
	line-height:25px;
	background-color:var(--color-red1);

	position:absolute;
	z-index:100;
}

.item i{
	right:10px;
	bottom:0;

	font-size:27px;
	color:var(--color-red1);

	position:absolute;
	z-index:100;
}

.item h1{
	margin-top:8px;
	font-size:16px;
}
.item h2{
	margin-top:8px;
	font-size:14px;
	color:var(--color-gray1);
}
.item p{
	margin-top:8px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:600;
	color:var(--color-red1);
}


#errorMsgBox ul {
	width:100%;
	padding:25px;

	color:var(--color-red1);
	list-style-type:none;

	border-radius:10px;
	background-color:#EEEEEE;
}

#errorMsgBox li {
	display:block;
}

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/

.bg {
	background-color:var(--color-gray3);
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/

#modalCover {
	width:100%;
	height:100%;

	left:0;
	top:0;

	position:fixed;
	z-index:2000;

	display:none;
}

#modalBack {
	width:100%;
	height:100%;

	left:0;
	top:0;

	opacity:0.4;
	background-color:var(--color-black);

	position:fixed;
	z-index:10;
}

.modalDef {
	max-height:80%;
	position:relative;
	z-index:100;
	display:none;

}

.modalDef h1 {
	margin-left:14px;

}

/* for xs sm md -991px smartphone */
@media(max-width: 991px) {

.modalDef h1 {
	margin-left:3px;

}

}

.modalDefIn {
	max-height:80vh;
	border-top:6px solid var(--color-red1);
	border-bottom:6px solid var(--color-red1);
	border-radius:10px;

	background-color:var(--color-white);

	overflow-y:auto;

	position:relative;
}

.modelCloseBtn {
	right:21px;
	top:11px;
	position:absolute;
	cursor: pointer;
}


#modalCurrencyList {
	grid-template-columns: repeat(3,1fr);
}

#modalCurrencyList li i {
	margin-right:11px;
}

#modalSearchTitlesList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchArtistList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchWriterList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchGenreList {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchCategoryTitle {
	grid-template-columns: repeat(2,1fr);
}
#modalSearchCategoryTitle li {
	padding-left:0;
	padding-right:0;
	border-color:var(--color-gray1) 1px solid;
	background-color:unset;
}
#modalSearchCategoryList {
	grid-template-columns: repeat(2,1fr);
}

#modalSearchKeywordList {
	grid-template-columns:2fr 1fr;
}
#modalSearchKeywordList li {
	margin-left:0;
	margin-right:0;
	background-color:unset;
}

#modalMessage {
	width:100%;
	height:100%;

	left:0;
	top:0;

	position:fixed;
	z-index:2000;

	display:none;
}

#modalMessage p {
	margin:0;
}


/*--------------------------------------------------------------
# SpMenu
--------------------------------------------------------------*/

#spmenuBack {
	width:100%;
	height:100%;
	left:0;
	top:0;

	background-color:#000000;
	opacity:0.6;

	position:fixed;
	z-index:1000;

	display:none;
}

#spmenuBase {
	width:400px;
	height:100%;
	left:-400px;
	top:0;

	overflow-y: scroll;

	background-color:#000000;

	position:fixed;
	z-index:2000;

}

#spmenuArea {
	width:100%;
	height:auto;

	color:#FFFFFF;
}

#spmenuArea a {
	color:#FFFFFF;
}

#spmenuArea a:hover {
	color:#FFFFFF;
}

#spmenuArea ul {
	width:100%;
	padding:0 15px 10px 15px;
	list-style:none;
}

#spmenuArea #fst {
	margin-top:22px;
}

#spmenuArea li {
	margin-bottom:11px;
}

#spmenuArea ul .tp {
	border-bottom:1px solid #FFFFFF;
}

#spmenuArea #snsmark i {
	font-size:26px;
	margin-right:23px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width: 100vw;
	height: 100vh;
	top: 0;

	background-color: #fff;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index:3000;

	display: flex;
}

#preloaderMark {
	opacity:0;
	animation: blink 1.5s infinite linear;
}

#preloaderMark img {
	width:100%;
	height:100%;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width: 100vw;
	height: 100vh;
	top: 0;

	background-color: #fff;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index:3000;

	display: flex;
}

#preloaderMark {
	opacity:0;
	animation: blink 1.5s infinite linear;
}

#preloaderMark img {
	width:100%;
	height:100%;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}



/*--------------------------------------------------------------
# PagetopLink
--------------------------------------------------------------*/

#page-top {
	right:30px;
	bottom:30px;

	opacity: 0;
	transform: translateY(100px);

	position: fixed;
	z-index: 1000;

}

#page-top a{
	width: 60px;
	height: 60px;

	color: #FFFFFF;

	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;

	display: flex;
	justify-content:center;
	align-items:center;

	background-color:var(--color-red2);
	border-radius: 5px;
	transition:all 0.3s;
}

#page-top a:hover{
	background-color:var(--color-red1);
}



#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 1;
		transform: translateY(100px);
	}
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

#page-top a:hover{
	background-color:var(--color-red2);
}

}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
	left:0;
	top:0;
	background-color: var(--color-black);
	margin:0;
	padding:0;
	color:#FFFFFF;
}

header a {
	color:#FFFFFF;
}

header a:hover {
	color: var(--color-hover-a);
}

#mainmenu {
	height:65px;
	font-size:16px;
	font-weight:600;
	position:relative;
}

#spmenu {
	width:65px;
	height:65px;
	left:0;
	top:0;
	position:absolute;
	cursor: pointer;
}

#spmenu i {
	font-size:35px;
}

#spmenu #mark {
	width:43px;
	left:15px;
	top:16px;
	position:absolute;
	z-index:10;
}

#logo {
	width:136px;
	height:100%;
	left:0;
	top:0;
	margin-left:50px;
	position:absolute;
}

#logo img{
	height:100%;
}

#mainmenu ul {
	height:65px;
	right:296px;
	top:0;
	padding:0;
	display: table;
	list-style:none;
	position:absolute;

}

#mainmenu li{
	height:100%;
	padding:0 15px;
	text-align:center;
	line-height:65px;
	display: table-cell;
	float:left;
}

#currency #flagi {
	width:20px;
	height:20px;
	border-radius:50%;
}

#currency {
	width:130px;
	height:65px;
	right:166px;
	top:0;
	position:absolute;
}

#currency p {
	left:20px;
	top:15px;
	padding:1px 5px;
	border-radius:10%;
	border:1px solid #FFFFFF;
	position:absolute;
	cursor: pointer;
}
#currency p:hover {
	color:var(--color-hover-btn-red);
}

#spsearch {
	width:65px;
	height:65px;
	right:65px;
	top:0;
	position:absolute;
	cursor: pointer;
}

#spsearch i {
	font-size:35px;
}

#spsearch #spsearchMark {
	width:43px;
	left:15px;
	top:17px;
	position:absolute;
	z-index:10;
}


#cart {
	width:166px;
	height:65px;
	right:0;
	top:0;
	position:absolute;
	background-color: var(--color-red2);
	cursor: pointer;
}

#cart i {
	font-size:35px;
}

#cart #cartMark {
	width:43px;
	height:53px;
	left:15px;
	top:8px;
	position:absolute;
	z-index:10;
}

#cart #cartText {
	right:10px;
	top:9px;
	position:absolute;
	z-index:20;
}

#cart #cartNum {
	width:0px;
	height:0px;
	left:32px;
	bottom:18px;
	padding:3px;
	font-size:13px;
	color:var(--color-red2);
	text-align:center;
	line-height:17px;
	border-radius:50%;
	position:absolute;
	z-index:30;
	background-color: var(--color-white);
	opacity:0;
}


#searchmenu {
	height:65px;
	font-size:20px;
	font-weight:600;
	background-color: var(--color-red1);
	overflow:hidden;
}

#searchmenuNav{
	height:100%;
}

#searchmenuNav ul{
	width:100%;
	height:100%;
	margin: auto;

	display: table;
	list-style:none;
}

#searchmenuNav li{
	width:17%;
	height:100%;
	border-left:solid 1px #FFFFFF;
	text-align:center;
	line-height:65px;
	display: table-cell;
	cursor: pointer;
	float:left;
}

#searchmenuNav li:hover {
	background-color:var(--color-red2);
}

/* for lg 992px-1199px pc */
@media(min-width: 992px) and (max-width: 1199px) {

#searchmenuNav .fontchg {
	font-size:16px;
}

}


#searchmenuNav .snavBtn{
	width:7.5%;
	background-color: var(--color-red2);
}
#searchmenuNav .snavBtn:hover{
	background-color: var(--color-red1);
}

#searchmenuNav .snavBtn i{
	font-size:36px;
	margin-top:13px;
}

#searchmenuNav .last{
	border-right:solid 1px #FFFFFF;
}


/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

header {
	position:fixed;
	z-index:100;
}

#mainmenu {
	height:65px;
}

#logo {
	left:65px;
	margin-left:0;
}

#currency {
	width:71px;
	right:130px;
}

#currency p {
	left:6px;
	top:17px;
	padding:0;
	border:none;
}

#flagi {
	display:none;
}

#cart {
	width:65px;
}

}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	background-color: var(--color-black);
	color:#FFFFFF;
}

footer a {
	color:#FFFFFF;
}

footer a:hover {
	color: var(--color-hover-a);
}

#footerTop{
	height:150px;
	background-color: var(--color-red1);
}
#footerTopIn{
	height:100%;
	position:relative;
}

#footerTopIn #chara{
	width:297px;

	left:0;
	bottom:0;

	position:absolute;
}

#footerTopIn ul{
	width:calc(100% - 235px);
	height:130px;
	right:0;
	top:10px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	list-style:none;
	position:absolute;
}

#footerTopIn li{
	height:130px;
	text-align:center;
	line-height:130px;
	border-left:solid 1px #FFFFFF;
	cursor: pointer;
}

#footerTopIn li img:hover{
	filter: brightness(120%);
}

#footerTopIn .fst{
	border-left:none;
}

/* for lg 992px-1199px pc */
@media(min-width: 992px) and (max-width: 1199px) {

#footerTopIn li img{
	width:80%;
}

}

#footerBottom{
	height:auto;
	color:#FFFFFF;
}

#footerBottomIn{
	height:100%;
	position:relative;
}

#footerBottomIn hr{
	color:#FFFFFF;
}

#footerBottomInTop{
	height:220px;
}

#footerBottomInTop i{
	margin-right:15px;
}


/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

#footerTop{
	height:300px;
}

#footerTopIn ul{
	width:100%;
	height:300px;

	top:0;

	display:grid;
	grid-template-columns:1fr 1fr 1fr;

	position:relative;
}

#footerTopIn li{
	border:none;
}

#footerTopIn li img{
	margin-top:10px;
}

#footerBottom{
	height:auto;
	padding-bottom:98px;
}

#footerBottomInTop{
	height:auto;
}

}


/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/

#topimage div {
	padding-left:0;
	padding-right:0;
}

#information li {
	margin:5px 0;
	padding:5px 0;
}

#special {
	max-width:1600px;
	margin:0 auto;
}

#special div>div>div {
	text-align:center;
}

#special img {
	border-radius:10px;
}

#special img:hover{
	filter: brightness(110%);
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/

#faq dl {
	width:100%;
	margin:10px 0;
	padding:15px;
	background-color:var(--color-gray4);
	border-radius:10px;
}

#faq dt {
	font-weight:400;
	position:relative;
	cursor: pointer;
}

#faq dt .faqIcon {
	right:16px;
	bottom:0;
	color:var(--color-default-font);
	position:absolute;

	transform: rotate(0deg);
	transition: transform 0.5s;
}


#faq dd {
	padding-top:15px;
	display:none;
}

#faq dl dt i{
	margin-right:7px;
}


/*--------------------------------------------------------------
# detail
--------------------------------------------------------------*/

#detail th {
	padding:1rem 0;
}

#detail td {
	padding:1rem 0;
}

#detail .item_mark {
	width:300px;
	left:unset;
	top:unset;
	position:relative;
}

#dprice_def {
	text-decoration:line-through;
}

#ddispar {
	margin-left:8px;
	padding:1px 15px;
	color:var(--color-white);
	border-radius:10px;
	background-color:var(--color-red1);
}

#dprice {
	margin-top:4px;
	font-size:30px;
	font-weight:600;
	color:var(--color-red1);
	display:block;
}

#dsec {
	max-width:155px;
	font-size:25px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#detail .wishMark {
	font-size:30px;
	display:block;
}

#detailImage1 {
	height:650px;
	background-color:#f5f5f5;
}

#detailImage2 {
	height:150px;
	background-color:#f5f5f5;
}

#detailImage1 img,
#detailImage2 img {
	height:100%;
}

#detailImage1 .swiper-button-prev,
#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-prev,
#detailImage2 .swiper-button-next {
	width:34px;
	height:150px;
	margin-top:-75px;
	color:var(--color-white);
	background-color:#CCCCCC;
}

#detailImage1 .swiper-button-prev,
#detailImage2 .swiper-button-prev {
	left:0;
}

#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-next {
	right:0;
}

/*for -xl -1399px pc */
@media(max-width: 1399px) {

#detailImage1 .swiper-button-prev,
#detailImage1 .swiper-button-next,
#detailImage2 .swiper-button-prev,
#detailImage2 .swiper-button-next {
	display:none;
}

}

/*--------------------------------------------------------------
# cartdef
--------------------------------------------------------------*/

#cartdef #leftbox img{
	border-radius:10px;
}

#cartdef #leftbox table th,#cartdef #leftbox table td{
	padding:0.3rem;
}

#cartdef #leftbox table th{
	width:35%;
}

#cartdef #leftbox .cartstag{
	width:auto;
	height:26px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#cartdef #leftbox .extxt{
	font-size:13px;
	color:var(--color-red1);
}

#cartdef #rightbox{
	height:256px;
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#cartdef #rightbox h2{
	padding:1rem;
}

#cartdef #rightbox table td{
	padding:1rem;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#cartdef #rightbox table th,#cartdef #rightbox table td{
	width:auto;
	display:table-cell;
}

}

/*--------------------------------------------------------------
# logindef
--------------------------------------------------------------*/

#logindef table th {
	vertical-align:middle;
}

#logindef .cbox{
	border:1px solid #444444;
	border-radius:10px;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#logindef table th {
	text-align:left;
}

}

/*--------------------------------------------------------------
# signupdef
--------------------------------------------------------------*/

#signupdef table th {
	vertical-align:middle;
}

#signupdef table td {
	text-align:left;
}

#signupdef .cbox{
	border:1px solid #444444;
	border-radius:10px;
}

#signupdef p {
	margin:0;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#signupdef table th {
	text-align:left;
}

}


/*--------------------------------------------------------------
# deliverydef
--------------------------------------------------------------*/

#deliverydef #abookBox{
	background-color:#EEEEEE;
	border-radius:10px;
}

#deliverydef #leftbox th{
	vertical-align:middle;
}

#deliverydef #leftbox th,#deliverydef #leftbox td{
	padding:1rem;
}

#deliverydef #leftbox td p{
	margin:0;
	color:var(--color-red1);
}

#deliverydef #rightbox{
	height:160px;
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#deliverydef #rightbox h2{
	padding:1rem;
}

#deliverydef #rightbox table td{
	padding:1rem;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#deliverydef #rightbox table th,#deliverydef #rightbox table td{
	width:auto;
	display:table-cell;
}

}

/*--------------------------------------------------------------
# checkoutdef
--------------------------------------------------------------*/

#checkoutdef #cout_address th{
	vertical-align:middle;
}

#checkoutdef #cout_address th,#checkoutdef #cout_address td{
	padding:1rem;
}

#checkoutdef #cout_address td p{
	margin:0;
	color:var(--color-red1);
}


#checkoutdef .cout_item img{
	border-radius:10px;
}

#checkoutdef .cout_item th,#checkoutdef .cout_item td{
	padding:0.3rem;
}

#checkoutdef .cout_item th{
	width:35%;
}

#checkoutdef .cout_item .cartstag{
	width:auto;
	height:26px;
	border:1px solid var(--color-red1);
	border-radius:5px;
	text-align-last:center;
}

#checkoutdef .cout_item .extxt{
	font-size:13px;
	color:var(--color-red1);
}



#checkoutdef #rightbox > div{
	background-color:#EEEEEE;
	border:0;
	border-radius:10px;
}

#checkoutdef #rightbox h2{
	padding:1rem;
}

#checkoutdef #rightbox table td{
	padding:1rem;
}

/*--------------------------------------------------------------
# account
--------------------------------------------------------------*/

#account #leftbox ul {
	width:100%;
	padding:0;
	list-style:none;

	background-color:#EEEEEE;
	border-radius:10px;
}

#account #leftbox li {
	margin:0;
	padding:18px 0 18px 30px;
	font-weight:600;
}

#account #leftbox li:hover {
	color:#FFFFFF;
	background-color:var(--color-red1);
	cursor: pointer;
}

#account #leftbox .sen {
	color:#FFFFFF;
	background-color:var(--color-red1);
}

#account #leftbox .st {
	border-radius:10px 10px 0 0;
}

#account #leftbox .ed {
	border-radius: 0 0 10px 10px;
}

#account #rightbox th,#account #rightbox td {
	padding:2rem 0;
}

/*for -md -991px pc */
@media(max-width: 991px) {

#account #rightbox th,#account #rightbox td {
	width:auto;
	display:table-cell;
}

}