@charset"UTF-8";

/*==============================
	Layout
==============================*/
/*Footer*/
#outline + #Load-footer { margin-top:4em; }


/*Item-page*/
#main-column > #itemDetail-wrap { max-width:none; }
#itemDetail-cont { max-width:1000px; }


#outline { padding-top:3px; }


/*img*/
#outline img { width:100%; }


/*anybot*/
#anybot { position:fixed; bottom:70px!important; z-index:50!important; }
@media screen and (max-width:767px) {
#anybot { bottom:60px!important; }
}



/*==============================
	Common
==============================*/
#zia-care { font-size:1.2em; color:#555; }
#zia-care .flexbox { display:flex; flex-wrap:wrap; }
#zia-care picture { display:block; }

#zia-care .inline { width:calc(100% - 2em); max-width:1200px; margin:auto; }

#zia-care input,
#zia-care select { -webkit-appearance:none; }

#zia-care div.guide {
	width:calc(100% - 2em);
	max-width:1200px;
	margin:2em auto 0;
	text-align:right;
	font-size:.9em;
	line-height:1.4em;
}
#zia-care div.guide a {
	position:relative;
	padding:.6em 1.4em .6em .6em;
	line-height:1.4em;
	color:#fff;
	background:#043c78;
	border-radius:.2em;
}
#zia-care div.guide a:after {
	position:absolute;
	top:.75em;
	right:.6em;
	content:'';
	display:block;
	width:.8em;
	height:.8em;
    background:url(/svg/i-link-ext_white.svg) 100% / contain no-repeat;
	border:none;
	transform:none;
}
#zia-care div.guide a:hover { color:#043c78; background:none; border:1px solid; }
#zia-care div.guide a:hover:after { background-image:url(/svg/i-link-ext_navy.svg); }


@media screen and (max-width:767px) {
#zia-care { font-size:1.1em; }
}

@media screen and (max-width:500px) {
#zia-care { font-size:1em; }
}

@media screen and (max-width:370px) {
#zia-care div.guide { margin-right:.4em; font-size:.8em; }
#zia-care div.guide a { padding:.6em 1.2em .6em .4em; }
}



/*==============================
	Title
==============================*/
#zia-care h2 {
	margin:0 auto 1em;
	text-align:center;
	font-size:1.8em;
	line-height:1.6em;
	word-break:keep-all;
	word-wrap:break-word;
}
#zia-care h2 i {
	font-family:'Noto Sans JP';
	margin-right:.2em;
	font-size:1.2em;
	font-style:normal;
	letter-spacing:2px;
	color:#1a4e9e;
}
#zia-care h2 strong { margin-right:.2em; text-shadow:0 0 #fff, 3px 3px #fff; }


@media screen and (max-width:767px) {
#zia-care h2 i { display:block; margin:0; }
#zia-care h2 strong { text-shadow:0 0 #fff, 2px 2px #fff; }
}

@media screen and (max-width:600px) {
#zia-care h2 { font-size:1.6em; }
}

@media screen and (max-width:400px) {
#zia-care h2 { font-size:1.5em; }
}



/*==============================
	Catch
==============================*/
#zia-care > p {
	margin:.6em auto;
	text-align:center;
	font-size:.9em;
	line-height:1.4em;
	font-weight:500;
	word-break:keep-all;
	word-wrap:break-word;
}


@media screen and (max-width:767px) {
#zia-care > p { font-size:.8em; }
}

@media screen and (max-width:600px) {
#zia-care > p { font-size:.7em; }
}

@media screen and (max-width:500px) {
#zia-care > p { margin:.6em; text-align:left; font-size:.6em; line-height:1.6em; }
}

@media screen and (max-width:370px) {
#zia-care > p { font-size:.5em; }
}



/*==============================
	Sec01
==============================*/
#zia-care > #section01 { padding-bottom:8em; }

#zia-care > #section01 p.sale {
  position:relative;
	text-align:center;
	font-size:1.2em;
	font-weight:500;
	letter-spacing:.1em;
	color:#fff;
	background:#e4545a;
}

#zia-care > #section01 .flexbox {
 position:relative;
	justify-content:center;
	align-items:center;
	margin-bottom:1.6em;
	padding:1em 0 6em;
	font-size:2.4em;
	background:url(/item/spray/zia-care/img/main-visual.jpg) bottom center / cover no-repeat;
	background:url(/item/spray/zia-care/img/main-visual.webp) bottom center / cover no-repeat;
	overflow:hidden;
}
#zia-care > #section01 h1 {
	position:absolute;
	top:2em;
 right:auto;
 left:auto;
	width:12.4em;
	text-align:center;
 font-weight:600;
	line-height:2em;
	text-shadow:0 0 #fff, 3px 3px #fff;
}
#zia-care > #section01 h1 strong { display:block; font-size:1.4em; }
#zia-care > #section01 h1 i {
	font-family:'Noto Sans JP';
	display:block;
	font-size:1.4em;
	font-style:normal;
	letter-spacing:2px;
	color:#1a4e9e;
}
#zia-care > #section01 h1 + picture { position:relative; right:-8em; width:260px; transform:rotate(20deg); }
#zia-care > #section01 h1 + picture img { display:block; width:100%; }
#zia-care > #section01 .price-area {
	width:100%;
	margin:1em auto 0;
	text-align:center;
	font-size:.5em;
	line-height:1.6em;
}
#zia-care > #section01 .price-area del {}
#zia-care > #section01 .price-area span {
	display:block;
}

#zia-care > #section01 > p {
	text-align:center;
	font-size:1.6em;
	font-weight:700;
	line-height:1.8em;
	word-break:keep-all;
	word-wrap:break-word;
}
#zia-care > #section01 p br { display:none; }
#zia-care > #section01 p strong { margin:0 .2em; color:#00b1ae; }

#zia-care > #section01 ul {
	width:calc(100% - 2em);
	max-width:18.6em;
	margin:3em auto 0;
	font-size:1.2em;
}
#zia-care > #section01 li { position:relative; padding-left:1.6em; line-height:1.6em; }
#zia-care > #section01 li:nth-of-type(n+2) { margin-top:1em; }
#zia-care > #section01 li:before,
#zia-care > #section01 li:after { content:''; display:block; position:absolute; }
#zia-care > #section01 li:before {
	top:.3em;
	left:0;
	width:1em;
	height:1em;
	border:1px solid;
}
#zia-care > #section01 li:after {
	top:.3em;
	left:.2em;
	width:1em;
	height:.4em;
	border-left:2px solid #00b1ae;
	border-bottom:2px solid #00b1ae;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}


@media screen and (min-width:1701px) {
#zia-care > #section01 .flexbox { padding-top:3em; }
}

@media screen and (max-width:1200px) {
#zia-care > #section01 { padding-bottom:6em; font-size:.9em; }
#zia-care > #section01 h1 + picture { width:180px; }
}

@media screen and (max-width:1000px) {
#zia-care > #section01 h1 + picture { top:3em; right:-7em; }
#zia-care > #section01 p.sale:after { text-align:right; }
}

@media screen and (max-width:800px) {
#zia-care > #section01 .flexbox { font-size:2em; }
#zia-care > #section01 h1 { text-shadow:0 0 #fff, 2px 2px #fff; }
#zia-care > #section01 h1 + picture { width:140px; }
#zia-care > #section01 p { font-size:1.4em; }
#zia-care > #section01 ul { margin:2em auto 0; }
}

@media screen and (max-width:700px) {
#zia-care > #section01 { padding-bottom:5em; }
#zia-care > #section01 .flexbox { padding:2em 0 10em; }
#zia-care > #section01 h1 { width:100%; line-height:2.2em; }
#zia-care > #section01 h1 i { display:inline-block; margin-right:.1em; font-size:1.1em; }
#zia-care > #section01 h1 + picture { top:6em; right:auto; display:block; margin:auto; }
#zia-care > #section01 p br { display:block; }
}

@media screen and (max-width:400px) {
#zia-care > #section01 { padding-bottom:4em; }
#zia-care > #section01 .flexbox { font-size:1.6em; }
#zia-care > #section01 h1 i { display:block; margin-right:0; font-size:1.2em; }
#zia-care > #section01 h1 + picture { top:7em; width:120px; }
#zia-care > #section01 ul { margin:1.6em auto 0; }
}

@media screen and (max-width:370px) {
#zia-care > #section01 p.sale { font-size:1.2em; letter-spacing:1px; }
#zia-care > #section01 p.sale:after { font-size:12px; }
#zia-care > #section01 .flexbox { font-size:1.4em; }
#zia-care > #section01 ul { font-size:1em; }
}


/*Edge*/
@supports (-ms-ime-align:auto) {
#zia-care > #section01 .flexbox { padding:6em 0 6em!important; font-size:1.2em!important; }
#zia-care > #section01 h1 { top:-2em!important; }
}



/*==============================
	Sec02
==============================*/
#zia-care > #section02 { position:relative; margin:auto; padding:3em 0 2em; background:#e7f8ff; }
#zia-care > #section02:before,
#zia-care > #section02:after { position:absolute; content:''; width:100%; height:4.8vw; }
#zia-care > #section02:before {
	top:-4.8vw;
	background:url(../../../img/item/spray/zia-care/sec02_bg_top.png) top left / 100% no-repeat;
}
#zia-care > #section02:after {
	bottom:-4.8vw;
	background:url(../../../img/item/spray/zia-care/sec02_bg_btm.png) top left / 100% no-repeat;
}

#zia-care > #section01 h2 br { display:none; }

#zia-care > #section02 .inline > p { text-align:center; line-height:1.8em; }
#zia-care > #section02 .inline > p br { display:none; }

#zia-care > #section02 .flexbox { margin-top:1em; padding:1em; }
#zia-care > #section02 .flexbox h3 {
	width:100%;
	margin-bottom:1em;
	padding:.8em 1em;
	text-align:center;
	font-size:1.2em;
	letter-spacing:1px;
	background:#fff;
}
#zia-care > #section02 .flexbox img { width:460px; }
#zia-care > #section02 .flexbox p {
	width:calc(100% - 460px - 2em);
	margin-left:2em;
	line-height:2em;
}


@media screen and (max-width:1000px) {
#zia-care > #section02 .flexbox { display:block; }
#zia-care > #section02 .flexbox:after { content:''; display:table; clear:both; }
#zia-care > #section02 .flexbox p { width:100%; margin:auto; }
#zia-care > #section02 .flexbox img { float:right; width:40%; margin:0 0 .2em .4em; }
}

@media screen and (max-width:767px) {
#zia-care > #section02 .flexbox p { line-height:1.6em; }
}

@media screen and (max-width:600px) {
#zia-care > #section02 { padding:2em 0 1em; }
}

@media screen and (max-width:500px) {
#zia-care > #section01 h2 br { display:block; }
#zia-care > #section02 .flexbox { padding:1em .6em; }
#zia-care > #section02 .flexbox img {
	float:none;
	display:block;
	width:calc(100% - 2em);
	max-width:350px;
	margin:0 auto 1em;
}
}

@media screen and (max-width:450px) {
#zia-care > #section02 .inline > p br { display:block; }
}

@media screen and (max-width:370px) {
#zia-care > #section02 .flexbox { padding:1em 0; }
}



/*==============================
	Sec03
==============================*/
#zia-care > #section03 { padding-top:8em; }
#zia-care > #section03 p { line-height:1.8em; }
#zia-care > #section03 p span {
	display:block;
	margin-top:.6em;
	font-size:.9em;
	line-height:1.6em;
}

#zia-care > #section03 > .inline { max-width:48em; }
#zia-care > #section03 > .inline > img {
	display:block;
	width:100%;
	max-width:1000px;
	margin:auto;
}
#zia-care > #section03 > .inline > img + p,
#zia-care > #section03 > .inline > p + img { margin-top:1.4em; }

#zia-care > #section03 a {
	position:relative;
	display:block;
	margin:1em 0 0 auto;
	padding-right:1.6em;
	text-align:right;
	font-size:.8em;
	line-height: 1.4em;
	color:#043c78;
}
#zia-care > #section03 a:after {
	position:absolute;
	top:.2em;
	right:.4em;
	content:'';
	display:block;
	width:.7em;
	height:.7em;
    background:url(/svg/i-link-ext_navy.svg) 100% / contain no-repeat;
	border:none;
	transform:none;
}

#zia-care > #section03 .pickup {
	max-width:800px;
	margin:2em auto 0;
	padding:2em;
	border:1em solid #f5f5f5;
}
#zia-care > #section03 .pickup h3 {
	width:100%;
	margin-bottom:1em;
	text-align:center;
	font-size:1.2em;
	letter-spacing:1px;
	background:#fff;
}
#zia-care > #section03 .pickup h3 span {
	margin-right:.4em;
	padding:0 .3em;
	font-size:.8em;
	background:#eee;
}
#zia-care > #section03 .pickup h3 span:before, #zia-care > #section03 .pickup h3 span:after { display:none; }
#zia-care > #section03 .pickup img { float:right; width:140px; }
#zia-care > #section03 .pickup p mark {
	margin:0 .2em;
	font-style:normal;
	font-weight:500;
	background:linear-gradient(transparent 80%, #eee 80%);
}

#zia-care > #section03 dl {
	margin:3em auto 0;
	padding:1.6em;
	font-size:.9em;
	background:#f5f5f5;
}
#zia-care > #section03 dt {
	margin-bottom:.8em;
	padding-bottom:.8em;
	font-weight:700;
	border-bottom:1px solid;
}
#zia-care > #section03 dd { position:relative; padding-left:1.4em; line-height:1.8em; }
#zia-care > #section03 dd + dd { margin-top:.4em; }
#zia-care > #section03 dd:before,
#zia-care > #section03 dd:after { content:''; position:absolute; width:.8em; height:.8em; }
#zia-care > #section03 dd:before { top:.4em; left:0; background:#ddd; z-index:1; }
#zia-care > #section03 dd:after { top:.6em; left:.2em; background:#fff; z-index:-1; }


@media screen and (max-width:767px) {
#zia-care > #section03 { padding-top:6em; }
#zia-care > #section03 p,
#zia-care > #section03 dd { line-height:1.6em; }
#zia-care > #section03 .pickup { padding:2em 1em; }
#zia-care > #section03 .pickup img { width:120px; }
}

@media screen and (max-width:600px) {
#zia-care > #section03 { padding-top:4em; }
#zia-care > #section03 .pickup img { width:100px; }
}

@media screen and (max-width:400px) {
#zia-care > #section03 { padding-top:4em; }
}



/*==============================
	Sec04
==============================*/
#zia-care > #section04 { padding-top:8em; }
#zia-care > #section04 p { line-height:1.8em; }

#zia-care > #section04.inline { max-width:600px; }


#zia-care > #section04 .wrap {
	margin:2em auto 0;
	padding:1.6em;
	background:#f5f5f5;
}
#zia-care > #section04 h3 {
	padding-bottom:.8em;
	text-align:center;
	font-weight:700;
	line-height:1.4em;
	border-bottom:1px solid;
}
#zia-care > #section04 h3 br { display:none; }
#zia-care > #section04 img {
	display:block;
	width:100%;
	max-width:450px;
	margin:1em auto;
}


@media screen and (max-width:767px) {
#zia-care > #section04 { padding-top:6em; }
#zia-care > #section04 p { line-height:1.6em; }
}

@media screen and (max-width:600px) {
#zia-care > #section04 { padding-top:4em; }
}

@media screen and (max-width:400px) {
#zia-care > #section04 { padding-top:4em; }
#zia-care > #section04 h3 br { display:block; }
}



/*==============================
	Spec-area
==============================*/
#zia-care > #spec-area { padding-top:4em; }

#zia-care > #spec-area h2 { text-align:center; }
#orderForm > h2 { display:none; }

#zia-care > #spec-area .flexbox {
	justify-content:space-between;
	align-items:flex-start;
	width:calc(100% - 2em);
	max-width:800px;
	margin:auto;
}
#zia-care > #spec-area .flexbox + p {
	width:calc(100% - 2em);
	max-width:800px;
	margin:0 auto 2em;
	text-align:right;
	font-size:.76em;
	line-height:1.4em;
	color:#999;
}
#zia-care > #spec-area .flexbox dl {
	width:calc(100%/3 - .6em);
	margin-bottom:1em;
	font-size:1.1em;
	line-height:1.6em;
}
#zia-care > #spec-area dt {
	text-align:center;
	margin-bottom:.8em;
	padding:.3em;
	font-weight:700;
	background:#f7f7f7;
	border-bottom:1px solid;
}
#zia-care > #spec-area dt span { display:block; font-size:.9em; }
#zia-care > #spec-area dd img {
	display:block;
	width:calc(100% - 2em);
	max-width:120px;
	margin:.8em auto;
}
#zia-care > #spec-area dd p { margin-right:.4em; text-align:right; line-height:1.6em; }
#zia-care > #spec-area dd p:first-of-type:after {
	content:'(\7A0E\8FBC)';
	margin-left:.2em;
	font-size:.7em;
}

#zia-care > #spec-area .item-spec {
	width:calc(100% - 2em);
	max-width:800px;
	margin:0 auto 2em;
	padding:0;
	font-size:.8em;
	background:none;
}
#zia-care > #spec-area .item-spec dt {
	margin-bottom:.8em;
	padding:.6em;
	background:#f7f7f7;
	border-bottom:1px solid;
}
#zia-care > #spec-area .item-spec dt:nth-of-type(n+2) { margin-top:1.6em; }
#zia-care > #spec-area .item-spec dd { line-height:1.4em; }
#zia-care > #spec-area .item-spec dd:nth-of-type(n+2) { margin-top:.8em; }
#zia-care > #spec-area .item-spec dd.info { font-size:.9em; }
#zia-care > #spec-area .item-spec dd + dd.info { margin-top:.4em; line-height:1.6em;  }

#zia-care > #spec-area .flexbox dl.display-none {
	position:relative;
	background:rgba(0,0,0,.3);
	color:#777;
}
#zia-care > #spec-area .flexbox dl.display-none:before {
	content:'\6E96\5099\4E2D';
	position:absolute;
	top:calc(50% - .6em);
	left:calc(50% - 2em);
	padding:.1em .5em;
	color:#fff;
	background:rgba(0,0,0,.6);
	z-index:1;
}
#zia-care > #spec-area .flexbox dl.display-none img { opacity:.6; }


@media screen and (max-width:900px) {
#zia-care > #spec-area dl { font-size:1em; }
}

@media screen and (max-width:767px) {
#zia-care > #spec-area { padding-top:3em; }
}

@media screen and (max-width:600px) {
#zia-care > #spec-area .flexbox dl { font-size:.9em; }
}

@media screen and (max-width:450px) {
#zia-care > #spec-area .flexbox + p { text-align:left; }
#zia-care > #spec-area .flexbox dl { font-size:.8em; }
#zia-care > #spec-area dd p { margin-right:.8em; }
#zia-care > #spec-area dd img { width:calc(100% - 3em); max-width:120px; }
}

@media screen and (max-width:400px) {
#zia-care > #spec-area { padding-top:2.6em; }
}

@media screen and (max-width:350px) {
#zia-care > #spec-area .flexbox dl { font-size:.7em; }
}



/*==============================
	Link-area
==============================*/
#link-area { width:calc(100% - 2em); max-width:1000px; margin:auto; font-size:.9em; }

#link-area a {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	width:100%;
	max-width:700px;
	margin:auto;
	padding:1.6em 2em;
	background:linear-gradient(30deg, #f2f6fd, #cfdef7);
}
#link-area a:after { display:none; }

#link-area .flexbox { margin-bottom:1em; }
#link-area .text { width:calc(100% - 200px - 1em); margin-right:1em; }

#link-area h3 {
	width:100%;
	margin-bottom:1em;
	text-align:center;
	font-size:1.2em;
	line-height:1.2em;
	color:#1a4e9e;
}
#link-area h3 span { font-size:1.1em; }

#link-area img { display:block; width:200px; margin-right:1em; }

#link-area p { width:calc(100% - 200px - 1em); line-height:1.4em; word-break:keep-all; word-wrap:break-word; }
#link-area p span { display:block; }
#link-area p span:nth-of-type(n+2) { margin-top:.6em; }

#link-area .button { width:100%; text-align:right; color:#1a4e9e; }
#link-area .button span {
	position:relative;
	padding-right:.8em;
}
#link-area .button span:after {
	position:absolute;
	top:calc(50% + 1px);
	right:0;
	content:'';
	display:block;
	width:.4em;
	height:.4em;
	border-top:1px solid;
	border-right:1px solid;
	transform:translate(-25%,-50%) rotate(45deg);
}

@media screen and (max-width:767px) {
#link-area a { margin:auto; }
#link-area a:nth-of-type(n+2) { margin-top:2em; }
}

@media screen and (max-width:600px) {
#link-area { padding:1.4em; }
#link-area img { width:140px; }
#link-area p { width:calc(100% - 140px - 1em); }
}

@media screen and (min-width:501px) {
#link-area img { position:relative; top:-2em; margin-bottom:-2em; }
}

@media screen and (max-width:500px) {
#link-area img { width:120px; }
#link-area p { width:calc(100% - 120px - 1em); word-break:normal; word-wrap:normal; }
}

@media screen and (max-width:450px) {
#link-area img { width:100px; }
#link-area p { width:calc(100% - 100px - 1em); word-break:normal; word-wrap:normal; }
}

@media screen and (max-width:400px) {
#link-area a { display:block; padding:1.4em 1em; }
#link-area img { width:120px; margin:0 auto 1em; }
#link-area p { width:100%; }
#link-area .button { margin-top:1em; }
}



/*==============================
	Cart-area
==============================*/
#zia-care > #cart-area { margin-top:6em; }
#zia-care > #cart-area .inline { width:calc(100% - 4em); }

#zia-care > #cart-area h2 + p {
	margin-bottom:2em;
	text-align:center;
	line-height:1.6em;
	color:#de1b23;
}

#zia-care > #cart-area dl {
	width:100%;
	max-width:800px;
	margin:auto;
	padding:1.2em;
	font-size:.8em;
	background:#fff2f2;
}
#zia-care > #cart-area dl + dl { margin-top:2em; }
#zia-care > #cart-area dl:last-of-type { margin-bottom:3em; }
#zia-care > #cart-area dt { margin-bottom:.4em; padding-bottom:.4em; border-bottom:1px solid; }
#zia-care > #cart-area dt:nth-of-type(n+2) { margin-top:1em; }
#zia-care > #cart-area dt b { font-size:1.1em; }
#zia-care > #cart-area dd { line-height:1.6em; }
#zia-care > #cart-area dd b { font-weight:500; color:#de1b23; }

#zia-care > #cart-area ul { align-items:flex-start; justify-content:space-between; max-width:1000px; margin:auto; }
#zia-care > #cart-area li {
	position:relative;
	width:calc(100%/3 - 1em);
	padding:2em;
	background:#f2f6fd;
	box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
}

#zia-care > #cart-area h3 {
	margin-bottom:1em;
	padding-bottom:.6em;
	text-align:center;
	line-height:1.4em;
	border-bottom:1px solid;
}
#zia-care > #cart-area h3 span { font-size:.9em; }
#zia-care > #cart-area li img { display:block; margin:1em auto; }
#zia-care > #cart-area li.set img { width:220px; }
#zia-care > #cart-area li:not(.set) img { width:100px; }
#zia-care > #cart-area li .regular-price { text-align:right; margin-bottom:.6em; font-size:.8em; }
#zia-care > #cart-area li .regular-price:before { content:'\901A\5E38\4FA1\683C\FF1A'; }
#zia-care > #cart-area li .price { text-align:right; color:#e4545a; }
#zia-care > #cart-area li .price.cost-free:before {
	content:'\9001\6599\7121\6599';
	position:relative;
	top:-.1em;
	margin-right:.2em;
	padding:0 .2em;
	font-size:.7em;
	border:1px solid;
}
#zia-care > #cart-area li .price span { margin-left:.2em; font-size:.7em; }
#zia-care > #cart-area li .sale-price {
	margin-top:.6em;
	text-align:right;
	margin-bottom:.6em;
	color:#e4545a;
}
#zia-care > #cart-area li .sale-price b {
	display:block;
	width:10em;
	text-align:center;
	margin:0 0 .4em auto;
	padding:.2em 0;
	font-size:.8em;
	letter-spacing:1px;
	color:#fff;
	background:#e4545a;
}
#zia-care > #cart-area li .sale-price span { margin-left:.2em; font-size:.7em; }
#zia-care > #cart-area li [class^='cart-'] { margin-top:1.6em; text-align:center; }
#zia-care > #cart-area li .cart-qty:before { content:'\8CFC\5165\6570'; }
#zia-care > #cart-area li [class^='cart-'] > p { margin-bottom:.4em; text-align:left; font-size:.8em; line-height:1.4em; }
#zia-care > #cart-area li [class^='cart-'] input,
#zia-care > #cart-area li [class^='cart-'] select {
	margin:0 .2em 0 .4em;
	padding:0 .4em;
	font-size:1em;
	line-height:2em;
	letter-spacing:1px;
	border:1px solid #aaa;
	border-radius:.1em;
}
#zia-care > #cart-area li .cart-qty input { width:3em; }
#zia-care > #cart-area li .cart-qty select { width:3.4em; }
#zia-care > #cart-area li .cart-op select { width:10.8em; }
#zia-care > #cart-area li [class^='cart-'] select {
	background:url(/img/icon/arrow-b.png) center right .4em / 12px no-repeat #fff;
	box-sizing:border-box;
}

#zia-care > #cart-area input[type='submit'] {
	display:block;
	width:100%;
	max-width:10em;
	margin:1em auto 0;
	padding:.4em 0 .5em;
	font-size:1.1em;
	font-weight:700!important;
	color:#fff;
	background:#333;
	border:none;
	border-radius:5em;
	box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
	cursor:pointer;
}

#zia-care > #cart-area li.hide { position:relative; }
#zia-care > #cart-area li.hide:before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
}
#zia-care > #cart-area li.hide:after {
	position:absolute;
	top:calc(50% - .5em);
	left:0;
	content:'5/1 10:00~ 販売開始';
	width:100%;
	text-align:center;
	font-weight:700;
	color:#fff;
}


@media screen and (min-width:1001px) {
#zia-care > #cart-area li:first-of-type { display:flex; flex-wrap:wrap; width:70%; margin:0 auto 2em; }
#zia-care > #cart-area li:first-of-type h3 { width:100%; }
#zia-care > #cart-area li .wrapper { width:40%; }
#zia-care > #cart-area li .wrapper + form { width:calc(60% - 3em); margin-left:3em; }
#zia-care > #cart-area li .wrapper + form [class^='cart-'] { text-align:left; }
#zia-care > #cart-area li .wrapper + form input[type='submit'] { margin:1.6em 0 0 auto; }
}

@media screen and (max-width:1000px) {
#zia-care > #cart-area li { width:calc(100%/2 - 1em); }
#zia-care > #cart-area li.set { width:60%; margin:0 20%; }
#zia-care > #cart-area li:nth-of-type(n+2) { margin-top:2em; }
#zia-care > #cart-area li.set h3 { font-size:1.1em; }
#zia-care > #cart-area li.set input[type='submit'] { font-size:1.1em; }
#zia-care > #cart-area li:not(.set) input[type='submit'] { font-size:1em; }
}

@media screen and (max-width:767px) {
#zia-care > #cart-area { margin-top:5em; }
#zia-care > #cart-area .inline { width:calc(100% - 2em); }
#zia-care > #cart-area li { width:calc(100%/2 - .5em); padding:1.2em 1em; }
#zia-care > #cart-area li:nth-of-type(n+2) { margin-top:1.4em; }
#zia-care > #cart-area li.set img { width:180px; }
#zia-care > #cart-area li:not(.set) img { width:70px; }
#zia-care > #cart-area li .cart-qty { font-size:.95em; }
#zia-care > #cart-area li .sale-price b { letter-spacing:0; }
}

@media screen and (max-width:650px) {
#zia-care > #cart-area h2 + p { text-align:left; }
}

@media screen and (min-width:451px) and (max-width:550px) {
#zia-care > #cart-area li .cart-qty:before { display:block; margin-bottom:.6em; }
#zia-care > #cart-area li .cart-qty input { margin-left:0; }
}

@media screen and (max-width:450px) {
#zia-care > #cart-area { margin-top:4em; }
#zia-care > #cart-area li { padding:1em .8em; }
#zia-care > #cart-area li .price,
#zia-care > #cart-area li .sale-price { font-size:1.1em; }
#zia-care > #cart-area li .price.cost-free:before { margin-right:.4em; }
}

@media screen and (max-width:400px) {
#zia-care > #cart-area { font-size:.9em; }
#zia-care > #cart-area li { padding:0; background:none; box-shadow:none; }
#zia-care > #cart-area li.set { width:80%; margin:0 10% 1em; }
#zia-care > #cart-area li h3 { margin:0; padding:.6em 0; background:#f2f6fd; border:none; }
#zia-care > #cart-area li [class^='cart-'] > p { font-size:2.9vw; }
}

@media screen and (max-width:370px) {
#zia-care > #cart-area li .cart-op select { width:100%; }
}



/*==============================
	Cart-area　❖Button
==============================*/
#zia-care .button.cart-area {
	position:fixed;
	display:block;
	left:10px;
	bottom:10px;
	width:80px;
	height:80px;
	background:rgba(26,78,158,.8);
	border-radius:50px;
	z-index:50;
	transition:.4s;
}
#zia-care .button.cart-area:hover { background:rgba(26,78,158,1); }
#zia-care .button.cart-area:before {
	content:'';
	display:block;
	position:absolute;
	bottom:10px;
	left:calc(50% - 2px);
	width:10px;
	height:10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	transform:translate(-25%,-50%) rotate(45deg);
}
#zia-care .button.cart-area span {
	position:absolute;
	top:20px;
	display:block;
	width:100%;
	margin:0!important;
	padding:0!important;
	text-align:center;
	font-size:14px;
	line-height:1.2em;
	letter-spacing:1px;
	color:#fff;
	border:none!important;
}
#zia-care .button.cart-area span:after { display:none; }


@media screen and (max-width:767px) {
#zia-care .button.cart-area { bottom:10px; }
#zia-care .button.cart-area:before { display:none; }
#zia-care .button.cart-area span { top:calc(50% - 1.2em); line-height:1.4em; }
}

@media screen and (max-width:500px) {
#zia-care .button.cart-area { width:70px; height:70px; }
#zia-care .button.cart-area span { font-size:12px; }
}



/*==============================
	Cart-area　❖item-open-day
==============================*/
.item-open-day { width:100%; max-width:22em; margin:2em auto 3em; padding:.8em 0; text-align:center; color:#333; border:2px solid; }
.item-open-day span { font-size:.8em; }



/*==============================
	Page-top
==============================*/
a#page-top { right:15px!important; }


@media screen and (max-width:767px) {
a#page-top { right:22px!important; }
}

@media screen and (max-width:500px) {
a#page-top { right:16px!important; }
}