@charset "UTF-8";

/* --------------------------------------
base
-------------------------------------- */
.page-goods .block-goods-detail {
	/* width: auto;
	margin-left:0;
	margin-right: 0; */
}


.dce-wrap {
	position: relative;
	background: #fff;
	margin: 0 -50%;
	font-size: 23px;
	line-height: 1.5;
	font-feature-settings: "palt";
}

@media screen and (max-width:767px) {
	.dce-wrap {
		margin: 0 -15px;
		font-size: 16px;
	}
}


/* --------------------------------------
layout
-------------------------------------- */
.l-section {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

.l-inner {
	max-width: 1060px;
	margin: auto;
	padding: 0 15px;
}

@media screen and (max-width:767px) {
	.l-section {
		margin-top: 20px;
	}

	.l-inner {
		padding: 0 0;
		margin: 0 15px;
	}
}

/* --------------------------------------
borderBox
-------------------------------------- */
.borderBox {
	border: 2px solid #000;
	padding: 30px;
}

.borderBox-ttlWrap {
	padding: 30px;
	margin: -30px;
	margin-bottom: 0;
	text-align: center;
}

.borderBox-content {
	
}

@media screen and (max-width:767px) {
	.borderBox {
		padding: 15px;
	}

	.borderBox-ttlWrap {
		padding: 10px 15px;
		margin: -15px;
		margin-bottom: 0;
	}

	.borderBox-content {}
}


/* red01 */
.borderBox.borderBox--red01 {
	border-color: #FF7878
}
.borderBox.borderBox--red01 .borderBox-ttlWrap {
	background: #FFE1E5;
	border-bottom: 2px solid #FF7878
}


/* --------------------------------------
roundBox
-------------------------------------- */
.roundBox {
	padding: 30px;
	background: #ccc;
	border-radius: 20px;
}
/* red01 */
.roundBox.roundBox--pink01 {
	background: #F7DFEC
}

@media screen and (max-width:767px) {
	.roundBox {
		padding: 15px;
		border-radius: 10px;
	}
}

/* --------------------------------------
roundBoxBorder
-------------------------------------- */
.roundBoxBorder {
	padding: 20px;
	background: #F7DBB2;
	border-radius: 20px;
	border: 1px solid #DB5E09;
}

@media screen and (max-width:767px) {
	.roundBoxBorder {
		padding: 15px;
	}
}


/* --------------------------------------
largeBox
-------------------------------------- */
.largeBox {}

.largeBox-ttlWrap {
	background: #939393;
	text-align: center;
	padding: 10px 15px;
}

.largeBox-content {
	padding-top: 30px;
	background-color: #ccc;
}

/* brown01 */
.largeBox.largeBox--brown01 .largeBox-ttlWrap {
	background: #6F1820;
}

.largeBox.largeBox--brown01 .largeBox-content {
	background: #FFF9BB;
}

/* pink01 */
.largeBox.largeBox--pink01 .largeBox-ttlWrap {
	background: #eb6876;
}

.largeBox.largeBox--pink01 .largeBox-content {
	background: #ffc8cb;
}

/* gradation01 */
.largeBox.largeBox--gradation01 .largeBox-ttlWrap {
	background: rgb(255,250,207);
	background: radial-gradient(circle, rgba(255,250,207,1) 0%, rgba(252,221,141,1) 50%);
}
.largeBox.largeBox--gradation01 .largeBox-content {
	background: #fff;
}
/* gradation01--bgWhite */
.largeBox.gradation01--bgOrange .largeBox-ttlWrap {
	background: rgb(255,250,207);
	background: radial-gradient(circle, rgba(255,250,207,1) 0%, rgba(252,221,141,1) 50%);
}
.largeBox.gradation01--bgOrange .largeBox-content {
	background: #FFFFBE;
}

/* gradation02 */
.largeBox.largeBox--gradation02 .largeBox-ttlWrap {
	background: rgb(34, 98, 44);
	background : linear-gradient(90deg, rgb(34, 98, 44) 0.58%, rgba(13, 165, 44, 1) 7.99%, rgba(6, 81, 25, 1) 13.66%, rgba(4, 50, 12, 1) 19.19%, rgba(6, 70, 23, 1) 25.29%, rgba(0, 120, 44, 1) 29.65%, rgba(0, 67, 15, 1) 33.87%, rgba(2, 168, 21, 1) 41.57%, rgba(1, 79, 24, 1) 45.78%, rgba(0, 106, 19, 1) 53.63%, rgba(8, 42, 13, 1) 59.01%, rgba(0, 90, 24, 1) 65.12%, rgba(0, 151, 13, 1) 73.55%, rgba(0, 107, 13, 1) 81.83%, rgba(0, 67, 24, 1) 87.35%, rgba(24, 157, 28, 1) 92.88%, rgba(18, 52, 14, 1) 100%);
}
.largeBox.largeBox--gradation02 .largeBox-content {
	background: #fff;
}

@media screen and (max-width:767px) {
	.largeBox-content {
		padding-top: 20px;
	}
	.largeBox.largeBox--gradation02 .largeBox-ttlWrap {
		background-size: 200%;
	}
}



/* --------------------------------------
arrow-text-before
-------------------------------------- */
/* テキストの前に矢印追加 */
.arrow-textBefore--down::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	color: #e50111;
	line-height: 1;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-style: solid;
	border-color: transparent;
	border-width: 0.8em 0.5em;
	border-top-color: currentColor;
	border-bottom: 0;
}

.arrow-textBefore--left::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	color: #e50111;
	line-height: 1;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.8em;
	border-right-color: currentColor;
	border-left: 0;
}

@media (max-width: 768px) {

	/* テキストの後に矢印追加 SPのみ反映 */
	.s_arrow-textAfter--up::before {
		content: '';
		display: inline-block;
		color: #e50111;
		line-height: 1;
		width: 0;
		height: 0;
		margin-left: 5px;
		border-style: solid;
		border-color: transparent;
		border-width: 0.8em 0.5em;
		border-bottom-color: currentColor;
		border-top: 0;
	}
}

/* --------------------------------------
list-normal
-------------------------------------- */
.list-normal li {
	position: relative;
	padding-left: 1.1em;
}

.list-normal li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0.3em;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	background: #727171;
}

/* green01 */
.list-normal.list-normal--grenn01 li:before {
	background: #008843;
}

/* brown01 */
.list-normal.list-normal--brown01 li:before {
	background: #B28146;
}
/* orange01 */
.list-normal.list-normal--orange01 li:before {
	background: #E95513;
}

/* blue01 */
.list-normal.list-normal--blue01 li:before {
	background: #0B308E;
}

/* --------------------------------------
list-square
-------------------------------------- */
.list-square li {
	position: relative;
	padding-left: 1.1em;
}

.list-square li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 1em;
	height: 1em;
	background: #727171;
}

/* blue01 */
.list-square.list-square--blue01 li:before {
	background: #606897;
}

/* --------------------------------------
bold
-------------------------------------- */
.bold-700 {
	font-weight: 700;
}
.bold-900 {
	font-weight: 900;
}

/* --------------------------------------
text-min
-------------------------------------- */
.text-min {
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

/* --------------------------------------
text-round
-------------------------------------- */
/* .text-round {
	font-family: 'M PLUS Rounded 1c', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} */

/* --------------------------------------
text-color
-------------------------------------- */
.dce-wrap .text-color-base {
	color: #333;
}

.dce-wrap .text-color-red {
	color: #E50012;
}
.dce-wrap .text-color-orange {
	color: #FF6312;
}

.dce-wrap .text-color-pink {
	color: #fc1214;
}
.dce-wrap .text-color-shockingpink {
	color: #FF009E;
}
.dce-wrap .text-color-lightpink {
	color: #EA6DA4;
}

.dce-wrap .text-color-green {
	color: #8DC21F;
}

.dce-wrap .text-color-blue {
	color: #1d2087;
}

.dce-wrap .text-color-lightblue {
	color: #313992;
}


.dce-wrap .text-color-yellow {
	color: #FFE900;
}

.dce-wrap .text-color-seagreen {
	color: #2CA6E0;
}

.dce-wrap .text-color-white {
	color: #fff;
}

.dce-wrap .text-color-redBrown {
	color: #b83942;
}

.dce-wrap .text-color-brown {
	color: #7f3207;
}
.dce-wrap .text-color-darkbrown {
	color: #533C3A;
}
.dce-wrap .text-color-blackbrown {
	color: #231815;
}

.dce-wrap .text-color-orange {
	color: #F29600;
}

.dce-wrap .text-color-purple {
	color: #A40B5E;
}
.dce-wrap .text-color-lightpurple {
	color: #A560A2;
}

/* --------------------------------------
title-border01
-------------------------------------- */
.title-border01 {
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
	padding: 0.2em 0 !important;
}


/* --------------------------------------
text-shadow01
-------------------------------------- */
.text-shadow01 {
	text-shadow:
		 0.06em 0.06em 0.06em #fff,
		-0.06em -0.06em 0.06em #fff,
		-0.06em 0.06em 0.06em #fff,
		0.06em -0.06em 0.06em #fff,
		0.06em 0.06em 0.06em #fff,
		-0.06em -0.06em 0.06em #fff,
		-0.06em 0.06em 0.06em #fff,
		0.06em -0.06em 0.06em #fff,
		0.06em 0px 0.06em #fff,
		-0.06em 0px 0.06em #fff,
		0px 0.06em 0.06em #fff,
		0.02em -0.03em 0.1em #656565,
		0.02em -0.03em 0.1em #656565,
		0.02em -0.03em 0.1em #656565,
		0.02em -0.03em 0.1em #656565,
		0.05em 0.1em 0.1em #656565,
		0.05em 0.1em 0.1em #656565,
		0.05em 0.1em 0.1em #656565,
		0.05em 0.1em 0.1em #656565;

}

.text-shadow01--rotate {
	display: inline-block;
	transform: rotate(20deg);
	transform-origin: center;
}

/* --------------------------------------
text-shadow02
-------------------------------------- */
.text-shadow02 {
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.text-shadow02--rotate {
	display: inline-block;
	transform: rotate(20deg);
	transform-origin: center;
}

/* --------------------------------------
text-shadow03
-------------------------------------- */
.text-shadow03 {
	text-shadow:
		0px 0px 3px rgba(0, 0, 0, 0.4), 0px 0px 5px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8),
		0.06em 0.06em 0.06em #343434,
		0.06em 0.06em 0.06em #343434;
}

.text-shadow03--rotate {
	display: inline-block;
	transform: rotate(20deg);
	transform-origin: center;
}


/* --------------------------------------
text-shadow04
-------------------------------------- */
.text-shadow04 {
	text-shadow:
		0.06em 0.06em 0.06em rgba(0, 0, 0, 0.4),
		0.06em 0.06em 0.06em rgba(0, 0, 0, 0.4);
}

.text-shadow04--rotate {
	display: inline-block;
	transform: rotate(20deg);
	transform-origin: center;
}


/* --------------------------------------
text-outline
-------------------------------------- */
.text-outline {
	color: #fff;
	text-shadow:
		2px 2px 2px #462e62,
		-2px 2px 2px #462e62,
		2px -2px 2px #462e62,
		-2px -2px 2px #462e62,
		2px 0px 2px #462e62,
		0px 2px 2px #462e62,
		-2px 0px 2px #462e62,
		0px -2px 2px #462e62;
}

.text-outline--blue01 {
	text-shadow:
		2px 2px 2px #02489e,
		-2px 2px 2px #02489e,
		2px -2px 2px #02489e,
		-2px -2px 2px #02489e,
		2px 0px 2px #02489e,
		0px 2px 2px #02489e,
		-2px 0px 2px #02489e,
		0px -2px 2px #02489e;
}

.text-outline--purple01 {
	text-shadow:
		2px 2px 2px #4c3cb4,
		-2px 2px 2px #4c3cb4,
		2px -2px 2px #4c3cb4,
		-2px -2px 2px #4c3cb4,
		2px 0px 2px #4c3cb4,
		0px 2px 2px #4c3cb4,
		-2px 0px 2px #4c3cb4,
		0px -2px 2px #4c3cb4;
}

.text-outline--red01 {
	text-shadow:
		2px 2px 2px #b91a00,
		-2px 2px 2px #b91a00,
		2px -2px 2px #b91a00,
		-2px -2px 2px #b91a00,
		2px 0px 2px #b91a00,
		0px 2px 2px #b91a00,
		-2px 0px 2px #b91a00,
		0px -2px 2px #b91a00;
}

/* --------------------------------------
text-border
-------------------------------------- */
.text-border {
	text-shadow:
		0.05em 0.05em 0.05em #fff,
		-0.05em -0.05em 0.05em #fff,
		-0.05em 0.05em 0.05em #fff,
		0.05em -0.05em 0.05em #fff;
}
.text-border-bold {
	text-shadow: 2px 2px 1px #fff,
	 -2px -2px 1px #fff,
	 -2px 2px 1px #fff,
	 2px -2px 1px #fff,
	 2px 0px 1px #fff,
	 -2px 0px 1px #fff,
	 0px 2px 1px #fff,
	 0px -2px 1px #fff;
}
/* --------------------------------------
text-frame01
-------------------------------------- */
.text-frame01 {
	display: inline-block;
	padding: 0.3em 1em;
	background: #404040;
	border: 2px solid #000;
	border-radius: 50px;
	box-shadow: 3px 3px 8px #777777;
}

/* red01 */
.text-frame01--red01 {
	background: #fd0000;
}

/* --------------------------------------
text-frame02
-------------------------------------- */
.text-frame02 {
	display: inline-block;
	padding: 0.3em 1em;
	background: #404040;
	border-radius: 16px;
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.4);
}

/* green01 */
.text-frame02--green01 {
	background: #0b8841;
}

/* --------------------------------------
text-frame03
-------------------------------------- */
.text-frame03 {
	display: inline-block;
	padding: 0.3em 1em;
	background: rgb(147, 196, 42);
	background: linear-gradient(90deg, rgba(147, 196, 42, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 60%, rgba(147, 196, 42, 1) 100%);
	border-radius: 8px;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
}

/* --------------------------------------
frame-border
-------------------------------------- */
.frame-border {
	padding: 0.5em;
	border: 1px solid #000;
}

.frame-border.frame-border--black {
	background: #fff;
	border: 1px solid #000;
}

/* --------------------------------------
frame-transparent
-------------------------------------- */
.frame-transparent {
	padding: 1em;
	background: rgba(255, 255, 255, 0.4);
}



/* --------------------------------------
flex
-------------------------------------- */
.dce-wrap .flex {
	display: flex;
	justify-content: space-between;
}
.dce-wrap .flex-row-reverse {
	flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
	.dce-wrap .flex {
		display: block;
	}
}

/* --------------------------------------
dce_orderBtn
-------------------------------------- */
.dce_orderBtn {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding: 10px;
	border: 4px solid #fff;
	border-radius: 20px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	max-width: 453px;
	min-height: 93px;
	transition: all 300ms 0s ease;
}
.dce_orderBtn:hover {
	cursor: pointer;
	opacity: 0.6;
}
.dce_orderBtn:before {
    content: "";
    display: block;
    position: absolute;
	top: 6px;
    width: calc(100% - 12px);
    height: calc(80% - 12px);
    border-radius: 16px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
}

.dce_orderBtn a {
	position: relative;
	max-width: 276px;
	display: block;
	z-index: 1;
	text-decoration: none;
	color: #fff;
	font-weight: 900;
}
.dce_orderBtn a:hover {
	opacity: 1 !important;
}

.dce_orderBtn img {
	filter: none !important;
}

.dce_orderBtn.usually {
	background: rgb(255,0,0);
	background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 48%, rgba(107,0,0,1) 100%);
}
.dce_orderBtn.limited {
	background: rgb(0,169,0);
	background: linear-gradient(180deg, rgba(0,169,0,1) 48%, rgba(0,85,0,1) 100%);
}

@media screen and (max-width: 767px) {
	.dce_orderBtn {
		padding: 8px 16px;
		border: 3px solid #fff;
		border-radius: 14px;
		min-height: 60px;
	}
	.dce_orderBtn:before {
		top: 3px;
		width: calc(100% - 6px);
		height: calc(80% - 6px);
		border-radius: 8px;
	}
}

/* アイコン付き申し込みボタン */
.dce_orderBtn.orderBtn--icon {
	width: 453px;
	height: 98px;
}
.dce_orderBtn.orderBtn--icon a {
	position: absolute;
    max-width: 88%;
    left: 8%;
    top: -30%;
}
.dce_orderBtn.orderBtn--icon img {

}
@media screen and (max-width: 767px) {
	.dce_orderBtn.orderBtn--icon {
		width: 320px;
		height: 86px;
		min-height: initial;
	}
	.dce_orderBtn.orderBtn--icon a {
		position: absolute;
		width: 320px;
		left: 20px;
		top: -10px;
	}
}
@media screen and (max-width: 340px) {
	.dce_orderBtn.orderBtn--icon {
		width: auto;
	}
	.dce_orderBtn.orderBtn--icon a {
		width: auto;
	}
}

/* --------------------------------------
dce_orderBtn.sold-out
-------------------------------------- */
.dce_orderBtn.sold-out {
	transition: none;
	background: #999;
}
.dce_orderBtn.sold-out:before {
	display: none;
}
.dce_orderBtn.sold-out:hover,
.dce_orderBtn.sold-out:hover img {
	cursor: default;
	opacity: 1;
}

.main_visual .dce_orderBtn.sold-out::after {
	display: none;
}
.main_visual .dce_orderBtn.sold-out img {
	transition: none;
}
.main_visual .dce_orderBtn.sold-out:hover img {
	opacity: 1;
}

/* 完売ボタン文字サイズ調整 */
.main_visual-itemBtn.dce_orderBtn.sold-out {
	text-align: center;
	line-height: 1.2;
}
.main_visual-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text01 {
	font-size: 30px;
    line-height: 1.3;
}
.main_visual-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text02 {
	font-size: 16px;
	font-weight: normal;
	padding-top: 5px;
}
.main_visual-itemBtn.dce_orderBtn.sold-out a {
	max-width: initial;
}
.main_visual-itemBtn.dce_orderBtn.sold-out a:hover {
	cursor:default;
}
.main_visual-itemBtn.dce_orderBtn.sold-out span {
	display: block;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out {
	min-height: 139px;
	text-align: center;
	line-height: 1.2;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text01 {
	font-size: 30px;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text02 {
	font-size: 20px;
	font-weight: normal;
	padding-top: 5px;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out span {
	display: block;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out a {
	max-width: initial;
}
.dce_nightBlue-itemBtn.dce_orderBtn.sold-out a:hover {
	cursor: default;
}

@media screen and (max-width: 767px) {
	.main_visual-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text01 {
		font-size: 3vw;
	}
	.main_visual-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text02 {
		font-size: 2.5vw;
		padding-top: 2px;
	}
	.dce_nightBlue-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text01 {
		font-size: 3.5vw;
	}
	.dce_nightBlue-itemBtn.dce_orderBtn.sold-out {
		min-height: initial;
	}
	.dce_nightBlue-itemBtn.dce_orderBtn.sold-out a {
		padding: 0;
	}
	.dce_nightBlue-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text01 {
		font-size: 4.8vw;
	}
	.dce_nightBlue-itemBtn.dce_orderBtn.sold-out .dce_orderBtn-sold-out-text02 {
		font-size: 3.8vw;
		padding-top: 2px;
	}

}
@media screen and (max-width: 340px) {

}


/*-------------------------------
info_txt
-------------------------------*/
.info_txt {

}
.info_txt-content {
	padding: .8em;
	border: 2px solid #000;
	text-align: center;
	max-width: 960px;
}
.info_txt p {
	line-height: 1.6;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.info_txt p {
		text-align: left;
	}
}

/* --------------------------------------
col-2
-------------------------------------- */
.dce-wrap .col-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dce-wrap .col-2.col-2--reverse {
	flex-direction: row-reverse;
}
.dce-wrap .col-2-item {
	flex: 0 1 48%;
}

@media screen and (max-width:767px){
	.dce-wrap .col-2 {
		display: block;
	}
  }


  /* --------------------------------------
col-3
-------------------------------------- */
.dce-wrap .col-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dce-wrap .col-3.col-3--reverse {
	flex-direction: row-reverse;
}
.dce-wrap .col-3-item {
	flex: 0 1 31.5%;
}
@media screen and (max-width:767px){
	.dce-wrap .col-3 {
		display: block;
	}
	.dce-wrap .col-3-item:not(:first-child) {
		margin-top: 20px;
	}
  }
/* --------------------------------------
dce_mambership
-------------------------------------- */
.dce_mambership a {
    transition: all 300ms 0s ease;
}
.dce_mambership a:hover {
    opacity: 0.6;
}
/*-------------------------------
dce_headbnr
-------------------------------*/
.dce_headbnr {
	max-width: 1300px;
	margin: 0 auto;
	background: #FF0000;
	padding: 14px 0;
}
.dce_headbnr-content {
	position: relative;
}
.dce_headbnr-textImg {
	margin-right: 84px;
}
.dce_headbnr-icon01 {
	position: absolute;
	top: -10px;
	right: 0;
	width: 84px;
}
@media screen and (max-width: 767px) {
	.dce_headbnr {
		padding: 10px 0;
	}
	.dce_headbnr-textImg {
		width: 70vw;
		margin-left: 5vw;
		margin-right: 13vw;
	}
	.dce_headbnr-icon01 {
		top: 0;
		right: 1vw;
		width: 13vw;
	}
}
/*-------------------------------
main_visual
-------------------------------*/
.main_visual {}

.main_visual-ttlWrap {
	max-width: 1300px;
	margin: 0 auto;
	background: #313992;
	padding: 20px 0;
}
.main_visual-textImg {
	text-align: center;
	max-width: 760px;
	margin:0 auto;
}
.main_visual-content {
	position: relative;
	overflow: hidden;
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 20px;
	background-image: url("https://mail-u-can-2.img.webcas.net/cococimo-lp/dce/dce_main_bg_02.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	background-size: contain;
}
.main_visual-itemBox {
	display: flex;
	justify-content: space-between;
}
.main_visual-item {
	flex: 0 0 50%;
}
.main_visual-itemImg img {
	max-width: initial;
	width: 100%;
}
.main_visual-itemBtn {
    max-width: 80%;
    height: 110px;
}
.main_visual-icon01 {
	position: absolute;
	right: 20px;
	left: 52%;
	top: 30px;
	width: 169px;
}
.main_visual .dce_orderBtn {
	margin-left: auto;
	margin-right: auto;
}
.main_visual .dce_orderBtn::after {
	opacity: 0;
	content: "";
	background:rgba(255, 255, 255, 1);
	display: block;
	transition: all 300ms 0s ease;
}
.main_visual .dce_orderBtn:hover::after {
	position: absolute;
	opacity: 0.3;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.main_visual .dce_orderBtn,
.main_visual .dce_orderBtn a:hover {
	/* opacity: 1 !important; */
}
.main_visual .dce_orderBtn img {
	transition: all 300ms 0s ease;
}
.main_visual .dce_orderBtn:hover img {
	opacity: 0.6;
}
.main_visual .dce_orderBtn a {
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.main_visual-itemBox {
		margin-left: 15px;
		margin-right: 15px;
	}
	.main_visual-ttlWrap {
		padding: 0px 0;
	}
	.main_visual-item {
		flex: 0 0 49%;
	}
	.main_visual-textImg {
		max-width: 85vw;
	}
	.main_visual-content {
		padding-top: 0px;
		background-position: top center;
		background-size: cover;
	}
	.main_visual-icon01 {
		width: 18vw;
		left: 49%;
		top: 0;
		right: 0;
	}
	.main_visual-itemBtn {
		max-width: initial;
		height: auto;
	}
	.main_visual .dce_orderBtn {
		padding: 2px 8px;
	}

}


/*-------------------------------
dce_orderSelect
-------------------------------*/
.dce_orderSelect {
	background: #FFFFBE;
	padding: 30px 0;
}
.dce_orderSelect-content {
	display: flex;
	justify-content: space-between;
}
.dce_orderSelect-item {
	flex: 0 0 49%;
}
.dce_orderSelect-item .dce_orderBtn.orderBtn--icon {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.dce_orderSelect-content {
		flex-direction: column;
		justify-content: center;
	}
	.dce_orderSelect {
		padding: 20px 0;
	}
	.dce_orderSelect-item:not(:first-child) {
		margin-top: 20px;
	}

}
/*-------------------------------
dce_spec
-------------------------------*/
.dce_spec {

}
.dce_spec-ttlWrap {
	background: #1A1A7C;
	text-align: center;
	padding: 10px 10px;
}
.dce_spec-content {
	background: #FFF6D7;
	padding: 20px;
}
.dce_spec-contentInner {
	max-width: 725px;
	margin: auto;
}
h2.dce_spec-ttl img {
	max-width: initial;
	width: 80%;
}

.dce_spec-sectionBorderTop {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #000;
}

.dce_specList01 li,
.dce_specList02 li {
	display: inline;

}
@media screen and (max-width: 767px) {
	.dce_spec-contentInner {
		max-width: 100%;
	}
	.dce_spec-sectionBorderTop {
		margin-top: 10px;
		padding-top: 10px;
	}
	h2.dce_spec-ttl img {
		max-width: 100%;
		width: auto;
	}
	
}

/*-------------------------------
dce_brain
-------------------------------*/
.dce_brain-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.dce_brain-contentImg {
	flex: 0 0 651px;
}
.dce_brain-contentText {
	padding-top: 0;
	margin-bottom: 20px;
}
.dce_brain-contentFrame {
	padding: 0 0.5em;
	background: #fff;

}
@media screen and (max-width: 767px) {
	.dce_brain-contentText {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.dce_brain-content {
		display: block;
	}
}

/*-------------------------------
dce_nightBlue
-------------------------------*/
.dce_nightBlue {
	background-image: url(https://mail-u-can-2.img.webcas.net/cococimo-lp/dce/dce_img_09.png);
	background-repeat: repeat-x;
	padding-top: 30px;
}
h2.dce_nightBlue-ttl {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: auto;
}
.dce_nightBlue-ttl-01,
.dce_nightBlue-ttl-02 {
	display: block;
	margin: 0 10px;
}
.dce_nightBlue-ttl-01 {
	margin-top: 16px;
	background: #fff;
	border: 2px solid #89652C;
	line-height: 1.2;
}
.dce_nightBlue-ttl01-text01 {
	display: block;
	text-align: center;
	background:#89652C;
	font-size: 24px;
	color: #fff;
	padding: 2px 5px;
}
.dce_nightBlue-ttl01-text02 {
	display: block;
	text-align: center;
	font-size: 28px;
	padding: 2px 5px;
}
.dce_nightBlue-content {
	position: relative;
	display: flex;
	/* flex-wrap: wrap; */
	min-height: 500px;
	margin-top: 10px;
}
.dce_nightBlue-contentImg {
	position: relative;
	flex: 0 1 607px;
}
.dce_nightBlue-contentText {
	flex: 0 1 520px;
	min-height: 600px;
}

.dce_nightBlue-contentImg-01 {
	display: block;
    position: relative;
	width: 115%;
    top: -17px;
    left: -62px;
}
.dce_nightBlue-contentImg-01 img {
	width: 100%;
}
.dce_nightBlue-contentImg-02 {
    display: block;
    position: absolute;
    width: 309px;
    left: -72%;
	bottom: 0;
}
.dce_nightBlue-contentImg-02 img {
	max-width: initial;
	width: 100%;
}

.dce_nightBlue-orderBox {
	flex: 0 1 100%;
	display: flex;
	justify-content: center;
}
.dce_nightBlue-itemBtn {
	width: 740px;
	border-radius: 80px;
	max-width: initial;
}
.dce_nightBlue-itemBtn.dce_orderBtn:before {
    border-radius: 70px;
	top: 5px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
}
.dce_nightBlue-itemBtn.dce_orderBtn a {
	padding:10px;
	max-width: 390px;
}

@media screen and (max-width: 767px) {
	.dce_nightBlue {
		padding-top: 10px;
	}
	h2.dce_nightBlue-ttl {
		/* display: block; */
		flex: 0 0 23vw;
		align-items: center;
		margin-left: 15px;
		margin-right: 15px;
	}
	.dce_nightBlue-ttl-01 {
		width: 32vw;
		margin-top: 0;
		margin-left: auto;
		border-width: 1px;
	}
	.dce_nightBlue-ttl01-text01 {
		font-size: 3vw;
	}
	.dce_nightBlue-ttl01-text02 {
		font-size: 3.3vw;
	}
	.dce_nightBlue-ttl-02 {
		width: 80vw;
		margin: auto;
	}
	.dce_nightBlue-content {
		flex-direction: column;
		min-height: auto;
	}
	.dce_nightBlue-contentImg {
		order: 1;
		flex: 0 1 auto;
		padding-bottom: 10vw;
	}
	.dce_nightBlue-contentImg-01 {
		width: 85vw;
		position: relative;
		right: 0;
		top: 0;
		left: 0;
	}
	.dce_nightBlue-contentImg-02 {
		position: absolute;
		width: 34vw;
		left: auto;
		bottom: 10px;
		right: 0;
	}

	.dce_nightBlue-contentText {
		order: 2;
		flex: 0 1 auto;
		min-height: initial;
	}
	.dce_nightBlue-orderBox {
		order: 3;
		margin-left: 0;
		margin-top: 20px;
	}
	.dce_nightBlue-itemBtn {
		max-width: 320px;
		order: 3;
		margin: auto;
	}
	.dce_nightBlue-itemBtn a {
		width: 240px;
	}
}

/*-------------------------------
dce_result-content
-------------------------------*/
h2.dce_result-ttl {
	max-width: 830px;
	margin: auto;
}

.dce_result-content01Inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	background: #FFFFBE;
	padding: 15px;
}
h3.dce_result-content01Title {
	font-size:77px;
}
.dce_result-content01subTitle {
	font-size: 27px;
}
.dce_result-content01Text {
	flex: 0 1 46%;
	font-size: 22px;
}

.dce_result-content01Img {
	flex: 0 0 514px;
	/* margin-top: -50px; */
	/* margin-left: -15px; */
}
.dce_result-content02Inner {
	display: flex;
	justify-content: space-between;
}
.dce_result-content02Text {
	flex: 0 1 auto;
	margin-right: 20px;
}
.dce_result-content02Img {
	flex: 0 0 444px;
}
.dce_result-content02Title {
	font-size: 28px;
}

@media screen and (max-width: 767px) {
	h2.dce_result-ttl {
		margin: 0 15px;
	}
	.dce_result-ttlImg img {
	    transform: scale(1.8);
		transform-origin: bottom;
		padding-top: 20px;
	}
	h3.dce_result-content01Title {
		font-size:10vw;
		text-align: center;
	}
	.dce_result-content01Inner {
		display: block;
		padding: 15px;
	}
	.dce_result-content01Text {
		margin-left: 0;
	}
	.dce_result-content01subTitle {
		font-size: 5vw;
		text-align: center;
	}
	.dce_result-content01Img {
		margin-top: 0;
	}
	.dce_result-content01Img img {
		width: auto;
	}
	.dce_result-content02Inner {
		display: block;
	}
	.dce_result-content02Text {
		margin-right: 0;
	}
	.dce_result-content02Title {
		font-size: 6.2vw;
	}
	.dce_result-content02Img {
		max-width: 80vw;
		margin: auto;
	}
}


/*-------------------------------
dce_gift
-------------------------------*/
.dce_gift-ttl {
	font-size: 52px;
}
.dce_gift-content {
	padding: 20px 0;
}
.dce_gift-voiceArea {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
	justify-content: center;
}
.dce_gift-voiceArea * {
    font-size: 22px;
    line-height: 1.3;
}
.dce_gift-voiceItem {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43%;
    background: #fff;
    border-radius: 50%;
    padding: 31px 60px;
}
.dce_gift-voiceItem:nth-child(2) {
    /*margin-left: 14%;*/
	margin-left: 5%;
    padding: 30px 42px 31px 61px;
}
.dce_gift-voiceItem:nth-child(3) {
    margin-top: 20px;
}
.dce_gift-voiceItem:nth-child(4) {
    margin-top: 20px;
    /*margin-left: 13%;*/
	margin-left: 4%;
    padding: 31px 35px 31px 65px;
}
.dce_gift-voiceImg {
    position: absolute;
    width: 257px;
    height: 236px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 767px) { 
	.dce_gift-voiceArea {
		display: block;
		margin: 0;
	}
	.dce_gift-ttl {
		font-size: 6.5vw;
		word-break: auto-phrase; 
	}
	.dce_gift-voiceArea * {
		font-size: 16px;
	}
	.dce_gift-voiceItem {
		width: 100%;
		background: #fff;
		border-radius: 10px;
		padding: 10px 15px;
	}
	.dce_gift-voiceItem:nth-child(2),
	.dce_gift-voiceItem:nth-child(3),
	.dce_gift-voiceItem:nth-child(4) {
		margin: 0;
		margin-top: 10px;
		padding: 10px 15px;
	}
	.dce_gift-voiceImg {
		position: static;
		margin-top: 20px;
		width: 60vw;
	
	}

}

/*-------------------------------
dce_moreImg
-------------------------------*/
@media screen and (max-width: 767px) { 
	.dce_moreImg img {
		transform: scale(1.5);
	}
}


/*-------------------------------
dce_feature
-------------------------------*/
.dce_feature-ttl {
	font-size: 62px;
	word-break: auto-phrase;
	line-height: 1.3;
}
.dce_feature-section {
	margin-top: 40px;
}
.dce_feature-sectionInner {
	display: flex;
	justify-content: space-between;
}
h3.dce_feature-subTtl {
	background: #25489C;
	padding: 0 0.5em;
	font-size: 39px;
	margin-bottom: 20px;
}
.dce_feature-itemText {
	flex: 0 1 46%;
}
.dce_feature-itemImg {
	flex: 0 0 50%;
}
.dce_feature-section.health .dce_feature-itemImg {
	flex: 0 0 59%;
}
.dce_feature-section.travel h3.dce_feature-subTtl {
	max-width: 48%;
}
.dce_feature-section.travel .dce_feature-itemText {
	flex: 0 1 48%;
}
.dce_feature-section.travel .dce_feature-itemImg {
	flex: 0 0 48%;
}
.dce_feature-section.hobby h3.dce_feature-subTtl {
	max-width: 52%;
}
.dce_feature-section.hobby .dce_feature-itemText {
	flex: 0 1 52%;
}
.dce_feature-section.hobby .dce_feature-itemImg {
	flex: 0 0 44%;
}
@media screen and (max-width: 767px) { 
	.dce_feature-ttl {
		font-size: 6.5vw;
	}
	.dce_feature-section {
		margin-top: 20px;
	}
	.dce_feature-sectionInner {
		display: block;
	}
	h3.dce_feature-subTtl {
		font-size: 6vw;
		margin-bottom: 10px;
	}
	.dce_feature-itemImg {
		max-width: 80vw;
		margin-left: auto;
		margin-right: auto;
	}
	.dce_feature-section.travel h3.dce_feature-subTtl {
		max-width: 100%;
	}
	.dce_feature-section.health .dce_feature-itemImg {
		max-width: 100%;
	}
	.dce_feature-section.hobby h3.dce_feature-subTtl {
		max-width: 100%;
	}
}

/*-------------------------------
dce_easy
-------------------------------*/
/* h2.dce_easy-ttl {
	background: #f07300;
	padding: 10px 0;
}
@media screen and (max-width: 767px) { 
	h2.dce_easy-ttl img {
		max-width: 80vw;
	}
} */

/*-------------------------------
dce_recommend
-------------------------------*/
.dce_recommend-content {
	max-width: 960px;
}
.dce_recommend-ttl {
	font-size: 44px;
}
.dce_recommend-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 760px;
	margin: auto;
}
.dce_recommend-list li {
	flex: 0 1 48%;
	padding:3px 0;
	font-size: 26px;
}
@media screen and (max-width: 767px) { 
	.dce_recommend-ttl {
		font-size: 6vw;
	}
	.dce_recommend-list {
		display: block;
	}
	.dce_recommend-list li {
		font-size: 18px;
	}
}

/*-------------------------------
dce_data
-------------------------------*/
.dce_data-ttl {
	font-size: 48px;
	word-break: auto-phrase;
}
.dce_data-section {
	display: grid;
	gap: 30px;
}
.dce_data-col-2 {
	grid-template-columns: repeat(auto-fill, minmax(468px, 1fr));
}
.dce_data-col-3 {
	grid-template-columns: repeat(auto-fill, minmax(306px, 1fr));
}
@media screen and (max-width: 767px) { 
	.dce_data-ttl {
		font-size: 6vw;
	}
	.dce_data-section {
		display: block;
	}
	.dce_data-sectionItem:not(:first-child) {
		margin-top: 20px;
	}
	.s_dce_data-col-2 {
		display: grid;
		gap: 10px;
		grid-template-columns: 48% 48%;
	}
	.s_dce_data-col-2 .dce_data-sectionItem:not(:first-child) {
		margin-top: 0;
	}
}

/*-------------------------------
dce_original
-------------------------------*/
h2.dce_original-ttl {
	padding: 20px 0;
	text-align: center;
}
h3.dce_original-subTtl {
	background:#FFEB9C;
	padding: 0.1em 1em;
	font-size: 25px;
	word-break: auto-phrase;
}
.dce_original-section {
	display: grid;
	gap: 40px;
}
.dce_original-col-2 {
	grid-template-columns: repeat(auto-fill, minmax(44%, 1fr));
}
.dce_original-itemText {
	overflow: hidden;
}
@media screen and (max-width: 767px) { 
	h2.dce_original-ttl {
		padding: 0 0;
	}
	h2.dce_original-ttl img {
		max-width: 70vw;
	}
	h3.dce_original-subTtl {
		font-size: 5.6vw;
	}
	.dce_original-section {
		display: block;
	}
	.dce_original-sectionItem:not(:first-child) {
		margin-top: 20px;
	}
	.dce_original-itemText img {
		width:  auto;
	}
}
/*-------------------------------
dce_uservoice-list
-------------------------------*/

.dce_uservoice .l-inner{width: 1000px;}

.dce_uservoice-list {
/*	background-image: url(https://mail-u-can-2.img.webcas.net/cococimo-lp/dce/dce_img_57.png);
	background-repeat: no-repeat;
	background-position:right bottom;*/
}
.dce_uservoice-list li {
	padding-bottom: 10px;
	position: relative;
}
.dce_uservoice-list li:before {
    content: '';
    display: inline-block;
	vertical-align: baseline;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #E95513;
}



@media screen and (max-width: 767px) { 
.dce_uservoice .l-inner{width: auto;}

	.dce_uservoice-list {
		/*padding-bottom: 60vw;*/
		background-size: 80%;
	}

}


/*-------------------------------
dce_recoding
-------------------------------*/
h2.dce_recoding-ttl {
	font-size: 52px;
	word-break: auto-phrase;
}
h3.dce_recoding-subTtl{
	position: absolute;
	top:-30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: inline-block;
	margin: auto;
	padding: 0 1em;
	background: #fff;
	border: 1px solid #0B308E;
	font-size: 32px;
	text-align: center;
}
.dce_recoding-item-content,
.dce_recoding-item-list,
.dce_recoding-item-list li {
	display: inline;
}
.dce_recoding-content {
	position: relative;
	border: 1px solid #888888;
}
.dce_recoding-item {
	padding: 15px 15px 15px;
}
.dce_recoding-item:first-of-type {
	padding: 40px 15px 15px;
}
.dce_recoding-item-name {
	display:inline-block;
}
.dce_recoding-item {
	background: #FFF6EE;
}
.dce_recoding-item:nth-child(2n) {
	background: #FBE1C3;
}
@media screen and (max-width: 767px) { 
	h2.dce_recoding-ttl {
		font-size: 6vw;
	}
	h3.dce_recoding-subTtl{
		font-size: 5.5vw;
		top:-5.5vw;
	}
	.dce_recoding-item:first-of-type {
		padding: 6vw 15px 15px;
	}
}

/*-------------------------------
dce_functions
-------------------------------*/
.dce_functions-mv {
	padding: 40px 15px;
	background: #FFFFBE;
}
.dce_functions-ttl {
	font-size: 55px;
	word-break: auto-phrase;
}
.dce_functions-ttlSmall {
	font-size: 0.8em;
}
.dce_functions-list {
	display: grid;
	gap: 30px;
}
.dce_functions-col-2 {
	grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}
.dce_functions-listItem {
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #FFE3AB;
}
h3.dce_functions-listTtl {
	display: flex;
	justify-content: flex-start;
	line-height: 1.3;
}
.dce_functions-listNum {
	font-size: 42px;
	color: #fff;
    font-weight: bold;
    background: #FF8500;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    height: 1.3em;
    width: 1.3em;
	line-height: 1.3;
    display: inline-block;
}
.dce_functions-listTtlWrap {
	flex: 1 1 auto;
	padding-left: 10px;
	border-bottom: 1px solid #231815;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.dce_functions-listTtl01 {
	font-size: 18px;
}
.dce_functions-listTtl02 {
	display: block;
	font-size: 26px;
}
.dce_functions-itemText {
	padding-left: 48px;
}
.dce_functions-itemImg {
	margin-top: auto;
}
@media screen and (max-width: 767px) { 
	.dce_functions-mv {
		padding: 20px 0;
	}
	.dce_functions-ttl {
		font-size: 6vw;
	}
	.dce_functions-list {
		display: block;
	}
	.dce_functions-listItem {
		padding: 15px;
	}
	.dce_functions-listItem:not(:first-child) {
		margin-top: 20px;
	}
	.dce_functions-listNum {
		font-size: 32px;
	}
	.dce_functions-itemText {
		padding-left: 36px;
	}
	.dce_functions-listTtl01 {
		font-size: 4.8vw;
	}
	.dce_functions-listTtl02 {
		font-size: 5.5vw;
	}
}

/*-------------------------------
dce_video
-------------------------------*/
.dce_video {}
.dce_video video {max-width: 520px;}

h2.dce_video-ttl {
	position: relative;
	font-size: 58px;
	padding: 0 40px 20px 20px;
	margin: auto;
	max-width: 820px;
}
h2.dce_video-ttl::before,
h2.dce_video-ttl::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 4px;
	height: 50%;
	background: #02489e;
	border-radius: 20px;
}

h2.dce_video-ttl::before {
	transform: rotate(-40deg);
	left: 15px;
}

h2.dce_video-ttl::after {
	transform: rotate(40deg);
	right: 15px;
}
.dce_video-content {
	background:#FFFFBE;
	padding: 40px 0;
}
@media screen and (max-width: 767px) {
	.dce_video video {max-width: 100%;}
	h2.dce_video-ttl {
		font-size: 6vw;
		padding: 0 5px 5px 0;
		max-width: 100%;
	}
	.dce_video-content {
		background:#FFFFBE;
		padding: 20px 15px;
	}
	h2.dce_video-ttl::before,
	h2.dce_video-ttl::after {
		width: 2px;
	}
	h2.dce_video-ttl::before {
		left: 0;
	}	
	h2.dce_video-ttl::after {
		right: 0;
	}
}

/*-------------------------------
show_more
-------------------------------*/
@media screen and (max-width: 767px) { 
	/* .show_btn {
		margin-left: 15px;
		margin-right: 15px;
	} */
	.shm_btn {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*-------------------------------
purchase_fixed 
-------------------------------*/

.purchase_fixed {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 4px solid #db844e;
	background: #f9f5e8;
	width: 100%;
	z-index: 99;
  }
  .purchase_fixed .inner {
	display: flex;
    align-items: center;
	justify-content: space-between;
	max-width: 1060px;
	padding: 10px 15px;
    margin: 0 auto;
  }
  .purchase_fixed-item {
	flex: 0 0 49%;
  }
  .purchase_fixed-item .dce_orderBtn.orderBtn--icon {
	margin: auto;
  }
  @media (max-width: 768px) {
	.purchase_fixed {
	  border-top: 0;
	  box-shadow: 0px -2px 6px 3px rgba(0, 0, 0, 0.25);
	}
	.purchase_fixed .inner {
		padding: 5px 0;
	  }
	.purchase_fixed-item {
		margin: 0 5px;
		flex: 0 1 49%;
	}
	.purchase_fixed .dce_orderBtn {
		border-width: 2px;
	}
	.purchase_fixed .dce_orderBtn.orderBtn--icon {
		width: auto;
		height: 15vw;
	}
	.purchase_fixed .dce_orderBtn.orderBtn--icon a {
		max-width: 100%;
		width: auto;
		left: 5px;
		top: 0;
		bottom: 0;
		transform: translateY(-6px);
		margin: auto;
	}
	
  }

/* --------------------------------------
slider
-------------------------------------- */
.dce_slider .loading_icon:before {
	content: url(https://mail-u-can-2.img.webcas.net/cococimo-lp/dce/slider/icon_loader.gif);
	display: block;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 5vw;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 45vw auto;
}

.dce_slider {
	position: relative;
	padding-top: 0;
	margin-bottom: 20px;
}
.dce_slider.loading .goods_flexslider {
	opacity: 0;
}

.dce_slider .flex-control-nav {
	display: none;
}

.dce_slider .flex-direction-nav {
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}

.dce_slider .flex-direction-nav li {
	margin: 0 10vw 0;
	width: 35px;
	height: 35px;
	font-size: 0;
}

.dce_slider .flex-direction-nav li:last-child {
	right: 0;
}

.dce_slider .flex-direction-nav a {
	text-decoration: none;
}

.dce_slider .flex-direction-nav a:before {
	display: inline-block;
	font-size: 31px;
	opacity: 0.7 !important;
	color: #28a4ed;
}

.dce_slider .flex-direction-nav a.flex-prev:before {
	font-family: 'Material Icons' !important;
	content: '\eaa7' !important;
}

.dce_slider .flex-direction-nav a.flex-next:before {
	font-family: 'Material Icons' !important;
	content: '\eaaa' !important;
}

.dce_slider .custom_nav_number {
	width: 60px;
	text-align: center;
	margin: 10px auto;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 30px;
	color: #fff;
	font-size: 0.9em;
	padding: 0.3em;
}

@media (max-width: 320px) {
	.dce_slider .flex-direction-nav a {
		margin: 10px 25vw 0;
		top: 1vw;
	}

	.dce_slider .deviceSP .flex-control-paging li a {
		width: 10px !important;
		height: 10px !important;
	}
}