@charset "UTF-8";
:root {
	--base: #333;
	--red: #E50012;
	--preciousred :#E40012;
	--redpink :#EC0048;
	--lightpink :#E3007F;
	
	--brown: #8E4A06;
	--redbrown : #82000F;
	--darkbrown : #5F433E;
	--whitebrown: #FFECC2;
	--orange: #FF8700;
	--redorange: #EA613B;
	--green: #008917;
	--mintgreen: #4ad37a;
	--lightgreen: #739E77;
	--blue: #268FCF;
	--royalblue :#005BE6;
	--lightblue: #87AAD9;
	--skyblue: #2CC7FF;
	--whiteblue: #D2ECFA;
	--purple: #9B308C;
	
	--darkblue: #1D2087;
	--pink: #FFAD9F;
	--yellow: #FFE8A6;
	--whiteyellow: #FFFDD4;

	
	--lightyellow: #FFFF00;
	
	--preciousred-gradation: linear-gradient(90deg, rgba(85, 2, 16, 1) 0%, rgba(178, 0, 20, 1) 14.05%, rgba(123, 9, 34, 1) 30.56%, rgba(98, 0, 16, 1) 34.52%, rgba(137, 0, 23, 1) 45.29%, rgba(217, 5, 34, 1) 63.23%, rgba(166, 6, 29, 1) 70.74%, rgba(116, 8, 24, 1) 78.91%, rgba(97, 8, 22, 1) 82.95%, rgba(85, 1, 16, 1) 87.63%, rgba(107, 0, 18, 1) 91.92%, rgba(83, 5, 14, 1) 96.56%, rgba(68, 26, 32, 1) 100%);
	--royalblue-gradation: linear-gradient(90deg, rgba(3, 8, 68, 1) 0%, rgba(41, 56, 129, 1) 19.14%, rgba(23, 54, 169, 1) 26.42%, rgba(38, 67, 197, 1) 31.13%, rgba(67, 92, 250, 1) 38.81%, rgba(67, 92, 250, 1) 40.16%, rgba(16, 56, 189, 1) 51.48%, rgba(20, 48, 152, 1) 58.76%, rgba(29, 38, 99, 1) 77.09%, rgba(3, 4, 59, 1) 100%);
	
	--goldline: linear-gradient(90deg, rgba(162, 111, 20, 1) 0%, rgba(162, 111, 20, 1) 10.37%, rgba(166, 116, 24, 1) 10.68%, rgba(193, 146, 52, 1) 12.97%, rgba(212, 168, 72, 1) 15.22%, rgba(224, 182, 84, 1) 17.37%, rgba(228, 186, 88, 1) 19.33%, rgba(217, 169, 77, 1) 20.08%, rgba(195, 135, 55, 1) 21.88%, rgba(179, 111, 39, 1) 23.58%, rgba(169, 96, 29, 1) 25.14%, rgba(166, 91, 26, 1) 26.43%, rgba(170, 98, 34, 1) 29.62%, rgba(181, 118, 55, 1) 34.53%, rgba(198, 150, 91, 1) 40.54%, rgba(222, 195, 139, 1) 47.43%, rgba(253, 252, 201, 1) 54.96%, rgba(255, 255, 205, 1) 55.39%, rgba(255, 255, 205, 1) 58.63%, rgba(229, 189, 93, 1) 64.45%, rgba(187, 145, 59, 1) 67.37%, rgba(187, 145, 59, 1) 71.2%, rgba(190, 147, 55, 1) 71.34%, rgba(195, 152, 48, 1) 71.81%, rgba(197, 153, 46, 1) 72.99%, rgba(127, 71, 10, 1) 90.12%);

	--goldbg: linear-gradient(-90deg, rgba(255, 237, 194, 1) 0%, rgba(247, 239, 166, 1) 17.67%, rgba(243, 209, 110, 1) 37.63%, rgba(238, 198, 94, 1) 46.57%, rgba(228, 182, 80, 1) 56.76%, rgba(175, 113, 33, 1) 68.58%, rgba(175, 113, 33, 1) 77.84%, rgba(230, 173, 6, 1) 93.76%, rgba(230, 173, 6, 1) 94.39%, rgba(251, 203, 74, 1) 100%);
}



/* --------------------------------------
reset
-------------------------------------- */

/* デフォルトの追従バナー非表示 */
/* .pane-goods-fixed-footer {
	display: none !important;
} */

/* トップへ戻るボタンSP位置調整 */
@media (max-width: 768px) {
	.page-goods.mode-valiation02 .block-page-top {
		bottom: 23vw;
	}
}

.dmi-wrap h1, .dmi-wrap .h1 {
    padding: 0;
    margin: 0 0 0;
}

/* --------------------------------------
base
-------------------------------------- */

.dmi-wrap {
	position: relative;
	background: #fff;
	font-size: 20px;
	line-height: 1.6;
	font-feature-settings: "palt";
}

@media screen and (max-width:767px) {
	.dmi-wrap {
		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;
}
.l-largeSection {
	margin: 60px -50% 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
.l-largeInner {
	max-width: 1170px;
	margin: auto;
	padding: 0 15px;
}
@media screen and (max-width:767px) {
	.l-section {
		margin-top: 30px;
	}
	.l-inner {
		padding: 0 0;
	}
	.l-largeSection {
		margin: 30px -15px 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.l-largeSection .l-inner {
		padding: 0 15px;
	}
	.l-largeInner {
		padding: 0 15px;
	}
}

/* --------------------------------------
l-largeTitle
-------------------------------------- */
.l-largeTitle {
	margin: 60px -50% 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #999;
	text-align: center;
}
.l-largeTitle--green {
	background: var(--green);
}
@media screen and (max-width:767px) {
	.l-largeTitle {
		margin: 30px -15px 0;
	}
}

/* --------------------------------------
dmi-cmn_column03
-------------------------------------- */
.dmi-cmn_column03 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 20px;
    clear: both;
}
@media screen and (max-width: 767px) {
	.dmi-cmn_column03 {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
		gap: 1em;
		clear: both;
	}
	.dmi-cmn_column03_col01 {
		max-width: 80vw;
		margin-left: auto;
		margin-right: auto;
	}
}

/* --------------------------------------
vertical-writing
-------------------------------------- */
.vertical-writing {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}

/* --------------------------------------
text-justify
-------------------------------------- */
.text-justify {
	text-align: justify;
}


/* --------------------------------------
ruby
-------------------------------------- */
rt {
	font-weight: normal;
}
/* safariルビ間隔調整 */
_::-webkit-full-page-media, _:future, :root rt {
	transform: translateY(.5em);
}

_::-webkit-full-page-media, _:future, :root .vertical-writing rt {
	transform: none;
	transform: translateX(-.5em);
}

/* firefoxルビ間隔調整 */
@-moz-document url-prefix() {
	rt {
		position: relative;
		top: .5em;
	}
	.vertical-writing rt {
		top: auto;
		left: .3em;
		margin-right: .6em;
	}
  }

  


/* --------------------------------------
dmi-column_arrow
-------------------------------------- */
.dmi-wrap .dmi-column_arrow .dmi-column_arrow_item {
	position: relative;
}
.dmi-wrap .dmi-column_arrow .dmi-column_arrow_item:after {
    content: "";
    height: 0;
    width: 0;
    display: inline-block;
    border-top: 24px solid transparent;
    border-left: 24px solid#f39800;
    border-bottom: 24px solid transparent;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
	.dmi-wrap .dmi-column_arrow .dmi-column_arrow_item {
		padding-bottom: 1.5em;
	}
	.dmi-wrap .dmi-column_arrow .dmi-column_arrow_item:after {
		position: absolute;
		transform: scale(1) rotate(90deg);
		right: 0;
		left: 0;
		top: auto;
		bottom: -1.5em;
	}
}

/* --------------------------------------
space
-------------------------------------- */
.dmi-wrap .spaceRight {
    float: right;
    height: 6em;
}
.dmi-wrap .spaceRight + img {
    float: right;
    clear: both;
    margin: 0.5em 0 0 0.5em;
}
@media screen and (max-width:767px) {
	.dmi-wrap .spaceRight {
		height: 1em;
	}
	.dmi-wrap .spaceRight + img {
		width: 100vw;
		margin: 0;
	}
}

/* --------------------------------------
borderBox
-------------------------------------- */
.borderBox {
	border: 3px solid #ccc;
	box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}
.borderBox-inner {
	margin: 20px;
}
.borderBox .borderBox-ttl {
	padding: 0.3em 0.5em;

}
@media screen and (max-width:767px) {
	.borderBox {
		border-width: 2px;
	}
	.borderBox-inner {
		margin: 10px;
	}
}

/* brown01 */
.borderBox.borderBox--brown01 {
	border-color: var(--brown);
	background: var(--whiteyellow);
	box-shadow: none;
}

/* orange01 */
.borderBox.borderBox--orange01 {
	border-color: var(--redorange);
	background: #FDFFE9;
}

/* orange02 */
.borderBox.borderBox--orange02 {
	border-color: var(--orange);
	background: var(--whiteyellow);
	box-shadow: none;
}

/* green01 */
.borderBox.borderBox--green01 {
	border-color: var(--green);
}

/* blue01 */
.borderBox.borderBox--blue01 {
	border-color: var(--blue);
	background: var(--whiteblue);
}

/* blue02 */
.borderBox.borderBox--blue02 {
	border-color: var(--blue);
	background:  var(--whiteblue);
}
.borderBox.borderBox--blue02 .borderBox-inner {
	background: #fff;
	padding: 16px;
}

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

/* blue03 */
.borderBox.borderBox--blue03 {
	border-color: var(--darkblue);
	box-shadow: none;
}

/* pink01 */
.borderBox.borderBox--pink01 {
	border-color: var(--redpink);
	background: var(--pink);
}

/* pink02 */
.borderBox.borderBox--pink02 {
	border-color: var(--redpink);
	background: var(--pink);
}
.borderBox.borderBox--pink02 .borderBox-inner {
	background: #fff;
	padding: 16px;
}

@media screen and (max-width:767px) {
	.borderBox.borderBox--pink02 .borderBox-inner {
		background: #fff;
		padding: 10px;
	}
}

/* pink03 */
.borderBox.borderBox--pink03 {
	border-color: var(--redpink);
	background: var(--pink);
}
.borderBox.borderBox--pink03 .borderBox-inner {
	background: #fff;
	border-radius: 18px;
	padding: 16px;
}

@media screen and (max-width:767px) {
	.borderBox.borderBox--pink03 .borderBox-inner {
		background: #fff;
		border-radius: 8px;
		padding: 10px;
	}
}

/* --------------------------------------
roundBox
-------------------------------------- */
.roundBox {
	padding: 30px;
	background: #ccc;
	border-radius: 10px;
	box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}
/* yellow01 */
.roundBox.roundBox--yellow01 {
	background: var(--yellow);
}

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


/* --------------------------------------
arrow-text-before
-------------------------------------- */
/* テキストの前に矢印追加 */
.arrow-textBefore--up::before {
	content: '';
	display: inline-block;
	color: var(--red);
	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;
}
.arrow-textBefore--down::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	color: var(--red);
	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: var(--red);
	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;
}


/* テキストの後に矢印追加 */
.arrow-textAfter--right::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	color: var(--red);
	line-height: 1;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-style: solid;
	border-color: transparent;
	border-width: 0.5em 0.8em;
	border-left-color: currentColor;
	border-right: 0;
}
@media (max-width: 768px) {
	/* PC版の矢印設定打ち消し */
	.p_arrow-textAfter-none::after {
		display: none;
	}
	.p_arrow-textBefore-none::before {
		display: none;
	}
	.s_arrow-textBefore--up::before {
		content: '';
		display: inline-block;
		color: var(--red);
		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;
}

z

/* 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: var(--lightblue);
}

/* --------------------------------------
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: var(--lightblue);
}
/* green01 */
.list-square.list-square--green01 li:before {
	background: var(--lightgreen);
}

/* --------------------------------------
bold
-------------------------------------- */
.bold-500 {
	font-weight: 500;
}
.bold-700 {
	font-weight: 700;
}
.bold-900 {
	font-weight: 900;
}
@media screen and (max-width:767px) {
	.s_bold-900 {
		font-weight: 900;
	}
}

/* --------------------------------------
text-min
-------------------------------------- */
.text-min {
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: -0.03em;
}
.text-min-ud {
	font-family: "BIZ UDPMincho", "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
-------------------------------------- */
.dmi-wrap .text-color-base {
	color: var(--base);
}
.dmi-wrap .text-color-white {
	color: #fff;
}
.dmi-wrap .text-color-red {
	color: var(--red);
}
.dmi-wrap .text-color-lightpink {
	color: var(--lightpink);
}
.dmi-wrap .text-color-green {
	color: var(--green);
}
.dmi-wrap .text-color-orange {
	color: var(--orange);
}
.dmi-wrap .text-color-mintgreen {
	color: var(--mintgreen);
}
.dmi-wrap .text-color-brown {
	color: var(--brown);
}
.dmi-wrap .text-color-darkbrown {
	color: var(--darkbrown);
}
.dmi-wrap .text-color-yellow {
	color: var(--yellow);
}
.dmi-wrap .text-color-purple {
	color: var(--purple);
}
.dmi-wrap .text-color-lightyellow {
	color: var(--lightyellow);
}
.dmi-wrap .text-color-royalblue {
	color: var(--royalblue);
}
.dmi-wrap .text-color-preciousred {
	color: var(--preciousred);
}


.dmi-wrap .text-color-royalblue-gradation {
	display: inline-block;
	background: var(--royalblue-gradation);
	-webkit-background-clip: text;
	background-clip: text;
    color: rgba(0,0,0,0);
}
.dmi-wrap .text-color-preciousred-gradation {
	display: inline-block;
	background: var(--preciousred-gradation);
	-webkit-background-clip: text;
	background-clip: text;
    color: rgba(0,0,0,0);
}




/* --------------------------------------
title-size
-------------------------------------- */
.title-size-sm {
	font-size: 30px;
	line-height: 1.4;
}
.title-size-md {
	font-size: 32px;
	line-height: 1.4;
}
.title-size-base {
	font-size: 34px;
	line-height: 1.4;
}
.title-size-lg {
	font-size: 38px;
	line-height: 1.4;
}
.title-size-xl {
	font-size: 46px;
	line-height: 1.4;
}
.title-size-1xl {
	font-size: 49px;
	line-height: 1.3;
}
.title-size-2xl {
	font-size: 63px;
	line-height: 1.3;
}
.title-size-3xl {
	font-size: 70px;
}
@media screen and (max-width:767px) {
	.title-size-sm {
		font-size: 5.4vw;
	}
	.title-size-md {
		font-size: 5.8vw;
	}
	.title-size-base {
		font-size: 6.2vw;
	}
	.title-size-lg {
		font-size: 6.5vw;
	}
	.title-size-xl {
		font-size: 7.3vw;
	}
	.title-size-1xl {
		font-size: 7.6vw;
	}
	.title-size-2xl {
		font-size: 7.8vw;
	}

}
@media screen and (max-width:767px) {
	.s_title-size-2xl {
		font-size: 7.8vw;
	}
	.s_title-size-md {
		font-size: 5.8vw;
	}
	.s_title-size-3xl {
		font-size: 8.6vw;
	}
}


/* --------------------------------------
title-border
-------------------------------------- */
.dmi-wrap .title-border {
	padding-bottom: 0.1em;
	border-bottom: 2px solid #ccc;
}
.dmi-wrap .title-border.title-border--dotted {
	border-bottom-style: dotted;
}
.dmi-wrap .title-border:has(.title-size-xl) {
	padding-bottom: 0.4em;
  }

/* orange01 */
.dmi-wrap .title-border.title-border--orange01 {
	border-color: var(--orange);
}
/* blue01 */
.dmi-wrap .title-border.title-border--blue01 {
	border-color: var(--skyblue);
}



/* goldline */
.dmi-wrap .title-border.title-border--goldline {
	border-bottom: 2px solid #8A683B;
	border-image: var(--goldline);
	border-image-slice: 2;
}

/* --------------------------------------
title-frame
-------------------------------------- */
.dmi-wrap .title-frame {
	padding: 0.1em 0.8em;
	border: 1px solid #ccc;
	text-align: center;
}

/* blue01 */
.dmi-wrap .title-frame.title-frame--blue01 {
	border-color: #2C4197;;
}

/* --------------------------------------
content-frame
-------------------------------------- */
/* whitebrown */
.content-frame {
	padding: 0.5em 0.8em;
	background: #ccc;
	overflow: hidden;
}
.content-frame.content-frame--whitebrown {
	background: var(--whitebrown);
}

/* --------------------------------------
title-block
-------------------------------------- */
.dmi-wrap .title-block {
	padding: 0.1em 0.5em;
	background: #ccc;
}

/* round01 */
.title-block.title-block--round01 {
	border-radius: 28px;
}
@media screen and (max-width:767px) {
	.title-block.title-block--round01 {
		border-radius: 8px;
	}
}

/* red */
.title-block.title-block--red  {
	background:var(--red);
	color: #fff;
}

/* brown */
.title-block.title-block--brown  {
	background:var(--brown);
	color: #fff;
}

/* redbrown */
.title-block.title-block--redbrown {
	background:var(--redbrown);
	color: #fff;
}


/* orange */
.title-block.title-block--orange {
	background:var(--orange);
	color: #fff;
}

/* redorange */
.title-block.title-block--redorange {
	background:var(--redorange);
	border: 2px solid #F09DC1;
	color: #fff;
}

/* green */
.title-block.title-block--green {
	background:var(--green);
	color: #fff;
}

/* blue */
.title-block.title-block--blue {
	background:var(--blue);
	color: #fff;
}

/* redpink */
.title-block.title-block--redpink {
	background:var(--redpink);
	color: #fff;
}
/* redpink */
.title-block.title-block--whiteyellow {
	background:var(--whiteyellow);
	color: var(--red);
}

/* gold */
.title-block.title-block--gold {
	background:var(--goldbg);
	color: var(--darkbrown);
}

  

/* --------------------------------------
text-rotate
-------------------------------------- */
.text-rotate {
	display: inline-block;
	padding-left: 0.3em;
	transform: rotate(40deg);
	transform-origin: center;
}

/* --------------------------------------
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-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-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-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-shadow05
-------------------------------------- */
.text-shadow05 {
	text-shadow:
		0.03em 0.03em 0.03em #fff,
		-0.03em -0.03em 0.03em #fff,
		-0.03em 0.03em 0.03em #fff,
		0.03em -0.03em 0.03em #fff,
		0 0 0.1em rgba(255, 255, 255, 0.6),
		0 0 0.1em rgba(255, 255, 255, 0.6),
		0 0 0.3em rgba(255, 255, 255, 0.6),
		0 0 0.3em rgba(255, 255, 255, 0.6),
		0 0 0.3em rgba(255, 255, 255, 0.6);
}


/* --------------------------------------
text-shadow06
-------------------------------------- */
.text-shadow06 {
	text-shadow:
		0 0 0.06em rgba(0, 0, 0, 1),
		0 0 0.06em rgba(0, 0, 0, 1),
		0 0 0.06em rgba(0, 0, 0, 1),
		0 0 0.2em rgba(0, 0, 0, 0.6),
		0 0 0.2em rgba(0, 0, 0, 0.6),
		0 0 0.3em rgba(0, 0, 0, 0.6),
		0 0 0.3em rgba(0, 0, 0, 0.6);
}



/* --------------------------------------
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 2px #fff,
	-2px -2px 2px #fff,
	-2px 2px 2px #fff,
	2px -2px 2px #fff,
	2px 0px 2px #fff,
	-2px 0px 2px #fff;
}
@media screen and (max-width:767px) {
	.text-border-bold {
		text-shadow: 1px 1px 1px #fff,
		-1px -1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		1px 0px 1px #fff,
		-1px 0px 1px #fff;
	}
}


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


/*-------------------------------
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;
	}
}

/* --------------------------------------
dmi_mambership
-------------------------------------- */
.dmi_mambership a {
	transition: all 300ms 0s ease;
}
.dmi_mambership a:hover {
	opacity: 0.6;
}


/* --------------------------------------
dmi_orderBtn
-------------------------------------- */
.dmi_orderBtn {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding: 10px;
	border: 3px solid #fff;
	border-radius: 16px;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	max-width: 453px;
	min-height: 95px;
	text-align: center;
	transition: all 300ms 0s ease;
}
.dmi_orderBtn:hover {
	cursor: pointer;
	opacity: 0.6;
}
.dmi_orderBtn a {
	position: relative;
	display: block;
	z-index: 1;
	text-decoration: none;
	color: #fff;
	font-weight: 900;
	line-height: 1.3;
}
.dmi_orderBtn a:hover {
	opacity: 1 !important;
}

.dmi_orderBtn img {
	filter: none !important;
}

.dmi_orderBtn .cart-text-01 {
	display: block;
	color: #fff;
	font-size: 29px;
	font-weight: 700;
}
.dmi_orderBtn .cart-text-02 {
	display: block;
	color: #fff;
	font-size: 30px;
	line-height: 1.3;
}
.dmi_orderBtn.btnType01 {
	background: rgb(73, 217, 5);
    background: linear-gradient(180deg, rgb(73, 217, 5) 0%, rgb(53, 135, 5) 100%);
}
.dmi_orderBtn.btnType01 .cart-text-02 {
	color: #ff0100;
}
.dmi_orderBtn.btnType02 {
	background: rgb(253, 2, 0);
    background: linear-gradient(180deg, rgb(253, 2, 0) 0%, rgb(159, 1, 0) 100%);
}
.dmi_orderBtn.btnType02 .cart-text-02 {
	color: #ffff00;
}

.dmi_orderBtn.btnType03 {
	background: rgba(225, 127, 2, 1);
	background : linear-gradient(0deg, rgba(255, 235, 0, 1) 43.18%, rgba(225, 127, 2, 1) 80.87%);
}
.dmi_orderBtn.btnType03 .cart-text-02 {
	color: #ff0100;
}

@media screen and (max-width: 767px) {
	.dmi_orderBtn {
		padding: 10px 5px;
		border: 3px solid #fff;
		border-radius: 14px;
		min-height: 60px;
	}
	.dmi_orderBtn .cart-text-01 {
		font-size: 5vw;
	}
	.dmi_orderBtn .cart-text-02 {
		font-size: 6vw;
	}
}

/* --------------------------------------
dmi_orderBtn--icon
-------------------------------------- */
.dmi_orderBtn--icon {
	display: flex;

}
.dmi_orderBtn--icon .free-add-cart-button {
	padding-left: 45px;
}
.dmi_orderBtn--icon .cart-icon {
	width: 95px;
	position: absolute;
	left: -16px;
	top: -16px;
}

@media screen and (max-width: 767px) {
	.dmi_orderBtn.orderBtn--icon {
		width: 320px;
		height: 86px;
		min-height: initial;
	}
	.dmi_orderBtn--icon .free-add-cart-button {
		padding-left: 10vw;
	}
	.dmi_orderBtn .cart-icon {
		width: 20vw;
		right: -2vw;
		top: -2vw;
	}
}
@media screen and (max-width: 340px) {

}

/* --------------------------------------
dmi_orderBtn.sold-out
-------------------------------------- */
.dmi_orderBtn.sold-out {
	transition: none;
	background: #999;
	font-size: 26px;
}
.dmi_orderBtn.sold-out:hover {
	opacity: 1;
	cursor: default;
}
.dmi_orderBtn.sold-out a:hover {
	cursor: default;
}
.dmi_orderSelect-itemBtn.dmi_orderBtn.sold-out,
.dmi_limited-orderBtn.dmi_orderBtn.sold-out {
	padding-left: 40px;
}
.dmi_limited-orderBtn.dmi_orderBtn.sold-out {
	min-height: 102px;
}
.purchase_fixed .dmi_orderSelect-itemBtn.dmi_orderBtn.sold-out {
	padding-left: 40px;
	min-height: 82px;
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.dmi_orderBtn.sold-out {
		font-size: 5.3vw;
		min-height: 79px;
	}
	.dmi_orderSelect-itemBtn.dmi_orderBtn.sold-out,
	.dmi_limited-orderBtn.dmi_orderBtn.sold-out {
		padding-left: 10vw;
	}
	.dmi_limited-orderBtn.dmi_orderBtn.sold-out {
		min-height: initial;
	}
	.purchase_fixed .dmi_orderSelect-itemBtn.dmi_orderBtn.sold-out {
		padding-left: 7vw;
		font-size: 3.4vw;
		min-height: initial;
	}
}

/*-------------------------------
dmi_orderSelect
-------------------------------*/
.dmi_orderSelect {
	background-color: #B6F0FF;
	padding-top: 20px;
	padding-bottom: 20px;
}
.dmi_orderSelect-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.dmi_orderSelect-item {
	flex: 0 1 32%;
	/* margin: 0 15px; */
}
.dmi_orderSelect-campaignText {
	position: relative;
	max-width: 600px;
}
.dmi_orderSelect-campaignText::before,
.dmi_orderSelect-campaignText::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 2px;
	height: 130%;
	background: var(--red);
	border-radius: 20px;
	z-index: 1;
}

.dmi_orderSelect-campaignText::before {
	transform: rotate(-40deg);
	left: 15px;
}

.dmi_orderSelect-campaignText::after {
	transform: rotate(40deg);
	right: 15px;
}


@media screen and (max-width: 767px) {
	.dmi_orderSelect {}
	.dmi_orderSelect-content {
		flex-direction: column;
		align-items: center;
	}
	.dmi_orderSelect-item {
		flex: 0 1 auto;
		max-width: initial;
		width: 90vw;
		margin: 0 15px;
	}
	.dmi_orderSelect-item:not(:first-child) {
		margin-top: 10px;
	}
	.dmi_orderSelect-campaignText::before,
	.dmi_orderSelect-campaignText::after {
		height: 100%;
	}

.dmi_orderSelect-campaignText::before {
	left: 30px;
}

.dmi_orderSelect-campaignText::after {
	right: 30px;
}
}

/* --------------------------------------
dmi_menu
-------------------------------------- */
.dmi_menu-inner {
	background: #eefffc;
	padding: 36px;
}
.dmi_menu-inner .arrow-textBefore--down::before {
	margin-left: 0;
	margin-right: 0.5em;
	color: #206e7c;
}
.dmi_menu-list {
	display: flex;
	flex-wrap: wrap;
}
.dmi_menu-list li {
	flex: 0 0 46%;
}
.dmi_menu-list li:nth-child(n+3) {
	padding-top: 10px;
}
.dmi_menu-title {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #a2b4cb;
	color: #39425c;
}

@media screen and (max-width: 767px) { 
	.dmi_menu-inner {
		background: #eefffc;
		padding: 10px;
	}
	.dmi_menu-list {
		display: block;
	}
	.dmi_menu-list li:not(:first-child) {
		padding-top: 10px;
	}
}
/*-------------------------------
dmi_headbnr
-------------------------------*/
.dmi_headbnr {
	margin: 0 auto;
	background: #D30012;
	padding: 5px 14px;
}
.dmi_headbnr-content {
	position: relative;
}
.dmi_headbnr-text {
	font-size: 35px;
	text-align: center;
}
.dmi_headbnr-text span {
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	.dmi_headbnr {
		padding: 5px 10px;
		margin: 0 -15px;
	}
	.dmi_headbnr-text {
		font-size: 4.5vw;
		line-height: 1.2;
	}
}
/*-------------------------------
main_visual
-------------------------------*/
.main_visual {}

.main_visual-ttlWrap {
	margin: 0 auto;
	background: #57AF5A;
	padding: 10px 0;
}
.main_visual-textImg-inner {
	display: flex;
	justify-content: center;
}
.main_visual-content {
	position: relative;
	padding: 30px 0;
	background: #FFF1D1;
}
.main_visual-itemBox {
	display: flex;
	justify-content: space-between;
}
.main_visual-item {
	position: relative;
	flex: 0 0 32%;
}

.main_visual-item-icon01 {
	position: absolute;
    left: -40px;
    top: -15px;
    width: 139px;
    height: auto;
}

@media screen and (max-width: 767px) {
	.main_visual {
		margin: 0 -15px;
	}
	.main_visual-ttlWrap {
		padding: 5px 10px;
	}
	.main_visual-item-icon01 {
		position: absolute;
		left: -3vw;
		top: -5vw;
		width: 15vw;
	}
	.main_visual-content {
		padding: 15px 15px;
	}
}
/*-------------------------------
main_visual itemBtn
-------------------------------*/
.main_visual-itemBtn {
	margin: 10px auto 0;
    height: 100px;
}
.main_visual .dmi_orderBtn {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	.main_visual-itemBtn {
		width: auto;
		height: 17vw;
		border-width: 2px;
	}
	.main_visual-itemBtn .cart-text-01 {
		font-size: 3vw;
	}
	.main_visual-itemBtn .cart-text-02 {
		font-size: 4vw;
	}
}

/*-------------------------------
dmi_itemBnr
-------------------------------*/
.dmi_itemBnr-inner {
	max-width: 1200px;
}

/*-------------------------------
dmi_comfortable
-------------------------------*/

.dmi_comfortable-inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-around;
}
.dmi_comfortable-text {
	flex: 0 1 100%;
}
.dmi_comfortable-img {
	flex: 0 0 402px;
	margin-right: 40px;
}
.dmi_comfortable-ttl {}
.dmi_comfortable-ttl > span {
	display: block;
}
@media screen and (max-width: 767px) {
	.dmi_comfortable-inner {
		display: block;
	}
	.dmi_comfortable-img {
		margin-right: 0;
	}
}

/*-------------------------------
dmi_limited
-------------------------------*/
.dmi_limited-content {

}
.dmi_limited-inner {
	background: url(/contents/shop/00000003/image/static/dmi/dmi20_lp_img_07_bk.png);
	background-size: cover;
	background-position: top;
	padding: 24px;
}
.dmi_limited-content {
	background: rgb(255,255,255, 0.6);
	padding: 24px;
}
.dmi_limited-ttlWrap {
	display: flex;
	padding-bottom: 20px;
}
.dmi_limited-ttlIcon {
	flex: 0 0 132px;
	margin-right: 10px;
}
.dmi_limited-ttl {
	line-height: 1.3;
	flex: 1 1 auto;
}
.dmi_limited-ttl-text02,
.dmi_limited-ttl-text03 {
	letter-spacing: -0.08em;
	margin-left: -0.7em;
}

.dmi_limited-lead {
	line-height: 1.8;
}
.dmi_limited-items {
	display: flex;
	justify-content: space-between;
}
.dmi_limited-item {
	flex: 0 1 453px;
}
.dmi_limited-orderBtn {
	max-width: 92%;
	margin: 0 auto;
}
.dmi_limited-more-items {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.dmi_limited-inner {
		margin-left: -15px;
		margin-right: -15px;
		padding: 15px;
	}
	.dmi_limited-content {
		padding: 16px;
		padding: 10px;
	}
	.dmi_limited-lead {
		line-height: 1.6;
	}
	.dmi_limited-ttlIcon {
		flex: 0 0 26vw;
	}
	.dmi_limited-items {
		display: block;
	}
	.dmi_limited-item:not(:first-child) {
		margin-top: 40px;
	}
	.dmi_limited-ttl-text02,
	.dmi_limited-ttl-text03 {
		white-space: nowrap;
	}
	.dmi_limited-more-items {
		display: block;
	}
	.dmi_limited-more-item {
		width: 56%;
		position: relative;
	}
	.dmi_limited-more-item:nth-child(1) {
		z-index: 1;
		width: 70%;
	}
	.dmi_limited-more-item:nth-child(2) {
		margin-left: auto;
		margin-top: -21vw;
		z-index: 2;
	}
	.dmi_limited-more-item:nth-child(3) {
		width: 63vw;
		margin-right: auto;
		margin-left: auto;
		z-index: 1;
		margin-top: -30px;
	}
}

/* --------------------------------------
dmi_feature
-------------------------------------- */
.dmi_feature-item:not(:first-child) {
	margin-top: 40px;
}
.dmi_feature-itemContent {
	display: flex;
	justify-content: space-between;
}
.dmi_feature-itemContent p {
	text-align: justify;
}

.dmi_feature-text {
	flex: 1 1 auto;
}
.itemtype-01 .dmi_feature-img {
	flex: 0 0 343px;
	margin-left: 10px;
}
.itemtype-01 .itemtype-01-img {
	margin-top: -60px;
}
.itemtype-02 .itemtype-02-imgBox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.itemtype-02 .itemtype-02-imgBox .itemtype-02-imgBox-item {
	flex: 0 1 211px;
	margin: 0 10px;
}
.itemtype-02 .itemtype-02-imgBox .itemtype-02-imgBox-item:last-child {
	width: 100%;
}
.itemtype-02 .dmi_feature-img {
	flex: 0 0 302px;
	margin-left: 40px;
}


.itemtype-01 .itemtype-02-imgBox {

}

@media screen and (max-width: 767px) {
	.dmi_feature-itemContent {
		display: block;
	}
	.itemtype-01 .dmi_feature-img {
		margin-left: 0;
	}
	.itemtype-01 .itemtype-01-img {
		width: 60vw;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.itemtype-02 .dmi_feature-img {
		max-width: 60vw;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.itemtype-02 .itemtype-02-imgBox .itemtype-02-imgBox-item {
		flex: 0 1 43%;
	}
}
/* --------------------------------------
dmi_uservoice
-------------------------------------- */
.dmi_uservoice {
	background: var(--whitebrown);
}
.dmi_uservoice-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(30% - 16px), 1fr));
	gap: 16px;
}
.dmi_uservoice-item {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 1em;
	border: 3px solid var(--orange);
	border-radius: 20px;
}
.dmi_uservoice-user {
	margin-top: auto;
}
@media screen and (max-width: 767px) {
	.dmi_uservoice {

	}
	.dmi_uservoice-list {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}
}

/*-------------------------------
dmi_gift
-------------------------------*/
.dmi-gift {
	position: relative;
}
.dmi_gift-inner {
	position: relative
}
.dmi-gift-ttl {
	position: absolute;
	z-index: 2;
	margin: auto !important;
	width: 648px;
	top: -28px;
	left: 0;
	right: 0;
}
.dmi_gift-content {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.dmi_gift-img {
	flex: 0 0 284px;
	margin-right: 20px;
	padding-top: 50px;
}
.dmi_gift-text {
	flex: 1 1 auto;
	padding-top: 50px;
}
@media screen and (max-width:767px) {
	.dmi_gift {
		padding-top: 10vw;
	}
	.dmi-gift-ttl {
		width:110%;
		left: -16px;
		top: -10vw;
	}
	.dmi_gift-content {
		display: block;
	}
	.dmi_gift-img {
		max-width: 50vw;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	.dmi_gift-text {
		padding-top: 3vw;
	}
}
/* --------------------------------------
dmi_point 
-------------------------------------- */
.dmi_point {}
.dmi_point-inner {
	display: flex;
	justify-content: space-between;
}
.dmi_point-item {
	flex: 0 0 49%;
}
.dmi_point-itemImg {
	max-width: 499px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px) {
	.dmi_point-inner {
		display: block;
	}
	.dmi_point-item:not(:first-child) {
		margin-top: 20px;
	}
}

/*-------------------------------
dmi_easy
-------------------------------*/
.dmi_easy-title {

}
.dmi_easy-title-inner {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.dmi_easy-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dmi_easy-content .dmi_easy-item:first-child {
	flex: 0 0 573px;
}
.dmi_easy-content .dmi_easy-item:nth-child(2){
	flex: 0 0 429px;
}
.dmi_easy-content .dmi_easy-item:nth-child(n+3){
	flex: 0 0 324px;
	margin-top: 20px;
}
@media screen and (max-width:767px) {
	.dmi_easy-title-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.dmi_easy-content .dmi_easy-item:first-child {
		flex: 0 0 100%;
	
	}
	.dmi_easy-content .dmi_easy-item:nth-child(2){
		flex: 0 0 100%;
		order: -1;
	}
	.dmi_easy-content .dmi_easy-item:nth-child(n+3){
		flex: 0 0 49%;
		margin-top: 10px;
	}
}

/*-------------------------------
dmi_expert
-------------------------------*/
.dmi_expert-inner {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.dmi_expert-inner::after {
	position: absolute;
	top: 0;
	left: calc(50% - 3px);
	content: "";
	width: 3px;
	height: 100%;
	background-color: var(--orange);
}
.dmi_expert-item {
	flex: 0 0 47%;
	display: flex;
	flex-direction: column;
}

.dmi_expert-profileBox {
	overflow: hidden;
	padding-top: 20px;
	margin-top: auto;
}
.dmi_expert-profileImg {
	width: 150px;
	margin-right: 10px;
}
.dmi_expert-profileText {
	margin-top: 5px;
	margin-left: 160px;
	padding-top: 5px;
	border-top: 1px solid var(--base);
}

@media screen and (max-width:767px) {
	.dmi_expert-inner {
		display: block;
	}
	.dmi_expert-inner::after {
		display: none;
	}
	.dmi_expert-item:not(:first-child) {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 2px solid var(--orange);
	}
	.dmi_expert-profileImg {
		width: 30vw;
	}
	.dmi_expert-profileText {
		margin-left: 33vw;
	}
}
/*-------------------------------
dmi_return
-------------------------------*/
.dmi_return-content {
	display: flex;
	overflow: hidden;
}
.dmi_return-content-img {
	flex: 0 0 230px;
	margin-right: 20px;
}
.dmi_return-content-text {
	flex: 1 1 auto;
}

@media screen and (max-width:767px) {
	.dmi_return-content {
		display: block;
		overflow: hidden;
	}
	.dmi_return-content-img {
		float: left;
		width: 24vw;
		margin-right: 10px;
	}
	.dmi_return-ttl {
		margin-left: 25vw !important;
	}
}

/*-------------------------------
dmi_recommend
-------------------------------*/
.dmi_recommend {}
.dmi_recommend-list {
	padding-left: 16px;
	padding-right: 16px;
}
.dmi_recommend-content {
	display: flex;
	justify-content: space-between;
}
.dmi_recommend-text {
	flex: 0 1 auto;
}
.dmi_recommend-img {
	flex: 0 0 253px;
	margin-left: 20px;
}
.dmi_recommend-list li {
	position: relative;
	padding-left: 1.5em;
}
.dmi_recommend-list li:not(:first-child) {
	margin-top: 5px;
}
.dmi_recommend-list li .material-icons {
	position: absolute;
	top: 0.18em;
	left: 0;
	color: var(--mintgreen);
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	.dmi_recommend-content {
		display: block;
	} 
	.dmi_recommend-list {
		padding-left: 8px;
		padding-right: 8px;
	}
	.dmi_recommend-img {
		max-width: 60vw;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
	}
}

/*-------------------------------
dmi_interview
-------------------------------*/
.dmi_interview .borderBox-inner.dmi_interview-inner {
	padding-left: 30px;
	padding-right: 30px;
}
.dmi_interview-inner p {
	text-align: justify;
}
.dmi_interview-subTtl {
	color: #921F56;
}
.dmi_interview-profileBox {
	position: relative;
	float: right;
	border:2px solid var(--skyblue);
	width: 327px;
	background: var(--whiteblue);
	margin: 10px 10px 10px 20px;
	margin-top: -50px;
}
.dmi_interview-profilePost {
	display: flex;
	line-height: 1.3;
}
.dmi_interview-profilePostText {
	padding: 10px 10px 0 10px;
}
.dmi_interview-profilePostText-name {
	display: flex;
	justify-content: center;
	align-items: center;
}
.dmi_interview-profileTextBox {
	padding: 10px;
}

.dmi_interview-imgBox {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.dmi_interview .borderBox-inner.dmi_interview-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.dmi_interview-profileBox {
		width: auto;
		margin: 0;
		float: none;
	}
	.dmi_interview-imgBox {
		display: block;
	}
	.dmi_interview-imgBox-item:not(:first-child) {
		margin-top: 10px;
	}
}

/*-------------------------------
dmi_userinterview
-------------------------------*/
.userinterview-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.userinterview-item-inner {
	display: flex;
	justify-content: space-between;
}
.itemtype-01 .dmi_userinterview-subTtl {
	margin-right: 319px;
}
.itemtype-01 .userinterview-item-inner {
	flex-direction: row-reverse;
	width: 100%;
}
.itemtype-01 .userinterview-itemUser {
	flex: 0 0 309px;
	margin-top: -160px;
}
.itemtype-02 {
	flex: 0 1 48%;
}
.itemtype-02 .userinterview-itemUser {
	flex: 0 0 150px;
	margin-right: 20px;
}
.itemtype-02 .userinterview-itemText {
	flex: 1 1 auto;
}

@media screen and (max-width: 767px) {
	.userinterview-content {
		display: block;
	}
	.userinterview-item-inner {
		display: block;
	}
	.userinterview-itemUser {
		float: right;
	}
	.itemtype-01 .dmi_userinterview-subTtl {
		margin-right: 0;
	}
	.itemtype-01 .userinterview-itemUser {
		width: 40vw;
		margin-top: 0;
	}
	.itemtype-02 .userinterview-itemUser {
		width: 30vw;
		margin-left:10px;
	}
}

/*-------------------------------
dmi_technology
-------------------------------*/
.dmi_technology {
	background: #FFF5DE;
}
.dmi_technology-ttl {
	/* margin-right: -160px !important; */
}
.dmi_technology-inner {
	overflow: hidden;
	/* display: flex;
	justify-content: space-between;
	flex-wrap: wrap; */
}
.dmi_technology-text,
.dmi_technology-notice {
	/* flex: 0 0 470px; */
	width: 470px;
}
.dmi_technology-img {
	margin-left: 20px;
	margin-top: 10px;
	float: right;
	/* display: flex;
	align-items: flex-end;
	flex:0 0 539px; */
}

@media screen and (max-width: 767px) {
	.dmi_technology-inner {
		display: flex;
		flex-direction: column;
	}
	.dmi_technology-ttl {
		margin-right: 0 !important;
	}
	.dmi_technology-text,
	.dmi_technology-notice {
		width: auto;
	}
	.dmi_technology-text {
		order: 1;
	}
	.dmi_technology-notice {
		order: 2;
	}
	.dmi_technology-img {
		float: none;
		order: 2;
		margin-left: 0;
	}
}


/*-------------------------------
dmi_faq
-------------------------------*/
.dmi_faq {
	background: #EFFFD2;
	padding-top: 40px;
	padding-bottom: 40px;
}
.dmi_faq-inner {
	background: #fff;
	padding: 24px;
	border-radius: 18px;
}
.dmi_faq-ttlWrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dmi_faq-box {
	counter-increment: faqCounter;
}
.dmi_faq-item:not(:first-of-type) {
	counter-increment: faqCounter;
}
.dmi_faq-item:not(:first-of-type) {
	margin-top: 20px;
}
.dmi_faq-question::before {
	content: 'Q' counter(faqCounter);
    background: #fff;
    padding: 6px 10px;
    display: inline-block;
	font-size: 32px;
    color: var(--green);
	line-height: 1;
    margin: 5px 10px 5px 0;
}
.dmi_faq-question {
	display: flex;
    align-items: center;
	
}

.dmi_faq-answer {
	min-height: 3em;
	position: relative;
	padding: 20px 0 0 80px;
}

.dmi_faq-answer-inner::before {
	content: 'A' counter(faqCounter);
	position: absolute;
	left: 20px;
	top: 15px;
	background: #FFC237;
    padding: 6px 10px;
    margin: 5px 10px 5px 0;
    display: inline-block;
	font-size: 22px;
	font-weight: 900;
    color: var(--base);
	line-height: 1;
}
.dmi_faq-question {
	display: flex;
	align-items: center;
}
.dmi_faq-answer-imgFlex {
	display: flex;
	justify-content: center;
	flex: 0 0 400px;
}
@media screen and (max-width: 767px) {
	.dmi_faq {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.dmi_faq-ttlWrap-img01,
	.dmi_faq-ttlWrap-img02 {
		width: 16vw;
	}
	.dmi_faq-inner {
		padding: 10px;
		border-radius: 18px;
	}
	.dmi_faq-question {
		
	}
	.dmi_faq-question::before {
		font-size: 18px;
	}
	.dmi_faq-answer {
		position: relative;
		padding: 10px 0 0 52px;
	}
	.dmi_faq-answer-inner::before {
		top: 5px;
		left: 5px;
		font-size: 16px;
	}
	.dmi_faq-answer-imgFlex {
		flex: 0 1 auto;
	}
}

/*-------------------------------
dmi_spec
-------------------------------*/
.dmi_spec {

}
.dmi_spec-inner {
	max-width: 1030px;
}
.dmi_spec-mainvisual {
	position: relative;
	text-align: center;
}
.dmi_spec-ttl {
	position: absolute;
	width: 480px;
	right: 70px;
}
/* あとで調整 */
.dmi_spec-ttl img {
	width: 100%;
}
.dmi_spec-ttl-icon {
	position: absolute;
	width: 215px;
	left: 40px;
}
.dmi_spec-ttl-icon-txt {
	position: absolute;
    top: 225px;
    left: 59px;
    width: 180px;
}
.dmi_spec-ttl-icon-txt.arrow-textAfter--right::after {
	position: absolute;
	top: 0.3em;
	right: 0;
}
.dmi_spec-insurance {
	display: flex;
	align-items: flex-end;
	position: relative;
	margin-top: -30px;
}
.dmi_spec-insurance-ttl {
	flex: 0 0 109px;
	margin-right: 20px;
}
.dmi_spec-insurance-text {}

.dmi_spec-battery {
	display: flex;
}
.dmi_spec-battery-ttl {
	flex: 1 0 auto;
	margin-right: 20px;
}
.dmi_spec-battery-text {
	flex: 1 1 836px;
}
.dmi_spec-info {
	border: 1px solid #ccc;
	padding: 0.2em 0.5em;
	max-width: 90%;
	margin: auto;
}
.dmi_spec-content {}

h2.dmi_spec-ttl img {
	max-width: initial;
	width: 80%;
}
.dmi_spec-sectionBorderTop {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.dmi_specList01 li,
.dmi_specList02 li {
	display: inline;
}
@media screen and (max-width: 767px) {
	.dmi_spec-ttl {
		width: 53vw;
		right: 0;
	}
	.dmi_spec-ttl-icon {
		width: 24vw;
		left: 0;
	}
	.dmi_spec-ttl-icon-txt {
		position: static;
		width: auto;
	}
	.dmi_spec-insurance {
		margin-top: 10px;
		align-items: flex-start;
	}
	.dmi_spec-insurance-ttl {
		flex: 0 0 14vw;
		margin-right: 10px;
	}
	.dmi_spec-battery {
		display: block;
	}
	.dmi_spec-battery-ttl {
		display: inline-block;
		margin-right: 0;
	}
	.dmi_spec-battery-text {
		flex: 1 1 836px;
	}
	.dmi_spec-info {
		max-width: initial;
	}
	.dmi_spec-sectionBorderTop {
		margin-top: 10px;
		padding-top: 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: 1170px;
	padding: 10px 15px;
    margin: 0 auto;
  }
  .purchase_fixed-item {
	flex: 0 0 32%;
  }
  .purchase_fixed-item .dmi_orderBtn {
	padding: 0;
	min-height: initial;
  }
  .purchase_fixed-item .free-add-cart-button {
	transform: scale(0.8);
  }
  @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 10px;
		flex-wrap: wrap;
	}
	.purchase_fixed-item {
		flex: 0 0 48.5%;
	}
	.purchase_fixed-item:first-child {
		order: 3;
		flex: 0 0 100%;
		margin-top: 5px;
	}
	.purchase_fixed-item .dmi_orderBtn {
		padding:5px 0 5px 20px;
		border: 2px solid #fff;
		min-height: 13vw;
	}
	.purchase_fixed-item .free-add-cart-button {
		transform: scale(1);
	  }
	.purchase_fixed-item .dmi_orderBtn .cart-text-01 {
	  font-size: 3vw;
	}
	.purchase_fixed-item .cart-text-02 {
	  font-size: 4vw;
	  line-height: 1.2;
	}
	.purchase_fixed-item:first-child .dmi_orderBtn .cart-text-01 {
		font-size: 3.3vw;
	  }
	  .purchase_fixed-item:first-child .cart-text-02 {
		font-size: 4.4vw;
	  }

	.purchase_fixed-item .dmi_orderBtn {
		border-radius: 8px;
	}
	.purchase_fixed-item .dmi_orderBtn--icon .free-add-cart-button {
		padding-left: 0;
	}
	.purchase_fixed-item .cart-icon {
		width: 12vw;
	}
	.purchase_fixed-item .dmi_orderBtn--icon .cart-icon {
		left: -15px;
		top: -5px;
	}

	.purchase_fixed-item:first-child .dmi_orderBtn--icon .cart-icon {
		left: 15vw;
		top: 0;
	}
	
  }


/* --------------------------------------
slider
-------------------------------------- */
.dmi_slider .loading_icon:before {
	content: url(/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;
}

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

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

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

.dmi_slider .flex-direction-nav li {
	margin: 0 10vw 0;
	width: 35px;
	height: 35px;
	font-size: 0;
	display: flex;
	align-items: center;
}

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

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

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

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

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

.dmi_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) {
	.dmi_slider .flex-direction-nav a {
		margin: 10px 25vw 0;
		top: 1vw;
	}

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